@sprig-technologies/sprig-browser 2.40.0 → 2.40.2

package/dist/{getAttributedUrl-DUesmkhh.js → getAttributedUrl-C_5gL6aZ.js}

@@ -1,16 +1,13 @@
-import { u, c as R, a as F, p as K, F as Ce, h as ae, _ as de, g as we, S as _e, b as se, y as Oe, d as Be } from "./view-afp9mz2J.js";
-import { g as He, i as Se, A as Ne, E as Ue, a as ye } from "./core-CzqULo6b.js";
-import { v as Ve } from "./metricsReporter-BChkCOLD.js";
-const Fe = (e) => u("button", { ...e, className: R("ul-card-text__button", e.className), id: "ul-card-text__button" }), Ae = ({ html: e, ...n }) => {
-  const { enableCspTrustedTypes: o, update: t } = F((s) => ({ enableCspTrustedTypes: s.enableCspTrustedTypes, update: s.update }));
-  K(() => {
-    t();
-  }, [t]);
-  const r = Ce(() => He(e, o), [o, e]);
-  return u("div", { ...n, dangerouslySetInnerHTML: { __html: r } });
-}, xe = () => {
+import { u, c as _, a as F, F as _e, h as ae, p as ne, _ as de, g as Ce, S as Me, b as se, y as Oe, d as Be } from "./view-BGlLLPXB.js";
+import { g as He, i as Se, E as Ue, a as we } from "./core-Cyu7gofl.js";
+import { d as Ne } from "./debounce-CMb8f7wh.js";
+import { v as Ve } from "./metricsReporter-B-oKhuWk.js";
+const Fe = (e) => u("button", { ...e, className: _("ul-card-text__button", e.className), id: "ul-card-text__button" }), $e = ({ html: e, ...n }) => {
+  const { enableCspTrustedTypes: o } = F((r) => ({ enableCspTrustedTypes: r.enableCspTrustedTypes })), t = _e(() => He(e, o), [o, e]);
+  return u("div", { ...n, dangerouslySetInnerHTML: { __html: t } });
+}, ye = () => {
   const { viewDocument: e } = F((t) => ({ viewDocument: t.viewDocument })), [n, o] = ae(!1);
-  return K(() => {
+  return ne(() => {
     const t = e.querySelector(".sprig-question-body"), r = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         o(!!(t && Se(t) && t.scrollHeight > t.offsetHeight));
@@ -20,90 +17,90 @@ const Fe = (e) => u("button", { ...e, className: R("ul-card-text__button", e.cla
       t && r.disconnect();
     };
   }, [e]), n;
-}, ue = ({ plainText: e, richText: n, id: o, className: t, isHeader: r, showAsterisk: s }) => n ? u(Ae, { className: t, html: n, id: o }) : e ? r ? u("h1", { className: t, id: o, children: [e, s && "*"] }) : u("p", { className: t, id: o, children: e }) : null, $e = () => {
-  const { cards: e, close: n, endCard: o, headers: t, index: r } = F((l) => ({ cards: l.cards, close: l.close, endCard: l.endCard, headers: l.headers, index: l.index, useMobileStyling: l.useMobileStyling })), s = e.length, a = Ce(() => () => n(Ne), [n]);
-  return ["email", "link"].includes(t["userleap-platform"]) || o && r + 1 === s ? null : u("div", { "aria-label": "Close button", className: "close-btn", onClick: a, onKeyPress: (l) => {
-    l.key === "Enter" && a();
-  }, role: "button", tabIndex: 0, children: u("svg", { fill: "none", height: "16px", viewBox: "0 0 13 13", width: "16px", xmlns: "http://www.w3.org/2000/svg", children: u("path", { d: "M2.54964 1.78369L1.78369 2.54964L5.73405 6.5L1.78369 10.4504L2.54964 11.2163L6.5 7.26595L10.4504 11.2163L11.2163 10.4504L7.26595 6.5L11.2163 2.54964L10.4504 1.78369L6.5 5.73405L2.54964 1.78369Z", fill: "#262136" }) }) });
-}, an = ({ message: e, properties: n, isRequired: o }) => {
-  const t = de(null), r = n == null ? void 0 : n.captionText, s = xe();
-  return u("div", { className: R("question-header-container", "sprig-header-container", s ? "sprig-border-bottom" : null), ref: t, children: [u("div", { className: "question-header-button-container", children: [u(ue, { className: "ul-question", id: "ul-question", isHeader: !0, plainText: e, richText: n == null ? void 0 : n.questionHtml, showAsterisk: o }), u($e, {})] }), u(ue, { className: "ul-caption", id: "ul-caption", plainText: r, richText: n == null ? void 0 : n.captionHtml })] });
-}, ze = () => u("svg", { fill: "none", height: "10", viewBox: "0 0 13 10", width: "13", xmlns: "http://www.w3.org/2000/svg", children: u("path", { d: "M11.5 1.5L4.5 8.5L1 5", stroke: "#FFFFFF", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }) }), dn = ({ isSubmitDisabled: e, handleSubmit: n }) => u("div", { className: "ul-card-longform__submit-button-container", children: u(Fe, { className: "ul-card-longform__submit-button", disabled: e, onClick: n, children: ["OK ", u(ze, {})] }) }), ve = ({ buttonText: e = "View Prototype", handleClick: n }) => u("button", { className: "prototype-button", onClick: n, children: e }, "prototype-btn"), cn = ({ embeddedType: e = "prototype", properties: n, children: o }) => {
-  var T;
-  const { handleClickEmbedButton: t, hasViewedEmbed: r, headers: s, useDesktopPrototype: a, update: l, isConversationalUI: i } = F((v) => ({ handleClickEmbedButton: v.handleClickEmbedButton, hasViewedEmbed: v.hasViewedEmbed, headers: v.headers, useDesktopPrototype: v.useDesktopPrototype, update: v.update, isConversationalUI: v.isConversationalUI })), c = (n == null ? void 0 : n.conceptUrl) || ((T = n == null ? void 0 : n.consentDocument) == null ? void 0 : T.url), m = window.innerWidth < Ue, j = s["userleap-platform"], D = (v, h) => {
-    v.preventDefault(), t(h);
-  };
-  if (K(() => {
-    i || requestAnimationFrame(() => {
-      l();
-    });
-  }, [l, i]), !a && m && !r && c && ["email", "link"].includes(j)) {
-    if (e === "prototype") return u(ve, { handleClick: (v) => {
-      D(v, "question.prototype.click");
-    } });
-    if (e === "pdf") return u(ve, { buttonText: (n == null ? void 0 : n.viewDocumentText) || "View Document", handleClick: (v) => {
-      D(v, "question.agreement.click");
-    } });
-  }
-  return u(we, { children: o });
-}, Ee = ({ isSelected: e, id: n, divId: o, themeColor: t, disabled: r = !1 }) => u("div", { "aria-checked": e, "aria-disabled": r, "aria-labelledby": `label-${n}`, className: "select-checkbox", id: o, role: "checkbox", style: { ...e ? { backgroundColor: t, borderColor: t, boxShadow: "none" } : {}, ...r ? { opacity: 0.5 } : {} }, tabIndex: r ? -1 : 0, children: e && u(_e, {}) }), qe = (e, n) => {
+}, ue = ({ plainText: e, richText: n, id: o, className: t, isHeader: r, showAsterisk: s }) => n ? u($e, { className: t, html: n, id: o }) : e ? r ? u("h1", { className: t, id: o, children: [e, s && "*"] }) : u("p", { className: t, id: o, children: e }) : null, an = ({ message: e, properties: n, isRequired: o }) => {
+  const t = de(null), r = n == null ? void 0 : n.captionText, s = ye();
+  return u("div", { className: _("question-header-container", "sprig-header-container", s ? "sprig-border-bottom" : null), ref: t, children: [u("div", { className: "question-header-button-container", children: u(ue, { className: "ul-question", id: "ul-question", isHeader: !0, plainText: e, richText: n == null ? void 0 : n.questionHtml, showAsterisk: o }) }), u(ue, { className: "ul-caption", id: "ul-caption", plainText: r, richText: n == null ? void 0 : n.captionHtml })] });
+}, Ae = () => u("svg", { fill: "none", height: "10", viewBox: "0 0 13 10", width: "13", xmlns: "http://www.w3.org/2000/svg", children: u("path", { d: "M11.5 1.5L4.5 8.5L1 5", stroke: "#FFFFFF", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }) }), dn = ({ isSubmitDisabled: e, handleSubmit: n }) => u("div", { className: "ul-card-longform__submit-button-container", children: u(Fe, { className: "ul-card-longform__submit-button", disabled: e, onClick: n, children: ["OK ", u(Ae, {})] }) }), ze = (e, n) => {
   const o = de(0);
   return () => {
     if (e.current) {
       const t = e.current;
       t.style.height = "1px";
-      const r = t.scrollHeight + (t.offsetHeight - t.clientHeight), s = parseInt(window.getComputedStyle(t).getPropertyValue("max-height")), a = r <= s ? r : s;
-      o.current !== a && requestAnimationFrame(() => {
+      const r = t.scrollHeight + (t.offsetHeight - t.clientHeight), s = parseInt(window.getComputedStyle(t).getPropertyValue("max-height")), l = r <= s ? r : s;
+      o.current !== l && requestAnimationFrame(() => {
         n();
-      }), o.current = a, t.style.height = `${a}px`;
+      }), o.current = l, t.style.height = `${l}px`;
     }
   };
-}, pn = ({ ariaLabel: e, border: n, choiceStyle: o = {}, label: t, isSelected: r, value: s, text: a, id: l, isRadio: i, useMobileStyling: c, error: m, allowTextEntry: j, noneOfTheAbove: D, promptText: T, disabled: v = !1, onUserInputChanged: h }) => {
-  const { styleNonce: g, viewDocument: E } = F((x) => ({ styleNonce: x.styleNonce, viewDocument: x.viewDocument })), [k, y] = ae(!1);
-  Ge(E, n, g);
-  const L = ({ isSelected: x, userText: C }) => {
-    h && h({ id: l, selected: x, value: s, userText: C, noneOfTheAbove: D });
-  }, z = (x) => {
-    v || (x.stopPropagation(), L({ isSelected: i || !r, userText: a }), y(!1));
+}, ve = ({ buttonText: e = "View Prototype", handleClick: n }) => u("button", { className: "prototype-button", onClick: n, children: e }, "prototype-btn"), cn = ({ embeddedType: e = "prototype", properties: n, children: o }) => {
+  var I;
+  const { handleClickEmbedButton: t, hasViewedEmbed: r, headers: s, useDesktopPrototype: l } = F((b) => ({ handleClickEmbedButton: b.handleClickEmbedButton, hasViewedEmbed: b.hasViewedEmbed, headers: b.headers, useDesktopPrototype: b.useDesktopPrototype })), a = (n == null ? void 0 : n.conceptUrl) || ((I = n == null ? void 0 : n.consentDocument) == null ? void 0 : I.url), i = window.innerWidth < Ue, c = s["userleap-platform"], m = (b, L) => {
+    b.preventDefault(), t(L);
+  };
+  if ((() => {
+    const { update: b, index: L, isConversationalUI: E, viewDocument: v } = F(({ update: f, index: j, isConversationalUI: C, viewDocument: D }) => ({ update: f, index: j, isConversationalUI: C, viewDocument: D })), h = Ne(b, 100);
+    ne(() => {
+      if (E) return;
+      const f = new ResizeObserver(h), j = v.querySelector(".ul-card__container");
+      return j && f.observe(j, { box: "border-box" }), () => {
+        f.disconnect();
+      };
+    }, [h, b, L, E, v]);
+  })(), !l && i && !r && a && ["email", "link"].includes(c)) {
+    if (e === "prototype") return u(ve, { handleClick: (b) => {
+      m(b, "question.prototype.click");
+    } });
+    if (e === "pdf") return u(ve, { buttonText: (n == null ? void 0 : n.viewDocumentText) || "View Document", handleClick: (b) => {
+      m(b, "question.agreement.click");
+    } });
+  }
+  return u(Ce, { children: o });
+}, xe = ({ isSelected: e, id: n, divId: o, themeColor: t, disabled: r = !1 }) => u("div", { "aria-checked": e, "aria-disabled": r, "aria-labelledby": `label-${n}`, className: "select-checkbox", id: o, role: "checkbox", style: { ...e ? { backgroundColor: t, borderColor: t, boxShadow: "none" } : {}, ...r ? { opacity: 0.5 } : {} }, tabIndex: r ? -1 : 0, children: e && u(Me, {}) }), pn = ({ ariaLabel: e, border: n, choiceStyle: o = {}, label: t, isSelected: r, value: s, text: l, id: a, isRadio: i, useMobileStyling: c, error: m, allowTextEntry: I, noneOfTheAbove: b, promptText: L, disabled: E = !1, onUserInputChanged: v }) => {
+  const { styleNonce: h, viewDocument: f } = F((k) => ({ styleNonce: k.styleNonce, viewDocument: k.viewDocument })), [j, C] = ae(!1);
+  Ze(f, n, h);
+  const D = ({ isSelected: k, userText: y }) => {
+    v && v({ id: a, selected: k, value: s, userText: y, noneOfTheAbove: b });
+  }, z = (k) => {
+    E || (k.stopPropagation(), D({ isSelected: i || !r, userText: l }), C(!1));
   }, Y = () => {
-    k || y(!0);
-  }, _ = () => {
-    k && y(!1);
-  }, O = { onClick: (x) => z(x), onKeyPress: (x) => ((C) => {
-    v || C.key !== "Enter" && C.key !== " " || z(C);
-  })(x) };
-  "ontouchstart" in E.documentElement ? (O.onTouchStart = _, O.onTouchCancel = _, O.onTouchEnd = _) : (O.onMouseDown = Y, O.onMouseLeave = _);
-  const W = i ? `radio-${l}` : `checkbox-${l}`, p = r || k ? [X] : [], f = [...m ? [je] : [], ...p, ...v ? ["ul-choice-disabled"] : []], b = t ? { "aria-labelledby": `label-${l}` } : { "aria-label": e };
-  return u("div", { className: R(se("choice", c), ...f), id: `choice-div-${l}`, style: { ...o, ...m ? { borderColor: ye } : {}, ...v ? { opacity: 0.5, cursor: "not-allowed" } : {} }, ...v ? {} : O, "aria-disabled": v, children: [u("div", { className: R("choice-label-container"), children: [i ? u("div", { ...b, className: R("select-radio", ...p), id: W, role: "radio", tabIndex: 0 }) : u(Ee, { disabled: v, divId: W, id: l, isSelected: r, themeColor: n }), t && u("label", { className: R(se("select-label", c)), htmlFor: W, id: `label-${l}`, children: t })] }), j && r && u("div", { className: R("choice-text-entry-container", ...p), children: u(Ze, { onTextChange: (x) => L({ isSelected: r, userText: x }), promptText: T || "Please specify", textValue: a, useMobileStyling: c }) })] });
-}, Ze = ({ promptText: e, textValue: n, onTextChange: o, useMobileStyling: t }) => {
-  const r = de(null), { update: s } = F((l) => ({ update: l.update })), a = qe(r, () => s());
-  return K(() => (a(), r.current && r.current.focus(), () => {
+    j || C(!0);
+  }, M = () => {
+    j && C(!1);
+  }, O = { onClick: (k) => z(k), onKeyPress: (k) => ((y) => {
+    E || y.key !== "Enter" && y.key !== " " || z(y);
+  })(k) };
+  "ontouchstart" in f.documentElement ? (O.onTouchStart = M, O.onTouchCancel = M, O.onTouchEnd = M) : (O.onMouseDown = Y, O.onMouseLeave = M);
+  const W = i ? `radio-${a}` : `checkbox-${a}`, p = r || j ? [Q] : [], w = [...m ? [Ee] : [], ...p, ...E ? ["ul-choice-disabled"] : []], g = t ? { "aria-labelledby": `label-${a}` } : { "aria-label": e };
+  return u("div", { className: _(se("choice", c), ...w), id: `choice-div-${a}`, style: { ...o, ...m ? { borderColor: we } : {}, ...E ? { opacity: 0.5, cursor: "not-allowed" } : {} }, ...E ? {} : O, "aria-disabled": E, children: [u("div", { className: _("choice-label-container"), children: [i ? u("div", { ...g, className: _("select-radio", ...p), id: W, role: "radio", tabIndex: 0 }) : u(xe, { disabled: E, divId: W, id: a, isSelected: r, themeColor: n }), t && u("label", { className: _(se("select-label", c)), htmlFor: W, id: `label-${a}`, children: t })] }), I && r && u("div", { className: _("choice-text-entry-container", ...p), children: u(qe, { onTextChange: (k) => D({ isSelected: r, userText: k }), promptText: L || "Please specify", textValue: l, useMobileStyling: c }) })] });
+}, qe = ({ promptText: e, textValue: n, onTextChange: o, useMobileStyling: t }) => {
+  const r = de(null), { update: s } = F((a) => ({ update: a.update })), l = ze(r, () => s());
+  return ne(() => (l(), r.current && r.current.focus(), () => {
     s();
-  }), []), u("textarea", { "aria-label": e, "aria-multiline": "true", "aria-placeholder": e, className: R(se("choice-text-input", t)), "data-gramm": "false", maxLength: 5e3, name: "text", onChange: (l) => {
-    a(), l.stopPropagation(), o(l.currentTarget.value);
-  }, onClick: (l) => {
-    l.stopPropagation();
-  }, onKeyPress: (l) => {
-    l.stopPropagation();
+  }), []), u("textarea", { "aria-label": e, "aria-multiline": "true", "aria-placeholder": e, className: _(se("choice-text-input", t)), "data-gramm": "false", maxLength: 5e3, name: "text", onChange: (a) => {
+    l(), a.stopPropagation(), o(a.currentTarget.value);
+  }, onClick: (a) => {
+    a.stopPropagation();
+  }, onKeyPress: (a) => {
+    a.stopPropagation();
   }, placeholder: e, ref: r, role: "textbox", rows: 1, value: n });
-}, he = "ul-select-style-element", X = "ul-select-active-dynamic-style", je = "ul-select-error-dynamic-style", Ge = (e, n, o) => {
+}, he = "ul-select-style-element", Q = "ul-select-active-dynamic-style", Ee = "ul-select-error-dynamic-style", Ze = (e, n, o) => {
   let t = e.getElementById(he), r = !1;
-  t || (t = e.createElement("style"), r = !0), t.tagName.toLowerCase() === "style" && (t.id = he, o && (t.nonce = o), t.textContent = We(n), r && e.head.appendChild(t));
-}, We = (e) => `
-    .${X} {
+  t || (t = e.createElement("style"), r = !0), t.tagName.toLowerCase() === "style" && (t.id = he, o && (t.nonce = o), t.textContent = Ge(n), r && e.head.appendChild(t));
+}, Ge = (e) => `
+    .${Q} {
       border-color: ${e};
     }
-    .${X} .select-radio, .${X}.select-radio {
+    .${Q} .select-radio, .${Q}.select-radio {
       border: 6px solid ${e};
       box-shadow: none;
     }
-    .${je} {
-      border-color: ${ye};
+    .${Ee} {
+      border-color: ${we};
     }
   `, un = ({ children: e }) => u("div", { className: "sprig-question-body", children: e }), vn = ({ children: e }) => {
-  const n = xe(), { isConversationalUI: o } = F((t) => ({ isConversationalUI: t.isConversationalUI }));
-  return u("div", { className: R("sprig-question-footer-container", n && !o ? "sprig-border-top" : null), children: e });
-}, G = "https://cdn.sprig.com", d = { document: void 0, videojs: void 0 }, ce = (e) => e + "-loading-spiner", I = "hidden", me = ".m3u8", oe = "questionId", te = "ul-video-recorder-camera-off-button", re = "ul-recording-in-session", Ye = [{ type: "link", content: `${G}/dependencies/videojs-record-4.5.0.min.css` }, { type: "script", content: `${G}/dependencies/RecordRTC-5.6.2.js` }, { type: "script", content: `${G}/dependencies/adapter.8.0.0.min.js` }, { type: "script", content: `${G}/dependencies/videojs-record-4.5.0.min.js` }, { type: "script", content: `${G}/userleap-web-upchunk-v2.2.2.js` }], ke = [{ type: "link", content: `${G}/dependencies/video-js-7.18.0.min.css` }, { type: "script", content: `${G}/dependencies/video-js-7.18.0.min.js` }, { type: "style", content: `/* progress control styles */
+  const n = ye(), { isConversationalUI: o } = F((t) => ({ isConversationalUI: t.isConversationalUI }));
+  return u("div", { className: _("sprig-question-footer-container", n && !o ? "sprig-border-top" : null), children: e });
+}, G = "https://cdn.sprig.com", d = { document: void 0, videojs: void 0 }, ce = (e) => e + "-loading-spiner", T = "hidden", me = ".m3u8", oe = "questionId", te = "ul-video-recorder-camera-off-button", re = "ul-recording-in-session", We = [{ type: "link", content: `${G}/dependencies/videojs-record-4.5.0.min.css` }, { type: "script", content: `${G}/dependencies/RecordRTC-5.6.2.js` }, { type: "script", content: `${G}/dependencies/adapter.8.0.0.min.js` }, { type: "script", content: `${G}/dependencies/videojs-record-4.5.0.min.js` }, { type: "script", content: `${G}/userleap-web-upchunk-v2.2.2.js` }], je = [{ type: "link", content: `${G}/dependencies/video-js-7.18.0.min.css` }, { type: "script", content: `${G}/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;
 }
@@ -760,34 +757,34 @@ span.ul-button-text {
 .vjs-poster {
   background-size: cover;
 }
-` }], Ie = "-video-player", ge = "-secondary-video-player", De = "-video-recorder";
+` }], ke = "-video-player", ge = "-secondary-video-player", Ie = "-video-recorder";
 let S, be;
-const $ = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: r, metadata: s }) => {
-  const a = d.document.documentElement;
+const A = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: r, metadata: s }) => {
+  const l = d.document.documentElement;
   if (!t || !r) return;
-  const l = { event: `SDK - ${e}`, visitorId: t, environmentId: r, metadata: { ...s || {}, screenWidth: window.screen.width, screenHeight: window.screen.height, clientWidth: a.clientWidth, clientHeight: a.clientHeight, location: window.location.href, language: navigator.language } };
-  (await fetch(`${n}/sdk/1/visitors/${t}/analytics`, { method: "POST", cache: "no-cache", headers: o, body: JSON.stringify(l) })).ok || console.warn("[Sprig] (ERR-444) Failed to track analytics", e);
+  const a = { event: `SDK - ${e}`, visitorId: t, environmentId: r, metadata: { ...s || {}, screenWidth: window.screen.width, screenHeight: window.screen.height, clientWidth: l.clientWidth, clientHeight: l.clientHeight, location: window.location.href, language: navigator.language } };
+  (await fetch(`${n}/sdk/1/visitors/${t}/analytics`, { method: "POST", cache: "no-cache", headers: o, body: JSON.stringify(a) })).ok || console.warn("[Sprig] (ERR-444) Failed to track analytics", e);
 }, V = async (e, n, o, t, r, s) => {
-  $({ event: `Video Error ${n}`, apiBase: o, headers: t, visitorId: r, envId: s, metadata: { errorMessage: e.message } });
-  const a = d.document.documentElement, l = { screenWidth: window.screen.width, screenHeight: window.screen.height, clientWidth: a.clientWidth, clientHeight: a.clientHeight, location: window.location.href, language: navigator.language }, i = { action: n, err: { message: e.message, stack: e.stack }, meta: l, vid: r, envId: s };
+  A({ event: `Video Error ${n}`, apiBase: o, headers: t, visitorId: r, envId: s, metadata: { errorMessage: e.message } });
+  const l = d.document.documentElement, a = { screenWidth: window.screen.width, screenHeight: window.screen.height, clientWidth: l.clientWidth, clientHeight: l.clientHeight, location: window.location.href, language: navigator.language }, i = { action: n, err: { message: e.message, stack: e.stack }, meta: a, vid: r, envId: s };
   (await fetch(`${o}/sdk/1/errors`, { method: "POST", cache: "no-cache", headers: { ...t, "userleap-platform": "video_recorder", "x-ul-error": window.btoa(`userleap-${Date.now()}-error`) }, body: JSON.stringify(i) })).ok || console.warn("[Sprig] (ERR-444) Failed to report error to API", e);
-}, Te = (e, n) => {
+}, De = (e, n) => {
   if (e.length === 0) return n && n();
-  Promise.all(e.reduce((o, t) => (o.push(((r, { type: s, content: a }) => new Promise(function(l, i) {
+  Promise.all(e.reduce((o, t) => (o.push(((r, { type: s, content: l }) => new Promise(function(a, i) {
     let c;
-    s === "script" ? (c = d.document.createElement("script"), c.src = a) : s === "link" ? (c = d.document.createElement("link"), c.rel = "stylesheet", c.href = a, c.type = "text/css") : (c = d.document.createElement("style"), c.innerHTML = a), c.onload = function() {
-      l(a);
+    s === "script" ? (c = d.document.createElement("script"), c.src = l) : s === "link" ? (c = d.document.createElement("link"), c.rel = "stylesheet", c.href = l, c.type = "text/css") : (c = d.document.createElement("style"), c.innerHTML = l), c.onload = function() {
+      a(l);
     }, c.onerror = function() {
-      i(a);
-    }, c.async = !1, c.id = btoa(a), r.appendChild(c);
+      i(l);
+    }, c.async = !1, c.id = btoa(l), r.appendChild(c);
   }))(d.document.head, t)), o), [])).then(() => {
     d.videojs = d.document.defaultView.videojs, n && n();
   }).catch(function(o) {
     console.log(o + " failed to load");
   });
 }, fe = (e, n, o) => {
-  if (n === "start" && (e.style.visibility = "visible"), n === "none") e.style.visibility = I;
-  else if (n === "success") e.style.visibility = I, e.innerHTML = "Upload succeeded!";
+  if (n === "start" && (e.style.visibility = "visible"), n === "none") e.style.visibility = T;
+  else if (n === "success") e.style.visibility = T, e.innerHTML = "Upload succeeded!";
   else {
     const t = Math.round(parseFloat(o));
     e.innerHTML = `Uploading <span class="ul-upload-progress-label__time">${t}%</span>`, e.style.background = `linear-gradient(to right, #E0E0EB 0%, #E0E0EB ${t}%, #FCFCFD ${t}%, #FCFCFD 100%)`;
@@ -795,139 +792,139 @@ const $ = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: r, met
 }, ie = (e, n) => {
   const o = d.videojs(e.id());
   return o == null ? void 0 : o.payload[n];
-}, Le = (e, n) => {
+}, Te = (e, n) => {
   const o = new (d.videojs.getComponent("Component"))(e);
   return o.addClass("ul-buttons-panel"), n.map((t) => {
     o.addChild(t);
-  }), Ke(o), o;
-}, Ke = (e) => {
+  }), Ye(o), o;
+}, Ye = (e) => {
   e.children().forEach((n) => {
-    if (M[n.name_]) {
-      const o = ee(M[n.name_], `ul-${M[n.name_]}`);
+    if (R[n.name_]) {
+      const o = X(R[n.name_], `ul-${R[n.name_]}`);
       n.el_.appendChild(o);
     }
   });
-}, ee = (e, n = "") => {
+}, X = (e, n = "") => {
   const o = d.document.createElement("span");
   return o.className = "ul-button-text", o.innerHTML = e, o.id = n, o;
-}, Pe = (e, n, o, t, r = !1, s) => {
+}, Le = (e, n, o, t, r = !1, s) => {
   e.addClass("ul-video-player");
-  const a = new (d.videojs.getComponent("Component"))(e);
-  a.addClass("ul-control-panel"), e.progressBar = a.addChild("ProgressControl"), o && e.src(o), e.audioPlayerPlaceholder = new (d.videojs.getComponent("Component"))(e), e.audioPlayerPlaceholder.addClass("ul-audio-recorder-placeholder");
-  const l = o && o.src ? Xe(o.src) : null;
-  !o || !r && l ? (e.audioPlayerPlaceholder.hide(), d.document.getElementById(`${e.id()}_html5_api`).style.height = "100%", l && e.poster(l)) : (e.children()[0].classList.add("vjs-hidden"), d.document.getElementById(`${e.id()}_html5_api`).style.height = "0px"), e.on("play", () => {
-    r || !o || l || Qe(e), s == null || s.play();
+  const l = new (d.videojs.getComponent("Component"))(e);
+  l.addClass("ul-control-panel"), e.progressBar = l.addChild("ProgressControl"), o && e.src(o), e.audioPlayerPlaceholder = new (d.videojs.getComponent("Component"))(e), e.audioPlayerPlaceholder.addClass("ul-audio-recorder-placeholder");
+  const a = o && o.src ? Qe(o.src) : null;
+  !o || !r && a ? (e.audioPlayerPlaceholder.hide(), d.document.getElementById(`${e.id()}_html5_api`).style.height = "100%", a && e.poster(a)) : (e.children()[0].classList.add("vjs-hidden"), d.document.getElementById(`${e.id()}_html5_api`).style.height = "0px"), e.on("play", () => {
+    r || !o || a || Ke(e), s == null || s.play();
   }), e.on("pause", () => {
     s == null || s.pause();
   }), e.on("seeked", () => {
     s == null || s.currentTime(e.currentTime());
   }), e.on("ratechange", () => {
     s == null || s.playbackRate(e.playbackRate());
-  }), e.addChild(e.audioPlayerPlaceholder, {}, 1), a.addChild(n), e.addChild(a), t && t(e);
-}, Je = (e, n, o, t, r, s, a, l = !1) => {
+  }), e.addChild(e.audioPlayerPlaceholder, {}, 1), l.addChild(n), e.addChild(l), t && t(e);
+}, Je = (e, n, o, t, r, s, l, a = !1) => {
   be = Date.now();
-  const i = ne(n, { controls: !1, bigPlayButton: !1, fluid: !1, width: 1280, height: 720, playsinline: !0, plugins: { record: { audio: !0, video: { mandatory: { minWidth: 1280, minHeight: 720 } }, frameWidth: 1280, frameHeight: 720, maxLength: 600, autoMuteDevice: !0 } } });
+  const i = ee(n, { controls: !1, bigPlayButton: !1, fluid: !1, width: 1280, height: 720, playsinline: !0, plugins: { record: { audio: !0, video: { mandatory: { minWidth: 1280, minHeight: 720 } }, frameWidth: 1280, frameHeight: 720, maxLength: 600, autoMuteDevice: !0 } } });
   if (!i) return;
   i.payload = o;
-  const { surveyId: c, questionId: m, responseGroupUid: j, visitorId: D, envId: T } = o;
-  let v;
-  const h = (p) => {
-    const f = te, b = te + "-audio-only";
+  const { surveyId: c, questionId: m, responseGroupUid: I, visitorId: b, envId: L } = o;
+  let E;
+  const v = (p) => {
+    const w = te, g = te + "-audio-only";
     fe(i.uploadProgressLabel, "none"), S && S.startTime >= be && S.abort();
-    const x = d.document.getElementById("ul-camera-button");
-    p ? (i.children()[0].classList.add("vjs-hidden"), y.removeClass(f), y.addClass(b), x.innerHTML = M.TurnOnCamera, i.audioPlayerPlaceholder.removeClass("vjs-hidden"), v == null || v.getTracks().forEach((C) => {
-      C.stop();
-    }), window.navigator.mediaDevices.getUserMedia({ video: !0, audio: !0 }).then((C) => {
-      v = C, C.getVideoTracks().forEach((N) => {
-        N.enabled = !1;
-      }), i.record().onDeviceReady(C);
-    }).catch(i.record().onDeviceError.bind(i.record()))) : (v == null || v.getVideoTracks().forEach((C) => {
-      C.enabled = !0;
-    }), i.children()[0].classList.remove("vjs-hidden"), i.record().getDevice(), y.removeClass(b), y.addClass(f), x.innerHTML = M.TurnOffCamera, i.audioPlayerPlaceholder.addClass("vjs-hidden"));
-  }, g = new (d.videojs.getComponent("Button"))(i, { clickHandler: () => {
-    g.hasClass(I) || ($({ event: "Video Delete Button Clicked", apiBase: t, headers: a, visitorId: D, envId: T, metadata: { questionId: m, responseGroupUid: j, surveyId: c } }), h(i.cameraOff), r(w.DELETE, {}), y.removeClass(I), g.addClass(I));
+    const k = d.document.getElementById("ul-camera-button");
+    p ? (i.children()[0].classList.add("vjs-hidden"), C.removeClass(w), C.addClass(g), k.innerHTML = R.TurnOnCamera, i.audioPlayerPlaceholder.removeClass("vjs-hidden"), E == null || E.getTracks().forEach((y) => {
+      y.stop();
+    }), window.navigator.mediaDevices.getUserMedia({ video: !0, audio: !0 }).then((y) => {
+      E = y, y.getVideoTracks().forEach((U) => {
+        U.enabled = !1;
+      }), i.record().onDeviceReady(y);
+    }).catch(i.record().onDeviceError.bind(i.record()))) : (E == null || E.getVideoTracks().forEach((y) => {
+      y.enabled = !0;
+    }), i.children()[0].classList.remove("vjs-hidden"), i.record().getDevice(), C.removeClass(g), C.addClass(w), k.innerHTML = R.TurnOffCamera, i.audioPlayerPlaceholder.addClass("vjs-hidden"));
+  }, h = new (d.videojs.getComponent("Button"))(i, { clickHandler: () => {
+    h.hasClass(T) || (A({ event: "Video Delete Button Clicked", apiBase: t, headers: l, visitorId: b, envId: L, metadata: { questionId: m, responseGroupUid: I, surveyId: c } }), v(i.cameraOff), r(x.DELETE, {}), C.removeClass(T), h.addClass(T));
   } });
-  g.addClass("ul-video-recorder-delete-button"), g.el_.appendChild(ee(M.DeleteButton, "ul-delete-button"));
-  const E = d.document.getElementById(n), k = () => {
-    E.classList.contains("vjs-fullscreen") && i.cameraOff ? E.style.display = "table" : E.style.display = "flex";
+  h.addClass("ul-video-recorder-delete-button"), h.el_.appendChild(X(R.DeleteButton, "ul-delete-button"));
+  const f = d.document.getElementById(n), j = () => {
+    f.classList.contains("vjs-fullscreen") && i.cameraOff ? f.style.display = "table" : f.style.display = "flex";
   };
-  k();
-  const y = new (d.videojs.getComponent("Button"))(i, { clickHandler: () => {
-    i.record().isRecording() || (i.cameraOff = !i.cameraOff, $({ event: "Video Camera Button Clicked", apiBase: t, headers: a, visitorId: o.visitorId, envId: o.envId, metadata: { questionId: m, responseGroupUid: j, surveyId: c, cameraOff: i.cameraOff } }), h(i.cameraOff), !g.hasClass(I) && g.addClass(I), r(w.DELETE, {}), k());
+  j();
+  const C = new (d.videojs.getComponent("Button"))(i, { clickHandler: () => {
+    i.record().isRecording() || (i.cameraOff = !i.cameraOff, A({ event: "Video Camera Button Clicked", apiBase: t, headers: l, visitorId: o.visitorId, envId: o.envId, metadata: { questionId: m, responseGroupUid: I, surveyId: c, cameraOff: i.cameraOff } }), v(i.cameraOff), !h.hasClass(T) && h.addClass(T), r(x.DELETE, {}), j());
   } });
-  y.addClass(te), y.el_.appendChild(ee(M.TurnOffCamera, "ul-camera-button"));
-  const L = new (d.videojs.getComponent("Button"))(i, { clickHandler: () => {
+  C.addClass(te), C.el_.appendChild(X(R.TurnOffCamera, "ul-camera-button"));
+  const D = new (d.videojs.getComponent("Button"))(i, { clickHandler: () => {
     const p = d.document.getElementById("ul-recorder-toggle");
-    if (i.record().isRecording()) i.record().stop(), p && (p.innerHTML = M.RecordButton), L.removeClass(re), g.removeClass(I);
+    if (i.record().isRecording()) i.record().stop(), p && (p.innerHTML = R.RecordButton), D.removeClass(re), h.removeClass(T);
     else {
-      const f = d.document.getElementById("ul-recording-countdown-screen");
-      if (f) f.remove(), p && (p.innerHTML = M.RecordButton), h(i.cameraOff), r(w.DELETE, {}), y.removeClass(I), g.addClass(I), L.removeClass(re), _.show();
+      const w = d.document.getElementById("ul-recording-countdown-screen");
+      if (w) w.remove(), p && (p.innerHTML = R.RecordButton), v(i.cameraOff), r(x.DELETE, {}), C.removeClass(T), h.addClass(T), D.removeClass(re), M.show();
       else {
-        L.addClass(re), _.hide(), y.addClass(I), g.addClass(I), p && (p.innerHTML = M.StopButton);
-        const b = d.document.createElement("div");
-        b.id = "ul-recording-countdown-screen", E.insertBefore(b, E.children[1]), b.style.height = `${E.offsetHeight}px`, Me(i, 3);
+        D.addClass(re), M.hide(), C.addClass(T), h.addClass(T), p && (p.innerHTML = R.StopButton);
+        const g = d.document.createElement("div");
+        g.id = "ul-recording-countdown-screen", f.insertBefore(g, f.children[1]), g.style.height = `${f.offsetHeight}px`, Pe(i, 3);
       }
     }
   } });
-  L.addClass("ul-video-recorder-toggle-button"), L.el_.appendChild(ee(M.RecordButton, "ul-recorder-toggle"));
+  D.addClass("ul-video-recorder-toggle-button"), D.el_.appendChild(X(R.RecordButton, "ul-recorder-toggle"));
   const z = d.document.createElement("p");
   z.style.visibility = "hidden", z.className = "ul-upload-progress-label", e.appendChild(z), i.uploadProgressLabel = z;
-  const Y = Le(i, [g, y, "PlayToggle", L, "FullscreenToggle"]), _ = Y.children().find((p) => p.name_ === "FullscreenToggle");
-  _.hasClass("vjs-disabled") && _.hide();
+  const Y = Te(i, [h, C, "PlayToggle", D, "FullscreenToggle"]), M = Y.children().find((p) => p.name_ === "FullscreenToggle");
+  M.hasClass("vjs-disabled") && M.hide();
   const O = Y.children().find((p) => p.name_ === "PlayToggle");
-  O.hide(), g.addClass(I), Pe(i, Y, s, !1, l), i.on("stopRecord", () => {
-    L.hide(), O.show(), _.show(), g.removeClass(I);
+  O.hide(), h.addClass(T), Le(i, Y, s, !1, a), i.on("stopRecord", () => {
+    D.hide(), O.show(), M.show(), h.removeClass(T);
   }), i.on("deviceReady", () => {
-    L.show(), O.hide(), g.addClass(I);
-  }), ((p, f, b, x, C) => {
-    const { surveyId: N, responseGroupUid: q, visitorId: P, envId: B } = p.payload;
+    D.show(), O.hide(), h.addClass(T);
+  }), ((p, w, g, k, y) => {
+    const { surveyId: U, responseGroupUid: q, visitorId: P, envId: B } = p.payload;
     p.on("deviceError", function() {
-      console.warn("device error: ", p.deviceErrorCode), p.deviceErrorCode.message === "Permission denied" ? (p.deviceButton.addClass("permission-denied"), b && b(w.ERROR, { type: w.PERMISSION_DENIED }), $({ event: "Video Permission Denied", apiBase: f, headers: C, visitorId: P, envId: B, metadata: { questionId: ie(p, oe), responseGroupUid: q, surveyId: N } })) : (b && b(w.ERROR, { type: w.OTHER }), V(new Error(p.deviceErrorCode.message), "recorderDeviceError", f, C, P, B));
-    }), p.on("error", function(Z, U) {
-      V(U || p.error(), "recorderError", f, C, P, B);
-    }), p.on("startRecord", function(Z, U) {
-      x(p.uploadProgressLabel, "none"), $({ event: "Video Record Start", apiBase: f, headers: C, visitorId: P, envId: B, metadata: { questionId: ie(p, oe), responseGroupUid: q, surveyId: N } });
+      console.warn("device error: ", p.deviceErrorCode), p.deviceErrorCode.message === "Permission denied" ? (p.deviceButton.addClass("permission-denied"), g && g(x.ERROR, { type: x.PERMISSION_DENIED }), A({ event: "Video Permission Denied", apiBase: w, headers: y, visitorId: P, envId: B, metadata: { questionId: ie(p, oe), responseGroupUid: q, surveyId: U } })) : (g && g(x.ERROR, { type: x.OTHER }), V(new Error(p.deviceErrorCode.message), "recorderDeviceError", w, y, P, B));
+    }), p.on("error", function(Z, N) {
+      V(N || p.error(), "recorderError", w, y, P, B);
+    }), p.on("startRecord", function(Z, N) {
+      k(p.uploadProgressLabel, "none"), A({ event: "Video Record Start", apiBase: w, headers: y, visitorId: P, envId: B, metadata: { questionId: ie(p, oe), responseGroupUid: q, surveyId: U } });
     }), p.on("finishRecord", async function() {
-      x(p.uploadProgressLabel, "start", 0);
+      k(p.uploadProgressLabel, "start", 0);
       const Z = ie(p, oe);
-      if (!N) {
+      if (!U) {
         const H = "internal error: missing fields in payload";
-        return b && b(w.ERROR, { type: w.OTHER }), V(new Error(H), "finishRecord", f, C, P, B), null;
+        return g && g(x.ERROR, { type: x.OTHER }), V(new Error(H), "finishRecord", w, y, P, B), null;
       }
       p.record().stopDevice();
-      const U = p.cameraOff ? w.MEDIA_TYPE_AUDIO : w.MEDIA_TYPE_VIDEO, A = Ve();
-      $({ event: "Video Record Finish", apiBase: f, headers: C, visitorId: P, envId: B, metadata: { mediaRecordingUid: A, questionId: Z, responseGroupUid: q, surveyId: N, mediaType: U } });
-      const J = { surveyId: N, updatedAt: (/* @__PURE__ */ new Date()).toISOString(), mediaType: U, mediaRecordingUid: A };
+      const N = p.cameraOff ? x.MEDIA_TYPE_AUDIO : x.MEDIA_TYPE_VIDEO, $ = Ve();
+      A({ event: "Video Record Finish", apiBase: w, headers: y, visitorId: P, envId: B, metadata: { mediaRecordingUid: $, questionId: Z, responseGroupUid: q, surveyId: U, mediaType: N } });
+      const J = { surveyId: U, updatedAt: (/* @__PURE__ */ new Date()).toISOString(), mediaType: N, mediaRecordingUid: $ };
       Z && (J.questionId = Z), q && (J.responseGroupUid = q), P && (J.visitorId = P);
-      const Q = await (async () => {
-        const H = await fetch(`${f}/2/environments/integrations/upload`, { method: "POST", cache: "no-cache", headers: { "Content-Type": "application/json" }, body: JSON.stringify(J) });
+      const K = await (async () => {
+        const H = await fetch(`${w}/2/environments/integrations/upload`, { method: "POST", cache: "no-cache", headers: { "Content-Type": "application/json" }, body: JSON.stringify(J) });
         if (H.ok) {
           const pe = await H.json();
-          return b && b(w.UPLOAD_STARTED, { [w.UPLOAD_ID]: pe.upload.id, [w.MEDIA_TYPE]: U, [w.MEDIA_RECORDING_UID]: A }), pe.upload.url;
+          return g && g(x.UPLOAD_STARTED, { [x.UPLOAD_ID]: pe.upload.id, [x.MEDIA_TYPE]: N, [x.MEDIA_RECORDING_UID]: $ }), pe.upload.url;
         }
-        return b && b(w.ERROR, { type: w.OTHER, response: H }), V(new Error("failed to get upload response with url"), "finishRecord", f, C, P, B), null;
+        return g && g(x.ERROR, { type: x.OTHER, response: H }), V(new Error("failed to get upload response with url"), "finishRecord", w, y, P, B), null;
       })();
-      Q && (S = d.document.defaultView.UpChunk.createUpload({ endpoint: Q, file: new d.document.defaultView.File([p.recordedData], `recording ${U} ${Date.now()}`), chunkSize: 5120 }), S.startTime = Date.now(), $({ event: "Video Upload Start", apiBase: f, headers: C, visitorId: P, envId: B, metadata: { mediaRecordingUid: A, questionId: Z, responseGroupUid: q, surveyId: N, mediaType: U, url: Q } }), S.on("error", (H) => {
-        x(p.uploadProgressLabel, "none"), b && b(w.UPLOAD_FINISHED, { [w.MEDIA_RECORDING_UID]: A }), V(H, "finishRecord", f, C, P, B);
+      K && (S = d.document.defaultView.UpChunk.createUpload({ endpoint: K, file: new d.document.defaultView.File([p.recordedData], `recording ${N} ${Date.now()}`), chunkSize: 5120 }), S.startTime = Date.now(), A({ event: "Video Upload Start", apiBase: w, headers: y, visitorId: P, envId: B, metadata: { mediaRecordingUid: $, questionId: Z, responseGroupUid: q, surveyId: U, mediaType: N, url: K } }), S.on("error", (H) => {
+        k(p.uploadProgressLabel, "none"), g && g(x.UPLOAD_FINISHED, { [x.MEDIA_RECORDING_UID]: $ }), V(H, "finishRecord", w, y, P, B);
       }), S.on("progress", (H) => {
-        b && b(w.UPLOAD_PROGRESS, { [w.MEDIA_RECORDING_UID]: A, [w.UPLOAD_PROGRESS_PCT]: H.detail }), x(p.uploadProgressLabel, "progress", H.detail);
+        g && g(x.UPLOAD_PROGRESS, { [x.MEDIA_RECORDING_UID]: $, [x.UPLOAD_PROGRESS_PCT]: H.detail }), k(p.uploadProgressLabel, "progress", H.detail);
       }), S.on("success", () => {
-        x(p.uploadProgressLabel, "success"), b && b(w.UPLOAD_FINISHED, { [w.MEDIA_RECORDING_UID]: A }), $({ event: "Video Upload Success", apiBase: f, headers: C, visitorId: P, envId: B, metadata: { mediaRecordingUid: A, questionId: Z, responseGroupUid: q, surveyId: N, mediaType: U, url: Q, elapsedMs: S.startTime && Date.now() - S.startTime } });
+        k(p.uploadProgressLabel, "success"), g && g(x.UPLOAD_FINISHED, { [x.MEDIA_RECORDING_UID]: $ }), A({ event: "Video Upload Success", apiBase: w, headers: y, visitorId: P, envId: B, metadata: { mediaRecordingUid: $, questionId: Z, responseGroupUid: q, surveyId: U, mediaType: N, url: K, elapsedMs: S.startTime && Date.now() - S.startTime } });
       }));
     });
-  })(i, t, r, fe, a);
+  })(i, t, r, fe, l);
   const W = [{ name: "microphone" }];
   !i.cameraOff && W.push({ name: "camera" }), Promise.all(W.map((p) => {
-    var f;
-    return (f = navigator == null ? void 0 : navigator.permissions) == null ? void 0 : f.query(p);
+    var w;
+    return (w = navigator == null ? void 0 : navigator.permissions) == null ? void 0 : w.query(p);
   })).then((p) => {
-    p.reduce((f, b) => f & b.state === "granted", !0) && i && (i.deviceButton && i.deviceButton.hide(), i.record().getDevice());
+    p.reduce((w, g) => w & g.state === "granted", !0) && i && (i.deviceButton && i.deviceButton.hide(), i.record().getDevice());
   }).catch((p) => {
   });
-}, Me = (e, n = 3) => {
+}, Pe = (e, n = 3) => {
   const o = d.document.getElementById("ul-recording-countdown-screen");
   o && n === 0 ? (o.remove(), e.record().start()) : o && (o.innerHTML = `<span class='ul-countdown-text'>Recording in... ${n}</span>`, setTimeout(() => {
-    Me(e, n - 1);
+    Pe(e, n - 1);
   }, 1e3));
 }, Re = (e) => {
   const n = d.document.createElement("div");
@@ -945,47 +942,47 @@ const $ = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: r, met
   t.className = "vjs-no-js", t.innerHTML = "To view this video please enable JavaScript, and consider upgrading to a web browser that";
   const r = d.document.createElement("a");
   return r.href = "https://videojs.com/html5-video-support/", r.target = "_blank", r.innerHTML = "supports HTML5 video", t.appendChild(r), o.appendChild(t), n.appendChild(o), n;
-}, Qe = (e, n) => {
+}, Ke = (e, n) => {
   e.children()[0].classList.remove("vjs-hidden"), e.audioPlayerPlaceholder.hide(), d.document.getElementById(`${e.id()}_html5_api`).style.height = "100%";
-}, ne = (e, n) => d.document.getElementById(e) ? n ? d.videojs(e, n) : d.videojs(e) : (console.error(`Error in finding player element with ID, ${e}`), null), hn = (e, n, o, t = !1, r = "https://api.sprig.com", s = document, a = null, l = null) => {
+}, ee = (e, n) => d.document.getElementById(e) ? n ? d.videojs(e, n) : d.videojs(e) : (console.error(`Error in finding player element with ID, ${e}`), null), hn = (e, n, o, t = !1, r = "https://api.sprig.com", s = document, l = null, a = null) => {
   d.document = s;
-  const i = e + Ie, c = Re(i);
+  const i = e + ke, c = Re(i);
   return d.document.addEventListener("securitypolicyviolation", (m) => {
     V(new Error(`Voice & Video feature violates ${m.violatedDirective} web page CSP policies for the question player.`), "playerDeviceError", r, {});
-  }), Te(ke, () => {
+  }), De(je, () => {
     d.document.getElementById(ce(i)).remove(), le(i, c);
     const m = { playsinline: !0, playbackRates: [0.5, 1, 1.5, 2], fill: !0 };
     try {
-      const j = e + ge;
-      le(j, c);
-      const D = ne(i, m), T = ne(j, { muted: !0, ...m });
-      if (!D || !T) return;
-      ((g, E, k) => {
-        g.addClass(`ul${ge}`);
-        const y = new (d.videojs.getComponent("Component"))(g);
-        E && g.src(E), g.addChild(y), k && k(g);
-      })(T, a, l), a || T.addClass(I);
-      const v = Le(D, ["PlaybackRateMenuButton", "PlayToggle", "FullscreenToggle"]), h = v.children().find((g) => g.name_ === "FullscreenToggle");
-      h.hasClass("vjs-disabled") && h.hide(), Pe(D, v, n, o, t, T);
-    } catch (j) {
-      return void V(new Error(`Error when creating video player object ${j}`), "playerDeviceError", r, {});
+      const I = e + ge;
+      le(I, c);
+      const b = ee(i, m), L = ee(I, { muted: !0, ...m });
+      if (!b || !L) return;
+      ((h, f, j) => {
+        h.addClass(`ul${ge}`);
+        const C = new (d.videojs.getComponent("Component"))(h);
+        f && h.src(f), h.addChild(C), j && j(h);
+      })(L, l, a), l || L.addClass(T);
+      const E = Te(b, ["PlaybackRateMenuButton", "PlayToggle", "FullscreenToggle"]), v = E.children().find((h) => h.name_ === "FullscreenToggle");
+      v.hasClass("vjs-disabled") && v.hide(), Le(b, E, n, o, t, L);
+    } catch (I) {
+      return void V(new Error(`Error when creating video player object ${I}`), "playerDeviceError", r, {});
     }
   }), c;
-}, mn = (e, n = {}, o = "https://api.userleap.com", t, r, s, a = !1, l = document) => {
-  d.document = l;
-  const i = e + De, c = Re(i);
+}, mn = (e, n = {}, o = "https://api.userleap.com", t, r, s, l = !1, a = document) => {
+  d.document = a;
+  const i = e + Ie, c = Re(i);
   return d.document.addEventListener("securitypolicyviolation", (m) => {
     V(new Error(`Voice & Video feature violates ${m.violatedDirective} web page CSP policies for the recorder player.`), "recorderDeviceError", o, s, n.visitorId, n.envId);
-  }), Te(ke.concat(Ye), () => {
+  }), De(je.concat(We), () => {
     le(i, c), d.document.getElementById(ce(i)).remove();
     try {
-      Je(c, i, n, o, t, r, s, a);
+      Je(c, i, n, o, t, r, s, l);
     } catch (m) {
       return void V(new Error(`Error when creating video recorder player object ${m}`), "recorderDeviceError", o, s, n.visitorId, n.envId);
     }
   }), c;
 }, gn = (e) => {
-  const n = e + De;
+  const n = e + Ie;
   if (d.document.getElementById(n) && d.videojs) {
     try {
       if (!d.videojs(n).record().stream) return;
@@ -995,103 +992,103 @@ const $ = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: r, met
     d.videojs(n).record().stop(), d.videojs(n).record().stopDevice();
   }
 }, bn = (e) => {
-  const n = ne(e + Ie);
+  const n = ee(e + ke);
   n == null || n.pause();
-}, Xe = (e) => {
+}, Qe = (e) => {
   if (!e) return null;
   const n = e.match(/https:\/\/stream.mux.com\/(.*)/);
   let o = n ? n[1] : null;
   return o.includes(me) && (o = o.replace(me, "")), o ? `https://image.mux.com/${o}/thumbnail.jpg?time=0` : null;
-}, w = { UPLOAD_STARTED: "upload.started", UPLOAD_PROGRESS: "upload.progress", UPLOAD_FINISHED: "upload.finished", DELETE: "delete", ERROR: "error", MEDIA_TYPE: "media.type", PERMISSION_DENIED: "permission_denied", OTHER: "other", UPLOAD_ID: "upload.id", UPLOAD_PROGRESS_PCT: "upload.progress.pct", MEDIA_RECORDING_UID: "media.recording.uid", MEDIA_TYPE_VIDEO: "video", MEDIA_TYPE_AUDIO: "audio" }, M = { PlaybackRateMenuButton: "Speed", PlayToggle: "Play", FullscreenToggle: "Expand", TurnOnCamera: "Turn on", TurnOffCamera: "Turn off", DeleteButton: "Delete", RecordButton: "Record", StopButton: "Stop", PauseButton: "Pause" };
-var en = ((e) => (e.CONTINUE = "CONTINUE", e.EXTERNAL = "EXTERNAL", e.NO_BUTTON = "NO_BUTTON", e))(en || {}), nn = ((e) => (e.Unlimited = "Unlimited", e.Maximum = "Maximum", e.Range = "Range", e))(nn || {});
-const on = ({ options: e, selectItem: n, selectedOptions: o, showCheckbox: t, disabledOptions: r, dropdownFooter: s }) => {
-  const { themeColor: a } = F((l) => ({ doc: l.viewDocument, themeColor: l.border }));
-  return u("div", { className: "select-list", children: [e.map((l) => {
-    return u("div", { "aria-disabled": r == null ? void 0 : r.includes(l), className: R("select-option", r != null && r.includes(l) ? "ul-choice-disabled" : ""), onClick: (c) => {
-      r != null && r.includes(l) || (n(l), c.stopPropagation());
-    }, role: "option", style: { ...r != null && r.includes(l) ? { opacity: 0.5, cursor: "not-allowed" } : {} }, children: [t && u(Ee, { divId: (i = l.id, `checkbox-div-${i}`), id: l.id, isSelected: o.includes(l), themeColor: a }), l.label] }, l.id);
+}, x = { UPLOAD_STARTED: "upload.started", UPLOAD_PROGRESS: "upload.progress", UPLOAD_FINISHED: "upload.finished", DELETE: "delete", ERROR: "error", MEDIA_TYPE: "media.type", PERMISSION_DENIED: "permission_denied", OTHER: "other", UPLOAD_ID: "upload.id", UPLOAD_PROGRESS_PCT: "upload.progress.pct", MEDIA_RECORDING_UID: "media.recording.uid", MEDIA_TYPE_VIDEO: "video", MEDIA_TYPE_AUDIO: "audio" }, R = { PlaybackRateMenuButton: "Speed", PlayToggle: "Play", FullscreenToggle: "Expand", TurnOnCamera: "Turn on", TurnOffCamera: "Turn off", DeleteButton: "Delete", RecordButton: "Record", StopButton: "Stop", PauseButton: "Pause" };
+var Xe = ((e) => (e.CONTINUE = "CONTINUE", e.EXTERNAL = "EXTERNAL", e.NO_BUTTON = "NO_BUTTON", e))(Xe || {}), en = ((e) => (e.Unlimited = "Unlimited", e.Maximum = "Maximum", e.Range = "Range", e))(en || {});
+const nn = ({ options: e, selectItem: n, selectedOptions: o, showCheckbox: t, disabledOptions: r, dropdownFooter: s }) => {
+  const { themeColor: l } = F((a) => ({ doc: a.viewDocument, themeColor: a.border }));
+  return u("div", { className: "select-list", children: [e.map((a) => {
+    return u("div", { "aria-disabled": r == null ? void 0 : r.includes(a), className: _("select-option", r != null && r.includes(a) ? "ul-choice-disabled" : ""), onClick: (c) => {
+      r != null && r.includes(a) || (n(a), c.stopPropagation());
+    }, role: "option", style: { ...r != null && r.includes(a) ? { opacity: 0.5, cursor: "not-allowed" } : {} }, children: [t && u(xe, { divId: (i = a.id, `checkbox-div-${i}`), id: a.id, isSelected: o.includes(a), themeColor: l }), a.label] }, a.id);
     var i;
   }), s] });
-}, fn = ({ isMultiSelect: e = !1, multiselectText: n = "choices selected", onChange: o, options: t, placeholderText: r, value: s, disabledOptions: a = [], dropdownFooter: l }) => {
-  const [i, c] = ae(!1), { viewDocument: m, update: j, isConversationalUI: D } = F((h) => ({ viewDocument: h.viewDocument, update: h.update, isConversationalUI: h.isConversationalUI })), T = () => {
+}, fn = ({ isMultiSelect: e = !1, multiselectText: n = "choices selected", onChange: o, options: t, placeholderText: r, value: s, disabledOptions: l = [], dropdownFooter: a }) => {
+  const [i, c] = ae(!1), { viewDocument: m, update: I, isConversationalUI: b } = F((v) => ({ viewDocument: v.viewDocument, update: v.update, isConversationalUI: v.isConversationalUI })), L = () => {
     c(!i);
   };
   Oe(() => {
-    D || j();
-  }, [i, D, j]), K(() => {
-    var g;
-    const h = (E) => {
-      const k = E.target;
-      (k == null ? void 0 : k.closest(".select-option.ul-choice-disabled")) || c(!1);
+    b || I();
+  }, [i, b, I]), ne(() => {
+    var h;
+    const v = (f) => {
+      const j = f.target;
+      (j == null ? void 0 : j.closest(".select-option.ul-choice-disabled")) || c(!1);
     };
-    m.addEventListener("click", h);
+    m.addEventListener("click", v);
     try {
-      (g = window.parent) == null || g.addEventListener("click", h);
+      (h = window.parent) == null || h.addEventListener("click", v);
     } catch {
-      window.addEventListener("click", h);
+      window.addEventListener("click", v);
     }
     return () => {
-      var E;
-      m.removeEventListener("click", h);
+      var f;
+      m.removeEventListener("click", v);
       try {
-        (E = window.parent) == null || E.removeEventListener("click", h);
+        (f = window.parent) == null || f.removeEventListener("click", v);
       } catch {
-        window.removeEventListener("click", h);
+        window.removeEventListener("click", v);
       }
     };
   }, [m]);
-  const v = s.length === 0 ? ["select-button-placeholder"] : [];
-  return u(we, { children: [u("button", { "aria-label": "choice dropdown button", className: R("select-button", ...v), onClick: (h) => {
-    h.stopPropagation(), T();
-  }, type: "button", children: [u("span", { children: s.length === 0 ? r : s.length === 1 ? s[0].label : `${s.length} ${n}` }), u(Be, {})] }), i && u(on, { disabledOptions: a, dropdownFooter: l, options: t, selectedOptions: s, selectItem: (h) => {
-    var k;
-    const g = s.some((y) => y.id === h.id), E = s.some((y) => {
-      var L;
-      return (L = y.optionProperties) == null ? void 0 : L.noneOfTheAbove;
+  const E = s.length === 0 ? ["select-button-placeholder"] : [];
+  return u(Ce, { children: [u("button", { "aria-label": "choice dropdown button", className: _("select-button", ...E), onClick: (v) => {
+    v.stopPropagation(), L();
+  }, type: "button", children: [u("span", { children: s.length === 0 ? r : s.length === 1 ? s[0].label : `${s.length} ${n}` }), u(Be, {})] }), i && u(nn, { disabledOptions: l, dropdownFooter: a, options: t, selectedOptions: s, selectItem: (v) => {
+    var j;
+    const h = s.some((C) => C.id === v.id), f = s.some((C) => {
+      var D;
+      return (D = C.optionProperties) == null ? void 0 : D.noneOfTheAbove;
     });
-    (k = h.optionProperties) != null && k.noneOfTheAbove && !g ? o([h]) : e ? o(g ? s.filter((y) => y.id !== h.id) : E ? [h] : [...s, h]) : g || o([h]), e || T();
+    (j = v.optionProperties) != null && j.noneOfTheAbove && !h ? o([v]) : e ? o(h ? s.filter((C) => C.id !== v.id) : f ? [v] : [...s, v]) : h || o([v]), e || L();
   }, showCheckbox: e })] });
-}, tn = { "{{user_id}}": "externalUserId", "{{email}}": "email" }, Cn = (e = void 0, n = {}) => {
+}, on = { "{{user_id}}": "externalUserId", "{{email}}": "email" }, Cn = (e = void 0, n = {}) => {
   if (!e) return e;
-  const o = ["http:", "https:", "itms-apps:", "market:"], t = ((a) => /^[a-zA-Z][a-zA-Z0-9+\-.]*:\/\//.test(a) ? a : `http://${a}`)(e);
+  const o = ["http:", "https:", "itms-apps:", "market:"], t = ((l) => /^[a-zA-Z][a-zA-Z0-9+\-.]*:\/\//.test(l) ? l : `http://${l}`)(e);
   if (!t) return;
   try {
-    const a = new URL(t);
-    if (!a.protocol || !o.includes(a.protocol)) return;
+    const l = new URL(t);
+    if (!l.protocol || !o.includes(l.protocol)) return;
   } catch {
     return;
   }
-  const r = [], s = ((a, l, i) => {
-    let c = a;
-    for (const [m, j] of Object.entries(tn)) if (c.toLowerCase().includes(m)) if (l[j]) {
-      const D = new RegExp(m, "gi");
-      c = c.replace(D, l[j]);
+  const r = [], s = ((l, a, i) => {
+    let c = l;
+    for (const [m, I] of Object.entries(on)) if (c.toLowerCase().includes(m)) if (a[I]) {
+      const b = new RegExp(m, "gi");
+      c = c.replace(b, a[I]);
     } else i.push(m);
     return c;
   })(t, n, r);
-  return r.length === 0 ? s : ((a, l) => {
-    if (!a.includes("?")) return a;
-    const i = a.slice(0, a.indexOf("?")), c = a.slice(a.indexOf("?") + 1).split("&").map((m) => m.split("=")).filter((m) => !l.includes(m[1]));
+  return r.length === 0 ? s : ((l, a) => {
+    if (!l.includes("?")) return l;
+    const i = l.slice(0, l.indexOf("?")), c = l.slice(l.indexOf("?") + 1).split("&").map((m) => m.split("=")).filter((m) => !a.includes(m[1]));
     return c.length === 0 ? i : `${i}?${c.map((m) => m.join("=")).join("&")}`;
   })(s, r);
 };
 export {
   Fe as B,
-  Ae as H,
+  $e as H,
   dn as L,
   cn as M,
   pn as O,
-  en as P,
+  Xe as P,
   vn as Q,
-  w as R,
+  x as R,
   fn as S,
   un as a,
-  nn as b,
+  en as b,
   an as c,
   mn as d,
   Cn as g,
   bn as p,
   gn as s,
-  qe as u,
+  ze as u,
   hn as v
 };