@sprig-technologies/sprig-browser 2.39.3 → 2.39.4

package/dist/{getAttributedUrl-CKXj5eVU.js → getAttributedUrl-5g_EQiGQ.js}

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