@sprig-technologies/sprig-browser 2.44.0 → 2.45.0

package/dist/{videoPlayer-ChSRlzGk.js → videoPlayer-HNloD0SJ.js}

@@ -1,50 +1,50 @@
-import { u as v, c as _, a as U, 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-MpYHLeMt.js";
-import { g as He, i as Se, E as Ve, b as ye } from "./core-CWHAsU-S.js";
+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-CDrJuRMn.js";
+import { g as He, i as Se, E as Ve, b as ye } from "./core-YTxB8B8q.js";
 import { d as Ue } from "./debounce-CMb8f7wh.js";
-import { v as Fe } from "./metricsReporter-Bg5aC8mO.js";
-const Ne = (e) => v("button", { ...e, className: _("ul-card-text__button", e.className), id: "ul-card-text__button" }), $e = ({ html: e, ...n }) => {
-  const { enableCspTrustedTypes: o } = U((r) => ({ enableCspTrustedTypes: r.enableCspTrustedTypes })), t = Me(() => He(e, o), [o, e]);
-  return v("div", { ...n, dangerouslySetInnerHTML: { __html: t } });
+import { v as Fe } from "./metricsReporter-0HbKrvkx.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 u("div", { ...n, dangerouslySetInnerHTML: { __html: t } });
 }, xe = () => {
-  const { viewDocument: e } = U((t) => ({ viewDocument: t.viewDocument })), [n, o] = de(!1);
+  const { viewDocument: e } = $((t) => ({ viewDocument: t.viewDocument })), [n, o] = de(!1);
   return J(() => {
-    const t = e.querySelector(".sprig-question-body"), r = new ResizeObserver(() => {
+    const t = e.querySelector(".sprig-question-body"), i = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         o(!!(t && Se(t) && t.scrollHeight > t.offsetHeight));
       });
     });
-    return t && r.observe(t), () => {
-      t && r.disconnect();
+    return t && i.observe(t), () => {
+      t && i.disconnect();
     };
   }, [e]), n;
-}, ve = ({ plainText: e, richText: n, id: o, className: t, isHeader: r, showAsterisk: s }) => n ? v($e, { className: t, html: n, id: o }) : e ? r ? v("h1", { className: t, id: o, children: [e, s && "*"] }) : v("p", { className: t, id: o, children: e }) : null, sn = ({ message: e, properties: n, isRequired: o }) => {
-  const t = K(null), r = 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: r, 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" }) }), ln = ({ isSubmitDisabled: e, handleSubmit: n }) => v("div", { className: "ul-card-longform__submit-button-container", children: v(Ne, { className: "ul-card-longform__submit-button", disabled: e, onClick: n, children: ["OK ", v(Ae, {})] }) }), ze = (e, n) => {
+}, 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;
       t.style.height = "1px";
-      const r = t.scrollHeight + (t.offsetHeight - t.clientHeight), s = parseInt(window.getComputedStyle(t).getPropertyValue("max-height")), l = r <= s ? r : s;
+      const i = t.scrollHeight + (t.offsetHeight - t.clientHeight), s = parseInt(window.getComputedStyle(t).getPropertyValue("max-height")), l = i <= s ? i : s;
       o.current !== l && requestAnimationFrame(() => {
         n();
       }), o.current = l, t.style.height = `${l}px`;
     }
   };
 }, an = (e) => {
-  const n = K(), { setAllResponsesRaw: o } = U((t) => ({ setAllResponsesRaw: t.setAllResponsesRaw }));
+  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((r) => e[r] !== t[r])) && (o(e), n.current = e);
+    (!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 }) => v("button", { className: "prototype-button", onClick: n, children: e }, "prototype-btn"), dn = ({ embeddedType: e = "prototype", properties: n, children: 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: r, headers: s, useDesktopPrototype: l } = U((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), i = window.innerWidth < Ve, p = s["userleap-platform"], h = (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 } = U(({ update: w, index: j, isConversationalUI: b, viewDocument: k }) => ({ update: w, index: j, isConversationalUI: b, viewDocument: k })), d = Ue(g, 100);
+    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 w = new ResizeObserver(d), j = L.querySelector(".ul-card__container");
@@ -52,22 +52,22 @@ const Ne = (e) => v("button", { ...e, className: _("ul-card-text__button", e.cla
         w.disconnect();
       };
     }, [d, g, T, f, L]);
-  })(), !l && i && !r && c && ["email", "link"].includes(p)) {
-    if (e === "prototype") return v(he, { handleClick: (g) => {
+  })(), !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(he, { buttonText: (n == null ? void 0 : n.viewDocumentText) || "View Document", handleClick: (g) => {
+    if (e === "pdf") return u(he, { buttonText: (n == null ? void 0 : n.viewDocumentText) || "View Document", handleClick: (g) => {
       h(g, "question.agreement.click");
     } });
   }
-  return v(Ce, { children: o });
-}, je = ({ isSelected: e, id: n, divId: o, themeColor: t, disabled: r = !1 }) => v("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 && v(Oe, {}) }), cn = ({ ariaLabel: e, border: n, choiceStyle: o = {}, label: t, isSelected: r, value: s, text: l, id: c, isRadio: i, useMobileStyling: p, error: h, allowTextEntry: I, noneOfTheAbove: g, promptText: T, disabled: f = !1, onUserInputChanged: L }) => {
-  const { styleNonce: d, viewDocument: w } = U((E) => ({ styleNonce: E.styleNonce, viewDocument: E.viewDocument })), [j, b] = de(!1);
-  Ze(w, n, d);
+  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: c, selected: E, value: s, userText: y, noneOfTheAbove: g });
+    L && L({ id: v, selected: E, value: s, userText: y, noneOfTheAbove: g });
   }, M = (E) => {
-    f || (E.stopPropagation(), k({ isSelected: i || !r, userText: l }), b(!1));
+    f || (E.stopPropagation(), k({ isSelected: r || !i, userText: l }), b(!1));
   }, Y = () => {
     j || b(!0);
   }, O = () => {
@@ -76,23 +76,23 @@ const Ne = (e) => v("button", { ...e, className: _("ul-card-text__button", e.cla
     f || y.key !== "Enter" && y.key !== " " || M(y);
   })(E) };
   "ontouchstart" in w.documentElement ? (B.onTouchStart = O, B.onTouchCancel = O, B.onTouchEnd = O) : (B.onMouseDown = Y, B.onMouseLeave = O);
-  const W = i ? `radio-${c}` : `checkbox-${c}`, u = r || j ? [ee] : [], C = [...h ? [Ee] : [], ...u, ...f ? ["ul-choice-disabled"] : []], m = t ? { "aria-labelledby": `label-${c}` } : { "aria-label": e };
-  return v("div", { className: _(le("choice", p), ...C), id: `choice-div-${c}`, style: { ...o, ...h ? { borderColor: ye } : {}, ...f ? { opacity: 0.5, cursor: "not-allowed" } : {} }, ...f ? {} : B, "aria-disabled": f, children: [v("div", { className: _("choice-label-container"), children: [i ? v("div", { ...m, className: _("select-radio", ...u), id: W, role: "radio", tabIndex: 0 }) : v(je, { disabled: f, divId: W, id: c, isSelected: r, themeColor: n }), t && v("label", { className: _(le("select-label", p)), htmlFor: W, id: `label-${c}`, children: t })] }), I && r && v("div", { className: _("choice-text-entry-container", ...u), children: v(qe, { onTextChange: (E) => k({ isSelected: r, userText: E }), promptText: T || "Please specify", textValue: l, useMobileStyling: p }) })] });
-}, qe = ({ promptText: e, textValue: n, onTextChange: o, useMobileStyling: t }) => {
-  const r = K(null), { update: s } = U((c) => ({ update: c.update })), l = ze(r, () => s());
-  return J(() => (l(), r.current && r.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();
-  }, placeholder: e, ref: r, role: "textbox", rows: 1, value: n });
-}, me = "ul-select-style-element", ee = "ul-select-active-dynamic-style", Ee = "ul-select-error-dynamic-style", Ze = (e, n, o) => {
-  let t = e.getElementById(me), r = !1;
-  t || (t = e.createElement("style"), r = !0), t.tagName.toLowerCase() === "style" && (t.id = me, o && (t.nonce = o), t.textContent = Ge(n), r && e.head.appendChild(t));
-}, Ge = (e) => `
+  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 });
+}, 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};
     }
@@ -103,30 +103,30 @@ const Ne = (e) => v("button", { ...e, className: _("ul-card-text__button", e.cla
     .${Ee} {
       border-color: ${ye};
     }
-  `, pn = ({ children: e }) => v("div", { className: "sprig-question-body", children: e }), un = ({ children: e }) => {
-  const n = xe(), { isConversationalUI: o } = U((t) => ({ isConversationalUI: t.isConversationalUI }));
-  return v("div", { className: _("sprig-question-footer-container", n && !o ? "sprig-border-top" : null), children: e });
-}, We = ({ options: e, selectItem: n, selectedOptions: o, showCheckbox: t, disabledOptions: r, dropdownFooter: s, panelRef: l }) => {
-  const { themeColor: c } = U((i) => ({ doc: i.viewDocument, themeColor: i.border }));
-  return v("div", { className: "select-list", ref: l, children: [e.map((i) => {
-    return v("div", { "aria-disabled": r == null ? void 0 : r.includes(i), className: _("select-option", r != null && r.includes(i) ? "ul-choice-disabled" : ""), onClick: (h) => {
-      r != null && r.includes(i) || (n(i), h.stopPropagation());
-    }, role: "option", style: { ...r != null && r.includes(i) ? { opacity: 0.5, cursor: "not-allowed" } : {} }, children: [t && v(je, { divId: (p = i.id, `checkbox-div-${p}`), id: i.id, isSelected: o.includes(i), themeColor: c }), i.label] }, i.id);
-    var p;
+  `, pn = ({ children: e }) => u("div", { className: "sprig-question-body", children: e }), un = ({ children: e }) => {
+  const n = xe(), { isConversationalUI: o } = $((t) => ({ isConversationalUI: t.isConversationalUI }));
+  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] });
-}, vn = ({ isMultiSelect: e = !1, multiselectText: n = "choices selected", onChange: o, options: t, placeholderText: r, value: s, disabledOptions: l = [], dropdownFooter: c }) => {
-  const [i, p] = de(!1), h = K(null), { viewDocument: I, update: g, isConversationalUI: T } = U((d) => ({ viewDocument: d.viewDocument, update: d.update, isConversationalUI: d.isConversationalUI })), f = () => {
-    p(!i);
+}, 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);
   };
   ue(() => {
     T || g();
-  }, [i, T, g]), ue(() => {
-    i && h.current && h.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
-  }, [i]), J(() => {
+  }, [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")) || p(!1);
+      (b == null ? void 0 : b.closest(".select-option.ul-choice-disabled")) || c(!1);
     };
     I.addEventListener("click", d);
     try {
@@ -145,9 +145,9 @@ const Ne = (e) => v("button", { ...e, className: _("ul-card-text__button", e.cla
     };
   }, [I]);
   const L = s.length === 0 ? ["select-button-placeholder"] : [];
-  return v(Ce, { 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 ? r : s.length === 1 ? s[0].label : `${s.length} ${n}` }), v(Be, {})] }), i && v(We, { disabledOptions: l, dropdownFooter: c, options: t, panelRef: h, 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 w = s.some((k) => k.id === d.id), j = s.some((k) => {
       var M;
@@ -155,7 +155,7 @@ const Ne = (e) => v("button", { ...e, className: _("ul-card-text__button", e.cla
     });
     (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 })] });
-}, Ye = { "{{user_id}}": "externalUserId", "{{email}}": "email" }, hn = (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;
@@ -165,20 +165,20 @@ const Ne = (e) => v("button", { ...e, className: _("ul-card-text__button", e.cla
   } catch {
     return;
   }
-  const r = [], s = ((l, c, i) => {
-    let p = l;
-    for (const [h, I] of Object.entries(Ye)) if (p.toLowerCase().includes(h)) if (c[I]) {
+  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");
-      p = p.replace(g, c[I]);
-    } else i.push(h);
-    return p;
-  })(t, n, r);
-  return r.length === 0 ? s : ((l, c) => {
+      c = c.replace(g, v[I]);
+    } else r.push(h);
+    return c;
+  })(t, n, i);
+  return i.length === 0 ? s : ((l, v) => {
     if (!l.includes("?")) return l;
-    const i = l.slice(0, l.indexOf("?")), p = l.slice(l.indexOf("?") + 1).split("&").map((h) => h.split("=")).filter((h) => !c.includes(h[1]));
-    return p.length === 0 ? i : `${i}?${p.map((h) => h.join("=")).join("&")}`;
-  })(s, r);
-}, 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", Je = [{ 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 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", 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;
 }
@@ -837,24 +837,24 @@ span.ul-button-text {
 }
 ` }], Ie = "-video-player", be = "-secondary-video-player", De = "-video-recorder";
 let V, fe;
-const z = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: r, metadata: s }) => {
+const z = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: i, metadata: s }) => {
   const l = a.document.documentElement;
-  if (!t || !r) return;
-  const c = { 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(c) })).ok || console.warn("[Sprig] (ERR-444) Failed to track analytics", e);
-}, $ = async (e, n, o, t, r, s) => {
-  z({ event: `Video Error ${n}`, apiBase: o, headers: t, visitorId: r, 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 }, i = { action: n, err: { message: e.message, stack: e.stack }, meta: c, 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);
+  if (!t || !i) return;
+  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, 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(((r, { type: s, content: l }) => new Promise(function(c, i) {
-    let p;
-    s === "script" ? (p = a.document.createElement("script"), p.src = l) : s === "link" ? (p = a.document.createElement("link"), p.rel = "stylesheet", p.href = l, p.type = "text/css") : (p = a.document.createElement("style"), p.innerHTML = l), p.onload = function() {
-      c(l);
-    }, p.onerror = function() {
-      i(l);
-    }, p.async = !1, p.id = btoa(l), r.appendChild(p);
+  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);
+    }, 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) {
@@ -874,8 +874,8 @@ const z = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: r, met
   const o = new (a.videojs.getComponent("Component"))(e);
   return o.addClass("ul-buttons-panel"), n.map((t) => {
     o.addChild(t);
-  }), Ke(o), o;
-}, Ke = (e) => {
+  }), Je(o), o;
+}, Je = (e) => {
   e.children().forEach((n) => {
     if (P[n.name_]) {
       const o = ne(P[n.name_], `ul-${P[n.name_]}`);
@@ -885,13 +885,13 @@ const z = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: r, met
 }, ne = (e, n = "") => {
   const o = a.document.createElement("span");
   return o.className = "ul-button-text", o.innerHTML = e, o.id = n, o;
-}, Re = (e, n, o, t, r = !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 ? en(o.src) : null;
-  !o || !r && 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", () => {
-    r || !o || c || Xe(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", () => {
@@ -899,105 +899,105 @@ const z = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: r, met
   }), e.on("ratechange", () => {
     s == null || s.playbackRate(e.playbackRate());
   }), e.addChild(e.audioPlayerPlaceholder, {}, 1), l.addChild(n), e.addChild(l), t && t(e);
-}, Qe = (e, n, o, t, r, s, l, c = !1) => {
+}, Ke = (e, n, o, t, i, s, l, v = !1) => {
   fe = Date.now();
-  const i = 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 (!i) return;
-  i.payload = o;
-  const { surveyId: p, questionId: h, responseGroupUid: I, visitorId: g, envId: T } = o;
+  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: c, questionId: h, responseGroupUid: I, visitorId: g, envId: T } = o;
   let f;
-  const L = (u) => {
+  const L = (p) => {
     const C = re, m = re + "-audio-only";
-    we(i.uploadProgressLabel, "none"), V && V.startTime >= fe && V.abort();
+    we(r.uploadProgressLabel, "none"), V && V.startTime >= fe && V.abort();
     const E = a.document.getElementById("ul-camera-button");
-    u ? (i.children()[0].classList.add("vjs-hidden"), b.removeClass(C), b.addClass(m), E.innerHTML = P.TurnOnCamera, i.audioPlayerPlaceholder.removeClass("vjs-hidden"), f == null || f.getTracks().forEach((y) => {
+    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((F) => {
-        F.enabled = !1;
-      }), i.record().onDeviceReady(y);
-    }).catch(i.record().onDeviceError.bind(i.record()))) : (f == null || f.getVideoTracks().forEach((y) => {
+      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;
-    }), i.children()[0].classList.remove("vjs-hidden"), i.record().getDevice(), b.removeClass(m), b.addClass(C), E.innerHTML = P.TurnOffCamera, i.audioPlayerPlaceholder.addClass("vjs-hidden"));
-  }, d = new (a.videojs.getComponent("Button"))(i, { clickHandler: () => {
-    d.hasClass(D) || (z({ event: "Video Delete Button Clicked", apiBase: t, headers: l, visitorId: g, envId: T, metadata: { questionId: h, responseGroupUid: I, surveyId: p } }), L(i.cameraOff), r(x.DELETE, {}), b.removeClass(D), d.addClass(D));
+    }), 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: 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(ne(P.DeleteButton, "ul-delete-button"));
   const w = a.document.getElementById(n), j = () => {
-    w.classList.contains("vjs-fullscreen") && i.cameraOff ? w.style.display = "table" : w.style.display = "flex";
+    w.classList.contains("vjs-fullscreen") && r.cameraOff ? w.style.display = "table" : w.style.display = "flex";
   };
   j();
-  const b = new (a.videojs.getComponent("Button"))(i, { clickHandler: () => {
-    i.record().isRecording() || (i.cameraOff = !i.cameraOff, z({ event: "Video Camera Button Clicked", apiBase: t, headers: l, visitorId: o.visitorId, envId: o.envId, metadata: { questionId: h, responseGroupUid: I, surveyId: p, cameraOff: i.cameraOff } }), L(i.cameraOff), !d.hasClass(D) && d.addClass(D), r(x.DELETE, {}), 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: 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(ne(P.TurnOffCamera, "ul-camera-button"));
-  const k = new (a.videojs.getComponent("Button"))(i, { clickHandler: () => {
-    const u = a.document.getElementById("ul-recorder-toggle");
-    if (i.record().isRecording()) i.record().stop(), u && (u.innerHTML = P.RecordButton), k.removeClass(ie), d.removeClass(D);
+  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 = P.RecordButton), k.removeClass(ie), d.removeClass(D);
     else {
       const C = a.document.getElementById("ul-recording-countdown-screen");
-      if (C) C.remove(), u && (u.innerHTML = P.RecordButton), L(i.cameraOff), r(x.DELETE, {}), b.removeClass(D), d.addClass(D), k.removeClass(ie), O.show();
+      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), u && (u.innerHTML = P.StopButton);
+        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(i, 3);
+        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(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), i.uploadProgressLabel = M;
-  const Y = Le(i, [d, b, "PlayToggle", k, "FullscreenToggle"]), O = Y.children().find((u) => u.name_ === "FullscreenToggle");
+  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((u) => u.name_ === "PlayToggle");
-  B.hide(), d.addClass(D), Re(i, Y, s, !1, c), i.on("stopRecord", () => {
+  const B = Y.children().find((p) => p.name_ === "PlayToggle");
+  B.hide(), d.addClass(D), Re(r, Y, s, !1, v), r.on("stopRecord", () => {
     k.hide(), B.show(), O.show(), d.removeClass(D);
-  }), i.on("deviceReady", () => {
+  }), r.on("deviceReady", () => {
     k.show(), B.hide(), d.addClass(D);
-  }), ((u, C, m, E, y) => {
-    const { surveyId: F, responseGroupUid: q, visitorId: R, envId: H } = u.payload;
-    u.on("deviceError", function() {
-      console.warn("device error: ", u.deviceErrorCode), u.deviceErrorCode.message === "Permission denied" ? (u.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(u, te), responseGroupUid: q, surveyId: F } })) : (m && m(x.ERROR, { type: x.OTHER }), $(new Error(u.deviceErrorCode.message), "recorderDeviceError", C, y, R, H));
-    }), u.on("error", function(Z, N) {
-      $(N || u.error(), "recorderError", C, y, R, H);
-    }), u.on("startRecord", function(Z, N) {
-      E(u.uploadProgressLabel, "none"), z({ event: "Video Record Start", apiBase: C, headers: y, visitorId: R, envId: H, metadata: { questionId: se(u, te), responseGroupUid: q, surveyId: F } });
-    }), u.on("finishRecord", async function() {
-      E(u.uploadProgressLabel, "start", 0);
-      const Z = se(u, te);
-      if (!F) {
+  }), ((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"), 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() {
+      E(p.uploadProgressLabel, "start", 0);
+      const Z = se(p, te);
+      if (!U) {
         const S = "internal error: missing fields in payload";
-        return m && m(x.ERROR, { type: x.OTHER }), $(new Error(S), "finishRecord", C, y, R, H), null;
+        return m && m(x.ERROR, { type: x.OTHER }), N(new Error(S), "finishRecord", C, y, R, H), null;
       }
-      u.record().stopDevice();
-      const N = u.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: F, mediaType: N } });
-      const Q = { surveyId: F, updatedAt: (/* @__PURE__ */ new Date()).toISOString(), mediaType: N, mediaRecordingUid: A };
+      p.record().stopDevice();
+      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 pe = await S.json();
-          return m && m(x.UPLOAD_STARTED, { [x.UPLOAD_ID]: pe.upload.id, [x.MEDIA_TYPE]: N, [x.MEDIA_RECORDING_UID]: A }), pe.upload.url;
+          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 m && m(x.ERROR, { type: x.OTHER, response: S }), $(new Error("failed to get upload response with url"), "finishRecord", C, y, R, 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;
       })();
-      X && (V = a.document.defaultView.UpChunk.createUpload({ endpoint: X, file: new a.document.defaultView.File([u.recordedData], `recording ${N} ${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: F, mediaType: N, url: X } }), V.on("error", (S) => {
-        E(u.uploadProgressLabel, "none"), m && m(x.UPLOAD_FINISHED, { [x.MEDIA_RECORDING_UID]: A }), $(S, "finishRecord", C, y, R, H);
+      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(u.uploadProgressLabel, "progress", S.detail);
+        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(u.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: F, mediaType: N, url: X, elapsedMs: V.startTime && Date.now() - V.startTime } });
+        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 } });
       }));
     });
-  })(i, t, r, we, l);
+  })(r, t, i, we, l);
   const W = [{ name: "microphone" }];
-  !i.cameraOff && W.push({ name: "camera" }), Promise.all(W.map((u) => {
+  !r.cameraOff && W.push({ name: "camera" }), Promise.all(W.map((p) => {
     var C;
-    return (C = navigator == null ? void 0 : navigator.permissions) == null ? void 0 : C.query(u);
-  })).then((u) => {
-    u.reduce((C, m) => C & m.state === "granted", !0) && i && (i.deviceButton && i.deviceButton.hide(), i.record().getDevice());
-  }).catch((u) => {
+    return (C = navigator == null ? void 0 : navigator.permissions) == null ? void 0 : C.query(p);
+  })).then((p) => {
+    p.reduce((C, m) => C & m.state === "granted", !0) && r && (r.deviceButton && r.deviceButton.hide(), r.record().getDevice());
+  }).catch((p) => {
   });
 }, Pe = (e, n = 3) => {
   const o = a.document.getElementById("ul-recording-countdown-screen");
@@ -1008,9 +1008,9 @@ const z = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: r, met
   const n = a.document.createElement("div");
   return n.className = "ul-video-container", n.appendChild(((o) => {
     const t = a.document.createElement("div");
-    return t.className = "ul-video-player-loading", t.id = ce(o), ["first", "second", "third", "fourth"].map((r) => {
+    return t.className = "ul-video-player-loading", t.id = ce(o), ["first", "second", "third", "fourth"].map((i) => {
       const s = a.document.createElement("div");
-      s.className = r, t.appendChild(s);
+      s.className = i, t.appendChild(s);
     }), t;
   })(e)), n;
 }, ae = (e, n) => {
@@ -1018,47 +1018,47 @@ const z = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: r, met
   o.id = e, o.className = "video-js vjs-default-skin ul-video-player-video";
   const t = a.document.createElement("p");
   t.className = "vjs-no-js", t.innerHTML = "To view this video please enable JavaScript, and consider upgrading to a web browser that";
-  const r = a.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;
-}, Xe = (e, n) => {
+  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;
+}, Qe = (e, n) => {
   e.children()[0].classList.remove("vjs-hidden"), e.audioPlayerPlaceholder.hide(), a.document.getElementById(`${e.id()}_html5_api`).style.height = "100%";
-}, 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, r = "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 i = e + Ie, p = _e(i);
+  const r = e + Ie, c = _e(r);
   return a.document.addEventListener("securitypolicyviolation", (h) => {
-    $(new Error(`Voice & Video feature violates ${h.violatedDirective} web page CSP policies for the question player.`), "playerDeviceError", r, {});
+    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(i)).remove(), ae(i, p);
+    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, p);
-      const g = oe(i, h), T = oe(I, { muted: !0, ...h });
+      ae(I, c);
+      const g = oe(r, h), T = oe(I, { muted: !0, ...h });
       if (!g || !T) return;
       ((d, w, j) => {
         d.addClass(`ul${be}`);
         const b = new (a.videojs.getComponent("Component"))(d);
         w && d.src(w), d.addChild(b), j && j(d);
-      })(T, l, c), l || T.addClass(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(), Re(g, f, n, o, t, T);
     } catch (I) {
-      return void $(new Error(`Error when creating video player object ${I}`), "playerDeviceError", r, {});
+      return void N(new Error(`Error when creating video player object ${I}`), "playerDeviceError", i, {});
     }
-  }), p;
-}, gn = (e, n = {}, o = "https://api.userleap.com", t, r, s, l = !1, c = document) => {
-  a.document = c;
-  const i = e + De, p = _e(i);
+  }), 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) => {
-    $(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(Je), () => {
-    ae(i, p), a.document.getElementById(ce(i)).remove();
+    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 {
-      Qe(p, i, n, o, t, r, s, l);
+      Ke(c, r, n, o, t, i, s, l);
     } catch (h) {
-      return void $(new Error(`Error when creating video recorder player object ${h}`), "recorderDeviceError", o, s, n.visitorId, n.envId);
+      return void N(new Error(`Error when creating video recorder player object ${h}`), "recorderDeviceError", o, s, n.visitorId, n.envId);
     }
-  }), p;
+  }), c;
 }, bn = (e) => {
   const n = e + De;
   if (a.document.getElementById(n) && a.videojs) {
@@ -1072,7 +1072,7 @@ const z = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: r, met
 }, fn = (e) => {
   const n = oe(e + Ie);
   n == null || n.pause();
-}, en = (e) => {
+}, Xe = (e) => {
   if (!e) return null;
   const n = e.match(/https:\/\/stream.mux.com\/(.*)/);
   let o = n ? n[1] : null;
@@ -1081,19 +1081,19 @@ const z = async ({ event: e, apiBase: n, headers: o, visitorId: t, envId: r, met
 export {
   Ne as B,
   $e as H,
-  ln as L,
+  sn as L,
   dn as M,
   cn as O,
   un as Q,
   x as R,
   vn as S,
   pn as a,
-  sn as b,
+  rn as b,
   gn as c,
   an as d,
   hn as g,
   fn as p,
   bn as s,
-  ze as u,
+  ln as u,
   mn as v
 };