@sprig-technologies/sprig-bundled 2.47.0 → 2.48.0

package/dist/{conversational-ui-CXl_8HB_.js → conversational-ui-CoOUaxMV.js}

@@ -1,7 +1,7 @@
-import { u as F, a as n, h as Q, e as ne, z as fe, c as H, b as J, d as ge, g as He, p as de, F as ke, _ as le, T as Ce, A as wn, M as Ee, i as En, P as jn, o as In, r as Tn, t as _n, S as Dn, D as Me, B as rn, y as Sn, x as Pn } from "./view-eRBVyC0l.js";
-import { v as Ln, E as De, j as on, A as $e, k as Nn, f as sn } from "./index-BNI3IK7K.js";
-import { B as se, M as ae, b as ue, O as Fe, Q as pe, S as Rn, L as Mn, u as Bn, a as we, H as Ve, g as qn, c as Un, D as An } from "./getAttributedUrl-D-vLs0_x.js";
-const he = "https://cdn.sprig.com", S = { document: void 0, videojs: void 0 }, ze = (e) => e + "-loading-spiner", K = "hidden", Ye = ".m3u8", Se = "questionId", Pe = "ul-video-recorder-camera-off-button", Le = "ul-recording-in-session", On = [{ type: "link", content: `${he}/dependencies/videojs-record-4.5.0.min.css` }, { type: "script", content: `${he}/dependencies/RecordRTC-5.6.2.js` }, { type: "script", content: `${he}/dependencies/adapter.8.0.0.min.js` }, { type: "script", content: `${he}/dependencies/videojs-record-4.5.0.min.js` }, { type: "script", content: `${he}/userleap-web-upchunk-v2.2.2.js` }], an = [{ type: "link", content: `${he}/dependencies/video-js-7.18.0.min.css` }, { type: "script", content: `${he}/dependencies/video-js-7.18.0.min.js` }, { type: "style", content: `/* progress control styles */
+import { u as F, a as n, h as Q, e as ne, z as fe, c as H, b as J, d as ge, g as He, p as de, F as ke, _ as le, T as Ce, A as wn, M as Ee, i as En, P as jn, o as In, r as Tn, t as _n, S as Dn, D as Me, B as rn, y as Sn, x as Pn } from "./view-bHnS65wz.js";
+import { v as Ln, E as De, j as on, A as $e, k as Nn, f as sn } from "./index-Q_m-uWR7.js";
+import { B as se, M as ae, b as ue, O as Fe, Q as pe, S as Rn, L as Mn, u as Bn, a as we, H as Ve, g as qn, c as Un, D as An } from "./getAttributedUrl-Cy6ZmssZ.js";
+const he = "https://cdn.sprig.com", S = { document: void 0, videojs: void 0 }, ze = (e) => e + "-loading-spiner", W = "hidden", Ye = ".m3u8", Se = "questionId", Pe = "ul-video-recorder-camera-off-button", Le = "ul-recording-in-session", On = [{ type: "link", content: `${he}/dependencies/videojs-record-4.5.0.min.css` }, { type: "script", content: `${he}/dependencies/RecordRTC-5.6.2.js` }, { type: "script", content: `${he}/dependencies/adapter.8.0.0.min.js` }, { type: "script", content: `${he}/dependencies/videojs-record-4.5.0.min.js` }, { type: "script", content: `${he}/userleap-web-upchunk-v2.2.2.js` }], an = [{ type: "link", content: `${he}/dependencies/video-js-7.18.0.min.css` }, { type: "script", content: `${he}/dependencies/video-js-7.18.0.min.js` }, { type: "style", content: `/* progress control styles */
 .video-js .vjs-control {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
@@ -684,8 +684,8 @@ const ve = async ({ event: e, apiBase: o, headers: t, visitorId: r, envId: i, me
     console.log(t + " failed to load");
   });
 }, Je = (e, o, t) => {
-  if (o === "start" && (e.style.visibility = "visible"), o === "none") e.style.visibility = K;
-  else if (o === "success") e.style.visibility = K, e.innerHTML = "Upload succeeded!";
+  if (o === "start" && (e.style.visibility = "visible"), o === "none") e.style.visibility = W;
+  else if (o === "success") e.style.visibility = W, e.innerHTML = "Upload succeeded!";
   else {
     const r = Math.round(parseFloat(t));
     e.innerHTML = `Uploading <span class="ul-upload-progress-label__time">${r}%</span>`, e.style.background = `linear-gradient(to right, #E0E0EB 0%, #E0E0EB ${r}%, #FCFCFD ${r}%, #FCFCFD 100%)`;
@@ -736,14 +736,14 @@ const ve = async ({ event: e, apiBase: o, headers: t, visitorId: r, envId: i, me
     h ? (a.children()[0].classList.add("vjs-hidden"), T.removeClass(v), T.addClass(u), I.innerHTML = ee.TurnOnCamera, a.audioPlayerPlaceholder.removeClass("vjs-hidden"), P == null || P.getTracks().forEach((w) => {
       w.stop();
     }), window.navigator.mediaDevices.getUserMedia({ video: !0, audio: !0 }).then((w) => {
-      P = w, w.getVideoTracks().forEach((N) => {
-        N.enabled = !1;
+      P = w, w.getVideoTracks().forEach((R) => {
+        R.enabled = !1;
       }), a.record().onDeviceReady(w);
     }).catch(a.record().onDeviceError.bind(a.record()))) : (P == null || P.getVideoTracks().forEach((w) => {
       w.enabled = !0;
     }), a.children()[0].classList.remove("vjs-hidden"), a.record().getDevice(), T.removeClass(u), T.addClass(v), I.innerHTML = ee.TurnOffCamera, a.audioPlayerPlaceholder.addClass("vjs-hidden"));
   }, C = new (S.videojs.getComponent("Button"))(a, { clickHandler: () => {
-    C.hasClass(K) || (ve({ event: "Video Delete Button Clicked", apiBase: r, headers: l, visitorId: m, envId: f, metadata: { questionId: y, responseGroupUid: g, surveyId: p } }), b(a.cameraOff), i(B.DELETE, {}), T.removeClass(K), C.addClass(K));
+    C.hasClass(W) || (ve({ event: "Video Delete Button Clicked", apiBase: r, headers: l, visitorId: m, envId: f, metadata: { questionId: y, responseGroupUid: g, surveyId: p } }), b(a.cameraOff), i(B.DELETE, {}), T.removeClass(W), C.addClass(W));
   } });
   C.addClass("ul-video-recorder-delete-button"), C.el_.appendChild(je(ee.DeleteButton, "ul-delete-button"));
   const D = S.document.getElementById(o), E = () => {
@@ -751,17 +751,17 @@ const ve = async ({ event: e, apiBase: o, headers: t, visitorId: r, envId: i, me
   };
   E();
   const T = new (S.videojs.getComponent("Button"))(a, { clickHandler: () => {
-    a.record().isRecording() || (a.cameraOff = !a.cameraOff, ve({ event: "Video Camera Button Clicked", apiBase: r, headers: l, visitorId: t.visitorId, envId: t.envId, metadata: { questionId: y, responseGroupUid: g, surveyId: p, cameraOff: a.cameraOff } }), b(a.cameraOff), !C.hasClass(K) && C.addClass(K), i(B.DELETE, {}), E());
+    a.record().isRecording() || (a.cameraOff = !a.cameraOff, ve({ event: "Video Camera Button Clicked", apiBase: r, headers: l, visitorId: t.visitorId, envId: t.envId, metadata: { questionId: y, responseGroupUid: g, surveyId: p, cameraOff: a.cameraOff } }), b(a.cameraOff), !C.hasClass(W) && C.addClass(W), i(B.DELETE, {}), E());
   } });
   T.addClass(Pe), T.el_.appendChild(je(ee.TurnOffCamera, "ul-camera-button"));
   const j = new (S.videojs.getComponent("Button"))(a, { clickHandler: () => {
     const h = S.document.getElementById("ul-recorder-toggle");
-    if (a.record().isRecording()) a.record().stop(), h && (h.innerHTML = ee.RecordButton), j.removeClass(Le), C.removeClass(K);
+    if (a.record().isRecording()) a.record().stop(), h && (h.innerHTML = ee.RecordButton), j.removeClass(Le), C.removeClass(W);
     else {
       const v = S.document.getElementById("ul-recording-countdown-screen");
-      if (v) v.remove(), h && (h.innerHTML = ee.RecordButton), b(a.cameraOff), i(B.DELETE, {}), T.removeClass(K), C.addClass(K), j.removeClass(Le), d.show();
+      if (v) v.remove(), h && (h.innerHTML = ee.RecordButton), b(a.cameraOff), i(B.DELETE, {}), T.removeClass(W), C.addClass(W), j.removeClass(Le), d.show();
       else {
-        j.addClass(Le), d.hide(), T.addClass(K), C.addClass(K), h && (h.innerHTML = ee.StopButton);
+        j.addClass(Le), d.hide(), T.addClass(W), C.addClass(W), h && (h.innerHTML = ee.StopButton);
         const u = S.document.createElement("div");
         u.id = "ul-recording-countdown-screen", D.insertBefore(u, D.children[1]), u.style.height = `${D.offsetHeight}px`, pn(a, 3);
       }
@@ -773,44 +773,44 @@ const ve = async ({ event: e, apiBase: o, headers: t, visitorId: r, envId: i, me
   const V = cn(a, [C, T, "PlayToggle", j, "FullscreenToggle"]), d = V.children().find((h) => h.name_ === "FullscreenToggle");
   d.hasClass("vjs-disabled") && d.hide();
   const k = V.children().find((h) => h.name_ === "PlayToggle");
-  k.hide(), C.addClass(K), un(a, V, s, !1, c), a.on("stopRecord", () => {
-    j.hide(), k.show(), d.show(), C.removeClass(K);
+  k.hide(), C.addClass(W), un(a, V, s, !1, c), a.on("stopRecord", () => {
+    j.hide(), k.show(), d.show(), C.removeClass(W);
   }), a.on("deviceReady", () => {
-    j.show(), k.hide(), C.addClass(K);
+    j.show(), k.hide(), C.addClass(W);
   }), ((h, v, u, I, w) => {
-    const { surveyId: N, responseGroupUid: R, visitorId: L, envId: U } = h.payload;
+    const { surveyId: R, responseGroupUid: N, visitorId: L, envId: U } = h.payload;
     h.on("deviceError", function() {
-      console.warn("device error: ", h.deviceErrorCode), h.deviceErrorCode.message === "Permission denied" ? (h.deviceButton.addClass("permission-denied"), u && u(B.ERROR, { type: B.PERMISSION_DENIED }), ve({ event: "Video Permission Denied", apiBase: v, headers: w, visitorId: L, envId: U, metadata: { questionId: Ne(h, Se), responseGroupUid: R, surveyId: N } })) : (u && u(B.ERROR, { type: B.OTHER }), ce(new Error(h.deviceErrorCode.message), "recorderDeviceError", v, w, L, U));
+      console.warn("device error: ", h.deviceErrorCode), h.deviceErrorCode.message === "Permission denied" ? (h.deviceButton.addClass("permission-denied"), u && u(B.ERROR, { type: B.PERMISSION_DENIED }), ve({ event: "Video Permission Denied", apiBase: v, headers: w, visitorId: L, envId: U, metadata: { questionId: Ne(h, Se), responseGroupUid: N, surveyId: R } })) : (u && u(B.ERROR, { type: B.OTHER }), ce(new Error(h.deviceErrorCode.message), "recorderDeviceError", v, w, L, U));
     }), h.on("error", function(Z, Y) {
       ce(Y || h.error(), "recorderError", v, w, L, U);
     }), h.on("startRecord", function(Z, Y) {
-      I(h.uploadProgressLabel, "none"), ve({ event: "Video Record Start", apiBase: v, headers: w, visitorId: L, envId: U, metadata: { questionId: Ne(h, Se), responseGroupUid: R, surveyId: N } });
+      I(h.uploadProgressLabel, "none"), ve({ event: "Video Record Start", apiBase: v, headers: w, visitorId: L, envId: U, metadata: { questionId: Ne(h, Se), responseGroupUid: N, surveyId: R } });
     }), h.on("finishRecord", async function() {
       I(h.uploadProgressLabel, "start", 0);
       const Z = Ne(h, Se);
-      if (!N) {
+      if (!R) {
         const x = "internal error: missing fields in payload";
         return u && u(B.ERROR, { type: B.OTHER }), ce(new Error(x), "finishRecord", v, w, L, U), null;
       }
       h.record().stopDevice();
-      const Y = h.cameraOff ? B.MEDIA_TYPE_AUDIO : B.MEDIA_TYPE_VIDEO, W = Ln();
-      ve({ event: "Video Record Finish", apiBase: v, headers: w, visitorId: L, envId: U, metadata: { mediaRecordingUid: W, questionId: Z, responseGroupUid: R, surveyId: N, mediaType: Y } });
-      const te = { surveyId: N, updatedAt: (/* @__PURE__ */ new Date()).toISOString(), mediaType: Y, mediaRecordingUid: W };
-      Z && (te.questionId = Z), R && (te.responseGroupUid = R), L && (te.visitorId = L);
+      const Y = h.cameraOff ? B.MEDIA_TYPE_AUDIO : B.MEDIA_TYPE_VIDEO, K = Ln();
+      ve({ event: "Video Record Finish", apiBase: v, headers: w, visitorId: L, envId: U, metadata: { mediaRecordingUid: K, questionId: Z, responseGroupUid: N, surveyId: R, mediaType: Y } });
+      const te = { surveyId: R, updatedAt: (/* @__PURE__ */ new Date()).toISOString(), mediaType: Y, mediaRecordingUid: K };
+      Z && (te.questionId = Z), N && (te.responseGroupUid = N), L && (te.visitorId = L);
       const re = await (async () => {
         const x = await fetch(`${v}/2/environments/integrations/upload`, { method: "POST", cache: "no-cache", headers: { "Content-Type": "application/json" }, body: JSON.stringify(te) });
         if (x.ok) {
           const A = await x.json();
-          return u && u(B.UPLOAD_STARTED, { [B.UPLOAD_ID]: A.upload.id, [B.MEDIA_TYPE]: Y, [B.MEDIA_RECORDING_UID]: W }), A.upload.url;
+          return u && u(B.UPLOAD_STARTED, { [B.UPLOAD_ID]: A.upload.id, [B.MEDIA_TYPE]: Y, [B.MEDIA_RECORDING_UID]: K }), A.upload.url;
         }
         return u && u(B.ERROR, { type: B.OTHER, response: x }), ce(new Error("failed to get upload response with url"), "finishRecord", v, w, L, U), null;
       })();
-      re && (oe = S.document.defaultView.UpChunk.createUpload({ endpoint: re, file: new S.document.defaultView.File([h.recordedData], `recording ${Y} ${Date.now()}`), chunkSize: 5120 }), oe.startTime = Date.now(), ve({ event: "Video Upload Start", apiBase: v, headers: w, visitorId: L, envId: U, metadata: { mediaRecordingUid: W, questionId: Z, responseGroupUid: R, surveyId: N, mediaType: Y, url: re } }), oe.on("error", (x) => {
-        I(h.uploadProgressLabel, "none"), u && u(B.UPLOAD_FINISHED, { [B.MEDIA_RECORDING_UID]: W }), ce(x, "finishRecord", v, w, L, U);
+      re && (oe = S.document.defaultView.UpChunk.createUpload({ endpoint: re, file: new S.document.defaultView.File([h.recordedData], `recording ${Y} ${Date.now()}`), chunkSize: 5120 }), oe.startTime = Date.now(), ve({ event: "Video Upload Start", apiBase: v, headers: w, visitorId: L, envId: U, metadata: { mediaRecordingUid: K, questionId: Z, responseGroupUid: N, surveyId: R, mediaType: Y, url: re } }), oe.on("error", (x) => {
+        I(h.uploadProgressLabel, "none"), u && u(B.UPLOAD_FINISHED, { [B.MEDIA_RECORDING_UID]: K }), ce(x, "finishRecord", v, w, L, U);
       }), oe.on("progress", (x) => {
-        u && u(B.UPLOAD_PROGRESS, { [B.MEDIA_RECORDING_UID]: W, [B.UPLOAD_PROGRESS_PCT]: x.detail }), I(h.uploadProgressLabel, "progress", x.detail);
+        u && u(B.UPLOAD_PROGRESS, { [B.MEDIA_RECORDING_UID]: K, [B.UPLOAD_PROGRESS_PCT]: x.detail }), I(h.uploadProgressLabel, "progress", x.detail);
       }), oe.on("success", () => {
-        I(h.uploadProgressLabel, "success"), u && u(B.UPLOAD_FINISHED, { [B.MEDIA_RECORDING_UID]: W }), ve({ event: "Video Upload Success", apiBase: v, headers: w, visitorId: L, envId: U, metadata: { mediaRecordingUid: W, questionId: Z, responseGroupUid: R, surveyId: N, mediaType: Y, url: re, elapsedMs: oe.startTime && Date.now() - oe.startTime } });
+        I(h.uploadProgressLabel, "success"), u && u(B.UPLOAD_FINISHED, { [B.MEDIA_RECORDING_UID]: K }), ve({ event: "Video Upload Success", apiBase: v, headers: w, visitorId: L, envId: U, metadata: { mediaRecordingUid: K, questionId: Z, responseGroupUid: N, surveyId: R, mediaType: Y, url: re, elapsedMs: oe.startTime && Date.now() - oe.startTime } });
       }));
     });
   })(a, r, i, Je, l);
@@ -862,7 +862,7 @@ const ve = async ({ event: e, apiBase: o, headers: t, visitorId: r, envId: i, me
         C.addClass(`ul${We}`);
         const T = new (S.videojs.getComponent("Component"))(C);
         D && C.src(D), C.addChild(T), E && E(C);
-      })(f, l, c), l || f.addClass(K);
+      })(f, l, c), l || f.addClass(W);
       const P = cn(m, ["PlaybackRateMenuButton", "PlayToggle", "FullscreenToggle"]), b = P.children().find((C) => C.name_ === "FullscreenToggle");
       b.hasClass("vjs-disabled") && b.hide(), un(m, P, o, t, r, f);
     } catch (g) {
@@ -1004,21 +1004,21 @@ const ve = async ({ event: e, apiBase: o, headers: t, visitorId: r, envId: i, me
     return (I = u.optionProperties) == null ? void 0 : I.noneOfTheAbove;
   }), E = (u) => Object.entries(u).some(([I, w]) => {
     var L;
-    const N = t.find((U) => `${U.id}` === I), R = w.userText === void 0 || w.userText.trim() === "";
-    return ((L = N == null ? void 0 : N.optionProperties) == null ? void 0 : L.allowsTextEntry) && R && w.isSelected;
+    const R = t.find((U) => `${U.id}` === I), N = w.userText === void 0 || w.userText.trim() === "";
+    return ((L = R == null ? void 0 : R.optionProperties) == null ? void 0 : L.allowsTextEntry) && N && w.isSelected;
   }), T = (u) => Object.values(u).filter((I) => I.isSelected).length, j = r.minSelect && r.minSelect > 0 && r.maxSelectMode === Ee.Range && T(f) < r.minSelect && (C || T(f) > 0), q = (u) => E(u) || C && !T(u) || !((I) => {
-    const { minSelect: w = 0, maxSelect: N = 1 / 0, maxSelectMode: R } = r, L = T(I);
-    switch (R) {
+    const { minSelect: w = 0, maxSelect: R = 1 / 0, maxSelectMode: N } = r, L = T(I);
+    switch (N) {
       case Ee.Maximum:
-        return L <= N;
+        return L <= R;
       case Ee.Range:
         return L === 0 || L >= w;
       default:
         return !0;
     }
   })(u), V = Object.entries(f).some(([u, I]) => {
-    var w, N;
-    return I.isSelected && ((N = (w = t.find((R) => `${R.id}` === u)) == null ? void 0 : w.optionProperties) == null ? void 0 : N.allowsTextEntry);
+    var w, R;
+    return I.isSelected && ((R = (w = t.find((N) => `${N.id}` === u)) == null ? void 0 : w.optionProperties) == null ? void 0 : R.allowsTextEntry);
   }), d = l && (!b || V), k = (u) => {
     v(u.id, u.selected, u.userText, u.noneOfTheAbove);
   }, _ = (u) => {
@@ -1026,21 +1026,20 @@ const ve = async ({ event: e, apiBase: o, headers: t, visitorId: r, envId: i, me
     return (r == null ? void 0 : r.maxSelectMode) !== Ee.Unlimited && T(f) === (r == null ? void 0 : r.maxSelect) && !((I = f[u]) != null && I.isSelected);
   }, h = () => {
     o(f, !0), c && c();
-  }, v = (u, I, w, N) => {
-    const R = Object.assign({}, f);
-    if ((b || N) && I) for (const L of Object.values(R)) L.isSelected = !1, delete L.userText;
-    else D && !N && f[D.id].isSelected && (R[D.id].isSelected = !1);
-    R[u] = { isSelected: I, userText: w }, P(R);
+  }, v = (u, I, w, R) => {
+    const N = Object.assign({}, f);
+    if ((b || R) && I) for (const L of Object.values(N)) L.isSelected = !1, delete L.userText;
+    else D && !R && f[D.id].isSelected && (N[D.id].isSelected = !1);
+    N[u] = { isSelected: I, userText: w }, P(N);
   };
   return n("form", { className: H(e, "ul-card--multiple", "fade-in-transition"), id: "text-form", onSubmit: h, children: n(ae, { properties: r, children: [n(pe, { children: [r.isDropdown ? n(Rn, { disabledOptions: t.filter((u) => _(u.id)), dropdownFooter: j ? n("div", { className: "ul-card__min-select-counter", style: { marginLeft: "16px" }, children: [T(f), "/", r.minSelect] }) : void 0, isMultiSelect: !b, multiselectText: r.dropdownMultiselectedText ?? "choices selected", onChange: (u) => {
     const I = { ...f };
     for (const w of t) u.includes(w) ? I[w.id].isSelected = !0 : I[w.id].isSelected = !1;
     P(I);
-  }, options: t, placeholderText: r.dropdownPlaceholderText ?? (b ? "Select choice" : "Select choice(s)"), value: t.filter((u) => f[u.id].isSelected) }) : n("div", { className: H(J("ul-card__choices", y)), role: b ? "radiogroup" : "group", children: [t.map(({ id: u, label: I, value: w, optionProperties: N }) => {
-    var Y, W;
-    const R = `${u}`, { allowsTextEntry: L, noneOfTheAbove: U } = { allowsTextEntry: !1, noneOfTheAbove: !1, ...N };
-    return n(Fe, { allowTextEntry: L, border: p, disabled: _(R), error: (Z = f, E(Z)), id: R, isRadio: b, isSelected: !!((Y = f[R]) != null && Y.isSelected), label: I, noneOfTheAbove: U, onUserInputChanged: k, promptText: (N == null ? void 0 : N.otherOptionPlaceholder) || "Please specify", text: (W = f[u]) == null ? void 0 : W.userText, useMobileStyling: y, value: w }, R);
-    var Z;
+  }, options: t, placeholderText: r.dropdownPlaceholderText ?? (b ? "Select choice" : "Select choice(s)"), value: t.filter((u) => f[u.id].isSelected) }) : n("div", { className: H(J("ul-card__choices", y)), role: b ? "radiogroup" : "group", children: [t.map(({ id: u, label: I, value: w, optionProperties: R }) => {
+    var Z, Y;
+    const N = `${u}`, { allowsTextEntry: L, noneOfTheAbove: U } = { allowsTextEntry: !1, noneOfTheAbove: !1, ...R };
+    return n(Fe, { allowTextEntry: L, border: p, disabled: _(N), error: E({ [N]: f[N] }), id: N, isRadio: b, isSelected: !!((Z = f[N]) != null && Z.isSelected), label: I, noneOfTheAbove: U, onUserInputChanged: k, promptText: (R == null ? void 0 : R.otherOptionPlaceholder) || "Please specify", text: (Y = f[u]) == null ? void 0 : Y.userText, useMobileStyling: y, value: w }, N);
   }), !!j && n("div", { className: "ul-card__min-select-counter", children: [T(f), "/", r.minSelect] })] }), d && n(Mn, { handleSubmit: h, isSubmitDisabled: q(f) })] }), !a && n(ue, { children: n(me, { isDisabled: q(f), onClick: h, showCheckmark: fe(i, g), children: ne(r) }) })] }) }, i);
 }, et = (e) => {
   const { questionId: o, type: t, next: r, options: i } = e;
@@ -1133,20 +1132,20 @@ const ve = async ({ event: e, apiBase: o, headers: t, visitorId: r, envId: i, me
     const A = x.changedTouches[0], O = v(A.clientX, A.clientY);
     m.current && (m.current.style.transform = "", m.current.style.zIndex = "", m.current.classList.remove("is-dragging")), P.current.forEach((M) => {
       M && M.classList.remove("is-drop-target");
-    }), O && O.index !== p.current && N(p.current, O.index), p.current = null, m.current = null, f.current = !1;
-  }, N = (x, A) => {
+    }), O && O.index !== p.current && R(p.current, O.index), p.current = null, m.current = null, f.current = !1;
+  }, R = (x, A) => {
     E((O) => {
       const M = O.map((X) => ({ ...X })), [z] = M.splice(x, 1);
       return M.splice(A, 0, z), M.forEach((X, G) => {
         X.rank = G + 1;
       }), L(), M;
     });
-  }, R = (x) => {
+  }, N = (x) => {
     const A = {};
     x.reduce((O, M) => (O[M.id] = M.rank, O), A), t({ value: A, questionId: i, type: s }, !0);
   }, L = () => {
     C(!1);
-  }, { left: U, right: Z } = o, Y = c.length, W = (x) => {
+  }, { left: U, right: Z } = o, Y = c.length, K = (x) => {
     x.preventDefault(), x.currentTarget.classList.add("is-drop-target");
   }, te = (x) => {
     x.currentTarget.classList.remove("is-drop-target");
@@ -1154,17 +1153,17 @@ const ve = async ({ event: e, apiBase: o, headers: t, visitorId: r, envId: i, me
     p.current = null, x.currentTarget.classList.remove("is-dragging");
   };
   return n("form", { className: H(e, "ul-card-rank", "fade-in-transition"), onSubmit: (x) => {
-    x.preventDefault(), R(D), l && l();
+    x.preventDefault(), N(D), l && l();
   }, children: n(ae, { properties: r, children: n(ge, d ? { children: [n(pe, { children: n("div", { className: "ul-card--rank__question-inner-container", children: [n("div", { className: "ul-card-rank__labels", children: n("span", { children: ["1 - ", U] }) }), n("ol", { className: "ul-card-rank__list", children: D.map(({ id: x, label: A, rank: O }) => n("li", { className: "ul-card-rank__option", children: [n("select", { "aria-label": `Rank for ${A}`, className: H("ul-card-rank__select", O == null && "ul-card-rank__select--placeholder"), name: `rank[${x}]`, onChange: (M) => h(x, M.currentTarget.value), value: O ?? "", children: [O == null && n("option", { className: "ul-card-rank__select-option", disabled: !0, value: "", children: "-" }), T.map((M) => n("option", { className: "ul-card-rank__select-option", value: M, children: M }, `${M}-${i}`))] }), n("span", { children: A })] }, x)) }), n("div", { className: "ul-card-rank__labels", children: n("span", { children: [Y, " - ", Z] }) })] }) }), n(ue, { children: !a && n("div", { className: "ul-card__button-wrapper", children: n(se, { disabled: b, children: ne(r) }) }) })] } : { children: [n(pe, { children: n("div", { className: "ul-card--rank__question-inner-container", children: [n("div", { className: "ul-card-rank__labels", children: n("span", { children: ["1 - ", U] }) }), n("ol", { className: "ul-card-rank__list", onDragOver: d ? void 0 : (x) => {
     x.preventDefault(), x.dataTransfer && (x.dataTransfer.dropEffect = "move");
   }, children: D.map(({ id: x, label: A, rank: O }, M) => {
-    return n("li", { className: "ul-card-rank__option", draggable: !!_ || void 0, onDragEnd: _ ? re : void 0, onDragEnter: _ ? W : void 0, onDragLeave: _ ? te : void 0, onDragStart: _ ? (X = M, (G) => {
+    return n("li", { className: "ul-card-rank__option", draggable: !!_ || void 0, onDragEnd: _ ? re : void 0, onDragEnter: _ ? K : void 0, onDragLeave: _ ? te : void 0, onDragStart: _ ? (X = M, (G) => {
       p.current = X, G.dataTransfer && (G.dataTransfer.effectAllowed = "move", G.dataTransfer.setData("text/plain", String(X)), G.currentTarget.classList.add("is-dragging"));
     }) : void 0, onDrop: _ ? (z = M, (G) => {
       var ye, Ze;
       G.preventDefault(), G.currentTarget.classList.remove("is-drop-target");
       const $ = p.current;
-      p.current = null, (Ze = (ye = G.currentTarget.closest(".ul-card-rank__list")) == null ? void 0 : ye.querySelector(".is-dragging")) == null || Ze.classList.remove("is-dragging"), $ != null && $ !== z && N($, z);
+      p.current = null, (Ze = (ye = G.currentTarget.closest(".ul-card-rank__list")) == null ? void 0 : ye.querySelector(".is-dragging")) == null || Ze.classList.remove("is-dragging"), $ != null && $ !== z && R($, z);
     }) : void 0, ref: (G) => P.current[M] = G, children: [n("select", { "aria-label": `Rank for ${A}`, className: H("ul-card-rank__select", O == null && "ul-card-rank__select--placeholder"), name: `rank[${x}]`, onChange: (G) => h(x, G.currentTarget.value), value: O ?? "", children: [O == null && n("option", { className: "ul-card-rank__select-option", disabled: !0, value: "", children: "-" }), T.map((G) => n("option", { className: "ul-card-rank__select-option", value: G, children: G }, G))] }), n("span", { children: A }), !d && n("button", { "aria-label": `Drag ${A} to reorder`, className: "ul-card-rank__drag-btn", onTouchEnd: k ? w : void 0, onTouchMove: k ? I : void 0, onTouchStart: k ? u(M) : void 0, title: "Drag to reorder", type: "button", children: n("svg", { fill: "none", height: "17", viewBox: "0 0 16 17", width: "16", xmlns: "http://www.w3.org/2000/svg", children: n("path", { d: "M5.75 11.625C6.37132 11.625 6.875 12.1287 6.875 12.75C6.875 13.3713 6.37132 13.875 5.75 13.875C5.12868 13.875 4.625 13.3713 4.625 12.75C4.625 12.1287 5.12868 11.625 5.75 11.625ZM10.25 11.625C10.8713 11.625 11.375 12.1287 11.375 12.75C11.375 13.3713 10.8713 13.875 10.25 13.875C9.62868 13.875 9.125 13.3713 9.125 12.75C9.125 12.1287 9.62868 11.625 10.25 11.625ZM5.75 7.375C6.37132 7.375 6.875 7.87868 6.875 8.5C6.875 9.12132 6.37132 9.625 5.75 9.625C5.12868 9.625 4.625 9.12132 4.625 8.5C4.625 7.87868 5.12868 7.375 5.75 7.375ZM10.25 7.375C10.8713 7.375 11.375 7.87868 11.375 8.5C11.375 9.12132 10.8713 9.625 10.25 9.625C9.62868 9.625 9.125 9.12132 9.125 8.5C9.125 7.87868 9.62868 7.375 10.25 7.375ZM5.75 3.125C6.37132 3.125 6.875 3.62868 6.875 4.25C6.875 4.87132 6.37132 5.375 5.75 5.375C5.12868 5.375 4.625 4.87132 4.625 4.25C4.625 3.62868 5.12868 3.125 5.75 3.125ZM10.25 3.125C10.8713 3.125 11.375 3.62868 11.375 4.25C11.375 4.87132 10.8713 5.375 10.25 5.375C9.62868 5.375 9.125 4.87132 9.125 4.25C9.125 3.62868 9.62868 3.125 10.25 3.125Z", fill: "currentColor" }) }) })] }, x);
     var z, X;
   }) }), n("div", { className: "ul-card-rank__labels", children: n("span", { children: [Y, " - ", Z] }) })] }) }), n(ue, { children: !a && n("div", { className: "ul-card__button-wrapper", children: n(se, { disabled: b, children: ne(r) }) }) })] }) }) }, i);
@@ -1276,12 +1275,12 @@ const fn = "ul-permission-graphics-container", yn = "ul-permission-body", Cn = H
     const { updatePage: q } = ie.getState(), { eventEmitFn: V, recorderEventEmitter: d } = F.getState(), k = { questionId: T, surveyId: E, visitorId: C, responseGroupUid: D };
     let _ = 0;
     d.emit("recorded.task.permission.screen"), V("recorded.task.permission.screen"), d.emit("permission.status", { "permission.status.callback": (v, u, I, w) => {
-      const N = b[_], { type: R } = N, L = ["screen"];
-      if (Ie(N)) {
-        const { permissionDescriptors: U } = N, Z = U == null ? void 0 : U.includes("microphone"), Y = U == null ? void 0 : U.includes("camera");
+      const R = b[_], { type: N } = R, L = ["screen"];
+      if (Ie(R)) {
+        const { permissionDescriptors: U } = R, Z = U == null ? void 0 : U.includes("microphone"), Y = U == null ? void 0 : U.includes("camera");
         Z && L.push("audio"), Y && L.push("video"), (v != null && v.active && !Y || v != null && v.active && u) && _++;
       }
-      en(b[_]) && I && (_++, d.emit("begin.recording", { "recording.media.types": L, "start.recording.callback": (U) => q({ mediaRecordingUids: U }) })), q({ currentPage: b[_], avStream: v, screenPermissionRequested: I, nextQuestion: j, type: R, passthroughData: k, recordingMediaTypes: L, captureStream: w });
+      en(b[_]) && I && (_++, d.emit("begin.recording", { "recording.media.types": L, "start.recording.callback": (U) => q({ mediaRecordingUids: U }) })), q({ currentPage: b[_], avStream: v, screenPermissionRequested: I, nextQuestion: j, type: N, passthroughData: k, recordingMediaTypes: L, captureStream: w });
     } });
     const h = b[_];
     return h.type === "av_permission" && Ae({ currentPage: h, pages: b }), h;
@@ -1325,17 +1324,17 @@ const fn = "ul-permission-graphics-container", yn = "ul-permission-body", Cn = H
     Xe(), o({ value: { uploadId: D, mediaRecordingUid: T }, questionId: r, type: i }, !0);
   }, showCheckmark: d, children: V }), n("div", { style: { display: q === ft ? "block" : "none" }, children: n("div", { id: "ul-recorder-player-container", ref: (v) => {
     if (v && v.children.length === 0) {
-      const u = ((I, w = {}, N = "https://api.userleap.com", R, L, U, Z = !1, Y = document) => {
+      const u = ((I, w = {}, R = "https://api.userleap.com", N, L, U, Z = !1, Y = document) => {
         S.document = Y;
-        const W = I + ln, te = mn(W);
+        const K = I + ln, te = mn(K);
         return S.document.addEventListener("securitypolicyviolation", (re) => {
-          ce(new Error(`Voice & Video feature violates ${re.violatedDirective} web page CSP policies for the recorder player.`), "recorderDeviceError", N, U, w.visitorId, w.envId);
+          ce(new Error(`Voice & Video feature violates ${re.violatedDirective} web page CSP policies for the recorder player.`), "recorderDeviceError", R, U, w.visitorId, w.envId);
         }), dn(an.concat(On), () => {
-          Be(W, te), S.document.getElementById(ze(W)).remove();
+          Be(K, te), S.document.getElementById(ze(K)).remove();
           try {
-            $n(te, W, w, N, R, L, U, Z);
+            $n(te, K, w, R, N, L, U, Z);
           } catch (re) {
-            return void ce(new Error(`Error when creating video recorder player object ${re}`), "recorderDeviceError", N, U, w.visitorId, w.envId);
+            return void ce(new Error(`Error when creating video recorder player object ${re}`), "recorderDeviceError", R, U, w.visitorId, w.envId);
           }
         }), te;
       })(k, { surveyId: g, responseGroupUid: y, questionId: r, visitorId: f, envId: c }, l, _, void 0, { ...p, "x-ul-video-recorder-origin": "sdk" }, t.mediaType === B.MEDIA_TYPE_AUDIO, m);
@@ -1347,7 +1346,7 @@ const fn = "ul-permission-graphics-container", yn = "ul-permission-body", Cn = H
   return xe(e) && ((o = e.props) == null ? void 0 : o.loading) === Me.inFlight;
 }, kn = (e) => e.type === "thanks" || e.type === "uploading", Ct = ({ card: e, avatars: o, isThinking: t, isCurrentQuestion: r, currentQuestionBubbleRef: i }) => {
   const s = ((c) => "properties" in c.props && c.props.properties && "questionHtml" in c.props.properties && c.props.properties.questionHtml ? { content: c.props.properties.questionHtml, image: c.props.properties.image, isHtml: !0 } : "message" in c.props ? "image" in c.props.properties && c.props.properties.image ? { content: c.props.message, image: c.props.properties.image, isHtml: !1 } : { content: c.props.message, isHtml: !1 } : { content: "Question", isHtml: !1 })(e), l = r && !(s != null && s.image) ? i : null;
-  return n(ge, { children: [(s == null ? void 0 : s.image) && n(be, { avatars: o, isLeft: !0, ref: r ? i : null, children: !t && n(An, { image: s.image, isConversationalUi: !0 }) }), n(be, { avatars: o, isLeft: !0, message: { id: `question-${e.name}`, type: "question", content: s.content }, ref: l, children: t ? n(gt, {}) : n(ge, { children: [s.isHtml ? n(we, { className: "chat-message-text", html: s.content }) : n("div", { className: "chat-message-text", children: s.content }), e.type === "videovoice" && n(Gn, { properties: e.props, questionId: e.name, surveyVideoUrl: e.props.properties.videoUrl })] }) })] });
+  return n(ge, { children: [(s == null ? void 0 : s.image) && n(be, { avatars: o, isLeft: !0, ref: r ? i : null, children: !t && n(An, { image: s.image }) }), n(be, { avatars: o, isLeft: !0, message: { id: `question-${e.name}`, type: "question", content: s.content }, ref: l, children: t ? n(gt, {}) : n(ge, { children: [s.isHtml ? n(we, { className: "chat-message-text", html: s.content }) : n("div", { className: "chat-message-text", children: s.content }), e.type === "videovoice" && n(Gn, { properties: e.props, questionId: e.name, surveyVideoUrl: e.props.properties.videoUrl })] }) })] });
 }, xt = ({ card: e, avatars: o }) => {
   const t = ((r) => {
     if (!("properties" in r.props) || !r.props.properties || typeof r.props.properties != "object") return null;
@@ -1447,28 +1446,28 @@ const It = () => {
     const [h, v] = Q(/* @__PURE__ */ new Map());
     return de(() => {
       if (d.length > 0 && k < d.length) {
-        const u = d[k], I = `${u.name}`, w = (R) => {
+        const u = d[k], I = `${u.name}`, w = (N) => {
           if (k > 0) {
             const L = d[k - 1];
             if (xe(L)) {
               const U = `${L.name}`, Z = Re(L);
-              if (R.get(U) !== Z) return new Map(R).set(U, Z);
+              if (N.get(U) !== Z) return new Map(N).set(U, Z);
             }
           }
-          return R;
+          return N;
         };
-        if ((k <= (_ ?? 0) || kn(u)) && (u == null ? void 0 : u.type) !== "aidynamicstandalone") return v((R) => w(new Map(R).set(I, !1)));
-        v((R) => {
+        if ((k <= (_ ?? 0) || kn(u)) && (u == null ? void 0 : u.type) !== "aidynamicstandalone") return v((N) => w(new Map(N).set(I, !1)));
+        v((N) => {
           const L = !xe(u) || Re(u);
-          return w(new Map(R).set(I, L));
+          return w(new Map(N).set(I, L));
         });
-        const N = setTimeout(() => {
-          v((R) => {
+        const R = setTimeout(() => {
+          v((N) => {
             const L = !!xe(u) && Re(u);
-            return w(new Map(R).set(I, L));
+            return w(new Map(N).set(I, L));
           });
         }, 1e3);
-        return () => clearTimeout(N);
+        return () => clearTimeout(R);
       }
     }, [k, d, _]), h;
   })(e, s, g);