@sprig-technologies/sprig-bundled 2.41.1 → 2.41.2

package/dist/{conversational-ui-rjtdSFBb.js → conversational-ui-B9H7uNQs.js}

@@ -1,6 +1,6 @@
-import { u as G, a as e, h as Q, c as O, g as K, b as re, d as Be, p as ue, F as fe, _ as se, T as be, A as Cn, e as Ee, f as xn, i as kn, j as ze, k as wn, l as En, S as jn, w as nn, m as In } from "./view-CocVngjw.js";
-import { v as Tn, E as Te, h as qe, A as Ue, j as _n, i as tn } from "./index-Dm5Q2JaO.js";
-import { B as oe, M as ie, Q as le, O as Oe, a as de, b as Ce, S as Dn, L as Sn, u as Pn, H as ye, c as Ae, g as Ln, P as Rn } from "./getAttributedUrl-BCuq8noY.js";
+import { u as G, a as e, h as Q, c as O, g as K, b as re, d as Be, p as ue, F as fe, _ as se, T as be, A as Cn, e as Ee, f as xn, i as kn, j as ze, k as wn, l as En, S as jn, w as nn, m as In } from "./view-E1bmiI1s.js";
+import { v as Tn, E as Te, h as qe, A as Ue, j as _n, i as tn } from "./index-BiIngDfi.js";
+import { B as oe, M as ie, Q as le, O as Oe, a as de, b as Ce, S as Dn, L as Sn, u as Pn, H as ye, c as Ae, g as Ln, P as Rn } from "./getAttributedUrl-DxNZ8ZsR.js";
 const pe = "https://cdn.sprig.com", I = { document: void 0, videojs: void 0 }, $e = (n) => n + "-loading-spiner", W = "hidden", Ge = ".m3u8", _e = "questionId", De = "ul-video-recorder-camera-off-button", Se = "ul-recording-in-session", Nn = [{ type: "link", content: `${pe}/dependencies/videojs-record-4.5.0.min.css` }, { type: "script", content: `${pe}/dependencies/RecordRTC-5.6.2.js` }, { type: "script", content: `${pe}/dependencies/adapter.8.0.0.min.js` }, { type: "script", content: `${pe}/dependencies/videojs-record-4.5.0.min.js` }, { type: "script", content: `${pe}/userleap-web-upchunk-v2.2.2.js` }], rn = [{ type: "link", content: `${pe}/dependencies/video-js-7.18.0.min.css` }, { type: "script", content: `${pe}/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;
@@ -732,8 +732,8 @@ const ce = async ({ event: n, apiBase: o, headers: t, visitorId: r, envId: i, me
   const g = (l) => {
     const p = De, x = De + "-audio-only";
     We(a.uploadProgressLabel, "none"), ne && ne.startTime >= Ye && ne.abort();
-    const P = I.document.getElementById("ul-camera-button");
-    l ? (a.children()[0].classList.add("vjs-hidden"), M.removeClass(p), M.addClass(x), P.innerHTML = ee.TurnOnCamera, a.audioPlayerPlaceholder.removeClass("vjs-hidden"), C == null || C.getTracks().forEach((j) => {
+    const D = I.document.getElementById("ul-camera-button");
+    l ? (a.children()[0].classList.add("vjs-hidden"), M.removeClass(p), M.addClass(x), D.innerHTML = ee.TurnOnCamera, a.audioPlayerPlaceholder.removeClass("vjs-hidden"), C == null || C.getTracks().forEach((j) => {
       j.stop();
     }), window.navigator.mediaDevices.getUserMedia({ video: !0, audio: !0 }).then((j) => {
       C = j, j.getVideoTracks().forEach((B) => {
@@ -741,7 +741,7 @@ const ce = async ({ event: n, apiBase: o, headers: t, visitorId: r, envId: i, me
       }), a.record().onDeviceReady(j);
     }).catch(a.record().onDeviceError.bind(a.record()))) : (C == null || C.getVideoTracks().forEach((j) => {
       j.enabled = !0;
-    }), a.children()[0].classList.remove("vjs-hidden"), a.record().getDevice(), M.removeClass(x), M.addClass(p), P.innerHTML = ee.TurnOffCamera, a.audioPlayerPlaceholder.addClass("vjs-hidden"));
+    }), a.children()[0].classList.remove("vjs-hidden"), a.record().getDevice(), M.removeClass(x), M.addClass(p), D.innerHTML = ee.TurnOffCamera, a.audioPlayerPlaceholder.addClass("vjs-hidden"));
   }, f = new (I.videojs.getComponent("Button"))(a, { clickHandler: () => {
     f.hasClass(W) || (ce({ event: "Video Delete Button Clicked", apiBase: r, headers: d, visitorId: h, envId: k, metadata: { questionId: y, responseGroupUid: c, surveyId: v } }), g(a.cameraOff), i(N.DELETE, {}), M.removeClass(W), f.addClass(W));
   } });
@@ -777,20 +777,20 @@ const ce = async ({ event: n, apiBase: o, headers: t, visitorId: r, envId: i, me
     T.hide(), b.show(), m.show(), f.removeClass(W);
   }), a.on("deviceReady", () => {
     T.show(), b.hide(), f.addClass(W);
-  }), ((l, p, x, P, j) => {
+  }), ((l, p, x, D, j) => {
     const { surveyId: B, responseGroupUid: Y, visitorId: L, envId: R } = l.payload;
     l.on("deviceError", function() {
       console.warn("device error: ", l.deviceErrorCode), l.deviceErrorCode.message === "Permission denied" ? (l.deviceButton.addClass("permission-denied"), x && x(N.ERROR, { type: N.PERMISSION_DENIED }), ce({ event: "Video Permission Denied", apiBase: p, headers: j, visitorId: L, envId: R, metadata: { questionId: Pe(l, _e), responseGroupUid: Y, surveyId: B } })) : (x && x(N.ERROR, { type: N.OTHER }), ae(new Error(l.deviceErrorCode.message), "recorderDeviceError", p, j, L, R));
     }), l.on("error", function(F, Z) {
       ae(Z || l.error(), "recorderError", p, j, L, R);
     }), l.on("startRecord", function(F, Z) {
-      P(l.uploadProgressLabel, "none"), ce({ event: "Video Record Start", apiBase: p, headers: j, visitorId: L, envId: R, metadata: { questionId: Pe(l, _e), responseGroupUid: Y, surveyId: B } });
+      D(l.uploadProgressLabel, "none"), ce({ event: "Video Record Start", apiBase: p, headers: j, visitorId: L, envId: R, metadata: { questionId: Pe(l, _e), responseGroupUid: Y, surveyId: B } });
     }), l.on("finishRecord", async function() {
-      P(l.uploadProgressLabel, "start", 0);
+      D(l.uploadProgressLabel, "start", 0);
       const F = Pe(l, _e);
       if (!B) {
-        const D = "internal error: missing fields in payload";
-        return x && x(N.ERROR, { type: N.OTHER }), ae(new Error(D), "finishRecord", p, j, L, R), null;
+        const S = "internal error: missing fields in payload";
+        return x && x(N.ERROR, { type: N.OTHER }), ae(new Error(S), "finishRecord", p, j, L, R), null;
       }
       l.record().stopDevice();
       const Z = l.cameraOff ? N.MEDIA_TYPE_AUDIO : N.MEDIA_TYPE_VIDEO, J = Tn();
@@ -798,19 +798,19 @@ const ce = async ({ event: n, apiBase: o, headers: t, visitorId: r, envId: i, me
       const me = { surveyId: B, updatedAt: (/* @__PURE__ */ new Date()).toISOString(), mediaType: Z, mediaRecordingUid: J };
       F && (me.questionId = F), Y && (me.responseGroupUid = Y), L && (me.visitorId = L);
       const E = await (async () => {
-        const D = await fetch(`${p}/2/environments/integrations/upload`, { method: "POST", cache: "no-cache", headers: { "Content-Type": "application/json" }, body: JSON.stringify(me) });
-        if (D.ok) {
-          const U = await D.json();
+        const S = await fetch(`${p}/2/environments/integrations/upload`, { method: "POST", cache: "no-cache", headers: { "Content-Type": "application/json" }, body: JSON.stringify(me) });
+        if (S.ok) {
+          const U = await S.json();
           return x && x(N.UPLOAD_STARTED, { [N.UPLOAD_ID]: U.upload.id, [N.MEDIA_TYPE]: Z, [N.MEDIA_RECORDING_UID]: J }), U.upload.url;
         }
-        return x && x(N.ERROR, { type: N.OTHER, response: D }), ae(new Error("failed to get upload response with url"), "finishRecord", p, j, L, R), null;
+        return x && x(N.ERROR, { type: N.OTHER, response: S }), ae(new Error("failed to get upload response with url"), "finishRecord", p, j, L, R), null;
       })();
-      E && (ne = I.document.defaultView.UpChunk.createUpload({ endpoint: E, file: new I.document.defaultView.File([l.recordedData], `recording ${Z} ${Date.now()}`), chunkSize: 5120 }), ne.startTime = Date.now(), ce({ event: "Video Upload Start", apiBase: p, headers: j, visitorId: L, envId: R, metadata: { mediaRecordingUid: J, questionId: F, responseGroupUid: Y, surveyId: B, mediaType: Z, url: E } }), ne.on("error", (D) => {
-        P(l.uploadProgressLabel, "none"), x && x(N.UPLOAD_FINISHED, { [N.MEDIA_RECORDING_UID]: J }), ae(D, "finishRecord", p, j, L, R);
-      }), ne.on("progress", (D) => {
-        x && x(N.UPLOAD_PROGRESS, { [N.MEDIA_RECORDING_UID]: J, [N.UPLOAD_PROGRESS_PCT]: D.detail }), P(l.uploadProgressLabel, "progress", D.detail);
+      E && (ne = I.document.defaultView.UpChunk.createUpload({ endpoint: E, file: new I.document.defaultView.File([l.recordedData], `recording ${Z} ${Date.now()}`), chunkSize: 5120 }), ne.startTime = Date.now(), ce({ event: "Video Upload Start", apiBase: p, headers: j, visitorId: L, envId: R, metadata: { mediaRecordingUid: J, questionId: F, responseGroupUid: Y, surveyId: B, mediaType: Z, url: E } }), ne.on("error", (S) => {
+        D(l.uploadProgressLabel, "none"), x && x(N.UPLOAD_FINISHED, { [N.MEDIA_RECORDING_UID]: J }), ae(S, "finishRecord", p, j, L, R);
+      }), ne.on("progress", (S) => {
+        x && x(N.UPLOAD_PROGRESS, { [N.MEDIA_RECORDING_UID]: J, [N.UPLOAD_PROGRESS_PCT]: S.detail }), D(l.uploadProgressLabel, "progress", S.detail);
       }), ne.on("success", () => {
-        P(l.uploadProgressLabel, "success"), x && x(N.UPLOAD_FINISHED, { [N.MEDIA_RECORDING_UID]: J }), ce({ event: "Video Upload Success", apiBase: p, headers: j, visitorId: L, envId: R, metadata: { mediaRecordingUid: J, questionId: F, responseGroupUid: Y, surveyId: B, mediaType: Z, url: E, elapsedMs: ne.startTime && Date.now() - ne.startTime } });
+        D(l.uploadProgressLabel, "success"), x && x(N.UPLOAD_FINISHED, { [N.MEDIA_RECORDING_UID]: J }), ce({ event: "Video Upload Success", apiBase: p, headers: j, visitorId: L, envId: R, metadata: { mediaRecordingUid: J, questionId: F, responseGroupUid: Y, surveyId: B, mediaType: Z, url: E, elapsedMs: ne.startTime && Date.now() - ne.startTime } });
       }));
     });
   })(a, r, i, We, d);
@@ -989,21 +989,21 @@ const ce = async ({ event: n, apiBase: o, headers: t, visitorId: r, envId: i, me
     return (p = l.optionProperties) == null ? void 0 : p.noneOfTheAbove;
   }), f = (l) => Object.entries(l).some(([p, x]) => {
     var B;
-    const P = t.find((Y) => `${Y.id}` === p), j = x.userText === void 0 || x.userText.trim() === "";
-    return ((B = P == null ? void 0 : P.optionProperties) == null ? void 0 : B.allowsTextEntry) && j && x.isSelected;
+    const D = t.find((Y) => `${Y.id}` === p), j = x.userText === void 0 || x.userText.trim() === "";
+    return ((B = D == null ? void 0 : D.optionProperties) == null ? void 0 : B.allowsTextEntry) && j && x.isSelected;
   }), _ = (l) => Object.values(l).filter((p) => p.isSelected).length, q = r.minSelect && r.minSelect > 0 && r.maxSelectMode === Ce.Range && _(c) < r.minSelect && (C || _(c) > 0), M = (l) => f(l) || C && !_(l) || !((p) => {
-    const { minSelect: x = 0, maxSelect: P = 1 / 0, maxSelectMode: j } = r, B = _(p);
+    const { minSelect: x = 0, maxSelect: D = 1 / 0, maxSelectMode: j } = r, B = _(p);
     switch (j) {
       case Ce.Maximum:
-        return B <= P;
+        return B <= D;
       case Ce.Range:
         return B === 0 || B >= x;
       default:
         return !0;
     }
   })(l), T = Object.entries(c).some(([l, p]) => {
-    var x, P;
-    return p.isSelected && ((P = (x = t.find((j) => `${j.id}` === l)) == null ? void 0 : x.optionProperties) == null ? void 0 : P.allowsTextEntry);
+    var x, D;
+    return p.isSelected && ((D = (x = t.find((j) => `${j.id}` === l)) == null ? void 0 : x.optionProperties) == null ? void 0 : D.allowsTextEntry);
   }), $ = d && (!k || T), A = (l) => {
     w(l.id, l.selected, l.userText, l.noneOfTheAbove);
   }, m = (l) => {
@@ -1011,20 +1011,20 @@ const ce = async ({ event: n, apiBase: o, headers: t, visitorId: r, envId: i, me
     return (r == null ? void 0 : r.maxSelectMode) !== Ce.Unlimited && _(c) === (r == null ? void 0 : r.maxSelect) && !((p = c[l]) != null && p.isSelected);
   }, b = () => {
     o(c, !0), u && u();
-  }, w = (l, p, x, P) => {
+  }, w = (l, p, x, D) => {
     const j = Object.assign({}, c);
-    if ((k || P) && p) for (const B of Object.values(j)) B.isSelected = !1, delete B.userText;
-    else g && !P && c[g.id].isSelected && (j[g.id].isSelected = !1);
+    if ((k || D) && p) for (const B of Object.values(j)) B.isSelected = !1, delete B.userText;
+    else g && !D && c[g.id].isSelected && (j[g.id].isSelected = !1);
     j[l] = { isSelected: p, userText: x }, h(j);
   };
   return e("form", { className: O(n, "ul-card--multiple", "fade-in-transition"), id: "text-form", onSubmit: b, children: e(ie, { properties: r, children: [e(de, { children: [r.isDropdown ? e(Dn, { disabledOptions: t.filter((l) => m(l.id)), dropdownFooter: q ? e("div", { className: "ul-card__min-select-counter", style: { marginLeft: "16px" }, children: [_(c), "/", r.minSelect] }) : void 0, isMultiSelect: !k, multiselectText: r.dropdownMultiselectedText ?? "choices selected", onChange: (l) => {
     const p = { ...c };
     for (const x of t) l.includes(x) ? p[x.id].isSelected = !0 : p[x.id].isSelected = !1;
     h(p);
-  }, options: t, placeholderText: r.dropdownPlaceholderText ?? (k ? "Select choice" : "Select choice(s)"), value: t.filter((l) => c[l.id].isSelected) }) : e("div", { className: O(K("ul-card__choices", v)), role: k ? "radiogroup" : "group", children: [t.map(({ id: l, label: p, value: x, optionProperties: P }) => {
+  }, options: t, placeholderText: r.dropdownPlaceholderText ?? (k ? "Select choice" : "Select choice(s)"), value: t.filter((l) => c[l.id].isSelected) }) : e("div", { className: O(K("ul-card__choices", v)), role: k ? "radiogroup" : "group", children: [t.map(({ id: l, label: p, value: x, optionProperties: D }) => {
     var R, F;
-    const j = `${l}`, { allowsTextEntry: B, noneOfTheAbove: Y } = { allowsTextEntry: !1, noneOfTheAbove: !1, ...P };
-    return e(Oe, { allowTextEntry: B, border: a, disabled: m(j), error: (L = c, f(L)), id: j, isRadio: k, isSelected: !!((R = c[j]) != null && R.isSelected), label: p, noneOfTheAbove: Y, onUserInputChanged: A, promptText: "Please specify", text: (F = c[l]) == null ? void 0 : F.userText, useMobileStyling: v, value: x }, j);
+    const j = `${l}`, { allowsTextEntry: B, noneOfTheAbove: Y } = { allowsTextEntry: !1, noneOfTheAbove: !1, ...D };
+    return e(Oe, { allowTextEntry: B, border: a, disabled: m(j), error: (L = c, f(L)), id: j, isRadio: k, isSelected: !!((R = c[j]) != null && R.isSelected), label: p, noneOfTheAbove: Y, onUserInputChanged: A, promptText: (D == null ? void 0 : D.otherOptionPlaceholder) || "Please specify", text: (F = c[l]) == null ? void 0 : F.userText, useMobileStyling: v, value: x }, j);
     var L;
   }), !!q && e("div", { className: "ul-card__min-select-counter", children: [_(c), "/", r.minSelect] })] }), $ && e(Sn, { handleSubmit: b, isSubmitDisabled: M(c) })] }), e(le, { children: e(ve, { isDisabled: M(c), onClick: b, children: re(r) }) })] }) }, i);
 }, Zn = (n) => {
@@ -1071,62 +1071,62 @@ const ce = async ({ event: n, apiBase: o, headers: t, visitorId: r, envId: i, me
     o({ value: v, questionId: r, type: i }, _), s && s();
   }, children: re(t) }) })] }) }) }, r);
 }, Kn = ({ className: n, labels: o, next: t, properties: r, questionId: i, type: s, onSubmitButtonClick: d, options: u }) => {
-  const a = se(null), v = se(0), y = se(0), c = se(null), h = se(!1), k = se([]), [C, g] = Q(() => (r == null ? void 0 : r.required) === !0), [f, _] = Q(() => u.map((E) => ({ ...E, rank: null }))), q = fe(() => Array.from({ length: u.length }, (E, D) => D + 1), [u.length]), { useMobileStyling: M, isPreview: T, headers: $ } = G((E) => ({ useMobileStyling: E.useMobileStyling, isPreview: E.isPreview, headers: E.headers })), A = ($ == null ? void 0 : $["userleap-platform"]) === "android", m = M && !T && !A, b = !m && !A, w = (E, D) => {
+  const a = se(null), v = se(0), y = se(0), c = se(null), h = se(!1), k = se([]), [C, g] = Q(() => (r == null ? void 0 : r.required) === !0), [f, _] = Q(() => u.map((E) => ({ ...E, rank: null }))), q = fe(() => Array.from({ length: u.length }, (E, S) => S + 1), [u.length]), { useMobileStyling: M, isPreview: T, headers: $ } = G((E) => ({ useMobileStyling: E.useMobileStyling, isPreview: E.isPreview, headers: E.headers })), A = ($ == null ? void 0 : $["userleap-platform"]) === "android", m = M && !T && !A, b = !m && !A, w = (E, S) => {
     _((U) => {
-      const S = parseInt(D), V = U.map((H) => ({ ...H }));
+      const P = parseInt(S), V = U.map((H) => ({ ...H }));
       V.some((H) => H.rank == null) && V.forEach((H, he) => H.rank = he + 1);
       const X = V.findIndex((H) => H.id === E);
       if (X === -1) return U;
       const z = V[X].rank;
-      return S < z ? V.forEach((H) => {
-        H.id !== E && H.rank >= S && H.rank < z && (H.rank = H.rank + 1);
-      }) : S > z && V.forEach((H) => {
-        H.id !== E && H.rank > z && H.rank <= S && (H.rank = H.rank - 1);
-      }), V[X].rank = S, V.sort((H, he) => H.rank - he.rank), Y(), V;
+      return P < z ? V.forEach((H) => {
+        H.id !== E && H.rank >= P && H.rank < z && (H.rank = H.rank + 1);
+      }) : P > z && V.forEach((H) => {
+        H.id !== E && H.rank > z && H.rank <= P && (H.rank = H.rank - 1);
+      }), V[X].rank = P, V.sort((H, he) => H.rank - he.rank), Y(), V;
     });
-  }, l = (E, D) => {
+  }, l = (E, S) => {
     for (let U = 0; U < k.current.length; U++) {
-      const S = k.current[U];
-      if (!S || S === c.current) continue;
-      const V = S.getBoundingClientRect();
-      if (E >= V.left && E <= V.right && D >= V.top && D <= V.bottom) return { element: S, index: U };
+      const P = k.current[U];
+      if (!P || P === c.current) continue;
+      const V = P.getBoundingClientRect();
+      if (E >= V.left && E <= V.right && S >= V.top && S <= V.bottom) return { element: P, index: U };
     }
     return null;
-  }, p = (E) => (D) => {
+  }, p = (E) => (S) => {
     if (!m) return;
-    D.preventDefault(), D.stopPropagation(), h.current = !0, a.current = E;
-    const U = D.touches[0];
+    S.preventDefault(), S.stopPropagation(), h.current = !0, a.current = E;
+    const U = S.touches[0];
     v.current = U.clientY, y.current = U.clientY;
-    const S = D.currentTarget.closest(".ul-card-rank__option");
-    S && (c.current = S, S.classList.add("is-dragging"));
+    const P = S.currentTarget.closest(".ul-card-rank__option");
+    P && (c.current = P, P.classList.add("is-dragging"));
   }, x = (E) => {
     if (!m || !h.current || a.current === null) return;
     E.preventDefault(), E.stopPropagation();
-    const D = E.touches[0];
-    y.current = D.clientY;
+    const S = E.touches[0];
+    y.current = S.clientY;
     const U = y.current - v.current;
     c.current && (c.current.style.transform = `translateY(${U}px)`, c.current.style.zIndex = "1000"), k.current.forEach((V) => {
       V && V !== c.current && V.classList.remove("is-drop-target");
     });
-    const S = l(D.clientX, D.clientY);
-    S && S.element.classList.add("is-drop-target");
-  }, P = (E) => {
+    const P = l(S.clientX, S.clientY);
+    P && P.element.classList.add("is-drop-target");
+  }, D = (E) => {
     if (!m || !h.current || a.current === null) return;
     E.preventDefault(), E.stopPropagation();
-    const D = E.changedTouches[0], U = l(D.clientX, D.clientY);
-    c.current && (c.current.style.transform = "", c.current.style.zIndex = "", c.current.classList.remove("is-dragging")), k.current.forEach((S) => {
-      S && S.classList.remove("is-drop-target");
+    const S = E.changedTouches[0], U = l(S.clientX, S.clientY);
+    c.current && (c.current.style.transform = "", c.current.style.zIndex = "", c.current.classList.remove("is-dragging")), k.current.forEach((P) => {
+      P && P.classList.remove("is-drop-target");
     }), U && U.index !== a.current && j(a.current, U.index), a.current = null, c.current = null, h.current = !1;
-  }, j = (E, D) => {
+  }, j = (E, S) => {
     _((U) => {
-      const S = U.map((X) => ({ ...X })), [V] = S.splice(E, 1);
-      return S.splice(D, 0, V), S.forEach((X, z) => {
+      const P = U.map((X) => ({ ...X })), [V] = P.splice(E, 1);
+      return P.splice(S, 0, V), P.forEach((X, z) => {
         X.rank = z + 1;
-      }), Y(), S;
+      }), Y(), P;
     });
   }, B = (E) => {
-    const D = {};
-    E.reduce((U, S) => (U[S.id] = S.rank, U), D), t({ value: D, questionId: i, type: s }, !0);
+    const S = {};
+    E.reduce((U, P) => (U[P.id] = P.rank, U), S), t({ value: S, questionId: i, type: s }, !0);
   }, Y = () => {
     g(!1);
   }, { left: L, right: R } = o, F = u.length, Z = (E) => {
@@ -1138,17 +1138,17 @@ const ce = async ({ event: n, apiBase: o, headers: t, visitorId: r, envId: i, me
   };
   return e("form", { className: O(n, "ul-card-rank", "fade-in-transition"), onSubmit: (E) => {
     E.preventDefault(), B(f), d && d();
-  }, children: e(ie, { properties: r, children: e(Ee, A ? { children: [e(de, { children: e("div", { className: "ul-card--rank__question-inner-container", children: [e("div", { className: "ul-card-rank__labels", children: e("span", { children: ["1 - ", L] }) }), e("ol", { className: "ul-card-rank__list", children: f.map(({ id: E, label: D, rank: U }) => e("li", { className: "ul-card-rank__option", children: [e("select", { "aria-label": `Rank for ${D}`, className: O("ul-card-rank__select", U == null && "ul-card-rank__select--placeholder"), name: `rank[${E}]`, onChange: (S) => w(E, S.currentTarget.value), value: U ?? "", children: [U == null && e("option", { className: "ul-card-rank__select-option", disabled: !0, value: "", children: "-" }), q.map((S) => e("option", { className: "ul-card-rank__select-option", value: S, children: S }, `${S}-${i}`))] }), e("span", { children: D })] }, E)) }), e("div", { className: "ul-card-rank__labels", children: e("span", { children: [F, " - ", R] }) })] }) }), e(le, { children: e("div", { className: "ul-card__button-wrapper", children: e(oe, { disabled: C, children: re(r) }) }) })] } : { children: [e(de, { children: e("div", { className: "ul-card--rank__question-inner-container", children: [e("div", { className: "ul-card-rank__labels", children: e("span", { children: ["1 - ", L] }) }), e("ol", { className: "ul-card-rank__list", onDragOver: A ? void 0 : (E) => {
+  }, children: e(ie, { properties: r, children: e(Ee, A ? { children: [e(de, { children: e("div", { className: "ul-card--rank__question-inner-container", children: [e("div", { className: "ul-card-rank__labels", children: e("span", { children: ["1 - ", L] }) }), e("ol", { className: "ul-card-rank__list", children: f.map(({ id: E, label: S, rank: U }) => e("li", { className: "ul-card-rank__option", children: [e("select", { "aria-label": `Rank for ${S}`, className: O("ul-card-rank__select", U == null && "ul-card-rank__select--placeholder"), name: `rank[${E}]`, onChange: (P) => w(E, P.currentTarget.value), value: U ?? "", children: [U == null && e("option", { className: "ul-card-rank__select-option", disabled: !0, value: "", children: "-" }), q.map((P) => e("option", { className: "ul-card-rank__select-option", value: P, children: P }, `${P}-${i}`))] }), e("span", { children: S })] }, E)) }), e("div", { className: "ul-card-rank__labels", children: e("span", { children: [F, " - ", R] }) })] }) }), e(le, { children: e("div", { className: "ul-card__button-wrapper", children: e(oe, { disabled: C, children: re(r) }) }) })] } : { children: [e(de, { children: e("div", { className: "ul-card--rank__question-inner-container", children: [e("div", { className: "ul-card-rank__labels", children: e("span", { children: ["1 - ", L] }) }), e("ol", { className: "ul-card-rank__list", onDragOver: A ? void 0 : (E) => {
     E.preventDefault(), E.dataTransfer && (E.dataTransfer.dropEffect = "move");
-  }, children: f.map(({ id: E, label: D, rank: U }, S) => {
-    return e("li", { className: "ul-card-rank__option", draggable: !!b || void 0, onDragEnd: b ? me : void 0, onDragEnter: b ? Z : void 0, onDragLeave: b ? J : void 0, onDragStart: b ? (X = S, (z) => {
+  }, children: f.map(({ id: E, label: S, rank: U }, P) => {
+    return e("li", { className: "ul-card-rank__option", draggable: !!b || void 0, onDragEnd: b ? me : void 0, onDragEnter: b ? Z : void 0, onDragLeave: b ? J : void 0, onDragStart: b ? (X = P, (z) => {
       a.current = X, z.dataTransfer && (z.dataTransfer.effectAllowed = "move", z.dataTransfer.setData("text/plain", String(X)), z.currentTarget.classList.add("is-dragging"));
-    }) : void 0, onDrop: b ? (V = S, (z) => {
+    }) : void 0, onDrop: b ? (V = P, (z) => {
       var he, Fe;
       z.preventDefault(), z.currentTarget.classList.remove("is-drop-target");
       const H = a.current;
       a.current = null, (Fe = (he = z.currentTarget.closest(".ul-card-rank__list")) == null ? void 0 : he.querySelector(".is-dragging")) == null || Fe.classList.remove("is-dragging"), H != null && H !== V && j(H, V);
-    }) : void 0, ref: (z) => k.current[S] = z, children: [e("select", { "aria-label": `Rank for ${D}`, className: O("ul-card-rank__select", U == null && "ul-card-rank__select--placeholder"), name: `rank[${E}]`, onChange: (z) => w(E, z.currentTarget.value), value: U ?? "", children: [U == null && e("option", { className: "ul-card-rank__select-option", disabled: !0, value: "", children: "-" }), q.map((z) => e("option", { className: "ul-card-rank__select-option", value: z, children: z }, z))] }), e("span", { children: D }), !A && e("button", { "aria-label": `Drag ${D} to reorder`, className: "ul-card-rank__drag-btn", onTouchEnd: m ? P : void 0, onTouchMove: m ? x : void 0, onTouchStart: m ? p(S) : void 0, title: "Drag to reorder", type: "button", children: e("svg", { fill: "none", height: "17", viewBox: "0 0 16 17", width: "16", xmlns: "http://www.w3.org/2000/svg", children: e("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" }) }) })] }, E);
+    }) : void 0, ref: (z) => k.current[P] = z, children: [e("select", { "aria-label": `Rank for ${S}`, className: O("ul-card-rank__select", U == null && "ul-card-rank__select--placeholder"), name: `rank[${E}]`, onChange: (z) => w(E, z.currentTarget.value), value: U ?? "", children: [U == null && e("option", { className: "ul-card-rank__select-option", disabled: !0, value: "", children: "-" }), q.map((z) => e("option", { className: "ul-card-rank__select-option", value: z, children: z }, z))] }), e("span", { children: S }), !A && e("button", { "aria-label": `Drag ${S} to reorder`, className: "ul-card-rank__drag-btn", onTouchEnd: m ? D : void 0, onTouchMove: m ? x : void 0, onTouchStart: m ? p(P) : void 0, title: "Drag to reorder", type: "button", children: e("svg", { fill: "none", height: "17", viewBox: "0 0 16 17", width: "16", xmlns: "http://www.w3.org/2000/svg", children: e("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" }) }) })] }, E);
     var V, X;
   }) }), e("div", { className: "ul-card-rank__labels", children: e("span", { children: [F, " - ", R] }) })] }) }), e(le, { children: e("div", { className: "ul-card__button-wrapper", children: e(oe, { disabled: C, children: re(r) }) }) })] }) }) }, i);
 }, Re = 1, pn = 2, vn = 3, we = (n) => n.type === "av_permission", Ke = (n) => n.type === "screen_permission", mn = (n, o) => n === void 0 ? Re : n ? ((t, r) => !(we(r) ? r.permissionDescriptors : []).includes("camera") || t.getVideoTracks().length > 0)(n, o) ? vn : Re : pn, Je = { avStream: null, currentPage: null, mediaRecordingUids: null, nextQuestion: () => {
@@ -1258,13 +1258,13 @@ const hn = "ul-permission-graphics-container", gn = "ul-permission-body", bn = O
   c || (c = function({ pages: g, userId: f, responseGroupUid: _, surveyId: q, questionId: M, next: T }) {
     const { updatePage: $ } = te.getState(), { eventEmitFn: A, recorderEventEmitter: m } = G.getState(), b = { questionId: M, surveyId: q, visitorId: f, responseGroupUid: _ };
     let w = 0;
-    m.emit("recorded.task.permission.screen"), A("recorded.task.permission.screen"), m.emit("permission.status", { "permission.status.callback": (p, x, P, j) => {
+    m.emit("recorded.task.permission.screen"), A("recorded.task.permission.screen"), m.emit("permission.status", { "permission.status.callback": (p, x, D, j) => {
       const B = g[w], { type: Y } = B, L = ["screen"];
       if (we(B)) {
         const { permissionDescriptors: R } = B, F = R == null ? void 0 : R.includes("microphone"), Z = R == null ? void 0 : R.includes("camera");
         F && L.push("audio"), Z && L.push("video"), (p != null && p.active && !Z || p != null && p.active && x) && w++;
       }
-      Ke(g[w]) && P && (w++, m.emit("begin.recording", { "recording.media.types": L, "start.recording.callback": (R) => $({ mediaRecordingUids: R }) })), $({ currentPage: g[w], avStream: p, screenPermissionRequested: P, nextQuestion: T, type: Y, passthroughData: b, recordingMediaTypes: L, captureStream: j });
+      Ke(g[w]) && D && (w++, m.emit("begin.recording", { "recording.media.types": L, "start.recording.callback": (R) => $({ mediaRecordingUids: R }) })), $({ currentPage: g[w], avStream: p, screenPermissionRequested: D, nextQuestion: T, type: Y, passthroughData: b, recordingMediaTypes: L, captureStream: j });
     } });
     const l = g[w];
     return l.type === "av_permission" && Ne({ currentPage: l, pages: g }), l;
@@ -1319,7 +1319,7 @@ const hn = "ul-permission-graphics-container", gn = "ul-permission-body", bn = O
     })(s), $(en);
   } }) }) }), e("div", { style: { display: T === en ? "block" : "none" }, children: e("div", { id: "ul-recorder-player-container", ref: (b) => {
     if (b && b.children.length === 0) {
-      const w = ((l, p = {}, x = "https://api.userleap.com", P, j, B, Y = !1, L = document) => {
+      const w = ((l, p = {}, x = "https://api.userleap.com", D, j, B, Y = !1, L = document) => {
         I.document = L;
         const R = l + Qe, F = cn(R);
         return I.document.addEventListener("securitypolicyviolation", (Z) => {
@@ -1327,7 +1327,7 @@ const hn = "ul-permission-graphics-container", gn = "ul-permission-body", bn = O
         }), sn(rn.concat(Nn), () => {
           Le(R, F), I.document.getElementById($e(R)).remove();
           try {
-            Bn(F, R, p, x, P, j, B, Y);
+            Bn(F, R, p, x, D, j, B, Y);
           } catch (Z) {
             return void ae(new Error(`Error when creating video recorder player object ${Z}`), "recorderDeviceError", x, B, p.visitorId, p.envId);
           }
@@ -1434,7 +1434,7 @@ const bt = () => {
     const [l, p] = Q(/* @__PURE__ */ new Map());
     return ue(() => {
       if (m.length > 0 && b < m.length) {
-        const x = m[b], P = `${x.name}`, j = (L) => L.type === "aidynamicfollowup", B = (L) => {
+        const x = m[b], D = `${x.name}`, j = (L) => L.type === "aidynamicfollowup", B = (L) => {
           var R;
           if (b > 0) {
             const F = m[b - 1];
@@ -1445,15 +1445,15 @@ const bt = () => {
           }
           return L;
         };
-        if (b <= (w ?? 0) || yn(x)) return p((L) => B(new Map(L).set(P, !1)));
+        if (b <= (w ?? 0) || yn(x)) return p((L) => B(new Map(L).set(D, !1)));
         p((L) => {
           const R = !j(x) || !!x.props.loading;
-          return B(new Map(L).set(P, R));
+          return B(new Map(L).set(D, R));
         });
         const Y = setTimeout(() => {
           p((L) => {
             const R = !!j(x) && !!x.props.loading;
-            return B(new Map(L).set(P, R));
+            return B(new Map(L).set(D, R));
           });
         }, 1e3);
         return () => clearTimeout(Y);
@@ -1466,9 +1466,9 @@ const bt = () => {
     }, [m]), ue(() => {
       const p = b ?? 0;
       p > 0 && l((x) => {
-        const P = new Set(x);
-        for (let j = 0; j <= p; j++) P.add(j);
-        return P;
+        const D = new Set(x);
+        for (let j = 0; j <= p; j++) D.add(j);
+        return D;
       });
     }, [b]), w;
   })(s, c), M = fe(() => ({ ...t, ...ze(n.map((m, b) => {
@@ -1490,7 +1490,7 @@ const bt = () => {
     i(l, m);
     const p = { ...m, questionText: In(w) };
     if (w.childId && (p == null ? void 0 : p.value) != null) {
-      const x = ze([w].map((P) => ({ ...P, value: (p == null ? void 0 : p.value) ?? null, secondaryValue: (p == null ? void 0 : p.secondaryValue) ?? null })));
+      const x = ze([w].map((D) => ({ ...D, value: (p == null ? void 0 : p.value) ?? null, secondaryValue: (p == null ? void 0 : p.secondaryValue) ?? null })));
       k({ parentQuestionId: w.name, parentResponseConfig: x });
     }
     o([p]);