@sprig-technologies/sprig-bundled 2.46.1 → 2.48.0

package/dist/index-DDZBH-vP.js

@@ -0,0 +1,768 @@
+import { u as X, h as J, a as e, c as V, g as je, b as se, F as ye, p as ee, d as fe, e as Se, _ as ie, T as Ce, A as ir, s as ar, f as lr, M as Ne, D as Re, i as or, P as dr, j as cr, q as ur, k as ce, l as ze, m as We, n as pr, S as mr, o as gr, r as hr, t as vr, v as br, w as yr, x as Pe, y as Ue } from "./view-bHnS65wz.js";
+import { f as ae, E as Me, j as Ze, k as Ge, l as fr, A as Sr } from "./index-Q_m-uWR7.js";
+import { H as le, Q as ue, a as we, M as ve, b as he, O as Te, B as re, L as ke, S as xr, u as kr, g as wr, c as Tr } from "./getAttributedUrl-Cy6ZmssZ.js";
+const Ir = ({ className: n, message: s, next: d, properties: r, questionId: t, type: i }) => {
+  const { useMobileStyling: m, border: h, isLongFormSurvey: u, focusedQuestionId: b, useNewSurveyUI: a } = X((S) => {
+    var E;
+    return { useMobileStyling: S.useMobileStyling, border: S.border, isLongFormSurvey: ae(S.studyType), focusedQuestionId: S.focusedQuestionId, useNewSurveyUI: !!((E = S.experimentFlags) != null && E["sdk-new-survey-ui"]) };
+  }), [g, p] = J(!1), [k, c] = J(""), [y, o] = J(!1), w = u && b === t, I = r == null ? void 0 : r.collectName, L = (r == null ? void 0 : r.nameLabelText) || "Full Name", M = (r == null ? void 0 : r.consentText) || "I agree to the stated conditions", P = (r == null ? void 0 : r.submitButtonText) || "Submit", N = !!k.trim(), R = g && (!I || N), j = (S, E = !1) => {
+    S.preventDefault(), S.stopPropagation();
+    let q = null;
+    if (!E) {
+      if (!R) return void o(!0);
+      q = { submitted: !0 }, I && (q.name = k);
+    }
+    d({ value: q, questionId: t, type: i }, R);
+  };
+  return e("div", { className: V(n, u && !w && "ul-card--unfocused", "ul-card__consent-legal", "fade-in-transition"), children: [e(le, { isRequired: u && (r == null ? void 0 : r.required), message: s, properties: { image: r.image, questionHtml: r.questionHtml, captionHtml: a ? r.richTextBody : void 0, captionText: a ? r.body : void 0 } }), !a && (r != null && r.richTextBody) ? e(ue, { children: e(we, { className: "ul-rich-text-body", html: r.richTextBody, id: "ul-card__consent-legal-body-container" }) }) : null, e(ve, { embeddedType: "pdf", properties: r, children: e(he, { children: [e("div", { className: "sprig-stretch", children: [e(Te, { allowTextEntry: !1, border: h, error: y && !g, id: "consent", isRadio: !1, isSelected: g, label: M, onUserInputChanged: ({ selected: S }) => {
+    S !== g && p(!g);
+  }, useMobileStyling: m }), I && e("input", { "aria-label": L, "aria-placeholder": L, className: V(se("ul-consent-legal__name-input", m)), "data-gramm": "false", maxLength: 250, name: "name", onBlur: (S) => {
+    S.currentTarget.style.borderColor = y && !N ? Me : Ze;
+  }, onFocus: (S) => {
+    S.currentTarget.style.borderColor = y && !N ? Me : h;
+  }, onInput: (S) => {
+    S.preventDefault(), S.stopPropagation(), c(S.currentTarget.value);
+  }, placeholder: L, style: y && !N ? { borderColor: Me } : {}, tabIndex: 0, value: k })] }), e("div", { className: "ul-card__button-wrapper ul-card-vertical__button-wrapper", children: [e(re, { className: R ? "" : "sprig-button-disabled", onClick: j, children: P }), r.required === !1 && !u && e("button", { className: "ul-card-skip__button", onClick: (S) => j(S, !0), children: je(r) })] })] }) })] }, t);
+}, xe = (n) => (s) => {
+  s.pointerType !== "touch" && n();
+}, Nr = ({ activeValue: n, border: s, icon: d, isPressed: r, onSubmit: t, range: i, scaleLabelType: m, selectedValue: h, setSelectedValue: u, setActiveValue: b, setIsPressed: a, useMobileStyling: g, value: p, viewDocument: k }) => {
+  const { isLongFormSurvey: c, enableCspTrustedTypes: y } = X((S) => ({ isLongFormSurvey: ae(S.studyType), enableCspTrustedTypes: S.enableCspTrustedTypes })), o = `option-${p}`, w = m === "number", I = m === "star", L = m === "smiley", M = w && p === n || p === h, [P, N] = (() => {
+    const S = I && h !== null && p <= h;
+    return I && p <= n || L && p === n || S || p === n || p === h ? [s, r || S || p === h ? 1 : 0.3] : ["", 1];
+  })(), R = ye(() => {
+    const S = h === p, E = { borderColor: M && !g || S ? P : "", fillOpacity: M ? "" : N, zIndex: M ? 3 : "auto", color: S ? "#fff" : "" };
+    return w ? { ...E, backgroundColor: S ? P : "" } : { ...E, color: I || L || S ? P : "" };
+  }, [M, P, N, h, p, w, I, L, g]), j = ye(() => Ge((({ icon: S, scaleLabelType: E, value: q, selectedValue: $ }) => {
+    if (E === "smiley" && q === $) {
+      let x = 0;
+      return S.replace(/black/g, () => ++x == 1 ? "black" : "white");
+    }
+    return S;
+  })({ icon: d, scaleLabelType: m, value: p, selectedValue: h }), y), [y, d, m, h, p]);
+  return e("button", { "aria-label": w ? void 0 : String(p), className: (() => {
+    switch (m) {
+      case "star":
+        return V(se("likert-star", g), se(`likert-star-${p}`, g));
+      case "smiley":
+        return V(se("likert-smiley", g), se(`likert-smiley-${p}`, g));
+      default:
+        return p === i ? V(se("likert-number", g), se(`likert-number-${p}`, g), se("likert-last-option", g)) : V(se("likert-number", g), se(`likert-number-${p}`, g));
+    }
+  })(), dangerouslySetInnerHTML: { __html: j }, id: o, onClick: (S) => {
+    c && (S.preventDefault(), S.stopPropagation(), u(p)), t();
+  }, onKeyDown: (S) => {
+    var $, x;
+    const E = k.querySelectorAll(`.likert-${m ?? "number"}`), q = p - 1;
+    S.key === "ArrowRight" ? ($ = E[q + 1]) == null || $.focus() : S.key === "ArrowLeft" ? (x = E[q - 1]) == null || x.focus() : S.key !== "Enter" && S.key !== " " || (c && (S.preventDefault(), S.stopPropagation(), u(p)), t());
+  }, onPointerCancel: xe(() => a(!1)), onPointerDown: xe(() => {
+    a(!0), b(p);
+  }), onPointerEnter: xe(() => b(p)), onPointerLeave: xe(() => {
+    b(-1), a(!1);
+  }), onPointerUp: xe(() => a(!1)), style: R, tabIndex: 0 });
+}, Cr = ({ className: n, labels: s, message: d, next: r, properties: t, questionId: i, type: m }) => {
+  const { border: h, useMobileStyling: u, viewDocument: b, isLongFormSurvey: a, focusedQuestionId: g, useNewSurveyUI: p } = X((x) => {
+    var B;
+    return { border: x.border, useMobileStyling: x.useMobileStyling, viewDocument: x.viewDocument, isLongFormSurvey: ae(x.studyType), focusedQuestionId: x.focusedQuestionId, useNewSurveyUI: !!((B = x.experimentFlags) != null && B["sdk-new-survey-ui"]) };
+  }), [k, c] = J(-1), [y, o] = J(!1), [w, I] = J(null);
+  ee(() => {
+    c(-1), o(!1), I(null);
+  }, [i]);
+  const L = a && g === i, M = s && s.left, P = s && s.right;
+  let N;
+  const { range: R, scaleLabelType: j, ratingIcons: S } = t;
+  R && (N = Number(R));
+  const E = N || 5, q = (x) => {
+    var B, _;
+    switch (j) {
+      case "star":
+        return (B = S[0]) == null ? void 0 : B.svg;
+      case "smiley":
+        return (_ = S[x]) == null ? void 0 : _.svg;
+      default:
+        return String(x + 1);
+    }
+  }, $ = e(fe, { children: [e("div", { "aria-label": `Rating (1 - ${E})`, className: "ul-card--likert__numbers", role: "radiogroup", children: [...Array(E)].map((x, B) => {
+    const _ = B + 1;
+    return e(Nr, { activeValue: k, border: h, icon: q(B), isPressed: y, onSubmit: () => r({ value: _, questionId: i, type: m }, !0), range: E, scaleLabelType: j, selectedValue: w, setActiveValue: c, setIsPressed: o, setSelectedValue: I, useMobileStyling: u, value: _, viewDocument: b }, B);
+  }) }), e("div", { className: "ul-card--likert__labels", children: [e("span", { children: M }), e("span", { children: P })] })] });
+  return e("form", { className: V(n, "ul-card--likert", "fade-in-transition", a && !L && "ul-card--unfocused"), children: [e(le, { isRequired: a && (t == null ? void 0 : t.required), message: d, properties: t }), e(ve, { properties: t, children: e(fe, { children: [e(ue, { children: p ? e("div", { className: "ul-card--likert__scale", children: $ }) : $ }), !t.required && !a && e(he, { children: e("div", { className: "ul-vertical-centered-container", children: e(re, { onClick: (x) => {
+    x.preventDefault(), x.stopPropagation(), r({ value: null, questionId: i, type: m }, !0);
+  }, children: Se(t) }) }) })] }) })] }, i);
+}, _r = ({ columns: n, onSelect: s, options: d, selectedOptions: r }) => {
+  const t = ie([]), { border: i, useMobileStyling: m, cards: h, index: u } = X((c) => ({ border: c.border, useMobileStyling: c.useMobileStyling, cards: c.cards, index: c.index })), b = d.findIndex((c) => r[c.id] === null), [a, g] = J(b), p = Ce((c, y) => {
+    var I;
+    s(c, y);
+    const o = a + 1, w = d[o];
+    if (w && r[w.id] === null) {
+      g(o);
+      const L = h[u];
+      (L == null ? void 0 : L.groupId) != null || ((I = t.current[o]) == null || I.scrollIntoView({ block: "nearest", behavior: "smooth" }));
+    }
+  }, [s, d, r, a, h, u]), k = Ce((c, y) => {
+    const o = a === c;
+    return e(ir, { animate: !0, header: y.label, isOpen: o, onClick: () => {
+      var w;
+      return g(o && !((w = window.UserLeap) != null && w.isMobileSDK) ? -1 : c);
+    }, ref: (w) => {
+      w && (t.current[c] = w);
+    }, showHeaderCheck: r[y.id] !== null, children: e("div", { style: { paddingTop: "12px" }, children: n.map((w) => e(Te, { allowTextEntry: !1, ariaLabel: `${y.label}-${w.label}`, border: i, error: !1, id: `${y.id}-${w.value}`, isRadio: !0, isSelected: r[y.id] === w.value, label: w.label, onUserInputChanged: () => p(y.id, w.value), useMobileStyling: m }, w.label)) }) }, y.id);
+  }, [i, n, a, p, r, m]);
+  return e("div", { children: d.map((c, y) => k(y, c)) });
+}, qr = ({ columns: n, onSelect: s, options: d, selectedOptions: r }) => {
+  const { border: t, useMobileStyling: i, isLongFormSurvey: m } = X((c) => ({ border: c.border, useMobileStyling: c.useMobileStyling, isLongFormSurvey: ae(c.studyType) })), h = d.length, u = n.length, b = ie(null), [a, g] = J(!1), [p, k] = J(!1);
+  return ee(() => {
+    if (m) return;
+    const c = b.current, y = new ResizeObserver((o) => {
+      window.requestAnimationFrame(() => {
+        c && (g(Math.round(o[0].contentRect.width) < c.scrollWidth), k(Math.round(o[0].contentRect.width) < c.scrollWidth));
+      });
+    });
+    return c && y.observe(c), () => {
+      c && y.unobserve(c);
+    };
+  }, [m]), e("div", { className: "ul-card--matrix_question_container", children: [e("div", { className: V("ul-card--matrix_container", !m && a && "ul-matrix-scroll-gradient"), onScroll: m ? void 0 : () => {
+    const c = b.current;
+    c && g(c.clientWidth + Math.abs(c.scrollLeft) < c.scrollWidth);
+  }, ref: b, children: e("div", { className: V(m && "ul-card--matrix_grid_longform", "ul-card--matrix_grid"), style: `--numColumns: ${u}; --numRows: ${h + 1};`, children: [e("div", { className: "ul-matrix-header-row", children: [e("div", {}), " ", n.map((c) => e("div", { className: "ul-matrix-column-label", children: c.label }, c.label))] }), d.map((c) => e("div", { className: "ul-matrix-row", children: [e("div", { "aria-label": c.label, className: "ul-matrix-row-label", children: c.label }), e("div", { className: "ul-matrix-row-options", role: "radiogroup", children: n.map((y, o) => e("div", { className: V("ul-matrix-option-wrapper", o === u - 1 && "ul-matrix-last-option"), children: e(Te, { allowTextEntry: !1, ariaLabel: `${c.label}-${y.label}`, border: t, choiceStyle: { background: "transparent", border: "none", marginBottom: "0", padding: "0" }, error: !1, id: `${c.id}-${y.value}`, isRadio: !0, isSelected: r[c.id] === y.value, onUserInputChanged: () => s(c.id, y.value), useMobileStyling: i }) }, y.value)) })] }, c.label))] }) }), !m && (a || p) && e("button", { className: p && !a ? "ul-matrix-scroll-arrow left" : "ul-matrix-scroll-arrow", onClick: p && !a ? (c) => {
+    c.preventDefault();
+    const y = b.current;
+    if (y) {
+      const o = getComputedStyle(y).direction === "rtl";
+      y.scrollTo({ left: o ? y.scrollWidth - y.clientWidth : 0, behavior: "smooth" });
+    }
+  } : (c) => {
+    c.preventDefault();
+    const y = b.current;
+    if (y) {
+      const o = getComputedStyle(y).direction === "rtl";
+      y.scrollTo({ left: o ? y.clientWidth - y.scrollWidth : y.scrollWidth, behavior: "smooth" });
+    }
+  }, children: e(p && !a ? Lr : Pr, {}) })] });
+}, Lr = () => e("svg", { fill: "currentColor", height: "32", transform: "matrix(-1,0,0,1,0,0)", version: "1.1", viewBox: "0 0 256 256", width: "32", xmlns: "http://www.w3.org/2000/svg", children: e("path", { d: "M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z" }) }), Pr = () => e("svg", { fill: "currentColor", height: "32", viewBox: "0 0 256 256", width: "32", xmlns: "http://www.w3.org/2000/svg", children: e("path", { d: "M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z" }) }), Mr = ({ className: n, message: s, next: d, options: r, properties: t, questionId: i, type: m, showIndividualSubmit: h = !1, onSubmitButtonClick: u }) => {
+  const { useMobileStyling: b, isLongFormSurvey: a, focusedQuestionId: g, setFocusedQuestionId: p, update: k } = X((_) => ({ useMobileStyling: _.useMobileStyling, isLongFormSurvey: ae(_.studyType), focusedQuestionId: _.focusedQuestionId, setFocusedQuestionId: _.setFocusedQuestionId, update: _.update })), c = t.matrixColumn, y = t.required, o = a && g === i, w = (_) => Object.values(_).every((Z) => Z == null), I = (_) => y && w(_), L = (_) => {
+    if (_.preventDefault(), _.stopPropagation(), d({ value: P, questionId: i, type: m }, !0), u) {
+      const Z = !w(P);
+      u(Z);
+    }
+  }, M = r.reduce((_, Z) => (_[Z.id] = null, _), {}), [P, N] = J(M), [R, j] = J(window.innerWidth), S = (_, Z) => {
+    a && d({ value: { ...P, [_]: Z }, questionId: i, type: m }, !I({ ...P, [_]: Z })), N((f) => ({ ...f, [_]: Z }));
+  }, E = t.displayMatrixAsAccordion || b, q = a && !E && ar(c.length, R), $ = E || q, x = a && !$, B = x && lr(c.length, R);
+  return ee(() => {
+    if (!a) return;
+    const _ = fr(() => j(window.innerWidth), 100);
+    return window.addEventListener("resize", _), k(), () => window.removeEventListener("resize", _);
+  }, [a, B, q, R, k]), e("form", { className: V(n, !a && "ul-card__matrix", x && "ul-card--matrix-expandable", B && "ul-card--matrix-expandable-fill", "fade-in-transition", a && !o && "ul-card--unfocused"), id: "text-form", onClick: () => {
+    o && p(i);
+  }, onSubmit: L, children: [e(le, { isRequired: a && (t == null ? void 0 : t.required), message: s, properties: t }), e(ve, { properties: t, children: [e(ue, { children: [e($ ? _r : qr, { columns: c, onSelect: S, options: r, selectedOptions: P }), h && e(ke, { handleSubmit: L, isSubmitDisabled: I(P) })] }), !a && e(he, { children: e("div", { className: "ul-card__button-wrapper", children: e(re, { disabled: I(P), children: Se(t) }) }) })] })] }, i);
+}, Ye = ({ className: n, message: s, onSubmit: d, options: r = [], properties: t, questionId: i, type: m, showIndividualSubmit: h = !1, onSubmitButtonClick: u }) => {
+  const { border: b, useMobileStyling: a, isLongFormSurvey: g, focusedQuestionId: p, setFocusedQuestionId: k } = X((f) => ({ border: f.border, useMobileStyling: f.useMobileStyling, isLongFormSurvey: ae(f.studyType), focusedQuestionId: f.focusedQuestionId, setFocusedQuestionId: f.setFocusedQuestionId })), c = g && p === i, y = r.reduce((f, U) => (f[U.id] = { isSelected: !1 }, f), {}), [o, w] = J(y), I = m === "multiplechoice", L = t.required, M = r.find((f) => {
+    var U;
+    return (U = f.optionProperties) == null ? void 0 : U.noneOfTheAbove;
+  }), P = (f) => Object.entries(f).some(([U, D]) => {
+    var pe;
+    const K = r.find((oe) => `${oe.id}` === U), z = D.userText === void 0 || D.userText.trim() === "";
+    return ((pe = K == null ? void 0 : K.optionProperties) == null ? void 0 : pe.allowsTextEntry) && z && D.isSelected;
+  }), N = (f) => Object.values(f).filter((U) => U.isSelected).length, R = (f) => {
+    const { minSelect: U = 0, maxSelect: D = 1 / 0, maxSelectMode: K } = t, z = N(f);
+    switch (K) {
+      case Ne.Maximum:
+        return z <= D;
+      case Ne.Range:
+        return z === 0 || z >= U;
+      default:
+        return !0;
+    }
+  }, j = t.minSelect && t.minSelect > 0 && t.maxSelectMode === Ne.Range && N(o) < t.minSelect && (L || N(o) > 0), S = (f) => P(f) || L && !N(f) || !R(f), E = (f) => R(f) && !P(f) && N(f) > 0, q = Object.entries(o).some(([f, U]) => {
+    var D, K;
+    return U.isSelected && ((K = (D = r.find((z) => `${z.id}` === f)) == null ? void 0 : D.optionProperties) == null ? void 0 : K.allowsTextEntry);
+  }), $ = h && (!I || q), x = (f) => {
+    Z(f.id, f.selected, f.userText, f.noneOfTheAbove), f.selected && g && !I && !c && k(i);
+  }, B = (f) => {
+    var U;
+    return (t == null ? void 0 : t.maxSelectMode) !== Ne.Unlimited && N(o) === (t == null ? void 0 : t.maxSelect) && !((U = o[f]) != null && U.isSelected);
+  }, _ = (f) => {
+    if (f.preventDefault(), f.stopPropagation(), d(o, !0), u) {
+      const U = E(o);
+      u(U);
+    }
+  }, Z = (f, U, D, K) => {
+    const z = Object.assign({}, o);
+    if ((I || K) && U) for (const ne of Object.values(z)) ne.isSelected = !1, delete ne.userText;
+    else M && !K && o[M.id].isSelected && (z[M.id].isSelected = !1);
+    z[f] = { isSelected: U, userText: D };
+    const pe = I && Object.entries(z).some(([ne, me]) => {
+      var be, l;
+      return me.isSelected && ((l = (be = r.find((T) => `${T.id}` === ne)) == null ? void 0 : be.optionProperties) == null ? void 0 : l.allowsTextEntry);
+    }), oe = !S(z);
+    if (g && (d(z, oe), I && !pe && oe && u)) {
+      const ne = E(z);
+      u(ne);
+    }
+    w(z);
+  };
+  return e("form", { className: V(n, "ul-card--multiple", "fade-in-transition", g && !c && "ul-card--unfocused"), id: "text-form", onClick: m === "multipleselect" ? () => {
+    g && p !== i && m === "multipleselect" && k(i);
+  } : void 0, onSubmit: _, children: [e(le, { isRequired: g && (t == null ? void 0 : t.required), message: s, properties: t }), e(ve, { properties: t, children: e(fe, { children: [e(ue, { children: [t.isDropdown ? e(xr, { disabledOptions: r.filter((f) => B(f.id)), dropdownFooter: j ? e("div", { className: "ul-card__min-select-counter", style: { marginLeft: "16px" }, children: [N(o), "/", t.minSelect] }) : void 0, isMultiSelect: !I, multiselectText: t.dropdownMultiselectedText ?? "choices selected", onChange: (f) => {
+    const U = { ...o };
+    for (const D of r) f.includes(D) ? U[D.id].isSelected = !0 : U[D.id].isSelected = !1;
+    g && d(U, !S(U)), w(U);
+  }, options: r, placeholderText: t.dropdownPlaceholderText ?? (I ? "Select choice" : "Select choice(s)"), value: r.filter((f) => o[f.id].isSelected) }) : e("div", { className: V(se("ul-card__choices", a)), role: I ? "radiogroup" : "group", children: [r.map(({ id: f, label: U, value: D, optionProperties: K }) => {
+    var ne, me;
+    const z = `${f}`, { allowsTextEntry: pe, noneOfTheAbove: oe } = { allowsTextEntry: !1, noneOfTheAbove: !1, ...K };
+    return e(Te, { allowTextEntry: pe, border: b, disabled: B(z), error: P({ [z]: o[z] }), id: z, isRadio: I, isSelected: !!((ne = o[z]) != null && ne.isSelected), label: U, noneOfTheAbove: oe, onUserInputChanged: x, promptText: (K == null ? void 0 : K.otherOptionPlaceholder) || "Please specify", text: (me = o[f]) == null ? void 0 : me.userText, useMobileStyling: a, value: D }, z);
+  }), !!j && e("div", { className: "ul-card__min-select-counter", children: [N(o), "/", t.minSelect] })] }), $ && e(ke, { handleSubmit: _, isSubmitDisabled: S(o) })] }), !g && e(he, { children: e("div", { className: "ul-card__button-wrapper", children: e(re, { disabled: S(o), onClick: _, children: Se(t) }) }) })] }) })] }, i);
+}, Rr = (n) => {
+  const { questionId: s, type: d, next: r, options: t } = n, { setFocusedQuestionId: i } = X((m) => ({ setFocusedQuestionId: m.setFocusedQuestionId }));
+  return e(Ye, { ...n, onSubmit: (m, h) => {
+    var k;
+    const u = Object.entries(m).find(([, c]) => c.isSelected) || [void 0, void 0], [b, a] = u, g = t.find((c) => `${c.id}` === b);
+    !((k = g == null ? void 0 : g.optionProperties) != null && k.allowsTextEntry) || a != null && a.userText && a.userText.trim() !== "" || i(s);
+    const p = a != null && a.userText ? { [b]: { userText: a.userText } } : null;
+    r({ value: g && b ? { [b]: g.value } : {}, secondaryValue: p, questionId: s, type: d }, h);
+  } });
+}, Dr = (n) => {
+  const { questionId: s, type: d, next: r } = n;
+  return e(Ye, { ...n, onSubmit: (t, i) => {
+    const m = Object.entries(t).reduce((u, [b, a]) => (u[b] = a.isSelected, u), {}), h = Object.entries(t).reduce((u, [b, a]) => {
+      if (!a.userText) return u;
+      const g = u || {};
+      return g[b] = { userText: a.userText }, g;
+    }, null);
+    r({ value: m, secondaryValue: h, questionId: s, type: d }, i);
+  } });
+}, Fr = ({ className: n, labels: s, message: d, properties: r, next: t, questionId: i, type: m }) => {
+  const [h, u] = J(null), { border: b, useMobileStyling: a, viewDocument: g, isLongFormSurvey: p, focusedQuestionId: k } = X((w) => ({ border: w.border, useMobileStyling: w.useMobileStyling, viewDocument: w.viewDocument, isLongFormSurvey: ae(w.studyType), focusedQuestionId: w.focusedQuestionId })), c = p && k === i, y = s && s.left, o = s && s.right;
+  return e("form", { className: V(n, "ul-card--nps", "fade-in-transition", p && !c && "ul-card--unfocused"), children: [e(le, { isRequired: p && (r == null ? void 0 : r.required), message: d, properties: r }), e(ve, { properties: r, children: [e(ue, { children: [e("div", { className: "ul-card--nps__numbers", children: [...Array(11)].map((w, I) => e("button", { className: V(se("nps-number", a), se(`nps-number-${I}`, a)), id: `option-${I}`, onClick: (L) => {
+    p && (L.preventDefault(), L.stopPropagation(), u(I)), t({ value: I, questionId: i, type: m }, !0);
+  }, onKeyDown: (L) => {
+    var P, N;
+    const M = g.querySelectorAll("button.nps-number");
+    L.key === "ArrowRight" ? (P = M[I + 1]) == null || P.focus() : L.key === "ArrowLeft" ? (N = M[I - 1]) == null || N.focus() : L.key !== "Enter" && L.key !== " " || (p && (L.preventDefault(), L.stopPropagation(), u(I)), t({ value: I, questionId: i, type: m }, !0));
+  }, onPointerDown: (L) => {
+    L.currentTarget.style.zIndex = "2", L.currentTarget.style.borderColor = b;
+  }, onPointerLeave: (L) => {
+    L.currentTarget.style.zIndex = "auto", L.currentTarget.style.borderColor = "";
+  }, style: h === I ? { backgroundColor: b, color: "#fff" } : void 0, tabIndex: 0, children: I }, I)) }), e("div", { className: "ul-card--nps__labels", children: [e("span", { children: y }), e("span", { children: o })] })] }), !r.required && !p && e(he, { children: e("div", { className: "ul-vertical-centered-container", children: e(re, { onClick: (w) => {
+    w.preventDefault(), w.stopPropagation(), t({ value: null, questionId: i, type: m }, !0);
+  }, children: Se(r) }) }) })] })] }, i);
+}, Qr = (n) => {
+  const { className: s, message: d, next: r, properties: t, questionId: i, type: m, showIndividualSubmit: h = !1, onSubmitButtonClick: u } = n, b = m === "aidynamicfollowup" || m === "aidynamicstandalone", a = b ? n.loading : void 0, { border: g, useMobileStyling: p, update: k, isLongFormSurvey: c, focusedQuestionId: y, setFocusedQuestionId: o, isPreview: w } = X((x) => ({ border: x.border, useMobileStyling: x.useMobileStyling, update: x.update, isLongFormSurvey: ae(x.studyType), focusedQuestionId: x.focusedQuestionId, setFocusedQuestionId: x.setFocusedQuestionId, isPreview: x.isPreview })), [I, L] = J(""), M = ie(null), P = c && y === i;
+  ee(() => {
+    var x, B;
+    c && !w && (P ? (x = M.current) == null || x.focus() : (B = M.current) == null || B.blur());
+  }, [c, P, w]);
+  const N = I.trim(), R = t.required === !0 && !N, j = kr(M, () => k()), S = (x) => {
+    x.preventDefault(), x.stopPropagation();
+    const B = N.length > 0, _ = !t.required || B;
+    r({ value: I, questionId: i, type: m }, _), u && u(B);
+  }, E = t && t.openTextPlaceholder ? t.openTextPlaceholder : "";
+  if ((a === Re.failure || a === void 0) && b) return e(fe, {});
+  const q = a === Re.inFlight, $ = q ? "Preparing your next question" : d;
+  return e("form", { className: V(s, "ul-card-text", "fade-in-transition", c && !P && "ul-card--unfocused"), id: "text-form", onClick: () => {
+    c && y !== i && o(i);
+  }, children: [e(le, { isRequired: c && (t == null ? void 0 : t.required), message: $, properties: t }), e(ve, { properties: t, children: e("div", { className: "ul-card-text", children: e(ue, { children: [e("div", { className: "ul-card-text__container", children: e("textarea", { "aria-describedby": "ul-caption", "aria-labelledby": "ul-question", "aria-multiline": "true", "aria-placeholder": E, className: V(q && "ul-card-text__input__loading", se("ul-card-text__input", p)), "data-gramm": "false", disabled: q, maxLength: 5e3, name: "text", onBlur: (x) => {
+    x.currentTarget.style.borderColor = Ze;
+  }, onChange: (x) => {
+    const { value: B } = x.currentTarget;
+    if (j(), x.preventDefault(), x.stopPropagation(), L(B), c) {
+      const _ = B.trim().length > 0;
+      r({ value: B, questionId: i, type: m }, _);
+    }
+  }, onFocus: (x) => {
+    x.currentTarget.style.borderColor = g, o(i);
+  }, placeholder: E, ref: M, role: "textbox", tabIndex: 0 }) }), t.footerHtml && e(we, { className: "footer", html: t.footerHtml }), h && e(ke, { handleSubmit: S, isSubmitDisabled: R }), e(he, { children: !c && e(re, { disabled: R || q, onClick: S, children: Se(t) }) })] }) }) })] }, i);
+}, De = 1, Ke = 2, Xe = 3, _e = (n) => n.type === "av_permission", $e = (n) => n.type === "screen_permission", Je = (n, s) => n === void 0 ? De : n ? ((d, r) => !(_e(r) ? r.permissionDescriptors : []).includes("camera") || d.getVideoTracks().length > 0)(n, s) ? Xe : De : Ke, Ae = { avStream: null, currentPage: null, mediaRecordingUids: null, nextQuestion: () => {
+}, passthroughData: void 0, recordingMediaTypes: void 0, screenPermissionRequested: !1, type: void 0 }, ge = or((n) => ({ ...Ae, reset: () => {
+  n(Ae);
+}, updatePage: (s) => {
+  n(s);
+} }));
+function Fe({ currentPage: n, pages: s }) {
+  const { avStream: d, recordingMediaTypes: r, updatePage: t } = ge.getState(), { recorderEventEmitter: i } = X.getState();
+  i.emit("av.permission", { "permission.descriptors": n.permissionDescriptors, "stream.ready": (m, h) => {
+    if (d === m) return;
+    let u = n;
+    if (m && !n.permissionDescriptors.includes("camera")) {
+      const b = s.indexOf(n), a = h != null && h.active ? b + 2 : b + 1;
+      h != null && h.active && r && i.emit("begin.recording", { "recording.media.types": r, "start.recording.callback": (g) => t({ mediaRecordingUids: g }) }), u = s[a];
+    }
+    t({ currentPage: u, avStream: m });
+  } });
+}
+function Qe({ status: n }) {
+  const { nextQuestion: s, passthroughData: d, mediaRecordingUids: r, reset: t } = ge.getState(), { recorderEventEmitter: i, handleUploadUpdate: m, index: h } = X.getState(), u = { value: { taskStatus: n }, type: "recordedtask", questionId: (d == null ? void 0 : d.questionId) || 1 };
+  d && i.emit("finish.task", { "begin.callback": (b) => {
+    m({ mediaRecordingUid: b, isSubmitted: !0, progressPct: 0, isComplete: !1 });
+  }, "progress.callback": (b, a) => {
+    m({ mediaRecordingUid: b, progressPct: a.detail, isSubmitted: !1, isComplete: !1 });
+  }, "upload.callback": (b) => {
+    b && m({ mediaRecordingUid: b, isComplete: !0, isSubmitted: !0, progressPct: 100 });
+  }, "passthrough.data": d, "current.index": h, "task.response": u, "task.complete.callback": (b) => {
+    u.value.taskDurationMillisecond = b, r && (u.value.mediaRecordingUids = r), t(), s(u);
+  } });
+}
+function Be({ pages: n, setIsRequestingPermission: s }) {
+  const { recorderEventEmitter: d, eventEmitFn: r } = X.getState(), { updatePage: t, currentPage: i, recordingMediaTypes: m, screenPermissionRequested: h } = ge.getState();
+  if (!i) return;
+  const u = n.indexOf(i);
+  switch (i.type) {
+    case "av_permission": {
+      const b = h ? u + 2 : u + 1;
+      return h && m && d.emit("begin.recording", { "recording.media.types": m, "start.recording.callback": (a) => {
+        t({ mediaRecordingUids: a });
+      } }), void t({ currentPage: n[b] });
+    }
+    case "screen_permission":
+      return void d.emit("screen.permission", { "screen.permission.requested": s, "stream.ready.callback": (b, a) => {
+        const g = a ? n[u + 1] : i;
+        a && m && d.emit("begin.recording", { "recording.media.types": m, "start.recording.callback": (p) => {
+          t({ captureStream: a, mediaRecordingUids: p });
+        } }), t({ currentPage: g, screenPermissionRequested: !0, captureStream: a });
+      } });
+    case "start_task":
+      return r("recorded.task.start"), d.emit("recorded.task.start"), d.emit("start.task"), void t({ currentPage: n[u + 1], screenPermissionRequested: !0 });
+    case "complete_task":
+      return;
+  }
+}
+const er = "ul-permission-graphics-container", rr = "ul-permission-body", tr = V(er, "ul_recorded-task-inset-spacing"), qe = V("ul-horizontal-button-container", "ul-horizontal-button-container-left"), nr = ({ richTextBody: n }) => e(we, { className: "ul-rich-text-body", html: n, id: "ul-task-detail-container" }), Le = ({ required: n, skipButtonText: s, bottom: d = !1 }) => n ? null : e(re, { className: V(d && "ul-skip-button-below", "ul-button-inactive"), onClick: Qe.bind(null, { status: "abandoned" }), children: s || "Skip" }), Ee = (n) => {
+  const { avStream: s, captureStream: d, recordingMediaTypes: r, updatePage: t } = ge.getState(), i = (r == null ? void 0 : r.includes("audio")) || (r == null ? void 0 : r.includes("video"));
+  ee(() => {
+    const m = setInterval(() => {
+      i && s && !s.active ? t({ avStream: null, currentPage: n[0] }) : d && d.active || t({ captureStream: void 0, currentPage: n[i ? 1 : 0] });
+    }, 1e3);
+    return () => clearInterval(m);
+  }, [s, d, i, n, r, t]);
+}, Br = ({ content: n, pages: s, required: d }) => {
+  const { buttonText: r, skipButtonText: t, taskDetail: i } = n;
+  return Ee(s), e("div", { className: "ul-task-page", children: [i && e(nr, { richTextBody: i }), e("div", { className: qe, children: [e(re, { onClick: Be.bind(null, { pages: s }), children: r }), e(Le, { required: d, skipButtonText: t })] })] }, "start-task");
+}, Er = ({ content: n, pages: s, properties: d }) => {
+  const { buttonText: r, skipButtonText: t } = n;
+  return Ee(s), e("div", { className: "ul-task-page", children: [n.taskDetail && e(nr, { richTextBody: n.taskDetail }), e(ve, { properties: d, children: e("div", { className: qe, children: [e(re, { className: "ul-complete-task-button", onClick: Qe.bind(null, { status: "completed" }), children: r }), e(re, { className: V("ul-button-inactive"), onClick: Qe.bind(null, { status: "given.up" }), children: t })] }) })] }, "complete-task");
+}, Ur = ({ content: n, pages: s, required: d }) => {
+  const { buttonText: r, skipButtonText: t } = n, [i] = X((u) => [u.tabTitle]), [m, h] = J(!1);
+  return e("div", { children: [e("div", { className: tr, children: [e("p", { style: { marginTop: "auto" }, children: n.selectTabText }), e("div", { className: "ul-select-tab-container", children: e("p", { className: rr, children: i }) })] }), e("div", { className: d ? "" : qe, children: [e(re, { disabled: m, onClick: Be.bind(null, { pages: s, setIsRequestingPermission: h }), children: r }), e(Le, { required: d, skipButtonText: t })] })] });
+}, $r = ({ content: n }) => e(we, { className: V(er, "ul_permission_svg_container", "ul_recorded-task-inset-spacing", "ul-center-horizontally"), html: n.svg }, "ul-permission-request-graphic"), Ar = ({ content: n, pages: s, required: d }) => {
+  const { permissionDeniedHeadline: r, permissionDeniedBody: t, skipButtonText: i, tryAgainButtonText: m } = n, h = _e(s[0]) ? s[0] : null;
+  return ee(() => {
+    const u = setInterval(() => {
+      h !== null && Fe({ currentPage: h, pages: s });
+    }, 1e3);
+    return () => clearInterval(u);
+  }, [h, s]), h ? e("div", { children: [e("div", { className: tr, children: e("p", { className: "ul-av-permission-denied-paragraph", children: [e("span", { className: "ul-av-permission-denied-headline", children: r }), e("span", { className: rr, children: t })] }) }), e("div", { className: qe, children: [e(re, { onClick: Fe.bind(null, { currentPage: h, pages: s }), children: m }), e(Le, { required: d, skipButtonText: i })] })] }) : null;
+}, Or = ({ stream: n }) => e("video", { autoPlay: !0, className: V("ul_recorded-task-inset-spacing"), id: "ul-record-task-video-preview", muted: !0, ref: (s) => {
+  s && (s.srcObject = n || null);
+} }), Hr = ({ content: n, pages: s, required: d }) => {
+  const { skipButtonText: r } = n, { avStream: t } = ge.getState();
+  return Ee(s), e("div", { children: [e(Or, { stream: t }), e("div", { className: "ul-vertical-button-container-center", children: [e(re, { onClick: Be.bind(null, { pages: s }), children: n.buttonText }), e(Le, { bottom: !0, required: d, skipButtonText: r })] })] });
+}, Vr = ({ properties: n }) => {
+  const { pages: s, required: d } = n, { avStream: r, currentPage: t } = ge.getState();
+  if (t === void 0) return null;
+  switch (t == null ? void 0 : t.type) {
+    case "av_permission": {
+      const i = Je(r, t);
+      return i === De ? e($r, { content: t }) : e(i === Ke ? Ar : Hr, { content: t, pages: s, required: d });
+    }
+    case "screen_permission":
+      return e(Ur, { content: t, pages: s, required: d });
+    case "start_task":
+      return e(Br, { content: t, pages: s, required: d });
+    case "complete_task":
+      return e(Er, { content: t, pages: s, properties: n });
+    default:
+      return null;
+  }
+}, jr = ({ className: n, properties: s, next: d, questionId: r }) => {
+  const t = X(), { surveyId: i, responseGroupUid: m, userId: h, update: u } = t, b = ge(), { screenPermissionRequested: a } = b, g = ge((o) => o.avStream);
+  let p = ge((o) => o.currentPage);
+  p || (p = function({ pages: o, userId: w, responseGroupUid: I, surveyId: L, questionId: M, next: P }) {
+    const { updatePage: N } = ge.getState(), { eventEmitFn: R, recorderEventEmitter: j } = X.getState(), S = { questionId: M, surveyId: L, visitorId: w, responseGroupUid: I };
+    let E = 0;
+    j.emit("recorded.task.permission.screen"), R("recorded.task.permission.screen"), j.emit("permission.status", { "permission.status.callback": ($, x, B, _) => {
+      const Z = o[E], { type: f } = Z, U = ["screen"];
+      if (_e(Z)) {
+        const { permissionDescriptors: D } = Z, K = D == null ? void 0 : D.includes("microphone"), z = D == null ? void 0 : D.includes("camera");
+        K && U.push("audio"), z && U.push("video"), ($ != null && $.active && !z || $ != null && $.active && x) && E++;
+      }
+      $e(o[E]) && B && (E++, j.emit("begin.recording", { "recording.media.types": U, "start.recording.callback": (D) => N({ mediaRecordingUids: D }) })), N({ currentPage: o[E], avStream: $, screenPermissionRequested: B, nextQuestion: P, type: f, passthroughData: S, recordingMediaTypes: U, captureStream: _ });
+    } });
+    const q = o[E];
+    return q.type === "av_permission" && Fe({ currentPage: q, pages: o }), q;
+  }({ questionId: r, surveyId: i, next: (o) => {
+    d(o, !0);
+  }, pages: s.pages, responseGroupUid: m, userId: h }));
+  let k = p.headline, c = p.captionText;
+  const y = Je(g, p);
+  return $e(p) && a && (k = p.permissionDeniedHeadline, c = p.permissionDeniedCaptionText), _e(p) && y === Xe && (k = p.permissionGrantedHeadline, c = p.permissionGrantedCaptionText), ee(() => {
+    u();
+  }, [u]), e("div", { className: V(n, "ul-center-horizontally", "fade-in-transition"), children: [e(le, { isRequired: s == null ? void 0 : s.required, message: k, properties: { captionText: c } }), e(ue, { children: e(Vr, { properties: s }) })] });
+}, zr = ({ richTextBody: n, plaintextBody: s }) => n ? e(we, { className: "ul-rich-text-body", html: n, id: "ul-card__text-url-body-container" }) : s ? e("div", { className: "ul-rich-text-body", id: "ul-card__text-url-body-container", children: (s ? s.split(/\n\s*\n/g) : []).map((d, r) => e("p", { children: d }, r)) }) : null, Wr = ({ className: n, message: s, next: d, properties: r, questionId: t, type: i }) => {
+  const { visitorAttributes: m, isLongFormSurvey: h, useNewSurveyUI: u } = X((p) => {
+    var k;
+    return { visitorAttributes: p.visitorAttributes, isLongFormSurvey: ae(p.studyType), useNewSurveyUI: !!((k = p.experimentFlags) != null && k["sdk-new-survey-ui"]) };
+  }), b = (p, k = !1) => {
+    d({ value: k ? { skipped: !0 } : void 0, questionId: t, type: i }, !0);
+  }, a = wr(r && r.buttonUrl, m), g = !u && h && r.promptActionType === dr.NO_BUTTON;
+  return e("div", { className: V(n, "ul-card__text-url-prompt", "fade-in-transition"), children: [e(le, { isRequired: h && (r == null ? void 0 : r.required), message: s, properties: { image: r.image, questionHtml: r.questionHtml, captionHtml: u ? r.richTextBody : void 0, captionText: u ? r.body : void 0 } }), !u && e(ue, { children: e(zr, { plaintextBody: r == null ? void 0 : r.body, richTextBody: r == null ? void 0 : r.richTextBody }) }), e(ve, { properties: r, children: !g && e(he, { children: e("div", { className: "ul-card-button-group", children: [e("a", { className: "ul-card-text__button ul-card__text-url-prompt-button", href: a, id: "ul-card-text__button", onClick: b, onKeyPress: (p) => {
+    p.key !== "Enter" && p.key !== " " || d({ value: void 0, questionId: t, type: i }, !0);
+  }, rel: "noreferrer", role: a ? "link" : "button", tabIndex: 0, target: "_blank", children: Se(r) }), r.required === !1 && e("button", { className: "ul-card-skip__button", onClick: (p) => b(0, !0), children: je(r) })] }) }) })] }, t);
+}, Zr = ({ className: n, questionId: s }) => {
+  const { border: d, destroy: r, endCard: t, forceBrandedLogo: i, quotaEndcardText: m, update: h } = X((g) => ({ border: g.border, destroy: g.destroy, endCard: g.endCard, forceBrandedLogo: g.forceBrandedLogo, quotaEndcardText: g.quotaEndcardText, update: g.update }));
+  ee(() => {
+    setTimeout(() => {
+      r(Sr);
+    }, i ? 4e3 : 2e3);
+  }, [r, i]);
+  const u = (m == null ? void 0 : m.subheader) ?? (t == null ? void 0 : t.subheader), b = u ? e("p", { className: "ul-caption", children: u }) : null, a = (m == null ? void 0 : m.headline) ?? (t == null ? void 0 : t.headline) ?? "";
+  return ee(() => {
+    h();
+  }, [h]), e("div", { className: V(n, "ul-card--thanks", "fade-in-transition"), children: e("div", { children: e("div", { className: "ul-card--thanks-content", children: [e("div", { className: "ul-thanks-check", children: e("svg", { "aria-labelledby": "title", fill: "none", height: "99", viewBox: "0 0 81 99", width: "81", xmlns: "http://www.w3.org/2000/svg", children: [e("path", { clipRule: "evenodd", d: "M40.5 77C60.9345 77 77.5 60.4345 77.5 40C77.5 19.5655 60.9345 3 40.5 3C20.0655 3 3.5 19.5655 3.5 40C3.5 60.4345 20.0655 77 40.5 77ZM80.5 40C80.5 62.0914 62.5914 80 40.5 80C18.4086 80 0.5 62.0914 0.5 40C0.5 17.9086 18.4086 0 40.5 0C62.5914 0 80.5 17.9086 80.5 40Z", fill: d, fillRule: "evenodd" }), e("path", { clipRule: "evenodd", d: "M55.025 22.9046C55.6299 23.4705 55.6616 24.4198 55.0956 25.0247C54.8724 25.2634 54.6109 25.5285 54.3157 25.8277C52.2547 27.9168 48.5549 31.667 44.8135 39.6658C43.2818 42.9406 42.0864 45.8386 41.0823 48.2729C40.6539 49.3116 40.2603 50.2659 39.8902 51.129C39.287 52.5359 38.7248 53.7508 38.1744 54.625C37.8997 55.0613 37.5806 55.4905 37.2017 55.8245C36.8201 56.1607 36.2613 56.5 35.5457 56.5C34.6742 56.5 34.0892 55.9692 33.7774 55.6083C33.4502 55.2296 33.1752 54.7511 32.9396 54.301C32.7305 53.9013 32.5088 53.4367 32.2797 52.9565C32.2429 52.8794 32.2059 52.8019 32.1688 52.7243C31.8942 52.1499 31.5959 51.534 31.2537 50.8868C29.8886 48.305 27.8539 45.2878 24.2343 43.1382C23.522 42.7152 23.2875 41.7949 23.7105 41.0826C24.1335 40.3703 25.0539 40.1358 25.7662 40.5588C30.0556 43.1062 32.4149 46.6647 33.9058 49.4845C34.2776 50.1876 34.5973 50.8487 34.8753 51.4302C34.9147 51.5124 34.9529 51.5926 34.9902 51.6707C35.2222 52.1567 35.4164 52.5637 35.5978 52.9102C35.6151 52.9434 35.6321 52.9754 35.6485 53.0061C36.0565 52.3531 36.5341 51.3434 37.133 49.9468C37.4781 49.1418 37.8572 48.2229 38.2761 47.2074C39.2886 44.7532 40.5339 41.7347 42.0961 38.3948C46.0591 29.9221 50.0641 25.8648 52.1535 23.7482C52.4423 23.4556 52.6944 23.2002 52.9048 22.9753C53.4708 22.3703 54.42 22.3387 55.025 22.9046ZM35.1994 53.5892C35.1994 53.5892 35.2 53.5888 35.2012 53.5879C35.2 53.5889 35.1994 53.5893 35.1994 53.5892ZM36.0666 53.6682C36.0732 53.674 36.0765 53.6775 36.0765 53.6777C36.0765 53.678 36.0732 53.6751 36.0666 53.6682Z", fill: d, fillRule: "evenodd" }), e("path", { d: "M69.5 97C69.5 98.1046 56.2924 99 40 99C23.7076 99 10.5 98.1046 10.5 97C10.5 95.8954 23.7076 95 40 95C56.2924 95 69.5 95.8954 69.5 97Z", fill: "black", fillOpacity: "0.2" })] }) }), e(le, { message: a }), b] }) }) }, s);
+}, Gr = ({ className: n }) => {
+  const { uploadProgress: s } = X((i) => ({ uploadProgress: i.uploadProgress }));
+  let d, r;
+  Object.values(s).filter((i) => i.isSubmitted).length > 1 ? (d = "Your responses are processing", r = "Please keep this tab open until your responses are fully processed.") : (d = "Your response is processing", r = "Please keep this tab open until your response is fully processed.");
+  const t = Math.round(Math.min(99, ...Object.values(s).filter((i) => i.isSubmitted).map((i) => i.progressPct || 0)));
+  return e("div", { className: V(n, "ul-card--uploading", "fade-in-transition"), children: [e("div", { "aria-busy": "true", "aria-label": "Processing...", "aria-live": "polite", className: "ul-loading-spinner-container", role: "progressbar", children: e("div", { className: "ul-loading-spinner", children: [e("div", { className: "first" }), e("div", { className: "second" }), e("div", { className: "third" }), e("div", { className: "fourth" })] }) }), e(le, { message: `${d} (${t}% complete)` }), e("p", { className: "ul-caption", children: r })] });
+}, sr = cr(void 0), Yr = ({ value: n, children: s }) => e(sr.Provider, { value: n, children: s }), Kr = ({ isRightLabel: n, isLeftLabel: s }) => n ? ce.RIGHT : s ? ce.LEFT : null, Xr = "Best", Jr = "Worst", et = ({ enableCspTrustedTypes: n, ariaPressed: s, className: d, html: r, id: t, onClick: i }) => {
+  const m = ye(() => Ge(r, n), [n, r]);
+  return e("span", { "aria-pressed": s, className: d, dangerouslySetInnerHTML: { __html: m }, id: t, onClick: i, tabIndex: 0, type: "button" });
+}, Oe = ({ border: n, choice: s, choiceStyle: d, enableCspTrustedTypes: r, id: t, isSelected: i, label: m, onSelect: h, smileySvg: u, useMobileStyling: b }) => {
+  const a = s === ce.LEFT, g = a ? "good" : "bad";
+  return e("div", { className: "ul-card-maxdiff__option-control " + (u ? "smiley" : ""), children: u ? e(et, { ariaPressed: i, className: i ? `ul-card-maxdiff__option-btn ul-card-maxdiff__option-selected ${g}` : "ul-card-maxdiff__option-btn", enableCspTrustedTypes: r, html: u, id: `smiley-${g}-${t}`, onClick: h }) : e(Te, { allowTextEntry: !1, ariaLabel: `${a ? "best" : "worst"}Label-${m}`, border: n, choiceStyle: d, error: !1, id: `${t}`, isRadio: !0, isSelected: i, onUserInputChanged: h, useMobileStyling: b }) });
+}, rt = ({ id: n, label: s, isLeftLabel: d, isRightLabel: r, useNewSurveyUI: t, border: i, choiceStyle: m, enableCspTrustedTypes: h, goodSmileySvg: u, badSmileySvg: b, handleSelect: a, useMobileStyling: g }) => {
+  const p = { border: i, choiceStyle: m, enableCspTrustedTypes: h, id: n, label: s, useMobileStyling: g }, k = e(fe, { children: [e(Oe, { ...p, choice: ce.LEFT, isSelected: d, onSelect: a(n, ce.LEFT), smileySvg: u }), e("div", { className: "ul-card-maxdiff__option-label", children: s }), e(Oe, { ...p, choice: ce.RIGHT, isSelected: r, onSelect: a(n, ce.RIGHT), smileySvg: b })] });
+  return t ? e("div", { className: "ul-card-maxdiff__option-row", children: k }) : k;
+}, tt = ({ className: n, labels: s, message: d, properties: r, options: t, questionId: i, type: m, next: h }) => {
+  var R, j, S, E;
+  const [u, b] = J(t.map((q, $) => ({ ...q, label: q.label === "" ? `Item ${$ + 1}` : q.label, isRightLabel: !1, isLeftLabel: !1 }))), a = (() => {
+    const q = ur(sr);
+    if (q === void 0) throw new Error("usePreviousResponses must be used within a PreviousResponsesProvider");
+    return q;
+  })(), [g, p] = J(!1);
+  ee(() => {
+    const q = u.findIndex((D) => D.isRightLabel), $ = u.findIndex((D) => D.isLeftLabel), x = q !== -1 && $ !== -1;
+    p(x);
+    const B = !r.required || r.required && x, _ = u.map((D) => ({ id: D.id, option: D.label, selected: Kr(D) })), Z = Math.floor(i), f = Object.keys(a).filter((D) => D.startsWith(Z.toString())).map(Number).sort((D, K) => D - K).at(-1), U = [];
+    if (typeof f == "number") {
+      const D = a[f], K = JSON.parse(D);
+      U.push(...K);
+    }
+    U.push(_), setTimeout(() => {
+      h({ value: U, questionId: i, type: m }, B, x), p(!1);
+    }, x ? 500 : 0);
+  }, [u]);
+  const { border: k, useMobileStyling: c, enableCspTrustedTypes: y, useNewSurveyUI: o } = X((q) => {
+    var $;
+    return { border: q.border, useMobileStyling: q.useMobileStyling, enableCspTrustedTypes: q.enableCspTrustedTypes, useNewSurveyUI: !!(($ = q.experimentFlags) != null && $["sdk-new-survey-ui"]) };
+  }), w = o ? { padding: "0", display: "flex", cursor: "pointer", width: "auto" } : { padding: "24px", display: "flex", cursor: "pointer", width: "auto" }, I = (R = r.ratingIcons) == null ? void 0 : R[0].svg, L = (j = r.ratingIcons) == null ? void 0 : j[1].svg, M = (s == null ? void 0 : s.left) || ((S = r == null ? void 0 : r.labels) == null ? void 0 : S.left) || Xr, P = (s == null ? void 0 : s.right) || ((E = r == null ? void 0 : r.labels) == null ? void 0 : E.right) || Jr, N = { border: k, choiceStyle: w, enableCspTrustedTypes: y, goodSmileySvg: L, badSmileySvg: I, handleSelect: (q, $) => () => {
+    g || b((x) => ((B, _, Z) => B.map((f) => f.id === _ ? { ...f, isRightLabel: Z === ce.RIGHT, isLeftLabel: Z === ce.LEFT } : Z === ce.RIGHT && f.isRightLabel || Z === ce.LEFT && f.isLeftLabel ? { ...f, isRightLabel: !1, isLeftLabel: !1 } : f))(x, q, $));
+  }, useMobileStyling: c, useNewSurveyUI: o };
+  return e("form", { className: V(n, "ul-card-maxdiff", "fade-in-transition"), children: [e(le, { isRequired: r == null ? void 0 : r.required, message: d, properties: r }), e(ue, { children: e("div", { className: "ul-card--maxdiff__question-inner-container", children: [o ? e("div", { className: "ul-card-maxdiff__labels-row", children: [e("div", { className: "ul-card-maxdiff__label", children: M }), e("div", { className: "ul-card-maxdiff__label", children: P })] }) : e(fe, { children: [e("div", { className: "ul-card-maxdiff__label", children: M }), e("div", { children: " " }), e("div", { className: "ul-card-maxdiff__label", children: P })] }), u.map(({ id: q, label: $, isLeftLabel: x, isRightLabel: B }) => e(rt, { id: q, isLeftLabel: x, isRightLabel: B, label: $, ...N }, q))] }) })] }, i);
+}, nt = ({ className: n, labels: s, message: d, next: r, properties: t, questionId: i, type: m, onSubmitButtonClick: h, options: u, showIndividualSubmit: b = !1 }) => {
+  const a = ie(null), g = ie(0), p = ie(0), k = ie(null), c = ie(!1), y = ie([]), [o, w] = J(() => (t == null ? void 0 : t.required) === !0), [I, L] = J(!1), [M, P] = J(() => u.map((v) => ({ ...v, rank: null }))), N = ye(() => Array.from({ length: u.length }, (v, C) => C + 1), [u.length]), { isLongFormSurvey: R, focusedQuestionId: j, setFocusedQuestionId: S, useMobileStyling: E, isPreview: q, headers: $ } = X((v) => ({ useMobileStyling: v.useMobileStyling, isLongFormSurvey: ae(v.studyType), focusedQuestionId: v.focusedQuestionId, setFocusedQuestionId: v.setFocusedQuestionId, isPreview: v.isPreview, headers: v.headers })), x = ($ == null ? void 0 : $["userleap-platform"]) === "android", B = E && !q && !x, _ = !B && !x, Z = R && j === i, f = (v) => {
+    v.preventDefault(), ne(M), h && h(I);
+  }, U = (v, C) => {
+    P((O) => {
+      const Q = parseInt(C), G = O.map((Y) => ({ ...Y }));
+      G.some((Y) => Y.rank == null) && G.forEach((Y, de) => Y.rank = de + 1);
+      const te = G.findIndex((Y) => Y.id === v);
+      if (te === -1) return O;
+      const W = G[te].rank;
+      return Q < W ? G.forEach((Y) => {
+        Y.id !== v && Y.rank >= Q && Y.rank < W && (Y.rank = Y.rank + 1);
+      }) : Q > W && G.forEach((Y) => {
+        Y.id !== v && Y.rank > W && Y.rank <= Q && (Y.rank = Y.rank - 1);
+      }), G[te].rank = Q, G.sort((Y, de) => Y.rank - de.rank), me(G), G;
+    });
+  }, D = (v, C) => {
+    for (let O = 0; O < y.current.length; O++) {
+      const Q = y.current[O];
+      if (!Q || Q === k.current) continue;
+      const G = Q.getBoundingClientRect();
+      if (v >= G.left && v <= G.right && C >= G.top && C <= G.bottom) return { element: Q, index: O };
+    }
+    return null;
+  }, K = (v) => (C) => {
+    if (!B) return;
+    C.preventDefault(), C.stopPropagation(), c.current = !0, a.current = v;
+    const O = C.touches[0];
+    g.current = O.clientY, p.current = O.clientY;
+    const Q = C.currentTarget.closest(".ul-card-rank__option");
+    Q && (k.current = Q, Q.classList.add("is-dragging"));
+  }, z = (v) => {
+    if (!B || !c.current || a.current === null) return;
+    v.preventDefault(), v.stopPropagation();
+    const C = v.touches[0];
+    p.current = C.clientY;
+    const O = p.current - g.current;
+    k.current && (k.current.style.transform = `translateY(${O}px)`, k.current.style.zIndex = "1000"), y.current.forEach((G) => {
+      G && G !== k.current && G.classList.remove("is-drop-target");
+    });
+    const Q = D(C.clientX, C.clientY);
+    Q && Q.element.classList.add("is-drop-target");
+  }, pe = (v) => {
+    if (!B || !c.current || a.current === null) return;
+    v.preventDefault(), v.stopPropagation();
+    const C = v.changedTouches[0], O = D(C.clientX, C.clientY);
+    k.current && (k.current.style.transform = "", k.current.style.zIndex = "", k.current.classList.remove("is-dragging")), y.current.forEach((Q) => {
+      Q && Q.classList.remove("is-drop-target");
+    }), O && O.index !== a.current && oe(a.current, O.index), a.current = null, k.current = null, c.current = !1;
+  }, oe = (v, C) => {
+    P((O) => {
+      const Q = O.map((te) => ({ ...te })), [G] = Q.splice(v, 1);
+      return Q.splice(C, 0, G), Q.forEach((te, W) => {
+        te.rank = W + 1;
+      }), me(Q), Q;
+    });
+  }, ne = (v) => {
+    const C = {};
+    v.reduce((O, Q) => (O[Q.id] = Q.rank, O), C), r({ value: C, questionId: i, type: m }, !0);
+  }, me = (v) => {
+    w(!1), L(!0), R && ne(v);
+  }, { left: be, right: l } = s, T = u.length, F = (v) => {
+    v.preventDefault(), v.currentTarget.classList.add("is-drop-target");
+  }, H = (v) => {
+    v.currentTarget.classList.remove("is-drop-target");
+  }, A = (v) => {
+    a.current = null, v.currentTarget.classList.remove("is-dragging");
+  };
+  return e("form", { className: V(n, "ul-card-rank", "fade-in-transition", R && !Z && "ul-card--unfocused"), onClick: R && !Z ? () => {
+    S(i);
+  } : void 0, onSubmit: f, children: [e(le, { isRequired: t == null ? void 0 : t.required, message: d, properties: t }), e(ve, { properties: t, children: e(fe, x ? { children: [e(ue, { children: [e("div", { className: "ul-card--rank__question-inner-container", children: [e("div", { className: "ul-card-rank__labels", children: e("span", { children: ["1 - ", be] }) }), e("ol", { className: "ul-card-rank__list", children: M.map(({ id: v, label: C, rank: O }) => e("li", { className: "ul-card-rank__option", children: [e("select", { "aria-label": `Rank for ${C}`, className: V("ul-card-rank__select", O == null && "ul-card-rank__select--placeholder"), name: `rank[${v}]`, onChange: (Q) => U(v, Q.currentTarget.value), value: O ?? "", children: [O == null && e("option", { className: "ul-card-rank__select-option", disabled: !0, value: "", children: "-" }), N.map((Q) => e("option", { className: "ul-card-rank__select-option", value: Q, children: Q }, `${Q}-${i}`))] }), e("span", { children: C })] }, v)) }), e("div", { className: "ul-card-rank__labels", children: e("span", { children: [T, " - ", l] }) })] }), b && e(ke, { handleSubmit: f, isSubmitDisabled: o })] }), !R && e(he, { children: e("div", { className: "ul-card__button-wrapper", children: e(re, { disabled: o, children: Se(t) }) }) })] } : { children: [e(ue, { children: [e("div", { className: "ul-card--rank__question-inner-container", children: [e("div", { className: "ul-card-rank__labels", children: e("span", { children: ["1 - ", be] }) }), e("ol", { className: "ul-card-rank__list", onDragOver: x ? void 0 : (v) => {
+    v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "move");
+  }, children: M.map(({ id: v, label: C, rank: O }, Q) => {
+    return e("li", { className: "ul-card-rank__option", draggable: !!_ || void 0, onDragEnd: _ ? A : void 0, onDragEnter: _ ? F : void 0, onDragLeave: _ ? H : void 0, onDragStart: _ ? (te = Q, (W) => {
+      a.current = te, W.dataTransfer && (W.dataTransfer.effectAllowed = "move", W.dataTransfer.setData("text/plain", String(te)), W.currentTarget.classList.add("is-dragging"));
+    }) : void 0, onDrop: _ ? (G = Q, (W) => {
+      var de, Ie;
+      W.preventDefault(), W.currentTarget.classList.remove("is-drop-target");
+      const Y = a.current;
+      a.current = null, (Ie = (de = W.currentTarget.closest(".ul-card-rank__list")) == null ? void 0 : de.querySelector(".is-dragging")) == null || Ie.classList.remove("is-dragging"), Y != null && Y !== G && oe(Y, G);
+    }) : void 0, ref: (W) => y.current[Q] = W, children: [e("select", { "aria-label": `Rank for ${C}`, className: V("ul-card-rank__select", O == null && "ul-card-rank__select--placeholder"), name: `rank[${v}]`, onChange: (W) => U(v, W.currentTarget.value), value: O ?? "", children: [O == null && e("option", { className: "ul-card-rank__select-option", disabled: !0, value: "", children: "-" }), N.map((W) => e("option", { className: "ul-card-rank__select-option", value: W, children: W }, `${W}-${i}`))] }), e("span", { children: C }), !x && e("button", { "aria-label": `Drag ${C} to reorder`, className: "ul-card-rank__drag-btn", onTouchEnd: B ? pe : void 0, onTouchMove: B ? z : void 0, onTouchStart: B ? K(Q) : void 0, title: "Drag to reorder", type: "button", children: e("svg", { fill: "none", height: "17", viewBox: "0 0 16 17", width: "16", xmlns: "http://www.w3.org/2000/svg", children: e("path", { d: "M5.75 11.625C6.37132 11.625 6.875 12.1287 6.875 12.75C6.875 13.3713 6.37132 13.875 5.75 13.875C5.12868 13.875 4.625 13.3713 4.625 12.75C4.625 12.1287 5.12868 11.625 5.75 11.625ZM10.25 11.625C10.8713 11.625 11.375 12.1287 11.375 12.75C11.375 13.3713 10.8713 13.875 10.25 13.875C9.62868 13.875 9.125 13.3713 9.125 12.75C9.125 12.1287 9.62868 11.625 10.25 11.625ZM5.75 7.375C6.37132 7.375 6.875 7.87868 6.875 8.5C6.875 9.12132 6.37132 9.625 5.75 9.625C5.12868 9.625 4.625 9.12132 4.625 8.5C4.625 7.87868 5.12868 7.375 5.75 7.375ZM10.25 7.375C10.8713 7.375 11.375 7.87868 11.375 8.5C11.375 9.12132 10.8713 9.625 10.25 9.625C9.62868 9.625 9.125 9.12132 9.125 8.5C9.125 7.87868 9.62868 7.375 10.25 7.375ZM5.75 3.125C6.37132 3.125 6.875 3.62868 6.875 4.25C6.875 4.87132 6.37132 5.375 5.75 5.375C5.12868 5.375 4.625 4.87132 4.625 4.25C4.625 3.62868 5.12868 3.125 5.75 3.125ZM10.25 3.125C10.8713 3.125 11.375 3.62868 11.375 4.25C11.375 4.87132 10.8713 5.375 10.25 5.375C9.62868 5.375 9.125 4.87132 9.125 4.25C9.125 3.62868 9.62868 3.125 10.25 3.125Z", fill: "currentColor" }) }) })] }, v);
+    var G, te;
+  }) }), e("div", { className: "ul-card-rank__labels", children: e("span", { children: [T, " - ", l] }) })] }), b && e(ke, { handleSubmit: f, isSubmitDisabled: o })] }), !R && e(he, { children: e("div", { className: "ul-card__button-wrapper", children: e(re, { disabled: o, children: Se(t) }) }) })] }) })] }, i);
+}, st = /* @__PURE__ */ new Set(["consentlegal", "texturlprompt", "thanks", "videovoice"]), it = /* @__PURE__ */ new Set(["aidynamicfollowup", "aidynamicstandalone", "open", "matrix", "multipleselect", "multiplechoice", "rankorder"]), He = ({ cardInstance: n, moveToNextQuestion: s, showIndividualSubmit: d, submitQuestion: r, updateCardValues: t, allResponsesArray: i, onNavClick: m, isNavDisabled: h, isLastCard: u }) => {
+  const { isLongFormSurvey: b, createDynamicFollowupQuestion: a, cards: g, surveyVisitorAttributes: p, useNewSurveyUI: k } = X((N) => {
+    var R;
+    return { isLongFormSurvey: ae(N.studyType), createDynamicFollowupQuestion: N.createDynamicFollowupQuestion, cards: N.cards, surveyVisitorAttributes: N.surveyVisitorAttributes, useNewSurveyUI: !!((R = N.experimentFlags) != null && R["sdk-new-survey-ui"]) };
+  });
+  if (!n) return null;
+  const { name: c, type: y, props: o, childId: w } = n, I = d && it.has(y), L = o == null ? void 0 : o.displayLogic;
+  if (L != null && L.length && !ze({ displayLogic: L, allResponses: i, cards: g, surveyVisitorAttributes: p ?? {} })) return null;
+  const M = { className: "ul-card", next: (N, R, j = !0) => r(N, R && j), questionId: c, type: y, showIndividualSubmit: d, ...I ? { next: (N, R) => {
+    t(N.questionId, N, R ?? !0);
+  }, onSubmitButtonClick: (N = !1) => {
+    w ? N ? (s(c), a({ parentQuestionId: c })) : s(w) : s(c);
+  } } : {} }, P = (() => {
+    switch (y) {
+      case "consentlegal":
+        return e(Ir, { ...M, ...o });
+      case "likert":
+        return e(Cr, { ...M, ...o });
+      case "matrix":
+        return e(Mr, { ...M, ...o });
+      case "maxdiff":
+        return e(tt, { ...M, ...o });
+      case "multiplechoice":
+        return e(Rr, { ...M, ...o });
+      case "multipleselect":
+        return e(Dr, { ...M, ...o });
+      case "nps":
+        return e(Fr, { ...M, ...o });
+      case "open":
+      case "aidynamicfollowup":
+      case "aidynamicstandalone":
+        return e(Qr, { ...M, type: n.type, ...o });
+      case "rankorder":
+        return e(nt, { ...M, ...o });
+      case "recordedtask":
+        return e(jr, { ...M, ...o });
+      case "texturlprompt":
+        return e(Wr, { ...M, ...o });
+      case "thanks":
+        return e(Zr, { ...M, ...o });
+      case "uploading":
+        return e(Gr, { ...M, ...o });
+      default:
+        return null;
+    }
+  })();
+  return P ? b ? e("div", { className: "ul-card-scroll-wrapper", children: [P, k && u && !st.has(y) && e("div", { className: "ul-lfs-nav-button-wrapper", children: e(re, { className: V("long-form-button", h && "sprig-button-disabled"), disabled: h, onClick: m, children: e("span", { className: "long-form-button-text-container", children: e(We, { stroke: "white" }) }) }) })] }, c) : P : null;
+}, at = ({ isSubmitDisabled: n = !1, onSubmit: s, buttonText: d }) => {
+  var y;
+  const { cards: r, forceBrandedLogo: t, index: i, marketingUrl: m, showSurveyBrand: h, slugName: u, surveyId: b, useMobileStyling: a, useNewSurveyUI: g } = X((o) => {
+    var w;
+    return { cards: o.cards, forceBrandedLogo: o.forceBrandedLogo, index: o.index, marketingUrl: o.marketingUrl, showSurveyBrand: o.showSurveyBrand, slugName: o.slugName, surveyId: o.surveyId, useMobileStyling: o.useMobileStyling, useNewSurveyUI: !!((w = o.experimentFlags) != null && w["sdk-new-survey-ui"]) };
+  }), p = ((y = r[i]) == null ? void 0 : y.type) === "thanks", k = !g && !p, c = gr({ marketingUrl: m, slugName: u, surveyId: b, forceBrandedLogo: t });
+  return e("footer", { className: V("long-form-question-footer-container", a && "long-form-question-footer-container--mobile", p && "long-form-question-footer-container-center"), children: [p && t ? e(pr, { marketingUrlLink: c }) : e("div", { className: "long-form-question-footer-container-logo", children: h && e(mr, { forceBrandedLogo: t, marketingUrlLink: c }) }), k && e("div", { className: V("ul-card__button-wrapper", "ul-card-vertical__button-wrapper", "long-form-question-footer-container-actions"), children: e(re, { className: V("long-form-button", n && "sprig-button-disabled"), disabled: n, onClick: s, children: e("span", { className: "long-form-button-text-container", children: d ?? e(We, { stroke: "white" }) }) }) })] });
+}, lt = /* @__PURE__ */ new Set(["thanks", "uploading"]), Ve = "Questions with Display Logic do not show in side-by-side previews.", ut = ({ cards: n, next: s, previousResponses: d }) => {
+  var me, be;
+  const r = ie(null), [t, i] = J({}), [m, h] = J({}), { isLongFormSurvey: u, focusedQuestionId: b, setFocusedQuestionId: a, createDynamicFollowupQuestion: g, allResponses: p, cardIndexByName: k, surveyVisitorAttributes: c, cards: y, createDynamicStandaloneQuestion: o, isPreview: w, update: I, useNewSurveyUI: L } = X((l) => {
+    var T;
+    return { isLongFormSurvey: ae(l.studyType), focusedQuestionId: l.focusedQuestionId, setFocusedQuestionId: l.setFocusedQuestionId, createDynamicFollowupQuestion: l.createDynamicFollowupQuestion, allResponses: l.allResponses, cardIndexByName: l.cardIndexByName, surveyVisitorAttributes: l.surveyVisitorAttributes, cards: l.cards, createDynamicStandaloneQuestion: l.createDynamicStandaloneQuestion, isPreview: l.isPreview, update: l.update, useNewSurveyUI: !!((T = l.experimentFlags) != null && T["sdk-new-survey-ui"]) };
+  }), M = ye(() => ({ ...d, ...hr(n.map((l) => {
+    var T, F;
+    return { ...l, value: ((T = t[l.name]) == null ? void 0 : T.value) ?? null, secondaryValue: ((F = t[l.name]) == null ? void 0 : F.secondaryValue) ?? null };
+  })) }), [d, t, n]);
+  Tr(M);
+  const P = vr(n, M), N = ye(() => br({ storeAllResponses: p, cards: n, cardValues: t, cardIndexByName: k }), [p, n, t, k]), R = ye(() => {
+    const l = /* @__PURE__ */ new Set();
+    return n.forEach((T) => {
+      var H;
+      const F = (H = T.props) == null ? void 0 : H.displayLogic;
+      if (!F || F.length === 0) return void l.add(T.name);
+      ze({ displayLogic: F, allResponses: N, cards: y, surveyVisitorAttributes: c ?? {} }) && l.add(T.name);
+    }), l;
+  }, [n, N, c, y]), j = (({ isPreview: l, cards: T, displayedCardNames: F }) => {
+    var v;
+    if (!l || F.size > 0) return !1;
+    const H = T.filter((C) => !lt.has(C.type));
+    if (H.length !== 1) return !1;
+    const A = (v = H[0].props) == null ? void 0 : v.displayLogic;
+    return !!(A != null && A.length);
+  })({ isPreview: !!w, cards: n, displayedCardNames: R });
+  ee(() => {
+    j && requestAnimationFrame(() => {
+      I();
+    });
+  }, [j, I]), ee(() => {
+    n.some((l) => {
+      if (l.type === "aidynamicstandalone" && l.props && R.has(l.name)) {
+        if (l.props.loading === Re.inFlight) return !0;
+        if (l.props.loading === void 0) return o({ questionId: l.name }), !0;
+      }
+      return !1;
+    });
+  }, [n, o, R]);
+  const S = ie(null);
+  ee(() => {
+    const l = R, T = S.current;
+    if (T !== null) for (const F of T) l.has(F) || (i((H) => {
+      const A = { ...H };
+      return delete A[F], A;
+    }), h((H) => {
+      const A = { ...H };
+      return delete A[F], A;
+    }));
+    S.current = new Set(l);
+  }, [R]);
+  const E = ie(null), q = ie(!1), $ = ie(null), x = Ce((l) => {
+    var A, v;
+    q.current = !0;
+    const T = n.findIndex((C) => C.name === l);
+    if (!u || l === null || T === -1) return void (q.current = !1);
+    const F = (A = E.current) == null ? void 0 : A.querySelectorAll(".ul-card-scroll-wrapper")[T], H = (v = E.current) == null ? void 0 : v.closest(".ul-card-main-content");
+    if (F && H) {
+      if (F && H) {
+        const C = F.getBoundingClientRect(), O = H.getBoundingClientRect(), Q = C.top - O.top + H.scrollTop, G = Q + C.height / 2, te = window.innerHeight - 157;
+        let W;
+        C.height >= te ? W = Q : W = G - H.clientHeight / 2;
+        const Y = H.clientHeight, de = H.scrollHeight - Y, Ie = Math.max(0, Math.min(W, de));
+        H.scrollTo({ top: Ie, behavior: "smooth" }), setTimeout(() => {
+          q.current = !1;
+        }, 500);
+      }
+    } else q.current = !1;
+  }, [u, n]);
+  function B() {
+    const l = _(n, t);
+    if ((P == null ? void 0 : P.length) === 1 && (l == null ? void 0 : l.length) === 1) {
+      const T = P[0], F = l[0];
+      Pe({ displayCard: T, response: F, createDynamicFollowupQuestion: g });
+    }
+    s(l);
+  }
+  function _(l, T) {
+    return l.filter((F) => R.has(F.name)).map((F) => {
+      const H = T[F.name], A = P.find((v) => v.name === F.name);
+      return { ...H, questionText: A ? Ue(A) : void 0 };
+    });
+  }
+  ee(() => {
+    b !== null && n.findIndex((l) => l.name === b) !== -1 || a(n[0].name);
+  }, [n, b, a]);
+  const Z = (l) => {
+    if (!u) return;
+    let T = n.findIndex((F) => F.name === l) + 1;
+    for (; T < n.length && !R.has(n[T].name); ) T++;
+    T < n.length ? a(n[T].name) : a(l);
+  };
+  ee(() => {
+    u && b !== null && ($.current !== b ? x(b) : $.current = null);
+  }, [b, u, x]);
+  const f = Ce(() => {
+    var O, Q;
+    if (q.current) return;
+    const l = (O = E.current) == null ? void 0 : O.closest(".ul-card-main-content");
+    if (!l) return;
+    const T = (Q = E.current) == null ? void 0 : Q.querySelectorAll(".ul-card-scroll-wrapper");
+    if (!T || T.length === 0) return;
+    const F = l.getBoundingClientRect(), H = F.top + F.height / 2;
+    let A = 0, v = 1 / 0;
+    T.forEach((G, te) => {
+      const W = G.getBoundingClientRect(), Y = W.top + W.height / 2, de = Math.abs(H - Y);
+      de < v && (v = de, A = te);
+    });
+    const C = n[A];
+    $.current = C.name, a(C.name);
+  }, [n, a]);
+  ee(() => {
+    var T;
+    if (!u) return;
+    const l = ((T = E.current) == null ? void 0 : T.closest(".ul-card__container")) || null;
+    return l && l.addEventListener("scroll", f, { passive: !0 }), () => {
+      l && l.removeEventListener("scroll", f);
+    };
+  }, [f, u]);
+  const U = ye(() => n.every((l) => {
+    var T;
+    return !R.has(l.name) || !(!(l != null && l.props) || !("properties" in l.props) || ((T = l.props.properties) == null ? void 0 : T.required) !== !1) || m[l.name];
+  }), [m, n, R]), D = async (l, T, F) => {
+    return h((A) => ({ ...A, [l]: F })), await (H = (A) => ({ ...A, [l]: T }), new Promise((A) => {
+      i((v) => {
+        const C = H(v);
+        return A(C), C;
+      });
+    }));
+    var H;
+  };
+  ee(() => {
+    var H;
+    if (!u) return;
+    const l = r.current, T = (H = n == null ? void 0 : n[0]) == null ? void 0 : H.groupId;
+    r.current = T;
+    const F = {};
+    if (n.forEach((A) => {
+      var v, C;
+      yr(A) && (A.props.properties.required || (F[A.name] = { value: ((v = t[A.name]) == null ? void 0 : v.value) ?? null, secondaryValue: ((C = t[A.name]) == null ? void 0 : C.secondaryValue) ?? null, questionId: A.name, type: A.type }));
+    }), l == null || l !== T) i(F), h({});
+    else {
+      i((v) => ({ ...v, ...F }));
+      const A = n.reduce((v, C) => {
+        var O;
+        return C.type === "aidynamicfollowup" && ((O = C.props) == null ? void 0 : O.loading) === null && (v[C.name] = !0), v;
+      }, {});
+      h((v) => ({ ...v, ...A }));
+    }
+  }, [n, u]);
+  const K = async (l, T) => {
+    const F = P.find((H) => H.name === l.questionId);
+    if (u) {
+      const H = await D(l.questionId, l, T), A = z(l.type), v = pe(l.type);
+      if (A && (F != null && F.groupId && Pe({ displayCard: F, response: l, createDynamicFollowupQuestion: g }), Z(l.questionId)), v && T) {
+        const C = _(n, H);
+        s(C);
+      }
+    } else {
+      const H = { ...l, questionText: F ? Ue(F) : void 0 };
+      Pe({ displayCard: F, response: l, createDynamicFollowupQuestion: g }), s([H]);
+    }
+  }, z = (l) => (/* @__PURE__ */ new Set(["nps", "likert", "multiplechoice"])).has(l), pe = (l) => (/* @__PURE__ */ new Set(["videovoice", "consentlegal", "texturlprompt", "maxdiff"])).has(l), oe = ((me = n[0]) == null ? void 0 : me.type) === "thanks", ne = (be = [...P].reverse().find((l) => R.has(l.name))) == null ? void 0 : be.name;
+  return u ? e("div", { className: "ul-card-list-container--longform", "data-testid": "ui-container", ref: E, children: j ? e("div", { className: "ul-display-logic-preview-message", "data-testid": "display-logic-preview-message", children: Ve }) : e(Yr, { value: d, children: [P.map((l, T) => {
+    const F = l.name === ne;
+    return e(He, { allResponsesArray: N, cardInstance: l, isLastCard: F, isNavDisabled: !U, moveToNextQuestion: Z, onNavClick: B, showIndividualSubmit: n.length > 1 && T < n.length - 1 && (!L || !!l.childId), submitQuestion: K, updateCardValues: D }, (l == null ? void 0 : l.name) || T);
+  }), !oe && e(at, { isSubmitDisabled: !U, onSubmit: B })] }) }) : e(fe, { children: [e("div", { "data-testid": "ui-container", style: { display: "none" } }), j ? e("div", { className: "ul-display-logic-preview-message", "data-testid": "display-logic-preview-message", children: Ve }) : P.map((l, T) => e(He, { allResponsesArray: N, cardInstance: l, moveToNextQuestion: Z, showIndividualSubmit: !1, submitQuestion: K, updateCardValues: D }, (l == null ? void 0 : l.name) || T))] });
+};
+export {
+  ut as PageCard
+};