@sprig-technologies/sprig-browser 2.40.1 → 2.40.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{conversational-ui-Qad4jSLB.js → conversational-ui-BYWN-x1R.js} +233 -233
- package/dist/{conversational-ui-DWOygt3h.cjs → conversational-ui-N_aaTzqd.cjs} +1 -1
- package/dist/{core-oShYwNGS.cjs → core-Br8FqGd4.cjs} +2 -2
- package/dist/{core-swSxd_ys.js → core-Cyu7gofl.js} +28 -28
- package/dist/core.cjs +1 -1
- package/dist/core.js +2 -2
- package/dist/{getAttributedUrl-DuHEi0A7.cjs → getAttributedUrl-CJJ96Ihj.cjs} +1 -1
- package/dist/{getAttributedUrl-C8OLV7E9.js → getAttributedUrl-C_5gL6aZ.js} +3 -3
- package/dist/{index-Zzh93qL6.js → index-BSk-C5b7.js} +4 -4
- package/dist/{index-DCMlaRyW.cjs → index-MWKreg7C.cjs} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +2 -2
- package/dist/{metricsReporter-D0NmprYW.js → metricsReporter-B-oKhuWk.js} +1 -1
- package/dist/{metricsReporter-DC-3J5Sa.cjs → metricsReporter-Dc4CZlRc.cjs} +1 -1
- package/dist/replay.cjs +1 -1
- package/dist/replay.js +1 -1
- package/dist/{view-Cu1EeVuN.js → view-BGlLLPXB.js} +4 -4
- package/dist/{view-DAxlTNxd.cjs → view-BGzeHt4l.cjs} +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var Dt = Object.defineProperty;
|
|
2
2
|
var At = (r, t, n) => t in r ? Dt(r, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[t] = n;
|
|
3
3
|
var N = (r, t, n) => At(r, typeof t != "symbol" ? t + "" : t, n);
|
|
4
|
-
import { l as R, g as T, s as st, e as w, S as u, v as at, m as I, b as
|
|
4
|
+
import { l as R, g as T, s as st, e as w, S as u, v as at, m as I, b as M, h as dt, E as ie, D as P, c as Ot, r as K, i as Ct, j as Tt, k as Pt, n as $e, o as Ge, d as Mt, a as jt, p as lt, q as ct } from "./metricsReporter-B-oKhuWk.js";
|
|
5
5
|
const cr = 360, pr = "ul-app", ur = "#e6e6e6", wr = "#bd282a", gr = 1030, Ke = () => {
|
|
6
6
|
try {
|
|
7
7
|
return window.parent.Intercom;
|
|
@@ -69,9 +69,9 @@ const Z = async (r, t, n) => {
|
|
|
69
69
|
return (Ne = I.replay) == null ? void 0 : Ne.scheduleCapture({ apiUrl: window.UserLeap._API_URL, completeUploadHeaders: b, eventId: S, isHeatmap: !0, replayParams: B, responseGroupId: be, surveyId: Le, triggerTimestamp: Date.now(), visitorId: k });
|
|
70
70
|
}, "Error in scheduling/capturing replay");
|
|
71
71
|
}
|
|
72
|
-
if (k == null || !(y != null && y.length)) return
|
|
72
|
+
if (k == null || !(y != null && y.length)) return M.info("CannotDisplaySurvey", { vid: k }), { success: !1, message: "[Sprig] no survey found", surveyState: "no survey" };
|
|
73
73
|
if (window.UserLeap.container) {
|
|
74
|
-
|
|
74
|
+
M.info("AlreadyDisplayingSurvey");
|
|
75
75
|
const S = "[Sprig] (ERR-409) Found an existing Survey container, aborting rendering of this survey";
|
|
76
76
|
return console.warn(S), { success: !1, message: S, surveyState: "no survey" };
|
|
77
77
|
}
|
|
@@ -79,16 +79,16 @@ const Z = async (r, t, n) => {
|
|
|
79
79
|
const S = "Attempted to display survey to a different visitor";
|
|
80
80
|
return window.UserLeap.reportError("DisplaySurvey", new Error(S)), { success: !1, message: S, surveyState: "no survey" };
|
|
81
81
|
}
|
|
82
|
-
|
|
83
|
-
let W,
|
|
84
|
-
const
|
|
82
|
+
M.info("ShowingSurvey", { surveyId: m }), (ze = I.replay) == null || ze.RecordSurveyShown({ id: m, userAgent: window.navigator.userAgent }), Ft.disable(), w.emit(u.SurveyWillPresent, { name: u.SurveyWillPresent, "survey.id": m, layout: p });
|
|
83
|
+
let W, j, x, oe, se = document.createElement("div");
|
|
84
|
+
const je = (S) => {
|
|
85
85
|
const { "view.version": B } = S;
|
|
86
|
-
B !== b["x-ul-sdk-version"] && ut(), w.removeListener("verify.view.version",
|
|
86
|
+
B !== b["x-ul-sdk-version"] && ut(), w.removeListener("verify.view.version", je);
|
|
87
87
|
};
|
|
88
|
-
w.on("verify.view.version",
|
|
88
|
+
w.on("verify.view.version", je), window.UserLeap.useMobileStyling = A, dt(b) ? (W = "ul-direct-embeded-frame", j = document.head, x = window, oe = !1, (() => {
|
|
89
89
|
const S = T(window.UserLeap), B = ne(S), be = window.UserLeap.forceDirectEmbed, Le = S["userleap-platform"] === "web";
|
|
90
90
|
return B || be && Le;
|
|
91
|
-
})() && (pt(m, d), se.id = W, window.UserLeap.container.appendChild(se), wt(), w.emit(u.SurveyLifeCycle, { state: "presented" }), w.emit(u.SurveyPresented, { name: u.SurveyPresented, "survey.id": m }))) : { frameId: W, contentWinDocHead:
|
|
91
|
+
})() && (pt(m, d), se.id = W, window.UserLeap.container.appendChild(se), wt(), w.emit(u.SurveyLifeCycle, { state: "presented" }), w.emit(u.SurveyPresented, { name: u.SurveyPresented, "survey.id": m }))) : { frameId: W, contentWinDocHead: j, contentWindow: x, hasOverlay: oe, iframe: se } = Vt({ productConfig: g, useMobileStyling: A, surveyId: m, isFeedback: d, enableCspTrustedTypes: (Ve = window.UserLeap._config) == null ? void 0 : Ve.enableCspTrustedTypes }), window.UserLeap.frameId = W;
|
|
92
92
|
const J = { apiURL: window.UserLeap._API_URL, avatars: i, cards: y, configureExitOnOverlayClick: (S) => {
|
|
93
93
|
w.once(u.CloseSurveyOnOverlayClick, S);
|
|
94
94
|
}, context: a, endCard: o, envId: window.UserLeap.envId, eventEmitFn: w.emit.bind(w), fontFamily: window.UserLeap.fontFamily, fontFamilyURL: window.UserLeap.fontFamilyURL, forceBrandedLogo: s, frame: se, headers: b, layout: p, locale: l, mobileSDKVersion: window.UserLeap.mobileSDKVersion, previewKey: R.getItem("sprig.previewKey"), previewMode: f, productConfig: { framePosition: g == null ? void 0 : g.framePosition, desktopDisplay: g == null ? void 0 : g.desktopDisplay, placement: g == null ? void 0 : g.placement }, responseGroupUid: v, startingQuestionIdx: (We = window.UserLeap.config) == null ? void 0 : We.startingQuestionIdx, studyType: E, styleNonce: window.UserLeap.styleNonce, surveyId: m, tabTitle: document.title, trackPageViewUrl: t, ulEvents: ie, upchunkLibraryURL: window.UserLeap.upchunkLibraryURL, useMobileStyling: A, userId: h, viewDocument: x == null ? void 0 : x.document, viewWindow: x, visitorAttributes: { externalUserId: window.UserLeap.userId, email: window.UserLeap.email }, surveyVisitorAttributes: z || {}, ...window.UserLeap._config };
|
|
@@ -99,19 +99,19 @@ const Z = async (r, t, n) => {
|
|
|
99
99
|
Fe && Fe.remove();
|
|
100
100
|
const he = function() {
|
|
101
101
|
const S = document.createElement("script");
|
|
102
|
-
return S.setAttribute("type", "module"), window.UserLeap.nonce && S.setAttribute("nonce", window.UserLeap.nonce), S.id = Qe, S;
|
|
102
|
+
return window.UserLeap.isMobileSDK || S.setAttribute("type", "module"), window.UserLeap.nonce && S.setAttribute("nonce", window.UserLeap.nonce), S.id = Qe, S;
|
|
103
103
|
}(), qe = () => {
|
|
104
104
|
window.UserLeap.container && Object.assign(window.UserLeap.container.style, { display: "flex" });
|
|
105
105
|
};
|
|
106
106
|
if (J.installationMethod === "web-npm" || J.installationMethod === "web-npm-bundled") {
|
|
107
|
-
const { default: S } = await import("./view-
|
|
107
|
+
const { default: S } = await import("./view-BGlLLPXB.js").then((B) => B.v);
|
|
108
108
|
S.configure(J), oe && window.UserLeap.container && qe();
|
|
109
|
-
} else ve && (he.src = `${ve}?t=${Date.now()}`, oe && he.addEventListener("load", () => {
|
|
109
|
+
} else ve && (he.src = `${ve}${window.UserLeap.isMobileSDK ? "" : `?t=${Date.now()}`}`, oe && he.addEventListener("load", () => {
|
|
110
110
|
window.UserLeap.container && qe();
|
|
111
111
|
}), x == null || x.addEventListener("error", (S) => {
|
|
112
112
|
S.target instanceof HTMLScriptElement && S.target.src === ve && window.UserLeap.reportError("loadFrameScript", new Error("Frame script failed to load"));
|
|
113
113
|
}, { capture: !0, once: !0 }));
|
|
114
|
-
|
|
114
|
+
j == null || j.appendChild(he);
|
|
115
115
|
const He = { success: !0, surveyState: "ready", surveyId: m, responseGroupUid: v };
|
|
116
116
|
return window.UserLeap.isMobileSDK && e && (He.delay = e), He;
|
|
117
117
|
};
|
|
@@ -523,20 +523,20 @@ const ae = (r, t = 1) => {
|
|
|
523
523
|
bt = K("sdk_dom_nodes_count"), Lt = K("sdk_page_html_characters"), rt(), setInterval(rt, e);
|
|
524
524
|
})(), Xt());
|
|
525
525
|
}, er = "test", tr = ["popState", "pushState", "replaceState"];
|
|
526
|
-
let
|
|
526
|
+
let Me, te;
|
|
527
527
|
const me = {}, Y = "!email", St = "pageUrl";
|
|
528
528
|
let Ie = window.location.href;
|
|
529
529
|
function re(r) {
|
|
530
530
|
var o, d;
|
|
531
531
|
const { pageUrlEvents: t, interactiveEvents: n, dismissOnPageChange: a, platform: e } = window.UserLeap._config;
|
|
532
532
|
if (e && e !== "web") return;
|
|
533
|
-
Ie !== window.location.href &&
|
|
533
|
+
Ie !== window.location.href && M.navigation("LocationChange", { from: Ie, to: window.location.href }), Ie = window.location.href;
|
|
534
534
|
const i = Et().trackStartUrl, s = i ? String(i) : null;
|
|
535
535
|
t && Rt(window.location.href), n && (kt(), rr()), yt() && (() => {
|
|
536
536
|
if (ce()) return;
|
|
537
537
|
const c = Q();
|
|
538
538
|
c && (Ot(ee) || (c.remove(), ee = null, L = null));
|
|
539
|
-
})(),
|
|
539
|
+
})(), jt.getItem("sprig.isCapturingHeatmap") && ((d = (o = I.replay) == null ? void 0 : o.checkPendingHeatmapsUrl()) == null || d.then((c) => {
|
|
540
540
|
var l;
|
|
541
541
|
c && ((l = I.replay) == null || l.uploadReadyPendingCaptures(!0));
|
|
542
542
|
})), !ce() && a && s && s !== window.location.href && r && tr.includes(r.type) && window.UserLeap("dismissActiveSurvey", P.PageChange);
|
|
@@ -563,13 +563,13 @@ function Et() {
|
|
|
563
563
|
function _t() {
|
|
564
564
|
if (window.previewMode) return;
|
|
565
565
|
const r = R.getItemObject("sprig.anon.env.vid.map") || {}, t = r[window.UserLeap.envId];
|
|
566
|
-
window.UserLeap.visitorId = t || at(),
|
|
566
|
+
window.UserLeap.visitorId = t || at(), M.info("NewVid", { vid: window.UserLeap.visitorId }), _("vid", window.UserLeap.visitorId), t || (r[window.UserLeap.envId] = window.UserLeap.visitorId, R.setItemObject("sprig.anon.env.vid.map", r)), w.emit(u.VisitorIDUpdated, { visitorId: window.UserLeap.visitorId });
|
|
567
567
|
}
|
|
568
568
|
function Rt(r, t, n, a) {
|
|
569
569
|
var e, i;
|
|
570
570
|
try {
|
|
571
571
|
if (r.endsWith("mock_snippet.html")) return;
|
|
572
|
-
|
|
572
|
+
M.info("PageView", { url: r });
|
|
573
573
|
const s = (e = document == null ? void 0 : document.querySelector('meta[name="description"]')) == null ? void 0 : e.getAttribute("content");
|
|
574
574
|
(i = I.replay) == null || i.RecordPageView({ ...s && { description: s }, url: r, referrer: document.referrer, pageTitle: document.title });
|
|
575
575
|
const o = window.UserLeap._config.pageUrlEvents;
|
|
@@ -603,7 +603,7 @@ async function ke(r, t) {
|
|
|
603
603
|
}), s.toString();
|
|
604
604
|
}({ desktopDisplay: window.UserLeap._config.desktopDisplay, isMobile: a, previewLanguage: window.UserLeap._config.previewLanguage, surveyid: r == null ? void 0 : r.surveyId, surveytemplateid: r == null ? void 0 : r.surveyTemplateId, vid: n }), { shouldDropOnRateLimit: !0 });
|
|
605
605
|
if (!e.ok) return e.reportError && e.error && (console.warn("[Sprig] (ERR-414) Failed to request questions from the server", e.error), window.UserLeap.reportError("getQuestions", e.error)), { success: !1, surveyState: "no survey" };
|
|
606
|
-
if (e.json.delay && await ct(e.json.delay), !e.json.isFeedback) return Z(e.json, te,
|
|
606
|
+
if (e.json.delay && await ct(e.json.delay), !e.json.isFeedback) return Z(e.json, te, Me);
|
|
607
607
|
{
|
|
608
608
|
const { feedbackLabel: i, productConfig: s, surveyUuid: o, feedbackCustomStyles: d } = e.json, { buttonTheme: c, placement: l, desktopDisplay: p } = s;
|
|
609
609
|
ht({ customStyles: d, buttonTheme: c, desktopDisplay: p, eventId: 0, feedbackLabel: i, placement: l, surveyUuid: o, surveyId: r == null ? void 0 : r.surveyId }, e.json);
|
|
@@ -641,7 +641,7 @@ const or = function(r) {
|
|
|
641
641
|
return console.warn(b), { success: !1, message: b, surveyState: "no survey" };
|
|
642
642
|
}
|
|
643
643
|
const f = te ?? window.location.href;
|
|
644
|
-
o.url || (o.url = f), _("trackStartUrl", f), (k = (h = window.UserLeap) == null ? void 0 : h._config) != null && k.optimizelyEnabled && (ne(T(window.UserLeap)) || de.getAndSetWebOptimizelyExperiments(), o.optimizelyExperiments = Object.assign({}, de.getAllOptimizelyExperiments())), (E = (U = window.UserLeap) == null ? void 0 : U._config) != null && E.launchDarklyEnabled && (o.launchDarklyFlags = Re.getAllLaunchDarklyVariations()), i && (window.UserLeap.userId = i), s && (window.UserLeap.partnerAnonymousId = s), d && (o.eventProperties = d), (z = I.replay) == null || z.RecordEvent({ name: l, url: o.url }),
|
|
644
|
+
o.url || (o.url = f), _("trackStartUrl", f), (k = (h = window.UserLeap) == null ? void 0 : h._config) != null && k.optimizelyEnabled && (ne(T(window.UserLeap)) || de.getAndSetWebOptimizelyExperiments(), o.optimizelyExperiments = Object.assign({}, de.getAllOptimizelyExperiments())), (E = (U = window.UserLeap) == null ? void 0 : U._config) != null && E.launchDarklyEnabled && (o.launchDarklyFlags = Re.getAllLaunchDarklyVariations()), i && (window.UserLeap.userId = i), s && (window.UserLeap.partnerAnonymousId = s), d && (o.eventProperties = d), (z = I.replay) == null || z.RecordEvent({ name: l, url: o.url }), M.info("TrackEvent", { eventName: l });
|
|
645
645
|
const g = window.UserLeap.delayingSurvey || mt() ? await O(D("1", [q], "events/batch"), { body: JSON.stringify({ events: [{ event: l, metadata: o }], previewKey: p }), method: "POST", shouldDropOnRateLimit: !0 }) : await O(D("1", [q], "events"), { body: JSON.stringify({ event: l, metadata: o, previewKey: p }), method: "POST", shouldDropOnRateLimit: !0 });
|
|
646
646
|
if (!g.ok) {
|
|
647
647
|
const b = "[Sprig] (ERR-421) Failed to track event";
|
|
@@ -652,14 +652,14 @@ const or = function(r) {
|
|
|
652
652
|
y.invalidPreviewKey && R.removeItem("sprig.previewKey");
|
|
653
653
|
const v = o.trackPageView ? o.url : void 0;
|
|
654
654
|
return y != null && y.feedbackButton && ht(y.feedbackButton, void 0, v), await async function(b, V) {
|
|
655
|
-
var W,
|
|
655
|
+
var W, j;
|
|
656
656
|
let A = !0;
|
|
657
|
-
return !(V && ((W = b == null ? void 0 : b.json) != null && W.surveyId) && (window.UserLeap.delayingSurvey = !0, A = await V(b.json.surveyId), window.UserLeap.delayingSurvey = !1, !A)) && ((
|
|
657
|
+
return !(V && ((W = b == null ? void 0 : b.json) != null && W.surveyId) && (window.UserLeap.delayingSurvey = !0, A = await V(b.json.surveyId), window.UserLeap.delayingSurvey = !1, !A)) && ((j = b == null ? void 0 : b.json) != null && j.delay && !window.UserLeap.isMobileSDK && (window.UserLeap.delayingSurvey = !0, await ct(b.json.delay), window.UserLeap.delayingSurvey = !1), A);
|
|
658
658
|
}(g, c) ? function(b) {
|
|
659
659
|
if (!window.UserLeap._config.dismissOnPageChange) return !0;
|
|
660
660
|
const V = new URL(b), A = new URL(te ?? window.location.href);
|
|
661
661
|
return V.hostname === A.hostname && V.pathname === A.pathname;
|
|
662
|
-
}(f) ? Z(y, v,
|
|
662
|
+
}(f) ? Z(y, v, Me) : { success: !1, message: "Study should not be displayed after page navigation", surveyState: "no survey" } : { success: !1, message: "[Sprig] Callback returned false, aborting rendering of survey", surveyState: "no survey" };
|
|
663
663
|
}, n = (e, i) => {
|
|
664
664
|
var o;
|
|
665
665
|
const s = (o = e == null ? void 0 : e.querySelector(`[id="${Te}"]`)) == null ? void 0 : o.contentDocument;
|
|
@@ -768,7 +768,7 @@ const or = function(r) {
|
|
|
768
768
|
p && (window.UserLeap.useMobileStyling && ((f = window.UserLeap.windowDimensions) != null && f.width && (p.style.width = `${window.UserLeap.windowDimensions.width}px`), (g = window.UserLeap.windowDimensions) != null && g.height && (p.style.maxHeight = window.UserLeap.windowDimensions.height - 20 + "px"), p.contentDocument && (p.style.height = String(Nt(p.contentDocument, l && !c, dt(d))[0]) + "px")), w.emit(u.SurveyDimensions, { name: u.SurveyDimensions, contentFrameWidth: p.clientWidth, contentFrameHeight: p.clientHeight, "survey.id": parseInt(window.UserLeap.container.dataset.studyId) }));
|
|
769
769
|
}, logoutUser() {
|
|
770
770
|
var e;
|
|
771
|
-
window.UserLeap.debugMode && console.info("[DEBUG] Sprig logout"),
|
|
771
|
+
window.UserLeap.debugMode && console.info("[DEBUG] Sprig logout"), M.info("LogOut", { vid: window.UserLeap.visitorId, userId: window.UserLeap.userId }), window.UserLeap.visitorId = null, window.UserLeap.userId = null, window.UserLeap.partnerAnonymousId = null, window.UserLeap.token = null, window.UserLeap.email = null, R.removeItem("userleap.ids"), window.UserLeap._queue.isPaused() && window.UserLeap._queue.empty(), _t(), (e = I.replay) == null || e.clearUserReplayData(), window.UserLeap._queue.unpause();
|
|
772
772
|
}, teardown() {
|
|
773
773
|
["hashchange", "popstate"].forEach((e) => window.removeEventListener(e, re, !0)), window.UserLeap._config.interactiveEvents && kt(), window.UserLeap("dismissActiveSurvey", P.API), delete window.UserLeap, delete window.Sprig, delete window._Sprig;
|
|
774
774
|
}, integrateOptimizely(e, i = !0) {
|
|
@@ -805,7 +805,7 @@ const or = function(r) {
|
|
|
805
805
|
console.warn("[Sprig] Error with generating video upload url"), d instanceof Error && window.UserLeap.reportError("generateVideoUploadUrl", d);
|
|
806
806
|
}
|
|
807
807
|
}(e), _reportMetric(e, i) {
|
|
808
|
-
|
|
808
|
+
Mt(e, i);
|
|
809
809
|
}, _completeSessionReplay: async ({ surveyId: e, responseGroupUuid: i, eventDigest: s }) => {
|
|
810
810
|
var o;
|
|
811
811
|
return I.replay ? (o = I.replay) == null ? void 0 : o._completeSessionReplay({ surveyId: e, responseGroupUuid: i, eventDigest: s, headers: T(window.UserLeap) }) : (window.UserLeap.reportError("_completeSessionReplay", new Error("Replay module not registered")), !1);
|
|
@@ -819,7 +819,7 @@ const or = function(r) {
|
|
|
819
819
|
Object.assign(window.UserLeap, a);
|
|
820
820
|
};
|
|
821
821
|
async function sr(r, t, n = {}, a = {}) {
|
|
822
|
-
const e = window.__cfg && window.__cfg.mode, i = Oe(), s = window.UserLeap.envId, o = window.document.documentElement, d = { mode: e, screenWidth: window.screen.width, screenHeight: window.screen.height, clientWidth: o.clientWidth, clientHeight: o.clientHeight, location: te ?? window.location.href, language: window.navigator.language, ...n }, c = { action: r, breadcrumbs:
|
|
822
|
+
const e = window.__cfg && window.__cfg.mode, i = Oe(), s = window.UserLeap.envId, o = window.document.documentElement, d = { mode: e, screenWidth: window.screen.width, screenHeight: window.screen.height, clientWidth: o.clientWidth, clientHeight: o.clientHeight, location: te ?? window.location.href, language: window.navigator.language, ...n }, c = { action: r, breadcrumbs: M.breadcrumbs, err: { message: `${t == null ? void 0 : t.name} - ${t == null ? void 0 : t.message}`, stack: t == null ? void 0 : t.stack }, meta: d, vid: i, envId: s, ...a };
|
|
823
823
|
(await O(D("1", null, "errors"), { method: "POST", headers: { "x-ul-error": window.btoa(`userleap-${Date.now()}-error`) }, body: JSON.stringify(c), shouldDropOnRateLimit: !0 })).ok || console.warn("[Sprig] (ERR-444) Failed to report error to API", t);
|
|
824
824
|
}
|
|
825
825
|
function ar(r = {}) {
|
|
@@ -861,8 +861,8 @@ function ar(r = {}) {
|
|
|
861
861
|
var h;
|
|
862
862
|
await O(D("1", [H], "metrics"), { body: m, method: "POST", headers: { "x-ul-replay-enabled": `${!!((h = I.replay) != null && h.isReplayRecording())}` }, shouldDropOnRateLimit: !0 });
|
|
863
863
|
} }), !c) {
|
|
864
|
-
const m = l.alwaysOnReplay ? { userAgent: window.navigator.userAgent, surveyId: l.alwaysOnReplay.surveyId, responseGroupUuid: l.alwaysOnReplay.responseGroupUuid, sdkVersion: "2.40.
|
|
865
|
-
await ((y = I.replay) == null ? void 0 : y.initializeReplay({ maxReplayDurationSeconds: l.maxReplayDurationSeconds, maxInflightRequests: window.UserLeap.maxInflightReplayRequests ?? 2, replaySettings: l.replaySettings, apiUrl: window.UserLeap._API_URL, alwaysOnConfig: m })),
|
|
864
|
+
const m = l.alwaysOnReplay ? { userAgent: window.navigator.userAgent, surveyId: l.alwaysOnReplay.surveyId, responseGroupUuid: l.alwaysOnReplay.responseGroupUuid, sdkVersion: "2.40.2", maxDurationSeconds: l.alwaysOnReplay.maxDurationSeconds } : void 0;
|
|
865
|
+
await ((y = I.replay) == null ? void 0 : y.initializeReplay({ maxReplayDurationSeconds: l.maxReplayDurationSeconds, maxInflightRequests: window.UserLeap.maxInflightReplayRequests ?? 2, replaySettings: l.replaySettings, apiUrl: window.UserLeap._API_URL, alwaysOnConfig: m })), Me = l.replaySettings;
|
|
866
866
|
}
|
|
867
867
|
or(l), await nr(l), window.UserLeap._queue.unpause(), (v = window.SprigLoggerCallback) == null || v.call(window, "SdkReady"), w.emit(u.SDKReady, { mobileMetricsReportingEnabled: !!l.mobileMetricsReportingEnabled, metricsReportingInterval: l.metricsReportingIntervalSeconds || 0, metricsThresholds: l.metricThresholds || [], maxMobileReplayDurationSeconds: l.maxMobileReplayDurationSeconds, mobileReplaySettings: l.mobileReplaySettings }), w.emit(u.VisitorIDUpdated, { visitorId: window.UserLeap.visitorId }), w.on(u.VisitorIDUpdated, () => {
|
|
868
868
|
for (const m in me) delete me[m];
|
package/dist/core.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./metricsReporter-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./metricsReporter-Dc4CZlRc.cjs"),e=require("./core-Br8FqGd4.cjs");exports.DismissReason=i.DismissReason,exports.SprigEvent=i.SprigEvent,exports.SprigAPI=e.SprigAPI,exports.default=e.core,exports.sprig=e.sprig;
|
package/dist/core.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { D as r, S as e } from "./metricsReporter-
|
|
2
|
-
import { S as o, c as p, s as t } from "./core-
|
|
1
|
+
import { D as r, S as e } from "./metricsReporter-B-oKhuWk.js";
|
|
2
|
+
import { S as o, c as p, s as t } from "./core-Cyu7gofl.js";
|
|
3
3
|
export {
|
|
4
4
|
r as DismissReason,
|
|
5
5
|
o as SprigAPI,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const i=require("./view-
|
|
1
|
+
"use strict";const i=require("./view-BGzeHt4l.cjs"),W=require("./core-Br8FqGd4.cjs"),Le=require("./debounce-DsC7462b.cjs"),_e=require("./metricsReporter-Dc4CZlRc.cjs"),le=e=>i.u("button",{...e,className:i.cc("ul-card-text__button",e.className),id:"ul-card-text__button"}),ye=({html:e,...n})=>{const{enableCspTrustedTypes:o}=i.useConfig(r=>({enableCspTrustedTypes:r.enableCspTrustedTypes})),t=i.F(()=>W.getHtml(e,o),[o,e]);return i.u("div",{...n,dangerouslySetInnerHTML:{__html:t}})},ae=()=>{const{viewDocument:e}=i.useConfig(t=>({viewDocument:t.viewDocument})),[n,o]=i.h(!1);return i.p(()=>{const t=e.querySelector(".sprig-question-body"),r=new ResizeObserver(()=>{window.requestAnimationFrame(()=>{o(!!(t&&W.isHTMLElement(t)&&t.scrollHeight>t.offsetHeight))})});return t&&r.observe(t),()=>{t&&r.disconnect()}},[e]),n},de=({plainText:e,richText:n,id:o,className:t,isHeader:r,showAsterisk:l})=>n?i.u(ye,{className:t,html:n,id:o}):e?r?i.u("h1",{className:t,id:o,children:[e,l&&"*"]}):i.u("p",{className:t,id:o,children:e}):null,Pe=()=>i.u("svg",{fill:"none",height:"10",viewBox:"0 0 13 10",width:"13",xmlns:"http://www.w3.org/2000/svg",children:i.u("path",{d:"M11.5 1.5L4.5 8.5L1 5",stroke:"#FFFFFF",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})}),Ee=(e,n)=>{const o=i._(0);return()=>{if(e.current){const t=e.current;t.style.height="1px";const r=t.scrollHeight+(t.offsetHeight-t.clientHeight),l=parseInt(window.getComputedStyle(t).getPropertyValue("max-height")),a=r<=l?r:l;o.current!==a&&requestAnimationFrame(()=>{n()}),o.current=a,t.style.height=`${a}px`}}},ce=({buttonText:e="View Prototype",handleClick:n})=>i.u("button",{className:"prototype-button",onClick:n,children:e},"prototype-btn"),xe=({isSelected:e,id:n,divId:o,themeColor:t,disabled:r=!1})=>i.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:.5}:{}},tabIndex:r?-1:0,children:e&&i.u(i.SvgCheckmark,{})}),Oe=({promptText:e,textValue:n,onTextChange:o,useMobileStyling:t})=>{const r=i._(null),{update:l}=i.useConfig(d=>({update:d.update})),a=Ee(r,()=>l());return i.p(()=>(a(),r.current&&r.current.focus(),()=>{l()}),[]),i.u("textarea",{"aria-label":e,"aria-multiline":"true","aria-placeholder":e,className:i.cc(i.getClasses("choice-text-input",t)),"data-gramm":"false",maxLength:5e3,name:"text",onChange:d=>{a(),d.stopPropagation(),o(d.currentTarget.value)},onClick:d=>{d.stopPropagation()},onKeyPress:d=>{d.stopPropagation()},placeholder:e,ref:r,role:"textbox",rows:1,value:n})},ue="ul-select-style-element",K="ul-select-active-dynamic-style",je="ul-select-error-dynamic-style",Me=(e,n,o)=>{let t=e.getElementById(ue),r=!1;t||(t=e.createElement("style"),r=!0),t.tagName.toLowerCase()==="style"&&(t.id=ue,o&&(t.nonce=o),t.textContent=Be(n),r&&e.head.appendChild(t))},Be=e=>`
|
|
2
2
|
.${K} {
|
|
3
3
|
border-color: ${e};
|
|
4
4
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
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-
|
|
2
|
-
import { g as He, i as Se, E as Ue, a as we } from "./core-
|
|
1
|
+
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-BGlLLPXB.js";
|
|
2
|
+
import { g as He, i as Se, E as Ue, a as we } from "./core-Cyu7gofl.js";
|
|
3
3
|
import { d as Ne } from "./debounce-CMb8f7wh.js";
|
|
4
|
-
import { v as Ve } from "./metricsReporter-
|
|
4
|
+
import { v as Ve } from "./metricsReporter-B-oKhuWk.js";
|
|
5
5
|
const Fe = (e) => u("button", { ...e, className: _("ul-card-text__button", e.className), id: "ul-card-text__button" }), $e = ({ html: e, ...n }) => {
|
|
6
6
|
const { enableCspTrustedTypes: o } = F((r) => ({ enableCspTrustedTypes: r.enableCspTrustedTypes })), t = _e(() => He(e, o), [o, e]);
|
|
7
7
|
return u("div", { ...n, dangerouslySetInnerHTML: { __html: t } });
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { a as V, h as $, u as e, c as U, b as K, f as Pe, F as ge, g as be, e as ue, _ as te, T as fe, A as nr, p as J, i as ir, m as sr, q as ar, M as le, n as lr, o as or, r as dr, s as cr, j as ur, k as pr, l as Ue } from "./view-
|
|
2
|
-
import { t as ie } from "./metricsReporter-
|
|
3
|
-
import { a as Ce, D as De, g as He, A as mr } from "./core-
|
|
4
|
-
import { c as ee, a as ne, H as Se, M as ce, Q as de, O as he, B as z, L as ye, b as ke, S as gr, u as hr, g as br, P as vr, p as fr, v as yr, R as X, d as Sr, s as xr } from "./getAttributedUrl-
|
|
1
|
+
import { a as V, h as $, u as e, c as U, b as K, f as Pe, F as ge, g as be, e as ue, _ as te, T as fe, A as nr, p as J, i as ir, m as sr, q as ar, M as le, n as lr, o as or, r as dr, s as cr, j as ur, k as pr, l as Ue } from "./view-BGlLLPXB.js";
|
|
2
|
+
import { t as ie } from "./metricsReporter-B-oKhuWk.js";
|
|
3
|
+
import { a as Ce, D as De, g as He, A as mr } from "./core-Cyu7gofl.js";
|
|
4
|
+
import { c as ee, a as ne, H as Se, M as ce, Q as de, O as he, B as z, L as ye, b as ke, S as gr, u as hr, g as br, P as vr, p as fr, v as yr, R as X, d as Sr, s as xr } from "./getAttributedUrl-C_5gL6aZ.js";
|
|
5
5
|
const kr = ({ className: n, message: i, next: c, properties: r, questionId: t, type: o }) => {
|
|
6
6
|
const { useMobileStyling: b, border: v, isLongFormSurvey: d, focusedQuestionId: h } = V((p) => ({ useMobileStyling: p.useMobileStyling, border: p.border, isLongFormSurvey: ie(p.studyType), focusedQuestionId: p.focusedQuestionId })), [a, g] = $(!1), [s, I] = $(""), [m, S] = $(!1), f = d && h === t, w = r == null ? void 0 : r.collectName, _ = (r == null ? void 0 : r.nameLabelText) || "Full Name", q = (r == null ? void 0 : r.consentText) || "I agree to the stated conditions", E = (r == null ? void 0 : r.submitButtonText) || "Submit", P = !!s.trim(), M = a && (!w || P), L = (p, T = !1) => {
|
|
7
7
|
p.preventDefault(), p.stopPropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./view-DAxlTNxd.cjs"),z=require("./metricsReporter-DC-3J5Sa.cjs"),J=require("./core-oShYwNGS.cjs"),u=require("./getAttributedUrl-DuHEi0A7.cjs"),Ee=({className:n,message:i,next:a,properties:t,questionId:r,type:d})=>{const{useMobileStyling:v,border:f,isLongFormSurvey:c,focusedQuestionId:b}=e.useConfig(m=>({useMobileStyling:m.useMobileStyling,border:m.border,isLongFormSurvey:z.isLongFormSurvey(m.studyType),focusedQuestionId:m.focusedQuestionId})),[o,h]=e.h(!1),[s,_]=e.h(""),[g,S]=e.h(!1),y=c&&b===r,L=t==null?void 0:t.collectName,k=(t==null?void 0:t.nameLabelText)||"Full Name",w=(t==null?void 0:t.consentText)||"I agree to the stated conditions",P=(t==null?void 0:t.submitButtonText)||"Submit",D=!!s.trim(),M=o&&(!L||D),q=(m,I=!1)=>{m.preventDefault(),m.stopPropagation();let p=null;if(!I){if(!M)return void S(!0);p={submitted:!0},L&&(p.name=s)}a({value:p,questionId:r,type:d},M)};return e.u("div",{className:e.cc(n,c&&!y&&"ul-card--unfocused","ul-card__consent-legal","fade-in-transition"),children:[e.u(u.Header,{isRequired:c&&(t==null?void 0:t.required),message:i,properties:{questionHtml:t.questionHtml}}),t!=null&&t.richTextBody?e.u(u.QuestionBodyWrapper,{children:e.u(u.Html,{className:"ul-rich-text-body",html:t.richTextBody,id:"ul-card__consent-legal-body-container"})}):null,e.u(u.MobileEmbedView,{embeddedType:"pdf",properties:t,children:e.u(u.QuestionBodyFooterContainer,{children:[e.u("div",{className:"sprig-stretch",children:[e.u(u.Option,{allowTextEntry:!1,border:f,error:g&&!o,id:"consent",isRadio:!1,isSelected:o,label:w,onUserInputChanged:({selected:m})=>{m!==o&&h(!o)},useMobileStyling:v}),L&&e.u("input",{"aria-label":k,"aria-placeholder":k,className:e.cc(e.getClasses("ul-consent-legal__name-input",v)),"data-gramm":"false",maxLength:250,name:"name",onBlur:m=>{m.currentTarget.style.borderColor=g&&!D?J.ERROR_BORDER_COLOR:J.DEFAULT_BORDER_COLOR},onFocus:m=>{m.currentTarget.style.borderColor=g&&!D?J.ERROR_BORDER_COLOR:f},onInput:m=>{m.preventDefault(),m.stopPropagation(),_(m.currentTarget.value)},placeholder:k,style:g&&!D?{borderColor:J.ERROR_BORDER_COLOR}:{},tabIndex:0,value:s})]}),e.u("div",{className:"ul-card__button-wrapper ul-card-vertical__button-wrapper",children:[e.u(u.Button,{className:M?"":"sprig-button-disabled",onClick:q,children:P}),t.required===!1&&!c&&e.u("button",{className:"ul-card-skip__button",onClick:m=>q(m,!0),children:e.getSkipButtonText(t)})]})]})})]},r)},Be=({activeValue:n,border:i,icon:a,isPressed:t,onSubmit:r,range:d,scaleLabelType:v,selectedValue:f,setSelectedValue:c,setActiveValue:b,setIsPressed:o,useMobileStyling:h,value:s,viewDocument:_})=>{const{isLongFormSurvey:g,enableCspTrustedTypes:S}=e.useConfig(I=>({isLongFormSurvey:z.isLongFormSurvey(I.studyType),enableCspTrustedTypes:I.enableCspTrustedTypes})),y=`option-${s}`,L=v==="number",k=v==="star",w=v==="smiley",P=L&&s===n||s===f,[D,M]=(()=>{const I=k&&f!==null&&s<=f;return k&&s<=n||w&&s===n||I||s===n||s===f?[i,t||I||s===f?1:.3]:["",1]})(),q=e.F(()=>{const I={borderColor:P?D:"",fillOpacity:P?"":M,zIndex:P?3:"auto",color:f===s?"#fff":""};return L?{...I,backgroundColor:f===s?D:""}:{...I,color:k||w||f===s?D:""}},[P,D,M,f,s,L,k,w]),m=e.F(()=>J.getHtml((({icon:I,scaleLabelType:p,value:C,selectedValue:x})=>{if(p==="smiley"&&C===x){let R=0;return I.replace(/black/g,()=>++R==1?"black":"white")}return I})({icon:a,scaleLabelType:v,value:s,selectedValue:f}),S),[S,a,v,f,s]);return e.u("button",{"aria-label":L?void 0:String(s),className:(()=>{switch(v){case"star":return e.cc(e.getClasses("likert-star",h),e.getClasses(`likert-star-${s}`,h));case"smiley":return e.cc(e.getClasses("likert-smiley",h),e.getClasses(`likert-smiley-${s}`,h));default:return s===d?e.cc(e.getClasses("likert-number",h),e.getClasses(`likert-number-${s}`,h),e.getClasses("likert-last-option",h)):e.cc(e.getClasses("likert-number",h),e.getClasses(`likert-number-${s}`,h))}})(),dangerouslySetInnerHTML:{__html:m},id:y,onClick:I=>{g&&(I.preventDefault(),I.stopPropagation(),c(s)),r()},onKeyDown:I=>{var x,R;const p=_.querySelectorAll(`.likert-${v??"number"}`),C=s-1;I.key==="ArrowRight"?(x=p[C+1])==null||x.focus():I.key==="ArrowLeft"?(R=p[C-1])==null||R.focus():I.key!=="Enter"&&I.key!==" "||(g&&(I.preventDefault(),I.stopPropagation(),c(s)),r())},onPointerDown:()=>o(!0),onPointerEnter:()=>b(s),onPointerLeave:()=>{b(-1),o(!1)},style:q,tabIndex:0})},Me=({className:n,labels:i,message:a,next:t,properties:r,questionId:d,type:v})=>{const{border:f,useMobileStyling:c,viewDocument:b,isLongFormSurvey:o,focusedQuestionId:h}=e.useConfig(C=>({border:C.border,useMobileStyling:C.useMobileStyling,viewDocument:C.viewDocument,isLongFormSurvey:z.isLongFormSurvey(C.studyType),focusedQuestionId:C.focusedQuestionId})),[s,_]=e.h(-1),[g,S]=e.h(!1),[y,L]=e.h(null),k=o&&h===d,w=i&&i.left,P=i&&i.right;let D;const{range:M,scaleLabelType:q,ratingIcons:m}=r;M&&(D=Number(M));const I=D||5,p=C=>{var x,R;switch(q){case"star":return(x=m[0])==null?void 0:x.svg;case"smiley":return(R=m[C])==null?void 0:R.svg;default:return String(C+1)}};return e.u("form",{className:e.cc(n,"ul-card--likert","fade-in-transition",o&&!k&&"ul-card--unfocused"),children:[e.u(u.Header,{isRequired:o&&(r==null?void 0:r.required),message:a,properties:r}),e.u(u.MobileEmbedView,{properties:r,children:e.u(e.g,{children:[e.u(u.QuestionBodyWrapper,{children:[e.u("div",{"aria-label":`Rating (1 - ${I})`,className:"ul-card--likert__numbers",role:"radiogroup",children:[...Array(I)].map((C,x)=>{const R=x+1;return e.u(Be,{activeValue:s,border:f,icon:p(x),isPressed:g,onSubmit:()=>t({value:R,questionId:d,type:v},!0),range:I,scaleLabelType:q,selectedValue:y,setActiveValue:_,setIsPressed:S,setSelectedValue:L,useMobileStyling:c,value:R,viewDocument:b},x)})}),e.u("div",{className:"ul-card--likert__labels",children:[e.u("span",{children:w}),e.u("span",{children:P})]})]}),!r.required&&!o&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-vertical-centered-container",children:e.u(u.Button,{onClick:C=>{C.preventDefault(),C.stopPropagation(),t({value:null,questionId:d,type:v},!0)},children:e.getButtonText(r)})})})]})})]},d)},Ce=n=>n&&(n.scrollHeight>n.offsetHeight?n:Ce(n.parentElement)),Pe=n=>{if(!n||!(a=>a instanceof HTMLElement)(n))return 0;const i=getComputedStyle(n);return parseFloat(i.marginTop)+parseFloat(i.marginBottom)+(parseFloat(i.borderTopWidth)+parseFloat(i.borderBottomWidth))},Oe=({columns:n,onSelect:i,options:a,selectedOptions:t})=>{const r=e._([]),{border:d,useMobileStyling:v}=e.useConfig(s=>({border:s.border,useMobileStyling:s.useMobileStyling})),f=a.findIndex(s=>t[s.id]===null),[c,b]=e.h(f),o=e.T((s,_)=>{i(s,_);const g=c+1,S=a[g];if(S&&t[S.id]===null){b(g);const y=r.current[c];if(y!=null&&y.firstElementChild){const L=Ce(y),k=y.firstElementChild,w=Pe(y)+k.clientHeight;L==null||L.scrollTo(0,y.offsetTop+w)}}},[i,a,t,c]),h=e.T((s,_)=>{const g=c===s;return e.u(e.Accordion,{animate:!0,header:_.label,isOpen:g,onClick:()=>{var S;return b(g&&!((S=window.UserLeap)!=null&&S.isMobileSDK)?-1:s)},ref:S=>{S&&(r.current[s]=S)},showHeaderCheck:t[_.id]!==null,children:e.u("div",{style:{paddingTop:"12px"},children:n.map(S=>e.u(u.Option,{allowTextEntry:!1,ariaLabel:`${_.label}-${S.label}`,border:d,error:!1,id:`${_.id}-${S.value}`,isRadio:!0,isSelected:t[_.id]===S.value,label:S.label,onUserInputChanged:()=>o(_.id,S.value),useMobileStyling:v},S.label))})},_.id)},[d,n,c,o,t,v]);return e.u("div",{children:a.map((s,_)=>h(_,s))})},Fe=({columns:n,onSelect:i,options:a,selectedOptions:t})=>{const{border:r,useMobileStyling:d,isLongFormSurvey:v}=e.useConfig(g=>({border:g.border,useMobileStyling:g.useMobileStyling,isLongFormSurvey:z.isLongFormSurvey(g.studyType)})),f=a.length,c=n.length,b=e._(null),[o,h]=e.h(!1),[s,_]=e.h(!1);return e.p(()=>{const g=b.current,S=new ResizeObserver(y=>{window.requestAnimationFrame(()=>{g&&(h(Math.round(y[0].contentRect.width)<g.scrollWidth),_(Math.round(y[0].contentRect.width)<g.scrollWidth))})});return g&&S.observe(g),()=>{g&&S.unobserve(g)}},[]),e.u("div",{className:"ul-card--matrix_question_container",children:[e.u("div",{className:e.cc("ul-card--matrix_container",o&&"ul-matrix-scroll-gradient"),onScroll:()=>{(()=>{const g=b.current;g&&h(g.clientWidth+Math.abs(g.scrollLeft)<g.scrollWidth)})()},ref:b,children:e.u("div",{className:e.cc(v&&"ul-card--matrix_grid_longform","ul-card--matrix_grid"),style:`--numColumns: ${c}; --numRows: ${f+1};`,children:[e.u("div",{})," ",n.map(g=>e.u("div",{className:"ul-matrix-column-label",children:g.label},g.label)),a.map(g=>e.u(e.g,{children:[e.u("div",{"aria-label":g.label,className:"ul-matrix-row-label",children:g.label},g.label),e.u("div",{className:"ul-matrix-row-options",role:"radiogroup",children:n.map((S,y)=>{const L=y===c-1;return e.u("div",{className:e.cc("ul-matrix-option-wrapper",L&&"ul-matrix-last-option"),children:e.u(u.Option,{allowTextEntry:!1,ariaLabel:`${g.label}-${S.label}`,border:r,choiceStyle:{background:"transparent",border:"none",marginBottom:"0",padding:"0"},error:!1,id:`${g.id}-${S.value}`,isRadio:!0,isSelected:t[g.id]===S.value,onUserInputChanged:()=>i(g.id,S.value),useMobileStyling:d})},S.value)})})]}))]})}),(o||s)&&e.u("button",{className:s&&!o?"ul-matrix-scroll-arrow left":"ul-matrix-scroll-arrow",onClick:s&&!o?g=>{g.preventDefault();const S=b.current;if(S){const y=getComputedStyle(S).direction==="rtl";S.scrollTo({left:y?S.scrollWidth-S.clientWidth:0,behavior:"smooth"})}}:g=>{g.preventDefault();const S=b.current;if(S){const y=getComputedStyle(S).direction==="rtl";S.scrollTo({left:y?S.clientWidth-S.scrollWidth:S.scrollWidth,behavior:"smooth"})}},children:s&&!o?e.u(Qe,{}):e.u(Ue,{})})]})},Qe=()=>e.u("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.u("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"})}),Ue=()=>e.u("svg",{fill:"currentColor",height:"32",viewBox:"0 0 256 256",width:"32",xmlns:"http://www.w3.org/2000/svg",children:e.u("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"})}),Ae=({className:n,message:i,next:a,options:t,properties:r,questionId:d,type:v,showIndividualSubmit:f=!1,onSubmitButtonClick:c})=>{const{useMobileStyling:b,isLongFormSurvey:o,focusedQuestionId:h,setFocusedQuestionId:s}=e.useConfig(q=>({useMobileStyling:q.useMobileStyling,isLongFormSurvey:z.isLongFormSurvey(q.studyType),focusedQuestionId:q.focusedQuestionId,setFocusedQuestionId:q.setFocusedQuestionId})),_=r.matrixColumn,g=r.required,S=o&&h===d,y=q=>{q.preventDefault(),q.stopPropagation(),a({value:k,questionId:d,type:v},!0),c&&c()},L=t.reduce((q,m)=>(q[m.id]=null,q),{}),[k,w]=e.h(L),P=q=>g&&Object.values(q).every(m=>m==null),D=(q,m)=>{o&&a({value:{...k,[q]:m},questionId:d,type:v},!P({...k,[q]:m})),w(I=>({...I,[q]:m}))},M=r.displayMatrixAsAccordion||b;return e.u("form",{className:e.cc(n,!o&&"ul-card__matrix","fade-in-transition",o&&!S&&"ul-card--unfocused"),id:"text-form",onClick:()=>{S&&s(d)},onSubmit:y,children:[e.u(u.Header,{isRequired:o&&(r==null?void 0:r.required),message:i,properties:r}),e.u(u.MobileEmbedView,{properties:r,children:[e.u(u.QuestionBodyWrapper,{children:[M?e.u(Oe,{columns:_,onSelect:D,options:t,selectedOptions:k}):e.u(Fe,{columns:_,onSelect:D,options:t,selectedOptions:k}),f&&e.u(u.LongformSubmitButton,{handleSubmit:y,isSubmitDisabled:P(k)})]}),!o&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(u.Button,{disabled:P(k),children:e.getButtonText(r)})})})]})]},d)},Se=({className:n,message:i,onSubmit:a,options:t=[],properties:r,questionId:d,type:v,showIndividualSubmit:f=!1,onSubmitButtonClick:c})=>{const{border:b,useMobileStyling:o,isLongFormSurvey:h,focusedQuestionId:s,setFocusedQuestionId:_}=e.useConfig(l=>({border:l.border,useMobileStyling:l.useMobileStyling,isLongFormSurvey:z.isLongFormSurvey(l.studyType),focusedQuestionId:l.focusedQuestionId,setFocusedQuestionId:l.setFocusedQuestionId})),g=h&&s===d,S=t.reduce((l,T)=>(l[T.id]={isSelected:!1},l),{}),[y,L]=e.h(S),k=v==="multiplechoice",w=r.required,P=t.find(l=>{var T;return(T=l.optionProperties)==null?void 0:T.noneOfTheAbove}),D=l=>Object.entries(l).some(([T,F])=>{var G;const A=t.find(W=>`${W.id}`===T),O=F.userText===void 0||F.userText.trim()==="";return((G=A==null?void 0:A.optionProperties)==null?void 0:G.allowsTextEntry)&&O&&F.isSelected}),M=l=>Object.values(l).filter(T=>T.isSelected).length,q=r.minSelect&&r.minSelect>0&&r.maxSelectMode===u.MaxSelectModes.Range&&M(y)<r.minSelect&&(w||M(y)>0),m=l=>D(l)||w&&!M(l)||!(T=>{const{minSelect:F=0,maxSelect:A=1/0,maxSelectMode:O}=r,G=M(T);switch(O){case u.MaxSelectModes.Maximum:return G<=A;case u.MaxSelectModes.Range:return G===0||G>=F;default:return!0}})(l),I=Object.entries(y).some(([l,T])=>{var F,A;return T.isSelected&&((A=(F=t.find(O=>`${O.id}`===l))==null?void 0:F.optionProperties)==null?void 0:A.allowsTextEntry)}),p=f&&(!k||I),C=l=>{E(l.id,l.selected,l.userText,l.noneOfTheAbove),l.selected&&h&&!k&&!g&&_(d)},x=l=>{var T;return(r==null?void 0:r.maxSelectMode)!==u.MaxSelectModes.Unlimited&&M(y)===(r==null?void 0:r.maxSelect)&&!((T=y[l])!=null&&T.isSelected)},R=l=>{l.preventDefault(),l.stopPropagation(),a(y,!0),c&&c()},E=(l,T,F,A)=>{const O=Object.assign({},y);if((k||A)&&T)for(const j of Object.values(O))j.isSelected=!1,delete j.userText;else P&&!A&&y[P.id].isSelected&&(O[P.id].isSelected=!1);O[l]={isSelected:T,userText:F};const G=k&&Object.entries(O).some(([j,Z])=>{var K,re;return Z.isSelected&&((re=(K=t.find(ne=>`${ne.id}`===j))==null?void 0:K.optionProperties)==null?void 0:re.allowsTextEntry)}),W=!m(O);h&&(a(O,W),k&&!G&&W&&c&&c()),L(O)};return e.u("form",{className:e.cc(n,"ul-card--multiple","fade-in-transition",h&&!g&&"ul-card--unfocused"),id:"text-form",onClick:v==="multipleselect"?()=>{h&&s!==d&&v==="multipleselect"&&_(d)}:void 0,onSubmit:R,children:[e.u(u.Header,{isRequired:h&&(r==null?void 0:r.required),message:i,properties:r}),e.u(u.MobileEmbedView,{properties:r,children:e.u(e.g,{children:[e.u(u.QuestionBodyWrapper,{children:[r.isDropdown?e.u(u.Select,{disabledOptions:t.filter(l=>x(l.id)),dropdownFooter:q?e.u("div",{className:"ul-card__min-select-counter",style:{marginLeft:"16px"},children:[M(y),"/",r.minSelect]}):void 0,isMultiSelect:!k,multiselectText:r.dropdownMultiselectedText??"choices selected",onChange:l=>{const T={...y};for(const F of t)l.includes(F)?T[F.id].isSelected=!0:T[F.id].isSelected=!1;h&&a(T,!m(T)),L(T)},options:t,placeholderText:r.dropdownPlaceholderText??(k?"Select choice":"Select choice(s)"),value:t.filter(l=>y[l.id].isSelected)}):e.u("div",{className:e.cc(e.getClasses("ul-card__choices",o)),role:k?"radiogroup":"group",children:[t.map(({id:l,label:T,value:F,optionProperties:A})=>{var Z,K;const O=`${l}`,{allowsTextEntry:G,noneOfTheAbove:W}={allowsTextEntry:!1,noneOfTheAbove:!1,...A};return e.u(u.Option,{allowTextEntry:G,border:b,disabled:x(O),error:(j=y,D(j)),id:O,isRadio:k,isSelected:!!((Z=y[O])!=null&&Z.isSelected),label:T,noneOfTheAbove:W,onUserInputChanged:C,promptText:"Please specify",text:(K=y[l])==null?void 0:K.userText,useMobileStyling:o,value:F},O);var j}),!!q&&e.u("div",{className:"ul-card__min-select-counter",children:[M(y),"/",r.minSelect]})]}),p&&e.u(u.LongformSubmitButton,{handleSubmit:R,isSubmitDisabled:m(y)})]}),!h&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(u.Button,{disabled:m(y),onClick:R,children:e.getButtonText(r)})})})]})})]},d)},He=n=>{const{questionId:i,type:a,next:t,options:r}=n,{setFocusedQuestionId:d}=e.useConfig(v=>({setFocusedQuestionId:v.setFocusedQuestionId}));return e.u(Se,{...n,onSubmit:(v,f)=>{var _;const c=Object.entries(v).find(([,g])=>g.isSelected)||[void 0,void 0],[b,o]=c,h=r.find(g=>`${g.id}`===b);!((_=h==null?void 0:h.optionProperties)!=null&&_.allowsTextEntry)||o!=null&&o.userText&&o.userText.trim()!==""||d(i);const s=o!=null&&o.userText?{[b]:{userText:o.userText}}:null;t({value:h&&b?{[b]:h.value}:{},secondaryValue:s,questionId:i,type:a},f)}})},$e=n=>{const{questionId:i,type:a,next:t}=n;return e.u(Se,{...n,onSubmit:(r,d)=>{const v=Object.entries(r).reduce((c,[b,o])=>(c[b]=o.isSelected,c),{}),f=Object.entries(r).reduce((c,[b,o])=>{if(!o.userText)return c;const h=c||{};return h[b]={userText:o.userText},h},null);t({value:v,secondaryValue:f,questionId:i,type:a},d)}})},Ve=({className:n,labels:i,message:a,properties:t,next:r,questionId:d,type:v})=>{const[f,c]=e.h(null),{border:b,useMobileStyling:o,viewDocument:h,isLongFormSurvey:s,focusedQuestionId:_}=e.useConfig(L=>({border:L.border,useMobileStyling:L.useMobileStyling,viewDocument:L.viewDocument,isLongFormSurvey:z.isLongFormSurvey(L.studyType),focusedQuestionId:L.focusedQuestionId})),g=s&&_===d,S=i&&i.left,y=i&&i.right;return e.u("form",{className:e.cc(n,"ul-card--nps","fade-in-transition",s&&!g&&"ul-card--unfocused"),children:[e.u(u.Header,{isRequired:s&&(t==null?void 0:t.required),message:a,properties:t}),e.u(u.MobileEmbedView,{properties:t,children:[e.u(u.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--nps__numbers",children:[...Array(11)].map((L,k)=>e.u("button",{className:e.cc(e.getClasses("nps-number",o),e.getClasses(`nps-number-${k}`,o)),id:`option-${k}`,onClick:w=>{s&&(w.preventDefault(),w.stopPropagation(),c(k)),r({value:k,questionId:d,type:v},!0)},onKeyDown:w=>{var D,M;const P=h.querySelectorAll("button.nps-number");w.key==="ArrowRight"?(D=P[k+1])==null||D.focus():w.key==="ArrowLeft"?(M=P[k-1])==null||M.focus():w.key!=="Enter"&&w.key!==" "||(s&&(w.preventDefault(),w.stopPropagation(),c(k)),r({value:k,questionId:d,type:v},!0))},onPointerDown:w=>{w.currentTarget.style.zIndex="2",w.currentTarget.style.borderColor=b},onPointerLeave:w=>{w.currentTarget.style.zIndex="auto",w.currentTarget.style.borderColor=J.DEFAULT_BORDER_COLOR},style:f===k?{backgroundColor:b,color:"#fff"}:void 0,tabIndex:0,children:k},k))}),e.u("div",{className:"ul-card--nps__labels",children:[e.u("span",{children:S}),e.u("span",{children:y})]})]}),!t.required&&!s&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-vertical-centered-container",children:e.u(u.Button,{onClick:L=>{L.preventDefault(),L.stopPropagation(),r({value:null,questionId:d,type:v},!0)},children:e.getButtonText(t)})})})]})]},d)},We=({className:n,message:i,next:a,properties:t,questionId:r,type:d,showIndividualSubmit:v=!1,onSubmitButtonClick:f})=>{const{border:c,useMobileStyling:b,update:o,isLongFormSurvey:h,focusedQuestionId:s,setFocusedQuestionId:_,isPreview:g}=e.useConfig(m=>({border:m.border,useMobileStyling:m.useMobileStyling,update:m.update,isLongFormSurvey:z.isLongFormSurvey(m.studyType),focusedQuestionId:m.focusedQuestionId,setFocusedQuestionId:m.setFocusedQuestionId,isPreview:m.isPreview})),[S,y]=e.h(""),L=e._(null),k=h&&s===r;e.p(()=>{var m,I;h&&!g&&(k?(m=L.current)==null||m.focus():(I=L.current)==null||I.blur())},[h,k,g]);const w=S.trim(),P=t.required===!0&&!w,D=u.useAutoSize(L,()=>o()),M=m=>{m.preventDefault(),m.stopPropagation(),a({value:S,questionId:r,type:d},!t.required||w.length>0),f&&f()},q=t&&t.openTextPlaceholder?t.openTextPlaceholder:"";return e.u("form",{className:e.cc(n,"ul-card-text","fade-in-transition",h&&!k&&"ul-card--unfocused"),id:"text-form",onClick:()=>{h&&s!==r&&_(r)},children:[e.u(u.Header,{isRequired:h&&(t==null?void 0:t.required),message:i,properties:t}),e.u(u.MobileEmbedView,{properties:t,children:e.u("div",{className:"ul-card-text",children:e.u(u.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card-text__container",children:e.u("textarea",{"aria-describedby":"ul-caption","aria-labelledby":"ul-question","aria-multiline":"true","aria-placeholder":q,className:e.cc(e.getClasses("ul-card-text__input",b)),"data-gramm":"false",maxLength:5e3,name:"text",onBlur:m=>{m.currentTarget.style.borderColor=J.DEFAULT_BORDER_COLOR},onChange:m=>{const{value:I}=m.currentTarget;if(D(),m.preventDefault(),m.stopPropagation(),y(I),h){const p=I.trim().length>0;a({value:I,questionId:r,type:d},p)}},onFocus:m=>{m.currentTarget.style.borderColor=c,_(r)},placeholder:q,ref:L,role:"textbox",tabIndex:0})}),t.footerHtml&&e.u(u.Html,{className:"footer",html:t.footerHtml}),v&&e.u(u.LongformSubmitButton,{handleSubmit:M,isSubmitDisabled:P}),e.u(u.QuestionBodyFooterContainer,{children:!h&&e.u(u.Button,{disabled:P,onClick:M,children:e.getButtonText(t)})})]})})})]},r)},ue=1,xe=2,Te=3,ie=n=>n.type==="av_permission",ge=n=>n.type==="screen_permission",_e=(n,i)=>n===void 0?ue:n?((a,t)=>!(ie(t)?t.permissionDescriptors:[]).includes("camera")||a.getVideoTracks().length>0)(n,i)?Te:ue:xe,he={avStream:null,currentPage:null,mediaRecordingUids:null,nextQuestion:()=>{},passthroughData:void 0,recordingMediaTypes:void 0,screenPermissionRequested:!1,type:void 0},X=e.create(n=>({...he,reset:()=>{n(he)},updatePage:i=>{n(i)}}));function ae({currentPage:n,pages:i}){const{avStream:a,recordingMediaTypes:t,updatePage:r}=X.getState(),{recorderEventEmitter:d}=e.useConfig.getState();d.emit("av.permission",{"permission.descriptors":n.permissionDescriptors,"stream.ready":(v,f)=>{if(a===v)return;let c=n;if(v&&!n.permissionDescriptors.includes("camera")){const b=i.indexOf(n),o=f!=null&&f.active?b+2:b+1;f!=null&&f.active&&t&&d.emit("begin.recording",{"recording.media.types":t,"start.recording.callback":h=>r({mediaRecordingUids:h})}),c=i[o]}r({currentPage:c,avStream:v})}})}function de({status:n}){const{nextQuestion:i,passthroughData:a,mediaRecordingUids:t,reset:r}=X.getState(),{recorderEventEmitter:d,handleUploadUpdate:v,index:f}=e.useConfig.getState(),c={value:{taskStatus:n},type:"recordedtask",questionId:(a==null?void 0:a.questionId)||1};a&&d.emit("finish.task",{"begin.callback":b=>{v({mediaRecordingUid:b,isSubmitted:!0,progressPct:0,isComplete:!1})},"progress.callback":(b,o)=>{v({mediaRecordingUid:b,progressPct:o.detail,isSubmitted:!1,isComplete:!1})},"upload.callback":b=>{b&&v({mediaRecordingUid:b,isComplete:!0,isSubmitted:!0,progressPct:100})},"passthrough.data":a,"current.index":f,"task.response":c,"task.complete.callback":b=>{c.value.taskDurationMillisecond=b,t&&(c.value.mediaRecordingUids=t),r(),i(c)}})}function ce({pages:n,setIsRequestingPermission:i}){const{recorderEventEmitter:a,eventEmitFn:t}=e.useConfig.getState(),{updatePage:r,currentPage:d,recordingMediaTypes:v,screenPermissionRequested:f}=X.getState();if(!d)return;const c=n.indexOf(d);switch(d.type){case"av_permission":{const b=f?c+2:c+1;return f&&v&&a.emit("begin.recording",{"recording.media.types":v,"start.recording.callback":o=>{r({mediaRecordingUids:o})}}),void r({currentPage:n[b]})}case"screen_permission":return void a.emit("screen.permission",{"screen.permission.requested":i,"stream.ready.callback":(b,o)=>{const h=o?n[c+1]:d;o&&v&&a.emit("begin.recording",{"recording.media.types":v,"start.recording.callback":s=>{r({captureStream:o,mediaRecordingUids:s})}}),r({currentPage:h,screenPermissionRequested:!0,captureStream:o})}});case"start_task":return t("recorded.task.start"),a.emit("recorded.task.start"),a.emit("start.task"),void r({currentPage:n[c+1],screenPermissionRequested:!0});case"complete_task":return}}const ke="ul-permission-graphics-container",Ie="ul-permission-body",Re=e.cc(ke,"ul_recorded-task-inset-spacing"),se=e.cc("ul-horizontal-button-container","ul-horizontal-button-container-left"),Ne=({richTextBody:n})=>e.u(u.Html,{className:"ul-rich-text-body",html:n,id:"ul-task-detail-container"}),oe=({required:n,skipButtonText:i,bottom:a=!1})=>n?null:e.u(u.Button,{className:e.cc(a&&"ul-skip-button-below","ul-button-inactive"),onClick:de.bind(null,{status:"abandoned"}),children:i||"Skip"}),pe=n=>{const{avStream:i,captureStream:a,recordingMediaTypes:t,updatePage:r}=X.getState(),d=(t==null?void 0:t.includes("audio"))||(t==null?void 0:t.includes("video"));e.p(()=>{const v=setInterval(()=>{d&&i&&!i.active?r({avStream:null,currentPage:n[0]}):a&&a.active||r({captureStream:void 0,currentPage:n[d?1:0]})},1e3);return()=>clearInterval(v)},[i,a,d,n,t,r])},Ge=({content:n,pages:i,required:a})=>{const{buttonText:t,skipButtonText:r,taskDetail:d}=n;return pe(i),e.u("div",{className:"ul-task-page",children:[d&&e.u(Ne,{richTextBody:d}),e.u("div",{className:se,children:[e.u(u.Button,{onClick:ce.bind(null,{pages:i}),children:t}),e.u(oe,{required:a,skipButtonText:r})]})]},"start-task")},je=({content:n,pages:i,properties:a})=>{const{buttonText:t,skipButtonText:r}=n;return pe(i),e.u("div",{className:"ul-task-page",children:[n.taskDetail&&e.u(Ne,{richTextBody:n.taskDetail}),e.u(u.MobileEmbedView,{properties:a,children:e.u("div",{className:se,children:[e.u(u.Button,{className:"ul-complete-task-button",onClick:de.bind(null,{status:"completed"}),children:t}),e.u(u.Button,{className:e.cc("ul-button-inactive"),onClick:de.bind(null,{status:"given.up"}),children:r})]})})]},"complete-task")},Ze=({content:n,pages:i,required:a})=>{const{buttonText:t,skipButtonText:r}=n,[d]=e.useConfig(c=>[c.tabTitle]),[v,f]=e.h(!1);return e.u("div",{children:[e.u("div",{className:Re,children:[e.u("p",{style:{marginTop:"auto"},children:n.selectTabText}),e.u("div",{className:"ul-select-tab-container",children:e.u("p",{className:Ie,children:d})})]}),e.u("div",{className:a?"":se,children:[e.u(u.Button,{disabled:v,onClick:ce.bind(null,{pages:i,setIsRequestingPermission:f}),children:t}),e.u(oe,{required:a,skipButtonText:r})]})]})},ze=({content:n})=>e.u(u.Html,{className:e.cc(ke,"ul_permission_svg_container","ul_recorded-task-inset-spacing","ul-center-horizontally"),html:n.svg},"ul-permission-request-graphic"),Ye=({content:n,pages:i,required:a})=>{const{permissionDeniedHeadline:t,permissionDeniedBody:r,skipButtonText:d,tryAgainButtonText:v}=n,f=ie(i[0])?i[0]:null;return e.p(()=>{const c=setInterval(()=>{f!==null&&ae({currentPage:f,pages:i})},1e3);return()=>clearInterval(c)},[f,i]),f?e.u("div",{children:[e.u("div",{className:Re,children:e.u("p",{className:"ul-av-permission-denied-paragraph",children:[e.u("span",{className:"ul-av-permission-denied-headline",children:t}),e.u("span",{className:Ie,children:r})]})}),e.u("div",{className:se,children:[e.u(u.Button,{onClick:ae.bind(null,{currentPage:f,pages:i}),children:v}),e.u(oe,{required:a,skipButtonText:d})]})]}):null},Ke=({stream:n})=>e.u("video",{autoPlay:!0,className:e.cc("ul_recorded-task-inset-spacing"),id:"ul-record-task-video-preview",muted:!0,ref:i=>{i&&(i.srcObject=n||null)}}),Xe=({content:n,pages:i,required:a})=>{const{skipButtonText:t}=n,{avStream:r}=X.getState();return pe(i),e.u("div",{children:[e.u(Ke,{stream:r}),e.u("div",{className:"ul-vertical-button-container-center",children:[e.u(u.Button,{onClick:ce.bind(null,{pages:i}),children:n.buttonText}),e.u(oe,{bottom:!0,required:a,skipButtonText:t})]})]})},Je=({properties:n})=>{const{pages:i,required:a}=n,{avStream:t,currentPage:r}=X.getState();if(r===void 0)return null;switch(r==null?void 0:r.type){case"av_permission":{const d=_e(t,r);return d===ue?e.u(ze,{content:r}):d===xe?e.u(Ye,{content:r,pages:i,required:a}):e.u(Xe,{content:r,pages:i,required:a})}case"screen_permission":return e.u(Ze,{content:r,pages:i,required:a});case"start_task":return e.u(Ge,{content:r,pages:i,required:a});case"complete_task":return e.u(je,{content:r,pages:i,properties:n});default:return null}},et=({className:n,properties:i,next:a,questionId:t})=>{const r=e.useConfig(),{surveyId:d,responseGroupUid:v,userId:f,update:c}=r,b=X(),{screenPermissionRequested:o}=b,h=X(y=>y.avStream);let s=X(y=>y.currentPage);s||(s=function({pages:y,userId:L,responseGroupUid:k,surveyId:w,questionId:P,next:D}){const{updatePage:M}=X.getState(),{eventEmitFn:q,recorderEventEmitter:m}=e.useConfig.getState(),I={questionId:P,surveyId:w,visitorId:L,responseGroupUid:k};let p=0;m.emit("recorded.task.permission.screen"),q("recorded.task.permission.screen"),m.emit("permission.status",{"permission.status.callback":(x,R,E,l)=>{const T=y[p],{type:F}=T,A=["screen"];if(ie(T)){const{permissionDescriptors:O}=T,G=O==null?void 0:O.includes("microphone"),W=O==null?void 0:O.includes("camera");G&&A.push("audio"),W&&A.push("video"),(x!=null&&x.active&&!W||x!=null&&x.active&&R)&&p++}ge(y[p])&&E&&(p++,m.emit("begin.recording",{"recording.media.types":A,"start.recording.callback":O=>M({mediaRecordingUids:O})})),M({currentPage:y[p],avStream:x,screenPermissionRequested:E,nextQuestion:D,type:F,passthroughData:I,recordingMediaTypes:A,captureStream:l})}});const C=y[p];return C.type==="av_permission"&&ae({currentPage:C,pages:y}),C}({questionId:t,surveyId:d,next:y=>{a(y,!0)},pages:i.pages,responseGroupUid:v,userId:f}));let _=s.headline,g=s.captionText;const S=_e(h,s);return ge(s)&&o&&(_=s.permissionDeniedHeadline,g=s.permissionDeniedCaptionText),ie(s)&&S===Te&&(_=s.permissionGrantedHeadline,g=s.permissionGrantedCaptionText),e.p(()=>{c()},[c]),e.u("div",{className:e.cc(n,"ul-center-horizontally","fade-in-transition"),children:[e.u(u.Header,{isRequired:i==null?void 0:i.required,message:_,properties:{captionText:g}}),e.u(u.QuestionBodyWrapper,{children:e.u(Je,{properties:i})})]})},tt=({richTextBody:n,plaintextBody:i})=>n?e.u(u.Html,{className:"ul-rich-text-body",html:n,id:"ul-card__text-url-body-container"}):i?e.u("div",{className:"ul-rich-text-body",id:"ul-card__text-url-body-container",children:(i?i.split(/\n\s*\n/g):[]).map((a,t)=>e.u("p",{children:a},t))}):null,rt=({className:n,message:i,next:a,properties:t,questionId:r,type:d})=>{const{visitorAttributes:v,isLongFormSurvey:f}=e.useConfig(h=>({visitorAttributes:h.visitorAttributes,isLongFormSurvey:z.isLongFormSurvey(h.studyType)})),c=(h,s=!1)=>{a({value:s?{skipped:!0}:void 0,questionId:r,type:d},!0)},b=u.getAttributedUrl(t&&t.buttonUrl,v),o=f&&t.promptActionType===u.PromptActionTypeEnum.NO_BUTTON;return e.u("div",{className:e.cc(n,"ul-card__text-url-prompt","fade-in-transition"),children:[e.u(u.Header,{isRequired:f&&(t==null?void 0:t.required),message:i,properties:{questionHtml:t.questionHtml}}),e.u(u.QuestionBodyWrapper,{children:e.u(tt,{plaintextBody:t==null?void 0:t.body,richTextBody:t==null?void 0:t.richTextBody})}),e.u(u.MobileEmbedView,{properties:t,children:!o&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card-button-group",children:[e.u("a",{className:"ul-card-text__button ul-card__text-url-prompt-button",href:b,id:"ul-card-text__button",onClick:c,onKeyPress:h=>{h.key!=="Enter"&&h.key!==" "||a({value:void 0,questionId:r,type:d},!0)},rel:"noreferrer",role:b?"link":"button",tabIndex:0,target:"_blank",children:e.getButtonText(t)}),t.required===!1&&e.u("button",{className:"ul-card-skip__button",onClick:h=>c(0,!0),children:e.getSkipButtonText(t)})]})})})]},r)},nt=({className:n,questionId:i})=>{const{border:a,destroy:t,endCard:r,forceBrandedLogo:d,update:v}=e.useConfig(b=>({border:b.border,destroy:b.destroy,endCard:b.endCard,forceBrandedLogo:b.forceBrandedLogo,update:b.update}));e.p(()=>{setTimeout(()=>{t(J.APP_ID)},d?4e3:2e3)},[t,d]);const f=r&&r.subheader?e.u("p",{className:"ul-caption",children:r.subheader}):null,c=r&&r.headline?r.headline:"";return e.p(()=>{v()},[v]),e.u("div",{className:e.cc(n,"ul-card--thanks","fade-in-transition"),children:e.u("div",{children:e.u("div",{className:"ul-card--thanks-content",children:[e.u("div",{className:"ul-thanks-check",children:e.u("svg",{"aria-labelledby":"title",fill:"none",height:"99",viewBox:"0 0 81 99",width:"81",xmlns:"http://www.w3.org/2000/svg",children:[e.u("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:a,fillRule:"evenodd"}),e.u("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:a,fillRule:"evenodd"}),e.u("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.u(u.Header,{message:c}),f]})})},i)},ee="ul-card-video__player_recorder",be="ul-video-btn",le=0,ve=1,it=({className:n,message:i,next:a,properties:t,questionId:r,type:d})=>{const{apiURL:v,envId:f,handleUploadUpdate:c,headers:b,responseGroupUid:o,surveyId:h,update:s,viewDocument:_,visitorId:g}=e.useConfig(l=>({apiURL:l.apiURL,envId:l.envId,handleUploadUpdate:l.handleUploadUpdate,headers:l.headers,responseGroupUid:l.responseGroupUid,surveyId:l.surveyId,update:l.update,viewDocument:l.viewDocument,visitorId:l.userId})),[S,y]=e.h(!1),[L,k]=e.h(null),[w,P]=e.h(null),[D,M]=e.h(le),[q,m]=e.h(null),[I,p]=e.h(null),C=t&&t.videoUrl,x=e.T(l=>{l&&m(l)},[m]);e.p(()=>{const l=new ResizeObserver(()=>{setTimeout(s,0)});return I&&l.observe(I),q&&l.observe(q),()=>{l.disconnect()}},[s,I,q]);const R=(l,T)=>{l===u.RECORDER.UPLOAD_STARTED?(k(T[u.RECORDER.UPLOAD_ID]),P(T[u.RECORDER.MEDIA_RECORDING_UID]),y(!0)):l===u.RECORDER.DELETE?(k(null),P(null),y(!1)):l===u.RECORDER.UPLOAD_PROGRESS?isNaN(T[u.RECORDER.UPLOAD_PROGRESS_PCT])?c({mediaRecordingUid:T[u.RECORDER.MEDIA_RECORDING_UID],isComplete:!0}):c({mediaRecordingUid:T[u.RECORDER.MEDIA_RECORDING_UID],progressPct:T[u.RECORDER.UPLOAD_PROGRESS_PCT]}):l===u.RECORDER.UPLOAD_FINISHED&&c({mediaRecordingUid:T[u.RECORDER.MEDIA_RECORDING_UID],isComplete:!0})},E=l=>{l.preventDefault(),l.stopPropagation(),document.getElementById(ee)&&u.stopRecording(ee),L&&w?(c({mediaRecordingUid:w,isSubmitted:!0}),a({value:{mediaRecordingUid:w},questionId:r,type:d},!0)):a({value:null,questionId:r,type:d},!0)};return e.u("form",{className:e.cc(n,"ul-card--video","fade-in-transition"),id:"ul-video-interview-form",children:[e.u(u.Header,{isRequired:t==null?void 0:t.required,message:i,properties:t}),e.u(u.QuestionBodyWrapper,{children:[e.u("div",{id:"ul-question-player-container",ref:x,style:{display:D===le?"":"none"},children:[e.u("div",{id:ee,ref:l=>{if(l&&l.children.length===0&&!t.hideRecordedPrompt){p(l);const T=u.videoPlayer(ee,{src:C,type:"application/x-mpegURL"},void 0,t.mediaType===u.RECORDER.MEDIA_TYPE_AUDIO,v,_);l.appendChild(T)}}}),e.u(u.MobileEmbedView,{properties:t,children:e.u("button",{className:`${be} ul-record-response-btn`,onClick:l=>{l.preventDefault(),l.stopPropagation(),document.getElementById(ee)&&u.pauseQuestionPlayer(ee),M(ve)}})})]}),e.u("div",{style:{display:D===ve?"block":"none"},children:[e.u("button",{className:`${be} ul-back-question-btn`,onClick:l=>{l.preventDefault(),l.stopPropagation(),M(le)},style:{display:t.hideRecordedPrompt?"none":"block"}}),e.u("div",{id:"ul-recorder-player-container",ref:l=>{if(l&&l.children.length===0){p(l);const T=u.videoRecorderPlayer(ee,{surveyId:h,responseGroupUid:o,questionId:r,visitorId:g,envId:f},v,R,void 0,{...b,"x-ul-video-recorder-origin":"sdk"},t.mediaType===u.RECORDER.MEDIA_TYPE_AUDIO,_);l.appendChild(T)}}})]})]}),e.u(u.QuestionBodyFooterContainer,{children:[e.u(u.Button,{disabled:!S,onClick:E,children:e.getButtonText(t)}),e.u("button",{className:"ul-card-text__button ul-button-inactive ul-card-skip__button",id:"ul-card-video__skip_button",onClick:E,style:{display:t.required?"none":"block",...S?{display:"none"}:{}},children:e.getSkipButtonText(t)})]})]})},st=({className:n})=>{const{uploadProgress:i}=e.useConfig(d=>({uploadProgress:d.uploadProgress}));let a,t;Object.values(i).filter(d=>d.isSubmitted).length>1?(a="Your responses are processing",t="Please keep this tab open until your responses are fully processed."):(a="Your response is processing",t="Please keep this tab open until your response is fully processed.");const r=Math.round(Math.min(99,...Object.values(i).filter(d=>d.isSubmitted).map(d=>d.progressPct||0)));return e.u("div",{className:e.cc(n,"ul-card--uploading","fade-in-transition"),children:[e.u("div",{"aria-busy":"true","aria-label":"Processing...","aria-live":"polite",className:"ul-loading-spinner-container",role:"progressbar",children:e.u("div",{className:"ul-loading-spinner",children:[e.u("div",{className:"first"}),e.u("div",{className:"second"}),e.u("div",{className:"third"}),e.u("div",{className:"fourth"})]})}),e.u(u.Header,{message:`${a} (${r}% complete)`}),e.u("p",{className:"ul-caption",children:t})]})},Le=e.F$1(void 0),ot=({value:n,children:i})=>e.u(Le.Provider,{value:n,children:i}),lt=({isRightLabel:n,isLeftLabel:i})=>n?e.MaxDiffChoice.RIGHT:i?e.MaxDiffChoice.LEFT:null,ut="Best",at="Worst",dt=({className:n,labels:i,message:a,properties:t,options:r,questionId:d,type:v,next:f})=>{var P,D,M,q;const[c,b]=e.h(r.map((m,I)=>({...m,label:m.label===""?`Item ${I+1}`:m.label,isRightLabel:!1,isLeftLabel:!1}))),o=(()=>{const m=e.q(Le);if(m===void 0)throw new Error("usePreviousResponses must be used within a PreviousResponsesProvider");return m})(),h={padding:"24px",display:"flex",cursor:"pointer",width:"auto"},[s,_]=e.h(!1);e.p(()=>{const m=c.findIndex(T=>T.isRightLabel),I=c.findIndex(T=>T.isLeftLabel),p=m!==-1&&I!==-1;_(p);const C=!t.required||t.required&&p,x=c.map(T=>({id:T.id,option:T.label,selected:lt(T)})),R=Math.floor(d),E=Object.keys(o).filter(T=>T.startsWith(R.toString())).map(Number).sort((T,F)=>T-F).at(-1),l=[];if(typeof E=="number"){const T=o[E],F=JSON.parse(T);l.push(...F)}l.push(x),setTimeout(()=>{f({value:l,questionId:d,type:v},C,p),_(!1)},p?500:0)},[c]);const{border:g,useMobileStyling:S,enableCspTrustedTypes:y}=e.useConfig(m=>({border:m.border,useMobileStyling:m.useMobileStyling,enableCspTrustedTypes:m.enableCspTrustedTypes})),L=(m,I)=>()=>{s||b(p=>((C,x,R)=>C.map(E=>E.id===x?{...E,isRightLabel:R===e.MaxDiffChoice.RIGHT,isLeftLabel:R===e.MaxDiffChoice.LEFT}:R===e.MaxDiffChoice.RIGHT&&E.isRightLabel||R===e.MaxDiffChoice.LEFT&&E.isLeftLabel?{...E,isRightLabel:!1,isLeftLabel:!1}:E))(p,m,I))},k=(P=t.ratingIcons)==null?void 0:P[0].svg,w=(D=t.ratingIcons)==null?void 0:D[1].svg;return e.u("form",{className:e.cc(n,"ul-card-maxdiff","fade-in-transition"),children:[e.u(u.Header,{isRequired:t==null?void 0:t.required,message:a,properties:t}),e.u(u.QuestionBodyWrapper,{children:e.u("div",{className:"ul-card--maxdiff__question-inner-container",children:[e.u("div",{className:"ul-card-maxdiff__label",children:(i==null?void 0:i.left)||((M=t==null?void 0:t.labels)==null?void 0:M.left)||ut}),e.u("div",{children:" "}),e.u("div",{className:"ul-card-maxdiff__label",children:(i==null?void 0:i.right)||((q=t==null?void 0:t.labels)==null?void 0:q.right)||at}),c.map(({id:m,label:I,isLeftLabel:p,isRightLabel:C})=>e.u(e.g,{children:[e.u("div",{className:"ul-card-maxdiff__option-control "+(w?"smiley":""),children:w?e.u(fe,{ariaPressed:p,className:p?"ul-card-maxdiff__option-btn ul-card-maxdiff__option-selected good":"ul-card-maxdiff__option-btn",enableCspTrustedTypes:y,html:w,id:`smiley-good-${m}`,onClick:L(m,e.MaxDiffChoice.LEFT)}):e.u(u.Option,{allowTextEntry:!1,ariaLabel:`bestLabel-${I}`,border:g,choiceStyle:h,error:!1,id:`${m}`,isRadio:!0,isSelected:p,onUserInputChanged:L(m,e.MaxDiffChoice.LEFT),useMobileStyling:S})}),e.u("div",{className:"ul-card-maxdiff__option-label",children:I}),e.u("div",{className:"ul-card-maxdiff__option-control "+(k?"smiley":""),children:k?e.u(fe,{ariaPressed:C,className:C?"ul-card-maxdiff__option-btn ul-card-maxdiff__option-selected bad":"ul-card-maxdiff__option-btn",enableCspTrustedTypes:y,html:k,id:`smiley-bad-${m}`,onClick:L(m,e.MaxDiffChoice.RIGHT)}):e.u(u.Option,{allowTextEntry:!1,ariaLabel:`worstLabel-${I}`,border:g,choiceStyle:h,error:!1,id:`${m}`,isRadio:!0,isSelected:C,onUserInputChanged:L(m,e.MaxDiffChoice.RIGHT),useMobileStyling:S})})]}))]})})]},d)},fe=({enableCspTrustedTypes:n,ariaPressed:i,className:a,html:t,id:r,onClick:d})=>{const v=e.F(()=>J.getHtml(t,n),[n,t]);return e.u("span",{"aria-pressed":i,className:a,dangerouslySetInnerHTML:{__html:v},id:r,onClick:d,tabIndex:0,type:"button"})},ct=({className:n,labels:i,message:a,next:t,properties:r,questionId:d,type:v,onSubmitButtonClick:f,options:c,showIndividualSubmit:b=!1})=>{const o=e._(null),h=e._(0),s=e._(0),_=e._(null),g=e._(!1),S=e._([]),[y,L]=e.h(()=>(r==null?void 0:r.required)===!0),[k,w]=e.h(()=>c.map(N=>({...N,rank:null}))),P=e.F(()=>Array.from({length:c.length},(N,Q)=>Q+1),[c.length]),{isLongFormSurvey:D,focusedQuestionId:M,setFocusedQuestionId:q,useMobileStyling:m,isPreview:I,headers:p}=e.useConfig(N=>({useMobileStyling:N.useMobileStyling,isLongFormSurvey:z.isLongFormSurvey(N.studyType),focusedQuestionId:N.focusedQuestionId,setFocusedQuestionId:N.setFocusedQuestionId,isPreview:N.isPreview,headers:N.headers})),C=(p==null?void 0:p["userleap-platform"])==="android",x=m&&!I&&!C,R=!x&&!C,E=D&&M===d,l=N=>{N.preventDefault(),j(k),f&&f()},T=(N,Q)=>{w(U=>{const B=parseInt(Q),H=U.map($=>({...$}));H.some($=>$.rank==null)&&H.forEach(($,te)=>$.rank=te+1);const Y=H.findIndex($=>$.id===N);if(Y===-1)return U;const V=H[Y].rank;return B<V?H.forEach($=>{$.id!==N&&$.rank>=B&&$.rank<V&&($.rank=$.rank+1)}):B>V&&H.forEach($=>{$.id!==N&&$.rank>V&&$.rank<=B&&($.rank=$.rank-1)}),H[Y].rank=B,H.sort(($,te)=>$.rank-te.rank),Z(H),H})},F=(N,Q)=>{for(let U=0;U<S.current.length;U++){const B=S.current[U];if(!B||B===_.current)continue;const H=B.getBoundingClientRect();if(N>=H.left&&N<=H.right&&Q>=H.top&&Q<=H.bottom)return{element:B,index:U}}return null},A=N=>Q=>{if(!x)return;Q.preventDefault(),Q.stopPropagation(),g.current=!0,o.current=N;const U=Q.touches[0];h.current=U.clientY,s.current=U.clientY;const B=Q.currentTarget.closest(".ul-card-rank__option");B&&(_.current=B,B.classList.add("is-dragging"))},O=N=>{if(!x||!g.current||o.current===null)return;N.preventDefault(),N.stopPropagation();const Q=N.touches[0];s.current=Q.clientY;const U=s.current-h.current;_.current&&(_.current.style.transform=`translateY(${U}px)`,_.current.style.zIndex="1000"),S.current.forEach(H=>{H&&H!==_.current&&H.classList.remove("is-drop-target")});const B=F(Q.clientX,Q.clientY);B&&B.element.classList.add("is-drop-target")},G=N=>{if(!x||!g.current||o.current===null)return;N.preventDefault(),N.stopPropagation();const Q=N.changedTouches[0],U=F(Q.clientX,Q.clientY);_.current&&(_.current.style.transform="",_.current.style.zIndex="",_.current.classList.remove("is-dragging")),S.current.forEach(B=>{B&&B.classList.remove("is-drop-target")}),U&&U.index!==o.current&&W(o.current,U.index),o.current=null,_.current=null,g.current=!1},W=(N,Q)=>{w(U=>{const B=U.map(Y=>({...Y})),[H]=B.splice(N,1);return B.splice(Q,0,H),B.forEach((Y,V)=>{Y.rank=V+1}),Z(B),B})},j=N=>{const Q={};N.reduce((U,B)=>(U[B.id]=B.rank,U),Q),t({value:Q,questionId:d,type:v},!0)},Z=N=>{L(!1),D&&j(N)},{left:K,right:re}=i,ne=c.length,we=N=>{N.preventDefault(),N.currentTarget.classList.add("is-drop-target")},qe=N=>{N.currentTarget.classList.remove("is-drop-target")},De=N=>{o.current=null,N.currentTarget.classList.remove("is-dragging")};return e.u("form",{className:e.cc(n,"ul-card-rank","fade-in-transition",D&&!E&&"ul-card--unfocused"),onClick:D?()=>{D&&M!==d&&q(d)}:void 0,onSubmit:l,children:[e.u(u.Header,{isRequired:r==null?void 0:r.required,message:a,properties:r}),e.u(u.MobileEmbedView,{properties:r,children:C?e.u(e.g,{children:[e.u(u.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--rank__question-inner-container",children:[e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:["1 - ",K]})}),e.u("ol",{className:"ul-card-rank__list",children:k.map(({id:N,label:Q,rank:U})=>e.u("li",{className:"ul-card-rank__option",children:[e.u("select",{"aria-label":`Rank for ${Q}`,className:e.cc("ul-card-rank__select",U==null&&"ul-card-rank__select--placeholder"),name:`rank[${N}]`,onChange:B=>T(N,B.currentTarget.value),value:U??"",children:[U==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),P.map(B=>e.u("option",{className:"ul-card-rank__select-option",value:B,children:B},`${B}-${d}`))]}),e.u("span",{children:Q})]},N))}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[ne," - ",re]})})]}),b&&e.u(u.LongformSubmitButton,{handleSubmit:l,isSubmitDisabled:y})]}),!D&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(u.Button,{disabled:y,children:e.getButtonText(r)})})})]}):e.u(e.g,{children:[e.u(u.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--rank__question-inner-container",children:[e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:["1 - ",K]})}),e.u("ol",{className:"ul-card-rank__list",onDragOver:C?void 0:N=>{N.preventDefault(),N.dataTransfer&&(N.dataTransfer.dropEffect="move")},children:k.map(({id:N,label:Q,rank:U},B)=>{return e.u("li",{className:"ul-card-rank__option",draggable:!!R||void 0,onDragEnd:R?De:void 0,onDragEnter:R?we:void 0,onDragLeave:R?qe:void 0,onDragStart:R?(Y=B,V=>{o.current=Y,V.dataTransfer&&(V.dataTransfer.effectAllowed="move",V.dataTransfer.setData("text/plain",String(Y)),V.currentTarget.classList.add("is-dragging"))}):void 0,onDrop:R?(H=B,V=>{var te,me;V.preventDefault(),V.currentTarget.classList.remove("is-drop-target");const $=o.current;o.current=null,(me=(te=V.currentTarget.closest(".ul-card-rank__list"))==null?void 0:te.querySelector(".is-dragging"))==null||me.classList.remove("is-dragging"),$!=null&&$!==H&&W($,H)}):void 0,ref:V=>S.current[B]=V,children:[e.u("select",{"aria-label":`Rank for ${Q}`,className:e.cc("ul-card-rank__select",U==null&&"ul-card-rank__select--placeholder"),name:`rank[${N}]`,onChange:V=>T(N,V.currentTarget.value),value:U??"",children:[U==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),P.map(V=>e.u("option",{className:"ul-card-rank__select-option",value:V,children:V},`${V}-${d}`))]}),e.u("span",{children:Q}),!C&&e.u("button",{"aria-label":`Drag ${Q} to reorder`,className:"ul-card-rank__drag-btn",onTouchEnd:x?G:void 0,onTouchMove:x?O:void 0,onTouchStart:x?A(B):void 0,title:"Drag to reorder",type:"button",children:e.u("svg",{fill:"none",height:"17",viewBox:"0 0 16 17",width:"16",xmlns:"http://www.w3.org/2000/svg",children:e.u("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"})})})]},N);var H,Y})}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[ne," - ",re]})})]}),b&&e.u(u.LongformSubmitButton,{handleSubmit:l,isSubmitDisabled:y})]}),!D&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(u.Button,{disabled:y,children:e.getButtonText(r)})})})]})})]},d)},pt=new Set(["open","matrix","multipleselect","multiplechoice","rankorder"]),ye=({cardInstance:n,moveToNextQuestion:i,showIndividualSubmit:a,submitQuestion:t,updateCardValues:r})=>{const{isLongFormSurvey:d}=e.useConfig(s=>({isLongFormSurvey:z.isLongFormSurvey(s.studyType)}));if(!n)return null;const{name:v,type:f,props:c}=n,b=a&&pt.has(f),o={className:"ul-card",next:(s,_,g=!0)=>t(s,_&&g),questionId:v,type:f,showIndividualSubmit:a,...b?{next:(s,_)=>{r(s.questionId,s,_??!0)},onSubmitButtonClick:()=>i(v)}:{}},h=(()=>{switch(f){case"consentlegal":return e.u(Ee,{...o,...c});case"likert":return e.u(Me,{...o,...c});case"matrix":return e.u(Ae,{...o,...c});case"maxdiff":return e.u(dt,{...o,...c});case"multiplechoice":return e.u(He,{...o,...c});case"multipleselect":return e.u($e,{...o,...c});case"nps":return e.u(Ve,{...o,...c});case"open":return e.u(We,{...o,...c});case"rankorder":return e.u(ct,{...o,...c});case"recordedtask":return e.u(et,{...o,...c});case"texturlprompt":return e.u(rt,{...o,...c});case"thanks":return e.u(nt,{...o,...c});case"uploading":return e.u(st,{...o,...c});case"videovoice":return e.u(it,{...o,...c});default:return null}})();return h?d?e.u("div",{className:"ul-card-scroll-wrapper",children:h},v):h:null},mt=({isSubmitDisabled:n=!1,onSubmit:i,buttonText:a})=>{var _;const{cards:t,forceBrandedLogo:r,index:d,marketingUrl:v,showSurveyBrand:f,slugName:c,surveyId:b,useMobileStyling:o}=e.useConfig(g=>({cards:g.cards,forceBrandedLogo:g.forceBrandedLogo,index:g.index,marketingUrl:g.marketingUrl,showSurveyBrand:g.showSurveyBrand,slugName:g.slugName,surveyId:g.surveyId,useMobileStyling:g.useMobileStyling})),h=((_=t[d])==null?void 0:_.type)==="thanks",s=e.buildMarketingUrl({marketingUrl:v,slugName:c,surveyId:b,forceBrandedLogo:r});return e.u("footer",{className:e.cc("long-form-question-footer-container",o&&"long-form-question-footer-container--mobile",h&&"long-form-question-footer-container-center"),children:[h&&r?e.u(e.ThankYouLink,{marketingUrlLink:s}):e.u("div",{className:"long-form-question-footer-container-logo",children:f?e.u(e.SprigBrandLogo,{forceBrandedLogo:r,marketingUrlLink:s}):null}),!h&&e.u("div",{className:e.cc("ul-card__button-wrapper","ul-card-vertical__button-wrapper","long-form-question-footer-container-actions"),children:e.u(u.Button,{className:e.cc("long-form-button",n&&"sprig-button-disabled"),disabled:n,onClick:i,children:e.u("span",{className:"long-form-button-text-container",children:a??e.u(e.Arrow,{stroke:"white"})})})})]})};exports.PageCard=({cards:n,next:i,previousResponses:a})=>{var I;const[t,r]=e.h({}),[d,v]=e.h({}),f=e.F(()=>({...a,...e.buildReadableResponseMap(n.map(p=>{var C,x;return{...p,value:((C=t[p.name])==null?void 0:C.value)??null,secondaryValue:((x=t[p.name])==null?void 0:x.secondaryValue)??null}}))}),[a,t,n]),c=e.pipeReadableResponsesIntoCards(n,f),{isLongFormSurvey:b,focusedQuestionId:o,setFocusedQuestionId:h}=e.useConfig(p=>({isLongFormSurvey:z.isLongFormSurvey(p.studyType),focusedQuestionId:p.focusedQuestionId,setFocusedQuestionId:p.setFocusedQuestionId})),s=e._(null),_=e._(!1),g=e._(null),S=e.T(p=>{var E,l;_.current=!0;const C=n.findIndex(T=>T.name===p);if(!b||p===null||C===-1)return void(_.current=!1);const x=(E=s.current)==null?void 0:E.querySelectorAll(".ul-card-scroll-wrapper")[C],R=(l=s.current)==null?void 0:l.closest(".ul-card-main-content");if(x&&R){if(x&&R){const T=x.getBoundingClientRect(),F=R.getBoundingClientRect(),A=T.top-F.top+R.scrollTop,O=A+T.height/2,G=window.innerHeight-157;let W;T.height>=G?W=A:W=O-R.clientHeight/2;const j=R.clientHeight,Z=R.scrollHeight-j,K=Math.max(0,Math.min(W,Z));R.scrollTo({top:K,behavior:"smooth"}),setTimeout(()=>{_.current=!1},500)}}else _.current=!1},[b,n]);function y(p,C){return p.map(x=>{const R=C[x.name],E=c.find(l=>l.name===x.name);return{...R,questionText:E?e.getProcessedQuestionText(E):void 0}})}e.p(()=>{o!==null&&n.findIndex(p=>p.name===o)!==-1||h(n[0].name)},[n,o,h]);const L=p=>{if(!b)return;const C=n.findIndex(x=>x.name===p)+1;if(C<n.length){const x=n[C].name;h(x)}else h(p)};e.p(()=>{b&&o!==null&&(g.current!==o?S(o):g.current=null)},[o,b,S]);const k=e.T(()=>{var F,A;if(_.current)return;const p=(F=s.current)==null?void 0:F.closest(".ul-card-main-content");if(!p)return;const C=(A=s.current)==null?void 0:A.querySelectorAll(".ul-card-scroll-wrapper");if(!C||C.length===0)return;const x=p.getBoundingClientRect(),R=x.top+x.height/2;let E=0,l=1/0;C.forEach((O,G)=>{const W=O.getBoundingClientRect(),j=W.top+W.height/2,Z=Math.abs(R-j);Z<l&&(l=Z,E=G)});const T=n[E];g.current=T.name,h(T.name)},[n,h]);e.p(()=>{var C;if(!b)return;const p=((C=s.current)==null?void 0:C.closest(".ul-card__container"))||null;return p&&p.addEventListener("scroll",k,{passive:!0}),()=>{p&&p.removeEventListener("scroll",k)}},[k,b]);const w=e.F(()=>Object.values(d).every((p,C)=>{var R;const x=n[C];return!(!(x!=null&&x.props)||!("properties"in x.props)||((R=x.props.properties)==null?void 0:R.required)!==!1)||p}),[d,n]),P=async(p,C,x)=>{return v(E=>({...E,[p]:x})),await(R=E=>({...E,[p]:C}),new Promise(E=>{r(l=>{const T=R(l);return E(T),T})}));var R};e.p(()=>{if(!b)return;const p={};n.forEach(C=>{var R,E;const x=C;(E=(R=x.props)==null?void 0:R.properties)!=null&&E.required||(p[x.name]={value:null,questionId:x.name,type:x.type})}),r(p),v({})},[n,b]);const D=async(p,C)=>{if(b){const x=await P(p.questionId,p,C),R=M(p.type),E=q(p.type);if(R&&L(p.questionId),E&&C){const l=y(n,x);i(l)}}else{const x=c.find(E=>E.name===p.questionId),R={...p,questionText:x?e.getProcessedQuestionText(x):void 0};i([R])}},M=p=>new Set(["nps","likert","multiplechoice"]).has(p),q=p=>new Set(["videovoice","consentlegal","texturlprompt","maxdiff"]).has(p),m=((I=n[0])==null?void 0:I.type)==="thanks";return b?e.u("div",{className:"ul-card-list-container--longform","data-testid":"ui-container",ref:s,children:[e.u(ot,{value:a,children:c.map((p,C)=>e.u(ye,{cardInstance:p,moveToNextQuestion:L,showIndividualSubmit:b&&n.length>1&&C<n.length-1,submitQuestion:D,updateCardValues:P},(p==null?void 0:p.name)||C))}),!m&&e.u(mt,{isSubmitDisabled:Object.keys(t).length<n.length||!w,onSubmit:function(){const p=y(n,t);i(p)}})]}):e.u(e.g,{children:[e.u("div",{"data-testid":"ui-container",style:{display:"none"}}),c.map((p,C)=>e.u(ye,{cardInstance:p,moveToNextQuestion:L,showIndividualSubmit:b&&n.length>1&&C<n.length-1,submitQuestion:D,updateCardValues:P},(p==null?void 0:p.name)||C))]})};
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./view-BGzeHt4l.cjs"),z=require("./metricsReporter-Dc4CZlRc.cjs"),J=require("./core-Br8FqGd4.cjs"),u=require("./getAttributedUrl-CJJ96Ihj.cjs"),Ee=({className:n,message:i,next:a,properties:t,questionId:r,type:d})=>{const{useMobileStyling:v,border:f,isLongFormSurvey:c,focusedQuestionId:b}=e.useConfig(m=>({useMobileStyling:m.useMobileStyling,border:m.border,isLongFormSurvey:z.isLongFormSurvey(m.studyType),focusedQuestionId:m.focusedQuestionId})),[o,h]=e.h(!1),[s,_]=e.h(""),[g,S]=e.h(!1),y=c&&b===r,L=t==null?void 0:t.collectName,k=(t==null?void 0:t.nameLabelText)||"Full Name",w=(t==null?void 0:t.consentText)||"I agree to the stated conditions",P=(t==null?void 0:t.submitButtonText)||"Submit",D=!!s.trim(),M=o&&(!L||D),q=(m,I=!1)=>{m.preventDefault(),m.stopPropagation();let p=null;if(!I){if(!M)return void S(!0);p={submitted:!0},L&&(p.name=s)}a({value:p,questionId:r,type:d},M)};return e.u("div",{className:e.cc(n,c&&!y&&"ul-card--unfocused","ul-card__consent-legal","fade-in-transition"),children:[e.u(u.Header,{isRequired:c&&(t==null?void 0:t.required),message:i,properties:{questionHtml:t.questionHtml}}),t!=null&&t.richTextBody?e.u(u.QuestionBodyWrapper,{children:e.u(u.Html,{className:"ul-rich-text-body",html:t.richTextBody,id:"ul-card__consent-legal-body-container"})}):null,e.u(u.MobileEmbedView,{embeddedType:"pdf",properties:t,children:e.u(u.QuestionBodyFooterContainer,{children:[e.u("div",{className:"sprig-stretch",children:[e.u(u.Option,{allowTextEntry:!1,border:f,error:g&&!o,id:"consent",isRadio:!1,isSelected:o,label:w,onUserInputChanged:({selected:m})=>{m!==o&&h(!o)},useMobileStyling:v}),L&&e.u("input",{"aria-label":k,"aria-placeholder":k,className:e.cc(e.getClasses("ul-consent-legal__name-input",v)),"data-gramm":"false",maxLength:250,name:"name",onBlur:m=>{m.currentTarget.style.borderColor=g&&!D?J.ERROR_BORDER_COLOR:J.DEFAULT_BORDER_COLOR},onFocus:m=>{m.currentTarget.style.borderColor=g&&!D?J.ERROR_BORDER_COLOR:f},onInput:m=>{m.preventDefault(),m.stopPropagation(),_(m.currentTarget.value)},placeholder:k,style:g&&!D?{borderColor:J.ERROR_BORDER_COLOR}:{},tabIndex:0,value:s})]}),e.u("div",{className:"ul-card__button-wrapper ul-card-vertical__button-wrapper",children:[e.u(u.Button,{className:M?"":"sprig-button-disabled",onClick:q,children:P}),t.required===!1&&!c&&e.u("button",{className:"ul-card-skip__button",onClick:m=>q(m,!0),children:e.getSkipButtonText(t)})]})]})})]},r)},Be=({activeValue:n,border:i,icon:a,isPressed:t,onSubmit:r,range:d,scaleLabelType:v,selectedValue:f,setSelectedValue:c,setActiveValue:b,setIsPressed:o,useMobileStyling:h,value:s,viewDocument:_})=>{const{isLongFormSurvey:g,enableCspTrustedTypes:S}=e.useConfig(I=>({isLongFormSurvey:z.isLongFormSurvey(I.studyType),enableCspTrustedTypes:I.enableCspTrustedTypes})),y=`option-${s}`,L=v==="number",k=v==="star",w=v==="smiley",P=L&&s===n||s===f,[D,M]=(()=>{const I=k&&f!==null&&s<=f;return k&&s<=n||w&&s===n||I||s===n||s===f?[i,t||I||s===f?1:.3]:["",1]})(),q=e.F(()=>{const I={borderColor:P?D:"",fillOpacity:P?"":M,zIndex:P?3:"auto",color:f===s?"#fff":""};return L?{...I,backgroundColor:f===s?D:""}:{...I,color:k||w||f===s?D:""}},[P,D,M,f,s,L,k,w]),m=e.F(()=>J.getHtml((({icon:I,scaleLabelType:p,value:C,selectedValue:x})=>{if(p==="smiley"&&C===x){let R=0;return I.replace(/black/g,()=>++R==1?"black":"white")}return I})({icon:a,scaleLabelType:v,value:s,selectedValue:f}),S),[S,a,v,f,s]);return e.u("button",{"aria-label":L?void 0:String(s),className:(()=>{switch(v){case"star":return e.cc(e.getClasses("likert-star",h),e.getClasses(`likert-star-${s}`,h));case"smiley":return e.cc(e.getClasses("likert-smiley",h),e.getClasses(`likert-smiley-${s}`,h));default:return s===d?e.cc(e.getClasses("likert-number",h),e.getClasses(`likert-number-${s}`,h),e.getClasses("likert-last-option",h)):e.cc(e.getClasses("likert-number",h),e.getClasses(`likert-number-${s}`,h))}})(),dangerouslySetInnerHTML:{__html:m},id:y,onClick:I=>{g&&(I.preventDefault(),I.stopPropagation(),c(s)),r()},onKeyDown:I=>{var x,R;const p=_.querySelectorAll(`.likert-${v??"number"}`),C=s-1;I.key==="ArrowRight"?(x=p[C+1])==null||x.focus():I.key==="ArrowLeft"?(R=p[C-1])==null||R.focus():I.key!=="Enter"&&I.key!==" "||(g&&(I.preventDefault(),I.stopPropagation(),c(s)),r())},onPointerDown:()=>o(!0),onPointerEnter:()=>b(s),onPointerLeave:()=>{b(-1),o(!1)},style:q,tabIndex:0})},Me=({className:n,labels:i,message:a,next:t,properties:r,questionId:d,type:v})=>{const{border:f,useMobileStyling:c,viewDocument:b,isLongFormSurvey:o,focusedQuestionId:h}=e.useConfig(C=>({border:C.border,useMobileStyling:C.useMobileStyling,viewDocument:C.viewDocument,isLongFormSurvey:z.isLongFormSurvey(C.studyType),focusedQuestionId:C.focusedQuestionId})),[s,_]=e.h(-1),[g,S]=e.h(!1),[y,L]=e.h(null),k=o&&h===d,w=i&&i.left,P=i&&i.right;let D;const{range:M,scaleLabelType:q,ratingIcons:m}=r;M&&(D=Number(M));const I=D||5,p=C=>{var x,R;switch(q){case"star":return(x=m[0])==null?void 0:x.svg;case"smiley":return(R=m[C])==null?void 0:R.svg;default:return String(C+1)}};return e.u("form",{className:e.cc(n,"ul-card--likert","fade-in-transition",o&&!k&&"ul-card--unfocused"),children:[e.u(u.Header,{isRequired:o&&(r==null?void 0:r.required),message:a,properties:r}),e.u(u.MobileEmbedView,{properties:r,children:e.u(e.g,{children:[e.u(u.QuestionBodyWrapper,{children:[e.u("div",{"aria-label":`Rating (1 - ${I})`,className:"ul-card--likert__numbers",role:"radiogroup",children:[...Array(I)].map((C,x)=>{const R=x+1;return e.u(Be,{activeValue:s,border:f,icon:p(x),isPressed:g,onSubmit:()=>t({value:R,questionId:d,type:v},!0),range:I,scaleLabelType:q,selectedValue:y,setActiveValue:_,setIsPressed:S,setSelectedValue:L,useMobileStyling:c,value:R,viewDocument:b},x)})}),e.u("div",{className:"ul-card--likert__labels",children:[e.u("span",{children:w}),e.u("span",{children:P})]})]}),!r.required&&!o&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-vertical-centered-container",children:e.u(u.Button,{onClick:C=>{C.preventDefault(),C.stopPropagation(),t({value:null,questionId:d,type:v},!0)},children:e.getButtonText(r)})})})]})})]},d)},Ce=n=>n&&(n.scrollHeight>n.offsetHeight?n:Ce(n.parentElement)),Pe=n=>{if(!n||!(a=>a instanceof HTMLElement)(n))return 0;const i=getComputedStyle(n);return parseFloat(i.marginTop)+parseFloat(i.marginBottom)+(parseFloat(i.borderTopWidth)+parseFloat(i.borderBottomWidth))},Oe=({columns:n,onSelect:i,options:a,selectedOptions:t})=>{const r=e._([]),{border:d,useMobileStyling:v}=e.useConfig(s=>({border:s.border,useMobileStyling:s.useMobileStyling})),f=a.findIndex(s=>t[s.id]===null),[c,b]=e.h(f),o=e.T((s,_)=>{i(s,_);const g=c+1,S=a[g];if(S&&t[S.id]===null){b(g);const y=r.current[c];if(y!=null&&y.firstElementChild){const L=Ce(y),k=y.firstElementChild,w=Pe(y)+k.clientHeight;L==null||L.scrollTo(0,y.offsetTop+w)}}},[i,a,t,c]),h=e.T((s,_)=>{const g=c===s;return e.u(e.Accordion,{animate:!0,header:_.label,isOpen:g,onClick:()=>{var S;return b(g&&!((S=window.UserLeap)!=null&&S.isMobileSDK)?-1:s)},ref:S=>{S&&(r.current[s]=S)},showHeaderCheck:t[_.id]!==null,children:e.u("div",{style:{paddingTop:"12px"},children:n.map(S=>e.u(u.Option,{allowTextEntry:!1,ariaLabel:`${_.label}-${S.label}`,border:d,error:!1,id:`${_.id}-${S.value}`,isRadio:!0,isSelected:t[_.id]===S.value,label:S.label,onUserInputChanged:()=>o(_.id,S.value),useMobileStyling:v},S.label))})},_.id)},[d,n,c,o,t,v]);return e.u("div",{children:a.map((s,_)=>h(_,s))})},Fe=({columns:n,onSelect:i,options:a,selectedOptions:t})=>{const{border:r,useMobileStyling:d,isLongFormSurvey:v}=e.useConfig(g=>({border:g.border,useMobileStyling:g.useMobileStyling,isLongFormSurvey:z.isLongFormSurvey(g.studyType)})),f=a.length,c=n.length,b=e._(null),[o,h]=e.h(!1),[s,_]=e.h(!1);return e.p(()=>{const g=b.current,S=new ResizeObserver(y=>{window.requestAnimationFrame(()=>{g&&(h(Math.round(y[0].contentRect.width)<g.scrollWidth),_(Math.round(y[0].contentRect.width)<g.scrollWidth))})});return g&&S.observe(g),()=>{g&&S.unobserve(g)}},[]),e.u("div",{className:"ul-card--matrix_question_container",children:[e.u("div",{className:e.cc("ul-card--matrix_container",o&&"ul-matrix-scroll-gradient"),onScroll:()=>{(()=>{const g=b.current;g&&h(g.clientWidth+Math.abs(g.scrollLeft)<g.scrollWidth)})()},ref:b,children:e.u("div",{className:e.cc(v&&"ul-card--matrix_grid_longform","ul-card--matrix_grid"),style:`--numColumns: ${c}; --numRows: ${f+1};`,children:[e.u("div",{})," ",n.map(g=>e.u("div",{className:"ul-matrix-column-label",children:g.label},g.label)),a.map(g=>e.u(e.g,{children:[e.u("div",{"aria-label":g.label,className:"ul-matrix-row-label",children:g.label},g.label),e.u("div",{className:"ul-matrix-row-options",role:"radiogroup",children:n.map((S,y)=>{const L=y===c-1;return e.u("div",{className:e.cc("ul-matrix-option-wrapper",L&&"ul-matrix-last-option"),children:e.u(u.Option,{allowTextEntry:!1,ariaLabel:`${g.label}-${S.label}`,border:r,choiceStyle:{background:"transparent",border:"none",marginBottom:"0",padding:"0"},error:!1,id:`${g.id}-${S.value}`,isRadio:!0,isSelected:t[g.id]===S.value,onUserInputChanged:()=>i(g.id,S.value),useMobileStyling:d})},S.value)})})]}))]})}),(o||s)&&e.u("button",{className:s&&!o?"ul-matrix-scroll-arrow left":"ul-matrix-scroll-arrow",onClick:s&&!o?g=>{g.preventDefault();const S=b.current;if(S){const y=getComputedStyle(S).direction==="rtl";S.scrollTo({left:y?S.scrollWidth-S.clientWidth:0,behavior:"smooth"})}}:g=>{g.preventDefault();const S=b.current;if(S){const y=getComputedStyle(S).direction==="rtl";S.scrollTo({left:y?S.clientWidth-S.scrollWidth:S.scrollWidth,behavior:"smooth"})}},children:s&&!o?e.u(Qe,{}):e.u(Ue,{})})]})},Qe=()=>e.u("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.u("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"})}),Ue=()=>e.u("svg",{fill:"currentColor",height:"32",viewBox:"0 0 256 256",width:"32",xmlns:"http://www.w3.org/2000/svg",children:e.u("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"})}),Ae=({className:n,message:i,next:a,options:t,properties:r,questionId:d,type:v,showIndividualSubmit:f=!1,onSubmitButtonClick:c})=>{const{useMobileStyling:b,isLongFormSurvey:o,focusedQuestionId:h,setFocusedQuestionId:s}=e.useConfig(q=>({useMobileStyling:q.useMobileStyling,isLongFormSurvey:z.isLongFormSurvey(q.studyType),focusedQuestionId:q.focusedQuestionId,setFocusedQuestionId:q.setFocusedQuestionId})),_=r.matrixColumn,g=r.required,S=o&&h===d,y=q=>{q.preventDefault(),q.stopPropagation(),a({value:k,questionId:d,type:v},!0),c&&c()},L=t.reduce((q,m)=>(q[m.id]=null,q),{}),[k,w]=e.h(L),P=q=>g&&Object.values(q).every(m=>m==null),D=(q,m)=>{o&&a({value:{...k,[q]:m},questionId:d,type:v},!P({...k,[q]:m})),w(I=>({...I,[q]:m}))},M=r.displayMatrixAsAccordion||b;return e.u("form",{className:e.cc(n,!o&&"ul-card__matrix","fade-in-transition",o&&!S&&"ul-card--unfocused"),id:"text-form",onClick:()=>{S&&s(d)},onSubmit:y,children:[e.u(u.Header,{isRequired:o&&(r==null?void 0:r.required),message:i,properties:r}),e.u(u.MobileEmbedView,{properties:r,children:[e.u(u.QuestionBodyWrapper,{children:[M?e.u(Oe,{columns:_,onSelect:D,options:t,selectedOptions:k}):e.u(Fe,{columns:_,onSelect:D,options:t,selectedOptions:k}),f&&e.u(u.LongformSubmitButton,{handleSubmit:y,isSubmitDisabled:P(k)})]}),!o&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(u.Button,{disabled:P(k),children:e.getButtonText(r)})})})]})]},d)},Se=({className:n,message:i,onSubmit:a,options:t=[],properties:r,questionId:d,type:v,showIndividualSubmit:f=!1,onSubmitButtonClick:c})=>{const{border:b,useMobileStyling:o,isLongFormSurvey:h,focusedQuestionId:s,setFocusedQuestionId:_}=e.useConfig(l=>({border:l.border,useMobileStyling:l.useMobileStyling,isLongFormSurvey:z.isLongFormSurvey(l.studyType),focusedQuestionId:l.focusedQuestionId,setFocusedQuestionId:l.setFocusedQuestionId})),g=h&&s===d,S=t.reduce((l,T)=>(l[T.id]={isSelected:!1},l),{}),[y,L]=e.h(S),k=v==="multiplechoice",w=r.required,P=t.find(l=>{var T;return(T=l.optionProperties)==null?void 0:T.noneOfTheAbove}),D=l=>Object.entries(l).some(([T,F])=>{var G;const A=t.find(W=>`${W.id}`===T),O=F.userText===void 0||F.userText.trim()==="";return((G=A==null?void 0:A.optionProperties)==null?void 0:G.allowsTextEntry)&&O&&F.isSelected}),M=l=>Object.values(l).filter(T=>T.isSelected).length,q=r.minSelect&&r.minSelect>0&&r.maxSelectMode===u.MaxSelectModes.Range&&M(y)<r.minSelect&&(w||M(y)>0),m=l=>D(l)||w&&!M(l)||!(T=>{const{minSelect:F=0,maxSelect:A=1/0,maxSelectMode:O}=r,G=M(T);switch(O){case u.MaxSelectModes.Maximum:return G<=A;case u.MaxSelectModes.Range:return G===0||G>=F;default:return!0}})(l),I=Object.entries(y).some(([l,T])=>{var F,A;return T.isSelected&&((A=(F=t.find(O=>`${O.id}`===l))==null?void 0:F.optionProperties)==null?void 0:A.allowsTextEntry)}),p=f&&(!k||I),C=l=>{E(l.id,l.selected,l.userText,l.noneOfTheAbove),l.selected&&h&&!k&&!g&&_(d)},x=l=>{var T;return(r==null?void 0:r.maxSelectMode)!==u.MaxSelectModes.Unlimited&&M(y)===(r==null?void 0:r.maxSelect)&&!((T=y[l])!=null&&T.isSelected)},R=l=>{l.preventDefault(),l.stopPropagation(),a(y,!0),c&&c()},E=(l,T,F,A)=>{const O=Object.assign({},y);if((k||A)&&T)for(const j of Object.values(O))j.isSelected=!1,delete j.userText;else P&&!A&&y[P.id].isSelected&&(O[P.id].isSelected=!1);O[l]={isSelected:T,userText:F};const G=k&&Object.entries(O).some(([j,Z])=>{var K,re;return Z.isSelected&&((re=(K=t.find(ne=>`${ne.id}`===j))==null?void 0:K.optionProperties)==null?void 0:re.allowsTextEntry)}),W=!m(O);h&&(a(O,W),k&&!G&&W&&c&&c()),L(O)};return e.u("form",{className:e.cc(n,"ul-card--multiple","fade-in-transition",h&&!g&&"ul-card--unfocused"),id:"text-form",onClick:v==="multipleselect"?()=>{h&&s!==d&&v==="multipleselect"&&_(d)}:void 0,onSubmit:R,children:[e.u(u.Header,{isRequired:h&&(r==null?void 0:r.required),message:i,properties:r}),e.u(u.MobileEmbedView,{properties:r,children:e.u(e.g,{children:[e.u(u.QuestionBodyWrapper,{children:[r.isDropdown?e.u(u.Select,{disabledOptions:t.filter(l=>x(l.id)),dropdownFooter:q?e.u("div",{className:"ul-card__min-select-counter",style:{marginLeft:"16px"},children:[M(y),"/",r.minSelect]}):void 0,isMultiSelect:!k,multiselectText:r.dropdownMultiselectedText??"choices selected",onChange:l=>{const T={...y};for(const F of t)l.includes(F)?T[F.id].isSelected=!0:T[F.id].isSelected=!1;h&&a(T,!m(T)),L(T)},options:t,placeholderText:r.dropdownPlaceholderText??(k?"Select choice":"Select choice(s)"),value:t.filter(l=>y[l.id].isSelected)}):e.u("div",{className:e.cc(e.getClasses("ul-card__choices",o)),role:k?"radiogroup":"group",children:[t.map(({id:l,label:T,value:F,optionProperties:A})=>{var Z,K;const O=`${l}`,{allowsTextEntry:G,noneOfTheAbove:W}={allowsTextEntry:!1,noneOfTheAbove:!1,...A};return e.u(u.Option,{allowTextEntry:G,border:b,disabled:x(O),error:(j=y,D(j)),id:O,isRadio:k,isSelected:!!((Z=y[O])!=null&&Z.isSelected),label:T,noneOfTheAbove:W,onUserInputChanged:C,promptText:"Please specify",text:(K=y[l])==null?void 0:K.userText,useMobileStyling:o,value:F},O);var j}),!!q&&e.u("div",{className:"ul-card__min-select-counter",children:[M(y),"/",r.minSelect]})]}),p&&e.u(u.LongformSubmitButton,{handleSubmit:R,isSubmitDisabled:m(y)})]}),!h&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(u.Button,{disabled:m(y),onClick:R,children:e.getButtonText(r)})})})]})})]},d)},He=n=>{const{questionId:i,type:a,next:t,options:r}=n,{setFocusedQuestionId:d}=e.useConfig(v=>({setFocusedQuestionId:v.setFocusedQuestionId}));return e.u(Se,{...n,onSubmit:(v,f)=>{var _;const c=Object.entries(v).find(([,g])=>g.isSelected)||[void 0,void 0],[b,o]=c,h=r.find(g=>`${g.id}`===b);!((_=h==null?void 0:h.optionProperties)!=null&&_.allowsTextEntry)||o!=null&&o.userText&&o.userText.trim()!==""||d(i);const s=o!=null&&o.userText?{[b]:{userText:o.userText}}:null;t({value:h&&b?{[b]:h.value}:{},secondaryValue:s,questionId:i,type:a},f)}})},$e=n=>{const{questionId:i,type:a,next:t}=n;return e.u(Se,{...n,onSubmit:(r,d)=>{const v=Object.entries(r).reduce((c,[b,o])=>(c[b]=o.isSelected,c),{}),f=Object.entries(r).reduce((c,[b,o])=>{if(!o.userText)return c;const h=c||{};return h[b]={userText:o.userText},h},null);t({value:v,secondaryValue:f,questionId:i,type:a},d)}})},Ve=({className:n,labels:i,message:a,properties:t,next:r,questionId:d,type:v})=>{const[f,c]=e.h(null),{border:b,useMobileStyling:o,viewDocument:h,isLongFormSurvey:s,focusedQuestionId:_}=e.useConfig(L=>({border:L.border,useMobileStyling:L.useMobileStyling,viewDocument:L.viewDocument,isLongFormSurvey:z.isLongFormSurvey(L.studyType),focusedQuestionId:L.focusedQuestionId})),g=s&&_===d,S=i&&i.left,y=i&&i.right;return e.u("form",{className:e.cc(n,"ul-card--nps","fade-in-transition",s&&!g&&"ul-card--unfocused"),children:[e.u(u.Header,{isRequired:s&&(t==null?void 0:t.required),message:a,properties:t}),e.u(u.MobileEmbedView,{properties:t,children:[e.u(u.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--nps__numbers",children:[...Array(11)].map((L,k)=>e.u("button",{className:e.cc(e.getClasses("nps-number",o),e.getClasses(`nps-number-${k}`,o)),id:`option-${k}`,onClick:w=>{s&&(w.preventDefault(),w.stopPropagation(),c(k)),r({value:k,questionId:d,type:v},!0)},onKeyDown:w=>{var D,M;const P=h.querySelectorAll("button.nps-number");w.key==="ArrowRight"?(D=P[k+1])==null||D.focus():w.key==="ArrowLeft"?(M=P[k-1])==null||M.focus():w.key!=="Enter"&&w.key!==" "||(s&&(w.preventDefault(),w.stopPropagation(),c(k)),r({value:k,questionId:d,type:v},!0))},onPointerDown:w=>{w.currentTarget.style.zIndex="2",w.currentTarget.style.borderColor=b},onPointerLeave:w=>{w.currentTarget.style.zIndex="auto",w.currentTarget.style.borderColor=J.DEFAULT_BORDER_COLOR},style:f===k?{backgroundColor:b,color:"#fff"}:void 0,tabIndex:0,children:k},k))}),e.u("div",{className:"ul-card--nps__labels",children:[e.u("span",{children:S}),e.u("span",{children:y})]})]}),!t.required&&!s&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-vertical-centered-container",children:e.u(u.Button,{onClick:L=>{L.preventDefault(),L.stopPropagation(),r({value:null,questionId:d,type:v},!0)},children:e.getButtonText(t)})})})]})]},d)},We=({className:n,message:i,next:a,properties:t,questionId:r,type:d,showIndividualSubmit:v=!1,onSubmitButtonClick:f})=>{const{border:c,useMobileStyling:b,update:o,isLongFormSurvey:h,focusedQuestionId:s,setFocusedQuestionId:_,isPreview:g}=e.useConfig(m=>({border:m.border,useMobileStyling:m.useMobileStyling,update:m.update,isLongFormSurvey:z.isLongFormSurvey(m.studyType),focusedQuestionId:m.focusedQuestionId,setFocusedQuestionId:m.setFocusedQuestionId,isPreview:m.isPreview})),[S,y]=e.h(""),L=e._(null),k=h&&s===r;e.p(()=>{var m,I;h&&!g&&(k?(m=L.current)==null||m.focus():(I=L.current)==null||I.blur())},[h,k,g]);const w=S.trim(),P=t.required===!0&&!w,D=u.useAutoSize(L,()=>o()),M=m=>{m.preventDefault(),m.stopPropagation(),a({value:S,questionId:r,type:d},!t.required||w.length>0),f&&f()},q=t&&t.openTextPlaceholder?t.openTextPlaceholder:"";return e.u("form",{className:e.cc(n,"ul-card-text","fade-in-transition",h&&!k&&"ul-card--unfocused"),id:"text-form",onClick:()=>{h&&s!==r&&_(r)},children:[e.u(u.Header,{isRequired:h&&(t==null?void 0:t.required),message:i,properties:t}),e.u(u.MobileEmbedView,{properties:t,children:e.u("div",{className:"ul-card-text",children:e.u(u.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card-text__container",children:e.u("textarea",{"aria-describedby":"ul-caption","aria-labelledby":"ul-question","aria-multiline":"true","aria-placeholder":q,className:e.cc(e.getClasses("ul-card-text__input",b)),"data-gramm":"false",maxLength:5e3,name:"text",onBlur:m=>{m.currentTarget.style.borderColor=J.DEFAULT_BORDER_COLOR},onChange:m=>{const{value:I}=m.currentTarget;if(D(),m.preventDefault(),m.stopPropagation(),y(I),h){const p=I.trim().length>0;a({value:I,questionId:r,type:d},p)}},onFocus:m=>{m.currentTarget.style.borderColor=c,_(r)},placeholder:q,ref:L,role:"textbox",tabIndex:0})}),t.footerHtml&&e.u(u.Html,{className:"footer",html:t.footerHtml}),v&&e.u(u.LongformSubmitButton,{handleSubmit:M,isSubmitDisabled:P}),e.u(u.QuestionBodyFooterContainer,{children:!h&&e.u(u.Button,{disabled:P,onClick:M,children:e.getButtonText(t)})})]})})})]},r)},ue=1,xe=2,Te=3,ie=n=>n.type==="av_permission",ge=n=>n.type==="screen_permission",_e=(n,i)=>n===void 0?ue:n?((a,t)=>!(ie(t)?t.permissionDescriptors:[]).includes("camera")||a.getVideoTracks().length>0)(n,i)?Te:ue:xe,he={avStream:null,currentPage:null,mediaRecordingUids:null,nextQuestion:()=>{},passthroughData:void 0,recordingMediaTypes:void 0,screenPermissionRequested:!1,type:void 0},X=e.create(n=>({...he,reset:()=>{n(he)},updatePage:i=>{n(i)}}));function ae({currentPage:n,pages:i}){const{avStream:a,recordingMediaTypes:t,updatePage:r}=X.getState(),{recorderEventEmitter:d}=e.useConfig.getState();d.emit("av.permission",{"permission.descriptors":n.permissionDescriptors,"stream.ready":(v,f)=>{if(a===v)return;let c=n;if(v&&!n.permissionDescriptors.includes("camera")){const b=i.indexOf(n),o=f!=null&&f.active?b+2:b+1;f!=null&&f.active&&t&&d.emit("begin.recording",{"recording.media.types":t,"start.recording.callback":h=>r({mediaRecordingUids:h})}),c=i[o]}r({currentPage:c,avStream:v})}})}function de({status:n}){const{nextQuestion:i,passthroughData:a,mediaRecordingUids:t,reset:r}=X.getState(),{recorderEventEmitter:d,handleUploadUpdate:v,index:f}=e.useConfig.getState(),c={value:{taskStatus:n},type:"recordedtask",questionId:(a==null?void 0:a.questionId)||1};a&&d.emit("finish.task",{"begin.callback":b=>{v({mediaRecordingUid:b,isSubmitted:!0,progressPct:0,isComplete:!1})},"progress.callback":(b,o)=>{v({mediaRecordingUid:b,progressPct:o.detail,isSubmitted:!1,isComplete:!1})},"upload.callback":b=>{b&&v({mediaRecordingUid:b,isComplete:!0,isSubmitted:!0,progressPct:100})},"passthrough.data":a,"current.index":f,"task.response":c,"task.complete.callback":b=>{c.value.taskDurationMillisecond=b,t&&(c.value.mediaRecordingUids=t),r(),i(c)}})}function ce({pages:n,setIsRequestingPermission:i}){const{recorderEventEmitter:a,eventEmitFn:t}=e.useConfig.getState(),{updatePage:r,currentPage:d,recordingMediaTypes:v,screenPermissionRequested:f}=X.getState();if(!d)return;const c=n.indexOf(d);switch(d.type){case"av_permission":{const b=f?c+2:c+1;return f&&v&&a.emit("begin.recording",{"recording.media.types":v,"start.recording.callback":o=>{r({mediaRecordingUids:o})}}),void r({currentPage:n[b]})}case"screen_permission":return void a.emit("screen.permission",{"screen.permission.requested":i,"stream.ready.callback":(b,o)=>{const h=o?n[c+1]:d;o&&v&&a.emit("begin.recording",{"recording.media.types":v,"start.recording.callback":s=>{r({captureStream:o,mediaRecordingUids:s})}}),r({currentPage:h,screenPermissionRequested:!0,captureStream:o})}});case"start_task":return t("recorded.task.start"),a.emit("recorded.task.start"),a.emit("start.task"),void r({currentPage:n[c+1],screenPermissionRequested:!0});case"complete_task":return}}const ke="ul-permission-graphics-container",Ie="ul-permission-body",Re=e.cc(ke,"ul_recorded-task-inset-spacing"),se=e.cc("ul-horizontal-button-container","ul-horizontal-button-container-left"),Ne=({richTextBody:n})=>e.u(u.Html,{className:"ul-rich-text-body",html:n,id:"ul-task-detail-container"}),oe=({required:n,skipButtonText:i,bottom:a=!1})=>n?null:e.u(u.Button,{className:e.cc(a&&"ul-skip-button-below","ul-button-inactive"),onClick:de.bind(null,{status:"abandoned"}),children:i||"Skip"}),pe=n=>{const{avStream:i,captureStream:a,recordingMediaTypes:t,updatePage:r}=X.getState(),d=(t==null?void 0:t.includes("audio"))||(t==null?void 0:t.includes("video"));e.p(()=>{const v=setInterval(()=>{d&&i&&!i.active?r({avStream:null,currentPage:n[0]}):a&&a.active||r({captureStream:void 0,currentPage:n[d?1:0]})},1e3);return()=>clearInterval(v)},[i,a,d,n,t,r])},Ge=({content:n,pages:i,required:a})=>{const{buttonText:t,skipButtonText:r,taskDetail:d}=n;return pe(i),e.u("div",{className:"ul-task-page",children:[d&&e.u(Ne,{richTextBody:d}),e.u("div",{className:se,children:[e.u(u.Button,{onClick:ce.bind(null,{pages:i}),children:t}),e.u(oe,{required:a,skipButtonText:r})]})]},"start-task")},je=({content:n,pages:i,properties:a})=>{const{buttonText:t,skipButtonText:r}=n;return pe(i),e.u("div",{className:"ul-task-page",children:[n.taskDetail&&e.u(Ne,{richTextBody:n.taskDetail}),e.u(u.MobileEmbedView,{properties:a,children:e.u("div",{className:se,children:[e.u(u.Button,{className:"ul-complete-task-button",onClick:de.bind(null,{status:"completed"}),children:t}),e.u(u.Button,{className:e.cc("ul-button-inactive"),onClick:de.bind(null,{status:"given.up"}),children:r})]})})]},"complete-task")},Ze=({content:n,pages:i,required:a})=>{const{buttonText:t,skipButtonText:r}=n,[d]=e.useConfig(c=>[c.tabTitle]),[v,f]=e.h(!1);return e.u("div",{children:[e.u("div",{className:Re,children:[e.u("p",{style:{marginTop:"auto"},children:n.selectTabText}),e.u("div",{className:"ul-select-tab-container",children:e.u("p",{className:Ie,children:d})})]}),e.u("div",{className:a?"":se,children:[e.u(u.Button,{disabled:v,onClick:ce.bind(null,{pages:i,setIsRequestingPermission:f}),children:t}),e.u(oe,{required:a,skipButtonText:r})]})]})},ze=({content:n})=>e.u(u.Html,{className:e.cc(ke,"ul_permission_svg_container","ul_recorded-task-inset-spacing","ul-center-horizontally"),html:n.svg},"ul-permission-request-graphic"),Ye=({content:n,pages:i,required:a})=>{const{permissionDeniedHeadline:t,permissionDeniedBody:r,skipButtonText:d,tryAgainButtonText:v}=n,f=ie(i[0])?i[0]:null;return e.p(()=>{const c=setInterval(()=>{f!==null&&ae({currentPage:f,pages:i})},1e3);return()=>clearInterval(c)},[f,i]),f?e.u("div",{children:[e.u("div",{className:Re,children:e.u("p",{className:"ul-av-permission-denied-paragraph",children:[e.u("span",{className:"ul-av-permission-denied-headline",children:t}),e.u("span",{className:Ie,children:r})]})}),e.u("div",{className:se,children:[e.u(u.Button,{onClick:ae.bind(null,{currentPage:f,pages:i}),children:v}),e.u(oe,{required:a,skipButtonText:d})]})]}):null},Ke=({stream:n})=>e.u("video",{autoPlay:!0,className:e.cc("ul_recorded-task-inset-spacing"),id:"ul-record-task-video-preview",muted:!0,ref:i=>{i&&(i.srcObject=n||null)}}),Xe=({content:n,pages:i,required:a})=>{const{skipButtonText:t}=n,{avStream:r}=X.getState();return pe(i),e.u("div",{children:[e.u(Ke,{stream:r}),e.u("div",{className:"ul-vertical-button-container-center",children:[e.u(u.Button,{onClick:ce.bind(null,{pages:i}),children:n.buttonText}),e.u(oe,{bottom:!0,required:a,skipButtonText:t})]})]})},Je=({properties:n})=>{const{pages:i,required:a}=n,{avStream:t,currentPage:r}=X.getState();if(r===void 0)return null;switch(r==null?void 0:r.type){case"av_permission":{const d=_e(t,r);return d===ue?e.u(ze,{content:r}):d===xe?e.u(Ye,{content:r,pages:i,required:a}):e.u(Xe,{content:r,pages:i,required:a})}case"screen_permission":return e.u(Ze,{content:r,pages:i,required:a});case"start_task":return e.u(Ge,{content:r,pages:i,required:a});case"complete_task":return e.u(je,{content:r,pages:i,properties:n});default:return null}},et=({className:n,properties:i,next:a,questionId:t})=>{const r=e.useConfig(),{surveyId:d,responseGroupUid:v,userId:f,update:c}=r,b=X(),{screenPermissionRequested:o}=b,h=X(y=>y.avStream);let s=X(y=>y.currentPage);s||(s=function({pages:y,userId:L,responseGroupUid:k,surveyId:w,questionId:P,next:D}){const{updatePage:M}=X.getState(),{eventEmitFn:q,recorderEventEmitter:m}=e.useConfig.getState(),I={questionId:P,surveyId:w,visitorId:L,responseGroupUid:k};let p=0;m.emit("recorded.task.permission.screen"),q("recorded.task.permission.screen"),m.emit("permission.status",{"permission.status.callback":(x,R,E,l)=>{const T=y[p],{type:F}=T,A=["screen"];if(ie(T)){const{permissionDescriptors:O}=T,G=O==null?void 0:O.includes("microphone"),W=O==null?void 0:O.includes("camera");G&&A.push("audio"),W&&A.push("video"),(x!=null&&x.active&&!W||x!=null&&x.active&&R)&&p++}ge(y[p])&&E&&(p++,m.emit("begin.recording",{"recording.media.types":A,"start.recording.callback":O=>M({mediaRecordingUids:O})})),M({currentPage:y[p],avStream:x,screenPermissionRequested:E,nextQuestion:D,type:F,passthroughData:I,recordingMediaTypes:A,captureStream:l})}});const C=y[p];return C.type==="av_permission"&&ae({currentPage:C,pages:y}),C}({questionId:t,surveyId:d,next:y=>{a(y,!0)},pages:i.pages,responseGroupUid:v,userId:f}));let _=s.headline,g=s.captionText;const S=_e(h,s);return ge(s)&&o&&(_=s.permissionDeniedHeadline,g=s.permissionDeniedCaptionText),ie(s)&&S===Te&&(_=s.permissionGrantedHeadline,g=s.permissionGrantedCaptionText),e.p(()=>{c()},[c]),e.u("div",{className:e.cc(n,"ul-center-horizontally","fade-in-transition"),children:[e.u(u.Header,{isRequired:i==null?void 0:i.required,message:_,properties:{captionText:g}}),e.u(u.QuestionBodyWrapper,{children:e.u(Je,{properties:i})})]})},tt=({richTextBody:n,plaintextBody:i})=>n?e.u(u.Html,{className:"ul-rich-text-body",html:n,id:"ul-card__text-url-body-container"}):i?e.u("div",{className:"ul-rich-text-body",id:"ul-card__text-url-body-container",children:(i?i.split(/\n\s*\n/g):[]).map((a,t)=>e.u("p",{children:a},t))}):null,rt=({className:n,message:i,next:a,properties:t,questionId:r,type:d})=>{const{visitorAttributes:v,isLongFormSurvey:f}=e.useConfig(h=>({visitorAttributes:h.visitorAttributes,isLongFormSurvey:z.isLongFormSurvey(h.studyType)})),c=(h,s=!1)=>{a({value:s?{skipped:!0}:void 0,questionId:r,type:d},!0)},b=u.getAttributedUrl(t&&t.buttonUrl,v),o=f&&t.promptActionType===u.PromptActionTypeEnum.NO_BUTTON;return e.u("div",{className:e.cc(n,"ul-card__text-url-prompt","fade-in-transition"),children:[e.u(u.Header,{isRequired:f&&(t==null?void 0:t.required),message:i,properties:{questionHtml:t.questionHtml}}),e.u(u.QuestionBodyWrapper,{children:e.u(tt,{plaintextBody:t==null?void 0:t.body,richTextBody:t==null?void 0:t.richTextBody})}),e.u(u.MobileEmbedView,{properties:t,children:!o&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card-button-group",children:[e.u("a",{className:"ul-card-text__button ul-card__text-url-prompt-button",href:b,id:"ul-card-text__button",onClick:c,onKeyPress:h=>{h.key!=="Enter"&&h.key!==" "||a({value:void 0,questionId:r,type:d},!0)},rel:"noreferrer",role:b?"link":"button",tabIndex:0,target:"_blank",children:e.getButtonText(t)}),t.required===!1&&e.u("button",{className:"ul-card-skip__button",onClick:h=>c(0,!0),children:e.getSkipButtonText(t)})]})})})]},r)},nt=({className:n,questionId:i})=>{const{border:a,destroy:t,endCard:r,forceBrandedLogo:d,update:v}=e.useConfig(b=>({border:b.border,destroy:b.destroy,endCard:b.endCard,forceBrandedLogo:b.forceBrandedLogo,update:b.update}));e.p(()=>{setTimeout(()=>{t(J.APP_ID)},d?4e3:2e3)},[t,d]);const f=r&&r.subheader?e.u("p",{className:"ul-caption",children:r.subheader}):null,c=r&&r.headline?r.headline:"";return e.p(()=>{v()},[v]),e.u("div",{className:e.cc(n,"ul-card--thanks","fade-in-transition"),children:e.u("div",{children:e.u("div",{className:"ul-card--thanks-content",children:[e.u("div",{className:"ul-thanks-check",children:e.u("svg",{"aria-labelledby":"title",fill:"none",height:"99",viewBox:"0 0 81 99",width:"81",xmlns:"http://www.w3.org/2000/svg",children:[e.u("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:a,fillRule:"evenodd"}),e.u("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:a,fillRule:"evenodd"}),e.u("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.u(u.Header,{message:c}),f]})})},i)},ee="ul-card-video__player_recorder",be="ul-video-btn",le=0,ve=1,it=({className:n,message:i,next:a,properties:t,questionId:r,type:d})=>{const{apiURL:v,envId:f,handleUploadUpdate:c,headers:b,responseGroupUid:o,surveyId:h,update:s,viewDocument:_,visitorId:g}=e.useConfig(l=>({apiURL:l.apiURL,envId:l.envId,handleUploadUpdate:l.handleUploadUpdate,headers:l.headers,responseGroupUid:l.responseGroupUid,surveyId:l.surveyId,update:l.update,viewDocument:l.viewDocument,visitorId:l.userId})),[S,y]=e.h(!1),[L,k]=e.h(null),[w,P]=e.h(null),[D,M]=e.h(le),[q,m]=e.h(null),[I,p]=e.h(null),C=t&&t.videoUrl,x=e.T(l=>{l&&m(l)},[m]);e.p(()=>{const l=new ResizeObserver(()=>{setTimeout(s,0)});return I&&l.observe(I),q&&l.observe(q),()=>{l.disconnect()}},[s,I,q]);const R=(l,T)=>{l===u.RECORDER.UPLOAD_STARTED?(k(T[u.RECORDER.UPLOAD_ID]),P(T[u.RECORDER.MEDIA_RECORDING_UID]),y(!0)):l===u.RECORDER.DELETE?(k(null),P(null),y(!1)):l===u.RECORDER.UPLOAD_PROGRESS?isNaN(T[u.RECORDER.UPLOAD_PROGRESS_PCT])?c({mediaRecordingUid:T[u.RECORDER.MEDIA_RECORDING_UID],isComplete:!0}):c({mediaRecordingUid:T[u.RECORDER.MEDIA_RECORDING_UID],progressPct:T[u.RECORDER.UPLOAD_PROGRESS_PCT]}):l===u.RECORDER.UPLOAD_FINISHED&&c({mediaRecordingUid:T[u.RECORDER.MEDIA_RECORDING_UID],isComplete:!0})},E=l=>{l.preventDefault(),l.stopPropagation(),document.getElementById(ee)&&u.stopRecording(ee),L&&w?(c({mediaRecordingUid:w,isSubmitted:!0}),a({value:{mediaRecordingUid:w},questionId:r,type:d},!0)):a({value:null,questionId:r,type:d},!0)};return e.u("form",{className:e.cc(n,"ul-card--video","fade-in-transition"),id:"ul-video-interview-form",children:[e.u(u.Header,{isRequired:t==null?void 0:t.required,message:i,properties:t}),e.u(u.QuestionBodyWrapper,{children:[e.u("div",{id:"ul-question-player-container",ref:x,style:{display:D===le?"":"none"},children:[e.u("div",{id:ee,ref:l=>{if(l&&l.children.length===0&&!t.hideRecordedPrompt){p(l);const T=u.videoPlayer(ee,{src:C,type:"application/x-mpegURL"},void 0,t.mediaType===u.RECORDER.MEDIA_TYPE_AUDIO,v,_);l.appendChild(T)}}}),e.u(u.MobileEmbedView,{properties:t,children:e.u("button",{className:`${be} ul-record-response-btn`,onClick:l=>{l.preventDefault(),l.stopPropagation(),document.getElementById(ee)&&u.pauseQuestionPlayer(ee),M(ve)}})})]}),e.u("div",{style:{display:D===ve?"block":"none"},children:[e.u("button",{className:`${be} ul-back-question-btn`,onClick:l=>{l.preventDefault(),l.stopPropagation(),M(le)},style:{display:t.hideRecordedPrompt?"none":"block"}}),e.u("div",{id:"ul-recorder-player-container",ref:l=>{if(l&&l.children.length===0){p(l);const T=u.videoRecorderPlayer(ee,{surveyId:h,responseGroupUid:o,questionId:r,visitorId:g,envId:f},v,R,void 0,{...b,"x-ul-video-recorder-origin":"sdk"},t.mediaType===u.RECORDER.MEDIA_TYPE_AUDIO,_);l.appendChild(T)}}})]})]}),e.u(u.QuestionBodyFooterContainer,{children:[e.u(u.Button,{disabled:!S,onClick:E,children:e.getButtonText(t)}),e.u("button",{className:"ul-card-text__button ul-button-inactive ul-card-skip__button",id:"ul-card-video__skip_button",onClick:E,style:{display:t.required?"none":"block",...S?{display:"none"}:{}},children:e.getSkipButtonText(t)})]})]})},st=({className:n})=>{const{uploadProgress:i}=e.useConfig(d=>({uploadProgress:d.uploadProgress}));let a,t;Object.values(i).filter(d=>d.isSubmitted).length>1?(a="Your responses are processing",t="Please keep this tab open until your responses are fully processed."):(a="Your response is processing",t="Please keep this tab open until your response is fully processed.");const r=Math.round(Math.min(99,...Object.values(i).filter(d=>d.isSubmitted).map(d=>d.progressPct||0)));return e.u("div",{className:e.cc(n,"ul-card--uploading","fade-in-transition"),children:[e.u("div",{"aria-busy":"true","aria-label":"Processing...","aria-live":"polite",className:"ul-loading-spinner-container",role:"progressbar",children:e.u("div",{className:"ul-loading-spinner",children:[e.u("div",{className:"first"}),e.u("div",{className:"second"}),e.u("div",{className:"third"}),e.u("div",{className:"fourth"})]})}),e.u(u.Header,{message:`${a} (${r}% complete)`}),e.u("p",{className:"ul-caption",children:t})]})},Le=e.F$1(void 0),ot=({value:n,children:i})=>e.u(Le.Provider,{value:n,children:i}),lt=({isRightLabel:n,isLeftLabel:i})=>n?e.MaxDiffChoice.RIGHT:i?e.MaxDiffChoice.LEFT:null,ut="Best",at="Worst",dt=({className:n,labels:i,message:a,properties:t,options:r,questionId:d,type:v,next:f})=>{var P,D,M,q;const[c,b]=e.h(r.map((m,I)=>({...m,label:m.label===""?`Item ${I+1}`:m.label,isRightLabel:!1,isLeftLabel:!1}))),o=(()=>{const m=e.q(Le);if(m===void 0)throw new Error("usePreviousResponses must be used within a PreviousResponsesProvider");return m})(),h={padding:"24px",display:"flex",cursor:"pointer",width:"auto"},[s,_]=e.h(!1);e.p(()=>{const m=c.findIndex(T=>T.isRightLabel),I=c.findIndex(T=>T.isLeftLabel),p=m!==-1&&I!==-1;_(p);const C=!t.required||t.required&&p,x=c.map(T=>({id:T.id,option:T.label,selected:lt(T)})),R=Math.floor(d),E=Object.keys(o).filter(T=>T.startsWith(R.toString())).map(Number).sort((T,F)=>T-F).at(-1),l=[];if(typeof E=="number"){const T=o[E],F=JSON.parse(T);l.push(...F)}l.push(x),setTimeout(()=>{f({value:l,questionId:d,type:v},C,p),_(!1)},p?500:0)},[c]);const{border:g,useMobileStyling:S,enableCspTrustedTypes:y}=e.useConfig(m=>({border:m.border,useMobileStyling:m.useMobileStyling,enableCspTrustedTypes:m.enableCspTrustedTypes})),L=(m,I)=>()=>{s||b(p=>((C,x,R)=>C.map(E=>E.id===x?{...E,isRightLabel:R===e.MaxDiffChoice.RIGHT,isLeftLabel:R===e.MaxDiffChoice.LEFT}:R===e.MaxDiffChoice.RIGHT&&E.isRightLabel||R===e.MaxDiffChoice.LEFT&&E.isLeftLabel?{...E,isRightLabel:!1,isLeftLabel:!1}:E))(p,m,I))},k=(P=t.ratingIcons)==null?void 0:P[0].svg,w=(D=t.ratingIcons)==null?void 0:D[1].svg;return e.u("form",{className:e.cc(n,"ul-card-maxdiff","fade-in-transition"),children:[e.u(u.Header,{isRequired:t==null?void 0:t.required,message:a,properties:t}),e.u(u.QuestionBodyWrapper,{children:e.u("div",{className:"ul-card--maxdiff__question-inner-container",children:[e.u("div",{className:"ul-card-maxdiff__label",children:(i==null?void 0:i.left)||((M=t==null?void 0:t.labels)==null?void 0:M.left)||ut}),e.u("div",{children:" "}),e.u("div",{className:"ul-card-maxdiff__label",children:(i==null?void 0:i.right)||((q=t==null?void 0:t.labels)==null?void 0:q.right)||at}),c.map(({id:m,label:I,isLeftLabel:p,isRightLabel:C})=>e.u(e.g,{children:[e.u("div",{className:"ul-card-maxdiff__option-control "+(w?"smiley":""),children:w?e.u(fe,{ariaPressed:p,className:p?"ul-card-maxdiff__option-btn ul-card-maxdiff__option-selected good":"ul-card-maxdiff__option-btn",enableCspTrustedTypes:y,html:w,id:`smiley-good-${m}`,onClick:L(m,e.MaxDiffChoice.LEFT)}):e.u(u.Option,{allowTextEntry:!1,ariaLabel:`bestLabel-${I}`,border:g,choiceStyle:h,error:!1,id:`${m}`,isRadio:!0,isSelected:p,onUserInputChanged:L(m,e.MaxDiffChoice.LEFT),useMobileStyling:S})}),e.u("div",{className:"ul-card-maxdiff__option-label",children:I}),e.u("div",{className:"ul-card-maxdiff__option-control "+(k?"smiley":""),children:k?e.u(fe,{ariaPressed:C,className:C?"ul-card-maxdiff__option-btn ul-card-maxdiff__option-selected bad":"ul-card-maxdiff__option-btn",enableCspTrustedTypes:y,html:k,id:`smiley-bad-${m}`,onClick:L(m,e.MaxDiffChoice.RIGHT)}):e.u(u.Option,{allowTextEntry:!1,ariaLabel:`worstLabel-${I}`,border:g,choiceStyle:h,error:!1,id:`${m}`,isRadio:!0,isSelected:C,onUserInputChanged:L(m,e.MaxDiffChoice.RIGHT),useMobileStyling:S})})]}))]})})]},d)},fe=({enableCspTrustedTypes:n,ariaPressed:i,className:a,html:t,id:r,onClick:d})=>{const v=e.F(()=>J.getHtml(t,n),[n,t]);return e.u("span",{"aria-pressed":i,className:a,dangerouslySetInnerHTML:{__html:v},id:r,onClick:d,tabIndex:0,type:"button"})},ct=({className:n,labels:i,message:a,next:t,properties:r,questionId:d,type:v,onSubmitButtonClick:f,options:c,showIndividualSubmit:b=!1})=>{const o=e._(null),h=e._(0),s=e._(0),_=e._(null),g=e._(!1),S=e._([]),[y,L]=e.h(()=>(r==null?void 0:r.required)===!0),[k,w]=e.h(()=>c.map(N=>({...N,rank:null}))),P=e.F(()=>Array.from({length:c.length},(N,Q)=>Q+1),[c.length]),{isLongFormSurvey:D,focusedQuestionId:M,setFocusedQuestionId:q,useMobileStyling:m,isPreview:I,headers:p}=e.useConfig(N=>({useMobileStyling:N.useMobileStyling,isLongFormSurvey:z.isLongFormSurvey(N.studyType),focusedQuestionId:N.focusedQuestionId,setFocusedQuestionId:N.setFocusedQuestionId,isPreview:N.isPreview,headers:N.headers})),C=(p==null?void 0:p["userleap-platform"])==="android",x=m&&!I&&!C,R=!x&&!C,E=D&&M===d,l=N=>{N.preventDefault(),j(k),f&&f()},T=(N,Q)=>{w(U=>{const B=parseInt(Q),H=U.map($=>({...$}));H.some($=>$.rank==null)&&H.forEach(($,te)=>$.rank=te+1);const Y=H.findIndex($=>$.id===N);if(Y===-1)return U;const V=H[Y].rank;return B<V?H.forEach($=>{$.id!==N&&$.rank>=B&&$.rank<V&&($.rank=$.rank+1)}):B>V&&H.forEach($=>{$.id!==N&&$.rank>V&&$.rank<=B&&($.rank=$.rank-1)}),H[Y].rank=B,H.sort(($,te)=>$.rank-te.rank),Z(H),H})},F=(N,Q)=>{for(let U=0;U<S.current.length;U++){const B=S.current[U];if(!B||B===_.current)continue;const H=B.getBoundingClientRect();if(N>=H.left&&N<=H.right&&Q>=H.top&&Q<=H.bottom)return{element:B,index:U}}return null},A=N=>Q=>{if(!x)return;Q.preventDefault(),Q.stopPropagation(),g.current=!0,o.current=N;const U=Q.touches[0];h.current=U.clientY,s.current=U.clientY;const B=Q.currentTarget.closest(".ul-card-rank__option");B&&(_.current=B,B.classList.add("is-dragging"))},O=N=>{if(!x||!g.current||o.current===null)return;N.preventDefault(),N.stopPropagation();const Q=N.touches[0];s.current=Q.clientY;const U=s.current-h.current;_.current&&(_.current.style.transform=`translateY(${U}px)`,_.current.style.zIndex="1000"),S.current.forEach(H=>{H&&H!==_.current&&H.classList.remove("is-drop-target")});const B=F(Q.clientX,Q.clientY);B&&B.element.classList.add("is-drop-target")},G=N=>{if(!x||!g.current||o.current===null)return;N.preventDefault(),N.stopPropagation();const Q=N.changedTouches[0],U=F(Q.clientX,Q.clientY);_.current&&(_.current.style.transform="",_.current.style.zIndex="",_.current.classList.remove("is-dragging")),S.current.forEach(B=>{B&&B.classList.remove("is-drop-target")}),U&&U.index!==o.current&&W(o.current,U.index),o.current=null,_.current=null,g.current=!1},W=(N,Q)=>{w(U=>{const B=U.map(Y=>({...Y})),[H]=B.splice(N,1);return B.splice(Q,0,H),B.forEach((Y,V)=>{Y.rank=V+1}),Z(B),B})},j=N=>{const Q={};N.reduce((U,B)=>(U[B.id]=B.rank,U),Q),t({value:Q,questionId:d,type:v},!0)},Z=N=>{L(!1),D&&j(N)},{left:K,right:re}=i,ne=c.length,we=N=>{N.preventDefault(),N.currentTarget.classList.add("is-drop-target")},qe=N=>{N.currentTarget.classList.remove("is-drop-target")},De=N=>{o.current=null,N.currentTarget.classList.remove("is-dragging")};return e.u("form",{className:e.cc(n,"ul-card-rank","fade-in-transition",D&&!E&&"ul-card--unfocused"),onClick:D?()=>{D&&M!==d&&q(d)}:void 0,onSubmit:l,children:[e.u(u.Header,{isRequired:r==null?void 0:r.required,message:a,properties:r}),e.u(u.MobileEmbedView,{properties:r,children:C?e.u(e.g,{children:[e.u(u.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--rank__question-inner-container",children:[e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:["1 - ",K]})}),e.u("ol",{className:"ul-card-rank__list",children:k.map(({id:N,label:Q,rank:U})=>e.u("li",{className:"ul-card-rank__option",children:[e.u("select",{"aria-label":`Rank for ${Q}`,className:e.cc("ul-card-rank__select",U==null&&"ul-card-rank__select--placeholder"),name:`rank[${N}]`,onChange:B=>T(N,B.currentTarget.value),value:U??"",children:[U==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),P.map(B=>e.u("option",{className:"ul-card-rank__select-option",value:B,children:B},`${B}-${d}`))]}),e.u("span",{children:Q})]},N))}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[ne," - ",re]})})]}),b&&e.u(u.LongformSubmitButton,{handleSubmit:l,isSubmitDisabled:y})]}),!D&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(u.Button,{disabled:y,children:e.getButtonText(r)})})})]}):e.u(e.g,{children:[e.u(u.QuestionBodyWrapper,{children:[e.u("div",{className:"ul-card--rank__question-inner-container",children:[e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:["1 - ",K]})}),e.u("ol",{className:"ul-card-rank__list",onDragOver:C?void 0:N=>{N.preventDefault(),N.dataTransfer&&(N.dataTransfer.dropEffect="move")},children:k.map(({id:N,label:Q,rank:U},B)=>{return e.u("li",{className:"ul-card-rank__option",draggable:!!R||void 0,onDragEnd:R?De:void 0,onDragEnter:R?we:void 0,onDragLeave:R?qe:void 0,onDragStart:R?(Y=B,V=>{o.current=Y,V.dataTransfer&&(V.dataTransfer.effectAllowed="move",V.dataTransfer.setData("text/plain",String(Y)),V.currentTarget.classList.add("is-dragging"))}):void 0,onDrop:R?(H=B,V=>{var te,me;V.preventDefault(),V.currentTarget.classList.remove("is-drop-target");const $=o.current;o.current=null,(me=(te=V.currentTarget.closest(".ul-card-rank__list"))==null?void 0:te.querySelector(".is-dragging"))==null||me.classList.remove("is-dragging"),$!=null&&$!==H&&W($,H)}):void 0,ref:V=>S.current[B]=V,children:[e.u("select",{"aria-label":`Rank for ${Q}`,className:e.cc("ul-card-rank__select",U==null&&"ul-card-rank__select--placeholder"),name:`rank[${N}]`,onChange:V=>T(N,V.currentTarget.value),value:U??"",children:[U==null&&e.u("option",{className:"ul-card-rank__select-option",disabled:!0,value:"",children:"-"}),P.map(V=>e.u("option",{className:"ul-card-rank__select-option",value:V,children:V},`${V}-${d}`))]}),e.u("span",{children:Q}),!C&&e.u("button",{"aria-label":`Drag ${Q} to reorder`,className:"ul-card-rank__drag-btn",onTouchEnd:x?G:void 0,onTouchMove:x?O:void 0,onTouchStart:x?A(B):void 0,title:"Drag to reorder",type:"button",children:e.u("svg",{fill:"none",height:"17",viewBox:"0 0 16 17",width:"16",xmlns:"http://www.w3.org/2000/svg",children:e.u("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"})})})]},N);var H,Y})}),e.u("div",{className:"ul-card-rank__labels",children:e.u("span",{children:[ne," - ",re]})})]}),b&&e.u(u.LongformSubmitButton,{handleSubmit:l,isSubmitDisabled:y})]}),!D&&e.u(u.QuestionBodyFooterContainer,{children:e.u("div",{className:"ul-card__button-wrapper",children:e.u(u.Button,{disabled:y,children:e.getButtonText(r)})})})]})})]},d)},pt=new Set(["open","matrix","multipleselect","multiplechoice","rankorder"]),ye=({cardInstance:n,moveToNextQuestion:i,showIndividualSubmit:a,submitQuestion:t,updateCardValues:r})=>{const{isLongFormSurvey:d}=e.useConfig(s=>({isLongFormSurvey:z.isLongFormSurvey(s.studyType)}));if(!n)return null;const{name:v,type:f,props:c}=n,b=a&&pt.has(f),o={className:"ul-card",next:(s,_,g=!0)=>t(s,_&&g),questionId:v,type:f,showIndividualSubmit:a,...b?{next:(s,_)=>{r(s.questionId,s,_??!0)},onSubmitButtonClick:()=>i(v)}:{}},h=(()=>{switch(f){case"consentlegal":return e.u(Ee,{...o,...c});case"likert":return e.u(Me,{...o,...c});case"matrix":return e.u(Ae,{...o,...c});case"maxdiff":return e.u(dt,{...o,...c});case"multiplechoice":return e.u(He,{...o,...c});case"multipleselect":return e.u($e,{...o,...c});case"nps":return e.u(Ve,{...o,...c});case"open":return e.u(We,{...o,...c});case"rankorder":return e.u(ct,{...o,...c});case"recordedtask":return e.u(et,{...o,...c});case"texturlprompt":return e.u(rt,{...o,...c});case"thanks":return e.u(nt,{...o,...c});case"uploading":return e.u(st,{...o,...c});case"videovoice":return e.u(it,{...o,...c});default:return null}})();return h?d?e.u("div",{className:"ul-card-scroll-wrapper",children:h},v):h:null},mt=({isSubmitDisabled:n=!1,onSubmit:i,buttonText:a})=>{var _;const{cards:t,forceBrandedLogo:r,index:d,marketingUrl:v,showSurveyBrand:f,slugName:c,surveyId:b,useMobileStyling:o}=e.useConfig(g=>({cards:g.cards,forceBrandedLogo:g.forceBrandedLogo,index:g.index,marketingUrl:g.marketingUrl,showSurveyBrand:g.showSurveyBrand,slugName:g.slugName,surveyId:g.surveyId,useMobileStyling:g.useMobileStyling})),h=((_=t[d])==null?void 0:_.type)==="thanks",s=e.buildMarketingUrl({marketingUrl:v,slugName:c,surveyId:b,forceBrandedLogo:r});return e.u("footer",{className:e.cc("long-form-question-footer-container",o&&"long-form-question-footer-container--mobile",h&&"long-form-question-footer-container-center"),children:[h&&r?e.u(e.ThankYouLink,{marketingUrlLink:s}):e.u("div",{className:"long-form-question-footer-container-logo",children:f?e.u(e.SprigBrandLogo,{forceBrandedLogo:r,marketingUrlLink:s}):null}),!h&&e.u("div",{className:e.cc("ul-card__button-wrapper","ul-card-vertical__button-wrapper","long-form-question-footer-container-actions"),children:e.u(u.Button,{className:e.cc("long-form-button",n&&"sprig-button-disabled"),disabled:n,onClick:i,children:e.u("span",{className:"long-form-button-text-container",children:a??e.u(e.Arrow,{stroke:"white"})})})})]})};exports.PageCard=({cards:n,next:i,previousResponses:a})=>{var I;const[t,r]=e.h({}),[d,v]=e.h({}),f=e.F(()=>({...a,...e.buildReadableResponseMap(n.map(p=>{var C,x;return{...p,value:((C=t[p.name])==null?void 0:C.value)??null,secondaryValue:((x=t[p.name])==null?void 0:x.secondaryValue)??null}}))}),[a,t,n]),c=e.pipeReadableResponsesIntoCards(n,f),{isLongFormSurvey:b,focusedQuestionId:o,setFocusedQuestionId:h}=e.useConfig(p=>({isLongFormSurvey:z.isLongFormSurvey(p.studyType),focusedQuestionId:p.focusedQuestionId,setFocusedQuestionId:p.setFocusedQuestionId})),s=e._(null),_=e._(!1),g=e._(null),S=e.T(p=>{var E,l;_.current=!0;const C=n.findIndex(T=>T.name===p);if(!b||p===null||C===-1)return void(_.current=!1);const x=(E=s.current)==null?void 0:E.querySelectorAll(".ul-card-scroll-wrapper")[C],R=(l=s.current)==null?void 0:l.closest(".ul-card-main-content");if(x&&R){if(x&&R){const T=x.getBoundingClientRect(),F=R.getBoundingClientRect(),A=T.top-F.top+R.scrollTop,O=A+T.height/2,G=window.innerHeight-157;let W;T.height>=G?W=A:W=O-R.clientHeight/2;const j=R.clientHeight,Z=R.scrollHeight-j,K=Math.max(0,Math.min(W,Z));R.scrollTo({top:K,behavior:"smooth"}),setTimeout(()=>{_.current=!1},500)}}else _.current=!1},[b,n]);function y(p,C){return p.map(x=>{const R=C[x.name],E=c.find(l=>l.name===x.name);return{...R,questionText:E?e.getProcessedQuestionText(E):void 0}})}e.p(()=>{o!==null&&n.findIndex(p=>p.name===o)!==-1||h(n[0].name)},[n,o,h]);const L=p=>{if(!b)return;const C=n.findIndex(x=>x.name===p)+1;if(C<n.length){const x=n[C].name;h(x)}else h(p)};e.p(()=>{b&&o!==null&&(g.current!==o?S(o):g.current=null)},[o,b,S]);const k=e.T(()=>{var F,A;if(_.current)return;const p=(F=s.current)==null?void 0:F.closest(".ul-card-main-content");if(!p)return;const C=(A=s.current)==null?void 0:A.querySelectorAll(".ul-card-scroll-wrapper");if(!C||C.length===0)return;const x=p.getBoundingClientRect(),R=x.top+x.height/2;let E=0,l=1/0;C.forEach((O,G)=>{const W=O.getBoundingClientRect(),j=W.top+W.height/2,Z=Math.abs(R-j);Z<l&&(l=Z,E=G)});const T=n[E];g.current=T.name,h(T.name)},[n,h]);e.p(()=>{var C;if(!b)return;const p=((C=s.current)==null?void 0:C.closest(".ul-card__container"))||null;return p&&p.addEventListener("scroll",k,{passive:!0}),()=>{p&&p.removeEventListener("scroll",k)}},[k,b]);const w=e.F(()=>Object.values(d).every((p,C)=>{var R;const x=n[C];return!(!(x!=null&&x.props)||!("properties"in x.props)||((R=x.props.properties)==null?void 0:R.required)!==!1)||p}),[d,n]),P=async(p,C,x)=>{return v(E=>({...E,[p]:x})),await(R=E=>({...E,[p]:C}),new Promise(E=>{r(l=>{const T=R(l);return E(T),T})}));var R};e.p(()=>{if(!b)return;const p={};n.forEach(C=>{var R,E;const x=C;(E=(R=x.props)==null?void 0:R.properties)!=null&&E.required||(p[x.name]={value:null,questionId:x.name,type:x.type})}),r(p),v({})},[n,b]);const D=async(p,C)=>{if(b){const x=await P(p.questionId,p,C),R=M(p.type),E=q(p.type);if(R&&L(p.questionId),E&&C){const l=y(n,x);i(l)}}else{const x=c.find(E=>E.name===p.questionId),R={...p,questionText:x?e.getProcessedQuestionText(x):void 0};i([R])}},M=p=>new Set(["nps","likert","multiplechoice"]).has(p),q=p=>new Set(["videovoice","consentlegal","texturlprompt","maxdiff"]).has(p),m=((I=n[0])==null?void 0:I.type)==="thanks";return b?e.u("div",{className:"ul-card-list-container--longform","data-testid":"ui-container",ref:s,children:[e.u(ot,{value:a,children:c.map((p,C)=>e.u(ye,{cardInstance:p,moveToNextQuestion:L,showIndividualSubmit:b&&n.length>1&&C<n.length-1,submitQuestion:D,updateCardValues:P},(p==null?void 0:p.name)||C))}),!m&&e.u(mt,{isSubmitDisabled:Object.keys(t).length<n.length||!w,onSubmit:function(){const p=y(n,t);i(p)}})]}):e.u(e.g,{children:[e.u("div",{"data-testid":"ui-container",style:{display:"none"}}),c.map((p,C)=>e.u(ye,{cardInstance:p,moveToNextQuestion:L,showIndividualSubmit:b&&n.length>1&&C<n.length-1,submitQuestion:D,updateCardValues:P},(p==null?void 0:p.name)||C))]})};
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./core-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./core-Br8FqGd4.cjs");require("./replay.cjs");const r=require("./metricsReporter-Dc4CZlRc.cjs");exports.SprigAPI=e.SprigAPI,exports.default=e.core,exports.sprig=e.sprig,exports.DismissReason=r.DismissReason,exports.SprigEvent=r.SprigEvent;
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { S as i, c as o, s as p } from "./core-
|
|
1
|
+
import { S as i, c as o, s as p } from "./core-Cyu7gofl.js";
|
|
2
2
|
import "./replay.js";
|
|
3
|
-
import { D as t, S as m } from "./metricsReporter-
|
|
3
|
+
import { D as t, S as m } from "./metricsReporter-B-oKhuWk.js";
|
|
4
4
|
export {
|
|
5
5
|
t as DismissReason,
|
|
6
6
|
i as SprigAPI,
|
|
@@ -217,7 +217,7 @@ const J = (e) => e._config && e._config.installationMethod ? e._config.installat
|
|
|
217
217
|
U = !0, A = e;
|
|
218
218
|
};
|
|
219
219
|
function ce(e = {}) {
|
|
220
|
-
const t = { "Content-Type": "application/json", "userleap-platform": "web", "x-ul-sdk-version": "2.40.
|
|
220
|
+
const t = { "Content-Type": "application/json", "userleap-platform": "web", "x-ul-sdk-version": "2.40.2", "x-ul-installation-method": J(e), "sprig-modules": B() };
|
|
221
221
|
if (e.envId && (t["x-ul-environment-id"] = e.envId), e.token && (t.Authorization = "Bearer " + e.token), e.userId && (t["x-ul-user-id"] = e.userId), e.visitorId && (t["x-ul-visitor-id"] = e.visitorId), e.partnerAnonymousId && (t["x-ul-anonymous-id"] = e.partnerAnonymousId), e.mobileHeadersJSON) {
|
|
222
222
|
const s = JSON.parse(e.mobileHeadersJSON);
|
|
223
223
|
Object.assign(t, s);
|