@sprig-technologies/sprig-browser 2.42.1 → 2.43.0

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

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