@sprig-technologies/sprig-browser 2.43.0 → 2.44.1

package/dist/{videoPlayer-Cj-utOH3.js → videoPlayer-CmLaWmsH.js}

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