@sprig-technologies/sprig-bundled 2.47.0 → 2.48.1

package/dist/{conversational-ui-CXl_8HB_.js → conversational-ui-BA_Spq-D.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-CGsEDlvu.js";
+import { v as Ln, E as De, j as on, A as $e, k as Nn, f as sn } from "./index-stTkpjhx.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-DFRoHvvS.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);

package/dist/conversational-v2-styles-C-VtU8rP.js

@@ -0,0 +1,4 @@
+const t = 'html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}ol,ul{padding-inline-start:1em}.ul-card-text__button{background-color:var(--theme);border-radius:8px;padding:11px 16px;gap:5px;border:none;color:#fff;cursor:pointer;font-size:15px;font-weight:500;line-height:18px}.ul-card-text__button:hover{opacity:.8}.ul-card-text__button:disabled,.ul-card-text__button.sprig-button-disabled{opacity:.4;cursor:not-allowed}.ul-card-text__button.ul-button-inactive{background-color:transparent;color:#5d696f}.ul-card-skip__button{border:none;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;cursor:pointer}.ul-card-button-group{align-items:center;display:flex;gap:15px;justify-content:center}.sprig-question-footer-container{padding:0;align-items:center}.ul-card__button-checkmark{display:flex;align-items:center;font-size:15px;gap:5px;padding:11px 16px;border-radius:8px;background-color:var(--theme);color:#fff}.ul-card__button-checkmark:disabled{background-color:var(--theme);opacity:.5;color:#fff}.ul-card__button-checkmark:disabled>svg path{stroke:#fff}.ul-conversational-ui{width:100%;height:100%;display:flex;flex-direction:column;min-height:500px;font-size:15px;position:relative}.ul-card__button-wrapper{margin-top:4px;display:flex;gap:16px;justify-content:right;align-self:stretch}.conversational-close-btn{position:fixed;top:20px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:1000}.conversational-close-btn:hover{background:var(--chat-close-hover-bg)}.chat-container{flex:1;display:flex;flex-direction:column;align-items:center}.chat-messages{flex:1;display:flex;flex-direction:column;max-width:600px;width:100%;padding:36px 16px 44px;gap:8px;box-sizing:border-box}.chat-message-no-response{font-style:italic;color:var(--chat-msg-no-response)}.chat-card .choice{margin-bottom:0;background-color:var(--chat-choice-bg);padding:0;line-height:2;border:none;min-height:28px}.chat-card .choice.ul-select-active-dynamic-style{border:none}.chat-bubble-container{display:flex;flex-direction:row;align-items:flex-start;width:100%;animation:fadeInUp .3s ease-out}.chat-bubble-container .chat-avatar{display:none}.chat-left{align-self:flex-start;width:auto;justify-content:flex-start}.chat-container .chat-bubble-container.chat-left.chat-no-avatar .chat-bubble{margin-left:0}.chat-right{align-self:flex-end;width:100%;justify-content:flex-end;margin-top:8px}.sprig-question-body{word-wrap:break-word;position:relative;border-radius:8px;box-sizing:border-box;max-width:448px;gap:8px;padding:0;overflow:unset}.chat-bubble-text-only{width:auto;max-width:286px}.chat-bubble.chat-bubble-right:has(.likert-number,.likert-smiley,.likert-star,.nps-number){width:100%}.chat-bubble.chat-bubble-right .chat-message-text{border-radius:8px;word-wrap:break-word;position:relative;padding:16px;color:var(--text-color);background:var(--chat-right-bg)}.chat-bubble-left{border-radius:8px;word-wrap:break-word;position:relative;padding:16px;color:var(--text-color);background:var(--chat-left-bg)}.chat-bubble.chat-bubble-right:has(.answered-card) .sprig-question-body{border-radius:8px;word-wrap:break-word;position:relative;padding:16px;color:var(--text-color);background:var(--chat-right-bg)}.chat-bubble.chat-bubble-right:not(:has(.chat-bubble-text-only)) .sprig-question-body{border-radius:8px;word-wrap:break-word;position:relative;padding:16px;color:var(--text-color);background:var(--chat-right-bg)}.chat-message-text{line-height:1.4;margin:0;text-align:left;color:var(--text-color);font-size:14px;font-weight:400;word-wrap:break-word}.chat-persona-label{margin-top:-4px;text-align:left;color:var(--chat-end-text);font-size:14px;font-weight:400;line-height:140%}.chat-card-container{padding:0;background:transparent}@media (max-width: 600px){.conversational-ui .long-form-question-footer-container-logo{position:unset}}.chat-card-container .chat-card{display:flex;flex-direction:column;gap:8px}.chat-thanks-card{background:transparent;box-shadow:none;text-align:center}.end-of-survey-text{text-align:center;color:var(--chat-end-text);font-size:14px;margin-top:8px;font-weight:400}.answered-card{pointer-events:none;opacity:.7;position:relative}.footer{width:100%;margin-top:12px;font-size:12px;font-weight:400;line-height:12px;color:var(--chat-footer)}.answered-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--chat-answered-overlay-bg);pointer-events:none;border-radius:inherit}.answered-card button,.answered-card input,.answered-card textarea,.answered-card select{pointer-events:none}.answered-card:not(.ul-card__consent-legal):not(.ul-card__text-url-prompt) .ul-card-button-group *{display:none}.sprig-question-footer-container{padding:0;align-items:end}.chat-card.ul-card--video .sprig-question-footer-container{flex-direction:row;justify-content:flex-end;align-items:center}.ul-card-text__button{font-size:13px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-bubble-container.chat-left.chat-no-avatar .chat-bubble{margin-left:42px}.ul-card-vertical__button-wrapper{align-items:end}.ul-card-skip__button{padding:0 16px}.sprig-stretch{padding:16px;display:flex;flex-direction:column;gap:8px;border-radius:8px;background:var(--consent-sprig-stretch-bg)}.sprig-stretch input{background-color:var(--consent-input-bg)}.ul-card--likert__numbers{background-color:#fff;display:flex;width:100%;box-sizing:border-box;flex-wrap:nowrap;justify-content:space-between;align-items:center}.ul-card--likert__numbers>button{padding:5px 4px}.ul-card--likert__numbers:has(.likert-star,.likert-smiley){background-color:transparent;justify-content:space-between;gap:2px}.likert-smiley>svg{scale:1.176}.ul-card--likert__numbers .likert-star,.ul-card--likert__numbers .likert-smiley{min-width:24px;min-height:57px;max-width:38px;max-height:38px;flex:0 1 auto;transition:height .2s,width .2s}.ul-card--likert__labels{font-weight:400;color:var(--text-color);text-align:center;word-break:break-word;font-size:.95rem}.likert-number,.likert-smiley,.likert-star{min-height:57px;max-height:57px;box-sizing:border-box;flex:1 1 auto;display:flex;align-items:center;justify-content:center;transition:height .2s,width .2s,font-size .2s}.sprig-question-body:has(.likert-number,.likert-smiley,.likert-star){max-width:100%;padding:0 .5rem;display:flex;flex-direction:column}.chat-card-container:has(.ul-card__matrix),.chat-card-container:has([class*=matrix]){min-width:280px;max-width:700px}@media (min-width: 1200px){.chat-card-container:has(.ul-card__matrix),.chat-card-container:has([class*=matrix]){min-width:280px;max-width:900px}}@media (max-width: 768px){.chat-card-container:has(.ul-card__matrix),.chat-card-container:has([class*=matrix]){min-width:280px;max-width:100%;width:100%;padding:0 4px}}.chat-card-container .ul-card--matrix_container{max-width:100%;overflow-x:auto}.chat-card-container .ul-card--matrix_grid{min-width:100%}.chat-card-container .ul-card__matrix{width:100%}.chat-card-container .choice-label-container{gap:8px}@media (max-width: 768px){.sprig-header-label-container,.sprig-header-label,.choice{font-size:14px}.chat-card-container:has(.ul-card__matrix),.chat-card-container:has([class*=matrix]){min-width:280px;max-width:100%;width:100%}.chat-card-container .ul-card--matrix_container{overflow-x:auto;-webkit-overflow-scrolling:touch}}.select-label{cursor:pointer;flex:1;overflow-wrap:anywhere;text-align:start}.ul-conversational-ui .chat-card-container .chat-card.ul-card--nps{width:100%;min-width:262px;max-width:500px;box-sizing:border-box}.ul-conversational-ui .ul-card--nps__numbers{background-color:#fff}.ul-conversational-ui .ul-card--nps__numbers>button{padding:5px 4px}.ul-conversational-ui .nps-number{color:var(--text-color);border:2px solid var(--nps-number-border)}@media (max-width: 768px){.ul-conversational-ui .nps-number{font-size:16px;height:35px}.ul-conversational-ui .ul-card--nps__labels{font-size:12px;font-weight:400;color:var(--text-color)}}@media (min-width: 769px){.ul-conversational-ui .nps-number{font-size:20px;height:40px}.ul-conversational-ui .ul-card--nps__labels{font-size:14px;font-weight:400;color:#2f2e2c}}.ul-card-rank__option{text-align:left;background:#0000000d;margin-bottom:8px}.ul-card-rank__option.is-dragging{background-color:#0000000d;border:none}.ul-card-rank__labels{font-weight:400;color:var(--text-color)}@media (min-width: 1200px){.ul-card--rank__question-inner-container{max-width:900px}}@media (max-width: 768px){.ul-card--rank__question-inner-container{min-width:0;max-width:100%;width:100%;font-size:14px}.ul-card-rank__labels{font-size:14px}.ul-card-rank__option>span{font-size:14px}.ul-card-rank__option>select{font-size:14px}}.select-button{align-items:center;background-color:var(--select-button-bg);border-radius:8px;border:1px solid #E8E7E6;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;margin-bottom:8px;padding:4px 8px 4px 16px;width:100%}.select-button:hover{background-color:var(--select-button-hover)}.select-button:active{background-color:var(--select-button-bg)}.select-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-button.select-button-placeholder{color:#b0b5b7}.select-button svg{flex-shrink:0}.select-list{position:relative;height:fit-content;padding:4px 0;z-index:100;background-color:var(--select-list-bg);border:1px solid #E2E3E1;box-shadow:0 16px 24px #0b23300d,0 4px 12px #0b233008;border-radius:8px;overflow-y:scroll;width:100%}.select-option{align-items:center;cursor:pointer;display:flex;font-size:15px;gap:8px;line-height:20px;padding:8px 16px}.select-option:hover{background-color:var(--select-checkbox-hover-bg)}.chat-card .select-checkbox{border:1px solid var(--select-checkbox-border);background-color:var(--select-checkbox-bg);margin-top:6px}.chat-card .select-radio{box-shadow:unset;border:1px solid var(--select-checkbox-border);background-color:var(--select-radio-bg);margin-top:6px}.chat-card .select-radio.ul-select-active-dynamic-style{border:1px solid var(--select-checkbox-border);background-color:var(--select-radio-active-bg);box-shadow:inset 0 0 1px 3px #fff}.ul-card-text{margin-top:2px;margin-bottom:3px;gap:8px;display:flex;flex-direction:column;justify-content:center;padding:0;width:100%}.ul-card-text__container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin-bottom:12px;flex:1 1 auto;flex-direction:row;border-radius:8px;gap:0;width:auto;min-width:180px;max-width:100%}@media (max-width: 768px){.ul-card-text__container{max-width:100%;width:100%;margin-bottom:8px}}.ul-card-text__container textarea{border-radius:8px;width:60vw;box-sizing:border-box}.ul-card-text__container textarea:focus{border:1px solid #0B2330}.ul-card-text__input--mobile{border:2px solid #e6e6e6;max-height:63px;background-color:var(--text-card-input-bg)}.ul-card-text__input--desktop{border:1px solid #e6e6e6;max-height:150px;background-color:var(--text-card-input-bg)}.ul-card-text__input{background-color:var(--text-card-input-bg);box-sizing:border-box;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;min-height:63px;overflow:auto;padding:8px;resize:none;width:100%;border-radius:3px;line-height:20px;overflow-wrap:break-word;min-width:180px;max-width:100%;border-color:var(--text-card-border)}@media (max-width: 768px){.ul-card-text__input{min-width:0;max-width:100%;width:100%;font-size:14px}}.ul-card-text__input::placeholder{color:#6c6c6e80;background-color:var(--text-card-input-bg)}.ul-card-text__input:focus{outline:none;background-color:var(--text-card-input-bg)}.ul-card-text__input--desktop:hover:not(:focus){background-color:var(--text-card-input-bg)}@media (max-width: 768px){.ul-card-text__input{font-size:16px}}.ul-card__text-url-prompt .sprig-question-body{padding:0}.ul-card__text-url-prompt .ul-card-button-group{padding:10px}.chat-card.ul-card__text-url-prompt .ul-card-button-group{align-items:flex-end;padding:0}@keyframes flashingDot{0%{background-color:#262136}50%,to{background-color:#f8f9fa}}.thinking-dots-container{display:flex;justify-content:center;align-items:flex-end;position:relative;width:18px;margin-top:.5em}.thinking-dot{position:relative;width:3px;height:3px;border-radius:5px;background-color:#262136;color:#262136;animation:flashingDot 1s infinite linear alternate;animation-delay:.5s}.thinking-dot:before,.thinking-dot:after{content:"";display:inline-block;position:absolute;top:0;width:3px;height:3px;border-radius:5px;background-color:#262136;color:#262136;animation:flashingDot 1s infinite alternate}.thinking-dot:before{left:-5px;animation-delay:0s}.thinking-dot:after{left:5px;animation-delay:1s}[id^=ul-card-video__player_recorder],[id^=ul-card-video__question_player]{width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available}.answered-card [id^=ul-card-video__player_recorder] .ul-control-panel{display:none!important}html{--root-bg: #e8e7e6;--root-input-bg: #ffffff;--root-input-border: #e8e7e6;--root-input-border-dark: #333;--chat-close-hover-bg: rgba(255, 255, 255, .5);--chat-msg-no-response: #666;--chat-right-bg: var(--root-bg);--chat-left-bg: #F7F6F5;--chat-end-text: #999;--chat-footer: #000000;--chat-answered-overlay-bg: rgba(255, 255, 255, .3);--chat-choice-bg: unset;--consent-sprig-stretch-bg: var(--root-bg);--consent-input-bg: var(--root-bg);--text-card-input-bg: var(--root-input-bg);--text-card-border: var(--root-input-border);--select-checkbox-bg: #fff;--select-checkbox-hover-bg: var(--root-input-bg);--select-checkbox-border: var(--root-input-border-dark);--select-radio-bg: var(--root-input-bg);--select-radio-active-bg: #000;--select-radio-active-border-bg: var(--root-bg);--select-list-bg: #fff;--select-button-bg: #fff;--select-button-hover: #f2f2f2;--select-option-bg: #fff;--select-multiselect-checkbox-label-bg: var(--root-bg);--nps-number-border: var(--root-input-border);--nps-unselected: #fff}';
+export {
+  t as default
+};

package/dist/conversational-v2-styles-DLvybr0T.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.default='html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}ol,ul{padding-inline-start:1em}.ul-card-text__button{background-color:var(--theme);border-radius:8px;padding:11px 16px;gap:5px;border:none;color:#fff;cursor:pointer;font-size:15px;font-weight:500;line-height:18px}.ul-card-text__button:hover{opacity:.8}.ul-card-text__button:disabled,.ul-card-text__button.sprig-button-disabled{opacity:.4;cursor:not-allowed}.ul-card-text__button.ul-button-inactive{background-color:transparent;color:#5d696f}.ul-card-skip__button{border:none;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;cursor:pointer}.ul-card-button-group{align-items:center;display:flex;gap:15px;justify-content:center}.sprig-question-footer-container{padding:0;align-items:center}.ul-card__button-checkmark{display:flex;align-items:center;font-size:15px;gap:5px;padding:11px 16px;border-radius:8px;background-color:var(--theme);color:#fff}.ul-card__button-checkmark:disabled{background-color:var(--theme);opacity:.5;color:#fff}.ul-card__button-checkmark:disabled>svg path{stroke:#fff}.ul-conversational-ui{width:100%;height:100%;display:flex;flex-direction:column;min-height:500px;font-size:15px;position:relative}.ul-card__button-wrapper{margin-top:4px;display:flex;gap:16px;justify-content:right;align-self:stretch}.conversational-close-btn{position:fixed;top:20px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:1000}.conversational-close-btn:hover{background:var(--chat-close-hover-bg)}.chat-container{flex:1;display:flex;flex-direction:column;align-items:center}.chat-messages{flex:1;display:flex;flex-direction:column;max-width:600px;width:100%;padding:36px 16px 44px;gap:8px;box-sizing:border-box}.chat-message-no-response{font-style:italic;color:var(--chat-msg-no-response)}.chat-card .choice{margin-bottom:0;background-color:var(--chat-choice-bg);padding:0;line-height:2;border:none;min-height:28px}.chat-card .choice.ul-select-active-dynamic-style{border:none}.chat-bubble-container{display:flex;flex-direction:row;align-items:flex-start;width:100%;animation:fadeInUp .3s ease-out}.chat-bubble-container .chat-avatar{display:none}.chat-left{align-self:flex-start;width:auto;justify-content:flex-start}.chat-container .chat-bubble-container.chat-left.chat-no-avatar .chat-bubble{margin-left:0}.chat-right{align-self:flex-end;width:100%;justify-content:flex-end;margin-top:8px}.sprig-question-body{word-wrap:break-word;position:relative;border-radius:8px;box-sizing:border-box;max-width:448px;gap:8px;padding:0;overflow:unset}.chat-bubble-text-only{width:auto;max-width:286px}.chat-bubble.chat-bubble-right:has(.likert-number,.likert-smiley,.likert-star,.nps-number){width:100%}.chat-bubble.chat-bubble-right .chat-message-text{border-radius:8px;word-wrap:break-word;position:relative;padding:16px;color:var(--text-color);background:var(--chat-right-bg)}.chat-bubble-left{border-radius:8px;word-wrap:break-word;position:relative;padding:16px;color:var(--text-color);background:var(--chat-left-bg)}.chat-bubble.chat-bubble-right:has(.answered-card) .sprig-question-body{border-radius:8px;word-wrap:break-word;position:relative;padding:16px;color:var(--text-color);background:var(--chat-right-bg)}.chat-bubble.chat-bubble-right:not(:has(.chat-bubble-text-only)) .sprig-question-body{border-radius:8px;word-wrap:break-word;position:relative;padding:16px;color:var(--text-color);background:var(--chat-right-bg)}.chat-message-text{line-height:1.4;margin:0;text-align:left;color:var(--text-color);font-size:14px;font-weight:400;word-wrap:break-word}.chat-persona-label{margin-top:-4px;text-align:left;color:var(--chat-end-text);font-size:14px;font-weight:400;line-height:140%}.chat-card-container{padding:0;background:transparent}@media (max-width: 600px){.conversational-ui .long-form-question-footer-container-logo{position:unset}}.chat-card-container .chat-card{display:flex;flex-direction:column;gap:8px}.chat-thanks-card{background:transparent;box-shadow:none;text-align:center}.end-of-survey-text{text-align:center;color:var(--chat-end-text);font-size:14px;margin-top:8px;font-weight:400}.answered-card{pointer-events:none;opacity:.7;position:relative}.footer{width:100%;margin-top:12px;font-size:12px;font-weight:400;line-height:12px;color:var(--chat-footer)}.answered-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--chat-answered-overlay-bg);pointer-events:none;border-radius:inherit}.answered-card button,.answered-card input,.answered-card textarea,.answered-card select{pointer-events:none}.answered-card:not(.ul-card__consent-legal):not(.ul-card__text-url-prompt) .ul-card-button-group *{display:none}.sprig-question-footer-container{padding:0;align-items:end}.chat-card.ul-card--video .sprig-question-footer-container{flex-direction:row;justify-content:flex-end;align-items:center}.ul-card-text__button{font-size:13px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-bubble-container.chat-left.chat-no-avatar .chat-bubble{margin-left:42px}.ul-card-vertical__button-wrapper{align-items:end}.ul-card-skip__button{padding:0 16px}.sprig-stretch{padding:16px;display:flex;flex-direction:column;gap:8px;border-radius:8px;background:var(--consent-sprig-stretch-bg)}.sprig-stretch input{background-color:var(--consent-input-bg)}.ul-card--likert__numbers{background-color:#fff;display:flex;width:100%;box-sizing:border-box;flex-wrap:nowrap;justify-content:space-between;align-items:center}.ul-card--likert__numbers>button{padding:5px 4px}.ul-card--likert__numbers:has(.likert-star,.likert-smiley){background-color:transparent;justify-content:space-between;gap:2px}.likert-smiley>svg{scale:1.176}.ul-card--likert__numbers .likert-star,.ul-card--likert__numbers .likert-smiley{min-width:24px;min-height:57px;max-width:38px;max-height:38px;flex:0 1 auto;transition:height .2s,width .2s}.ul-card--likert__labels{font-weight:400;color:var(--text-color);text-align:center;word-break:break-word;font-size:.95rem}.likert-number,.likert-smiley,.likert-star{min-height:57px;max-height:57px;box-sizing:border-box;flex:1 1 auto;display:flex;align-items:center;justify-content:center;transition:height .2s,width .2s,font-size .2s}.sprig-question-body:has(.likert-number,.likert-smiley,.likert-star){max-width:100%;padding:0 .5rem;display:flex;flex-direction:column}.chat-card-container:has(.ul-card__matrix),.chat-card-container:has([class*=matrix]){min-width:280px;max-width:700px}@media (min-width: 1200px){.chat-card-container:has(.ul-card__matrix),.chat-card-container:has([class*=matrix]){min-width:280px;max-width:900px}}@media (max-width: 768px){.chat-card-container:has(.ul-card__matrix),.chat-card-container:has([class*=matrix]){min-width:280px;max-width:100%;width:100%;padding:0 4px}}.chat-card-container .ul-card--matrix_container{max-width:100%;overflow-x:auto}.chat-card-container .ul-card--matrix_grid{min-width:100%}.chat-card-container .ul-card__matrix{width:100%}.chat-card-container .choice-label-container{gap:8px}@media (max-width: 768px){.sprig-header-label-container,.sprig-header-label,.choice{font-size:14px}.chat-card-container:has(.ul-card__matrix),.chat-card-container:has([class*=matrix]){min-width:280px;max-width:100%;width:100%}.chat-card-container .ul-card--matrix_container{overflow-x:auto;-webkit-overflow-scrolling:touch}}.select-label{cursor:pointer;flex:1;overflow-wrap:anywhere;text-align:start}.ul-conversational-ui .chat-card-container .chat-card.ul-card--nps{width:100%;min-width:262px;max-width:500px;box-sizing:border-box}.ul-conversational-ui .ul-card--nps__numbers{background-color:#fff}.ul-conversational-ui .ul-card--nps__numbers>button{padding:5px 4px}.ul-conversational-ui .nps-number{color:var(--text-color);border:2px solid var(--nps-number-border)}@media (max-width: 768px){.ul-conversational-ui .nps-number{font-size:16px;height:35px}.ul-conversational-ui .ul-card--nps__labels{font-size:12px;font-weight:400;color:var(--text-color)}}@media (min-width: 769px){.ul-conversational-ui .nps-number{font-size:20px;height:40px}.ul-conversational-ui .ul-card--nps__labels{font-size:14px;font-weight:400;color:#2f2e2c}}.ul-card-rank__option{text-align:left;background:#0000000d;margin-bottom:8px}.ul-card-rank__option.is-dragging{background-color:#0000000d;border:none}.ul-card-rank__labels{font-weight:400;color:var(--text-color)}@media (min-width: 1200px){.ul-card--rank__question-inner-container{max-width:900px}}@media (max-width: 768px){.ul-card--rank__question-inner-container{min-width:0;max-width:100%;width:100%;font-size:14px}.ul-card-rank__labels{font-size:14px}.ul-card-rank__option>span{font-size:14px}.ul-card-rank__option>select{font-size:14px}}.select-button{align-items:center;background-color:var(--select-button-bg);border-radius:8px;border:1px solid #E8E7E6;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;margin-bottom:8px;padding:4px 8px 4px 16px;width:100%}.select-button:hover{background-color:var(--select-button-hover)}.select-button:active{background-color:var(--select-button-bg)}.select-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-button.select-button-placeholder{color:#b0b5b7}.select-button svg{flex-shrink:0}.select-list{position:relative;height:fit-content;padding:4px 0;z-index:100;background-color:var(--select-list-bg);border:1px solid #E2E3E1;box-shadow:0 16px 24px #0b23300d,0 4px 12px #0b233008;border-radius:8px;overflow-y:scroll;width:100%}.select-option{align-items:center;cursor:pointer;display:flex;font-size:15px;gap:8px;line-height:20px;padding:8px 16px}.select-option:hover{background-color:var(--select-checkbox-hover-bg)}.chat-card .select-checkbox{border:1px solid var(--select-checkbox-border);background-color:var(--select-checkbox-bg);margin-top:6px}.chat-card .select-radio{box-shadow:unset;border:1px solid var(--select-checkbox-border);background-color:var(--select-radio-bg);margin-top:6px}.chat-card .select-radio.ul-select-active-dynamic-style{border:1px solid var(--select-checkbox-border);background-color:var(--select-radio-active-bg);box-shadow:inset 0 0 1px 3px #fff}.ul-card-text{margin-top:2px;margin-bottom:3px;gap:8px;display:flex;flex-direction:column;justify-content:center;padding:0;width:100%}.ul-card-text__container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin-bottom:12px;flex:1 1 auto;flex-direction:row;border-radius:8px;gap:0;width:auto;min-width:180px;max-width:100%}@media (max-width: 768px){.ul-card-text__container{max-width:100%;width:100%;margin-bottom:8px}}.ul-card-text__container textarea{border-radius:8px;width:60vw;box-sizing:border-box}.ul-card-text__container textarea:focus{border:1px solid #0B2330}.ul-card-text__input--mobile{border:2px solid #e6e6e6;max-height:63px;background-color:var(--text-card-input-bg)}.ul-card-text__input--desktop{border:1px solid #e6e6e6;max-height:150px;background-color:var(--text-card-input-bg)}.ul-card-text__input{background-color:var(--text-card-input-bg);box-sizing:border-box;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;min-height:63px;overflow:auto;padding:8px;resize:none;width:100%;border-radius:3px;line-height:20px;overflow-wrap:break-word;min-width:180px;max-width:100%;border-color:var(--text-card-border)}@media (max-width: 768px){.ul-card-text__input{min-width:0;max-width:100%;width:100%;font-size:14px}}.ul-card-text__input::placeholder{color:#6c6c6e80;background-color:var(--text-card-input-bg)}.ul-card-text__input:focus{outline:none;background-color:var(--text-card-input-bg)}.ul-card-text__input--desktop:hover:not(:focus){background-color:var(--text-card-input-bg)}@media (max-width: 768px){.ul-card-text__input{font-size:16px}}.ul-card__text-url-prompt .sprig-question-body{padding:0}.ul-card__text-url-prompt .ul-card-button-group{padding:10px}.chat-card.ul-card__text-url-prompt .ul-card-button-group{align-items:flex-end;padding:0}@keyframes flashingDot{0%{background-color:#262136}50%,to{background-color:#f8f9fa}}.thinking-dots-container{display:flex;justify-content:center;align-items:flex-end;position:relative;width:18px;margin-top:.5em}.thinking-dot{position:relative;width:3px;height:3px;border-radius:5px;background-color:#262136;color:#262136;animation:flashingDot 1s infinite linear alternate;animation-delay:.5s}.thinking-dot:before,.thinking-dot:after{content:"";display:inline-block;position:absolute;top:0;width:3px;height:3px;border-radius:5px;background-color:#262136;color:#262136;animation:flashingDot 1s infinite alternate}.thinking-dot:before{left:-5px;animation-delay:0s}.thinking-dot:after{left:5px;animation-delay:1s}[id^=ul-card-video__player_recorder],[id^=ul-card-video__question_player]{width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available}.answered-card [id^=ul-card-video__player_recorder] .ul-control-panel{display:none!important}html{--root-bg: #e8e7e6;--root-input-bg: #ffffff;--root-input-border: #e8e7e6;--root-input-border-dark: #333;--chat-close-hover-bg: rgba(255, 255, 255, .5);--chat-msg-no-response: #666;--chat-right-bg: var(--root-bg);--chat-left-bg: #F7F6F5;--chat-end-text: #999;--chat-footer: #000000;--chat-answered-overlay-bg: rgba(255, 255, 255, .3);--chat-choice-bg: unset;--consent-sprig-stretch-bg: var(--root-bg);--consent-input-bg: var(--root-bg);--text-card-input-bg: var(--root-input-bg);--text-card-border: var(--root-input-border);--select-checkbox-bg: #fff;--select-checkbox-hover-bg: var(--root-input-bg);--select-checkbox-border: var(--root-input-border-dark);--select-radio-bg: var(--root-input-bg);--select-radio-active-bg: #000;--select-radio-active-border-bg: var(--root-bg);--select-list-bg: #fff;--select-button-bg: #fff;--select-button-hover: #f2f2f2;--select-option-bg: #fff;--select-multiselect-checkbox-label-bg: var(--root-bg);--nps-number-border: var(--root-input-border);--nps-unselected: #fff}';