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

app/javascript/controllers/submit_selected_ids_controller.js

@@ -7,7 +7,9 @@ export default class extends Controller {
     if (this.hasSubmitTarget) {
       this.toggleSubmit()
     }
-    this.#updateSelectedCountText()
+    if (this.hasSelectedUsersCounterTarget) {
+      this.#updateSelectedCountText()
+    }
   }
 
   submit(event) {

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) 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": "nWjZGj", "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="col-md-10 sticky-footer">
         <div class="py-3 bg-white border-top d-flex justify-content-end">
           <div>
-            <%= link_to "Terminer et revenir à l'accueil", @user_list_upload.structure_users_path, class: "btn btn-blue-out", data: { turbo_frame: "_top" } %>
+            <%=
+              link_to(
+                "Terminer et revenir à l'accueil", 
+                @user_list_upload.structure_users_path, 
+                class: "btn btn-blue-out", 
+                data: { 
+                  turbo_frame: "_top",
+                  controller: "tally",
+                  "tally-form-id": "nWjZGj",
+                  "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" # Polls
 flourish = "flo.uri.sh" # for deployment map
 
 Rails.application.config.content_security_policy do |policy|
   policy.default_src :self, :https
   policy.font_src    :self, :https, :data
   policy.img_src     :self, :https, :data, s3_bucket
   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, :https, :unsafe_inline
   policy.style_src   :self, :https, :unsafe_inline
-  policy.connect_src :self, rdv_solidarites, sentry, matomo, maze, *crisp
+  policy.connect_src :self, rdv_solidarites, sentry, matomo, tally, *crisp
   policy.worker_src :self, :blob
   # Specify URI for violation reports
   # policy.report_uri "/csp-violation-report-endpoint"

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(),