feat(tally): integrate tally poll

.env.example

@@ -6,8 +6,6 @@ ACTIVE_RECORD_ENCRYPTION_PRIMARY_KEY=ACTIVE_RECORD_ENCRYPTION_PRIMARY_KEY
 ACTIVE_RECORD_ENCRYPTION_DETERMINISTIC_KEY=ACTIVE_RECORD_ENCRYPTION_DETERMINISTIC_KEY
 ACTIVE_RECORD_KEY_DERIVATION_SALT=ACTIVE_RECORD_KEY_DERIVATION_SALT
 
-MAZE_API_KEY=change_me
-
 # Third-party services
 ## SMS
 BREVO_API_V3_KEY=change_me
@@ -55,3 +53,6 @@ RDV_SOLIDARITES_OAUTH_APP_ID=zC24y16rYftyrBgTj8h08g1NZKkwStXWe3E_lLMGoHc
 RDV_SOLIDARITES_OAUTH_APP_SECRET=development-EdtuETfEK5Lr_--kx6S_QlItIJov-iThILw6M8IyTus
 CRISP_WEBSITE_ID=change_me
 ENABLE_CRISP=false
+
+
+TALLY_NEW_UPLOAD_FORM_ID=change_me

app/javascript/controllers/tally_controller.js

@@ -0,0 +1,49 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  async showPopup() {
+    if (this.#hasAlreadyAnswered || !this.element.dataset.tallyFormId) return
+
+    await this.#loadScript()
+    this.#displayForm()
+  }
+
+  #loadScript() {
+    return new Promise((resolve) => {
+      if (!document.querySelector("script#tally-script")) {
+        const script = document.createElement("script");
+        script.src = "https://tally.so/widgets/embed.js";
+        script.id = "tally-script"
+        script.onload = resolve
+        document.head.appendChild(script);
+      } else {
+        resolve();
+      }
+    })
+  }
+
+  #displayForm() {
+    setTimeout(() => {
+      window.Tally.openPopup(this.element.dataset.tallyFormId, {
+        onSubmit: () => {
+          this.#hasAlreadyAnswered = true
+
+          // Give time for the user to read success message in Tally's popup
+          setTimeout(() => window.Tally.closePopup(this.element.dataset.tallyFormId), 1000);
+        }
+      })
+    }, this.element.dataset.tallyDelayInMs || 0)
+  }
+
+  set #hasAlreadyAnswered(value) {
+    localStorage.setItem(this.#hasAlreadyAnsweredKey, value)
+  }
+
+  get #hasAlreadyAnswered() {
+    return !!localStorage.getItem(this.#hasAlreadyAnsweredKey)
+  }
+
+  get #hasAlreadyAnsweredKey() {
+    return `tally-answered-${this.element.dataset.tallyFormId}`
+  }
+}

app/javascript/react/pages/users/Uploads.jsx

@@ -7,7 +7,6 @@ import EnrichWithContactFile from "../../components/users/EnrichWithContactFile"
 import BatchActionsButtons from "../../components/users/BatchActionsButtons";
 import DisplayReferentsColumnButton from "../../components/users/DisplayReferentsColumnButton";
 import UsersList from "../../components/users/UsersList";
-import MazePoll from "../../components/MazePoll";
 
 import uploadFile from "../../lib/uploadFile";
 import retrieveUpToDateUsers from "../../lib/retrieveUpToDateUsers";
@@ -232,7 +231,6 @@ const UsersUploads = observer(
               </div>
             </div>
             <UsersList users={users} />
-            <MazePoll />
           </>
         )}
       </>

app/views/user_list_uploads/invitation_attempts/index.html.erb

@@ -54,7 +54,7 @@
           </div>
           <div>
             <% if @all_invitations_attempted %>
-              <%= link_to "Terminer", @user_list_upload.structure_users_path, class: "btn btn-primary d-block mx-auto", data: { turbo_frame: "_top" } %>
+              <%= link_to "Terminer", @user_list_upload.structure_users_path, class: "btn btn-primary d-block mx-auto", data: { turbo_frame: "_top", controller: "tally", "tally-form-id": ENV["TALLY_NEW_UPLOAD_FORM_ID"], "tally-delay-in-ms": 1000, action: "click->tally#showPopup" } %>
             <% else %>
               <%= link_to "Terminer", "#", class: "btn btn-primary d-block mx-auto disabled" %>
             <% end %>

app/views/user_list_uploads/user_save_attempts/index.html.erb

@@ -55,7 +55,20 @@
       <div class="container sticky-footer">
         <div class="py-3 px-4 bg-white d-flex justify-content-end">
           <div>
-            <%= link_to "Terminer et revenir à l'accueil", @user_list_upload.structure_users_path, class: "btn btn-blue-out #{'link-disabled' unless @all_saves_attempted}", data: { turbo_frame: "_top" } %>
+            <%=
+              link_to(
+                "Terminer et revenir à l'accueil", 
+                @user_list_upload.structure_users_path, 
+                class: "btn btn-blue-out #{'link-disabled' unless @all_saves_attempted}", 
+                data: { 
+                  turbo_frame: "_top",
+                  controller: "tally",
+                  "tally-form-id": ENV["TALLY_NEW_UPLOAD_FORM_ID"],
+                  "tally-delay-in-ms": 1000,
+                  action: "click->tally#showPopup"
+                }
+              )
+            %>
           </div>
           <div class="ms-3">
             <% if @user_list_upload.invitations_enabled? %>

config/initializers/content_security_policy.rb

@@ -9,19 +9,19 @@
 matomo = "matomo.inclusion.beta.gouv.fr"
 crisp = ["*.crisp.chat", "wss://client.relay.crisp.chat"]
 sentry = "sentry.incubateur.net"
-maze = "*.maze.co"
+tally = "tally.so"
 flourish = ["flo.uri.sh", "https://public.flourish.studio/resources/embed.js"] # for deployment map
 
 Rails.application.config.content_security_policy do |policy|
   policy.default_src     :self
   policy.font_src        :self, :data, *crisp
   policy.img_src         :self, :data, s3_bucket, *crisp
   policy.media_src       :self, s3_bucket
-  policy.frame_src       :self, *flourish, maze
+  policy.frame_src       :self, *flourish, tally
   policy.object_src      :none
-  policy.script_src      :self, matomo, *crisp, *flourish, maze, sentry
+  policy.script_src      :self, matomo, *crisp, *flourish, tally, sentry
   policy.style_src       :self, :unsafe_inline, *crisp
-  policy.connect_src     :self, rdv_solidarites, sentry, matomo, maze, *crisp
+  policy.connect_src     :self, rdv_solidarites, sentry, matomo, tally, *crisp
   policy.form_action     :self, rdv_solidarites
   policy.frame_ancestors :self, rdv_solidarites, matomo
   policy.worker_src      :self, :blob

config/webpack/webpack.config.js

@@ -52,7 +52,6 @@ module.exports = {
       "process.env.RAILS_ENV": JSON.stringify(process.env.RAILS_ENV),
       "process.env.MATOMO_CONTAINER_ID": JSON.stringify(process.env.MATOMO_CONTAINER_ID),
       "process.env.CRISP_WEBSITE_ID": JSON.stringify(process.env.CRISP_WEBSITE_ID),
-      "process.env.MAZE_API_KEY": JSON.stringify(process.env.MAZE_API_KEY),
     }),
     // Include plugins
     new RemoveEmptyScriptsPlugin(),