@sprig-technologies/sprig-browser 2.32.6 → 2.32.9
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/{core-GM5ainPn.js → core-Cpj6ibvg.js} +408 -398
- package/dist/core-DHmPygfT.cjs +12 -0
- package/dist/core.cjs +1 -1
- package/dist/core.d.ts +2 -0
- package/dist/core.js +2 -2
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -2
- package/dist/{metricsReporter-IUVTL7s6.js → metricsReporter-Cl6wG1Dn.js} +17 -16
- package/dist/metricsReporter-D1E3ePJA.cjs +1 -0
- package/dist/replay.cjs +1 -1
- package/dist/replay.js +1 -1
- package/dist/{view-BC8pDITD.js → view-CxqsZLB6.js} +93 -92
- package/dist/{view-D-38xPZ5.cjs → view-PhfA05rs.cjs} +2 -2
- package/package.json +1 -1
- package/dist/core-DNNKcB-C.cjs +0 -12
- package/dist/metricsReporter-hJoXXbKC.cjs +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { C as Ht, A as Se,
|
|
2
|
-
import { b as Xr, D as Bt, e as Be, h as We, S as
|
|
1
|
+
import { C as Ht, A as Se, D as Gr, a as Kr, i as Yr, E as Qr, b as De, d as Ct, r as Jr, e as At } from "./core-Cpj6ibvg.js";
|
|
2
|
+
import { b as Xr, D as Bt, e as Be, h as We, S as ae, s as ht, v as mt } from "./metricsReporter-Cl6wG1Dn.js";
|
|
3
3
|
var Le, D, Rn, xe, qt, Nn, gt, Mn, Me = {}, Ln = [], eo = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, Ze = Array.isArray;
|
|
4
|
-
function
|
|
4
|
+
function pe(e, t) {
|
|
5
5
|
for (var n in t)
|
|
6
6
|
e[n] = t[n];
|
|
7
7
|
return e;
|
|
@@ -57,7 +57,7 @@ function ft(e) {
|
|
|
57
57
|
function Ge() {
|
|
58
58
|
var e, t, n, r, o, i, s, d, l;
|
|
59
59
|
for (xe.sort(gt); e = xe.shift(); )
|
|
60
|
-
e.__d && (t = xe.length, r = void 0, i = (o = (n = e).__v).__e, d = [], l = [], (s = n.__P) && ((r =
|
|
60
|
+
e.__d && (t = xe.length, r = void 0, i = (o = (n = e).__v).__e, d = [], l = [], (s = n.__P) && ((r = pe({}, o)).__v = o.__v + 1, D.vnode && D.vnode(r), Et(s, r, o, n.__n, s.ownerSVGElement !== void 0, 32 & o.__u ? [i] : null, d, i ?? je(o), !!(32 & o.__u), l), r.__.__k[r.__i] = r, Bn(d, r, l), r.__e != i && Hn(r)), xe.length > t && xe.sort(gt));
|
|
61
61
|
Ge.__r = 0;
|
|
62
62
|
}
|
|
63
63
|
function Vt(e, t, n, r, o, i, s, d, l, p, h) {
|
|
@@ -82,9 +82,9 @@ function An(e, t, n) {
|
|
|
82
82
|
}
|
|
83
83
|
return e.__e != t && (n.insertBefore(e.__e, t || null), t = e.__e), t && t.nextSibling;
|
|
84
84
|
}
|
|
85
|
-
function
|
|
85
|
+
function he(e, t) {
|
|
86
86
|
return t = t || [], e == null || typeof e == "boolean" || (Ze(e) ? e.some(function(n) {
|
|
87
|
-
|
|
87
|
+
he(n, t);
|
|
88
88
|
}) : t.push(e)), t;
|
|
89
89
|
}
|
|
90
90
|
function to(e, t, n, r) {
|
|
@@ -157,7 +157,7 @@ function Et(e, t, n, r, o, i, s, d, l, p) {
|
|
|
157
157
|
e:
|
|
158
158
|
if (typeof g == "function")
|
|
159
159
|
try {
|
|
160
|
-
if (y = t.props, x = (h = g.contextType) && r[h.__c], T = h ? x ? x.props.value : h.__ : r, n.__c ? _ = (c = t.__c = n.__c).__ = c.__E : ("prototype" in g && g.prototype.render ? t.__c = c = new g(y, T) : (t.__c = c = new oe(y, T), c.constructor = g, c.render = no), x && x.sub(c), c.props = y, c.state || (c.state = {}), c.context = T, c.__n = r, u = c.__d = !0, c.__h = [], c._sb = []), c.__s == null && (c.__s = c.state), g.getDerivedStateFromProps != null && (c.__s == c.state && (c.__s =
|
|
160
|
+
if (y = t.props, x = (h = g.contextType) && r[h.__c], T = h ? x ? x.props.value : h.__ : r, n.__c ? _ = (c = t.__c = n.__c).__ = c.__E : ("prototype" in g && g.prototype.render ? t.__c = c = new g(y, T) : (t.__c = c = new oe(y, T), c.constructor = g, c.render = no), x && x.sub(c), c.props = y, c.state || (c.state = {}), c.context = T, c.__n = r, u = c.__d = !0, c.__h = [], c._sb = []), c.__s == null && (c.__s = c.state), g.getDerivedStateFromProps != null && (c.__s == c.state && (c.__s = pe({}, c.__s)), pe(c.__s, g.getDerivedStateFromProps(y, c.__s))), m = c.props, f = c.state, c.__v = t, u)
|
|
161
161
|
g.getDerivedStateFromProps == null && c.componentWillMount != null && c.componentWillMount(), c.componentDidMount != null && c.__h.push(c.componentDidMount);
|
|
162
162
|
else {
|
|
163
163
|
if (g.getDerivedStateFromProps == null && y !== m && c.componentWillReceiveProps != null && c.componentWillReceiveProps(y, T), !c.__e && (c.shouldComponentUpdate != null && c.shouldComponentUpdate(y, c.__s, T) === !1 || t.__v === n.__v)) {
|
|
@@ -180,13 +180,13 @@ function Et(e, t, n, r, o, i, s, d, l, p) {
|
|
|
180
180
|
do
|
|
181
181
|
c.__d = !1, w && w(t), h = c.render(c.props, c.state, c.context), c.state = c.__s;
|
|
182
182
|
while (c.__d && ++k < 25);
|
|
183
|
-
c.state = c.__s, c.getChildContext != null && (r =
|
|
183
|
+
c.state = c.__s, c.getChildContext != null && (r = pe(pe({}, r), c.getChildContext())), u || c.getSnapshotBeforeUpdate == null || (b = c.getSnapshotBeforeUpdate(m, f)), Vt(e, Ze(P = h != null && h.type === G && h.key == null ? h.props.children : h) ? P : [P], t, n, r, o, i, s, d, l, p), c.base = t.__e, t.__u &= -161, c.__h.length && s.push(c), _ && (c.__E = c.__ = null);
|
|
184
184
|
} catch (v) {
|
|
185
185
|
t.__v = null, l || i != null ? (t.__e = d, t.__u |= l ? 160 : 32, i[i.indexOf(d)] = null) : (t.__e = n.__e, t.__k = n.__k), D.__e(v, t, n);
|
|
186
186
|
}
|
|
187
187
|
else
|
|
188
188
|
i == null && t.__v === n.__v ? (t.__k = n.__k, t.__e = n.__e) : t.__e = function(v, E, I, O, C, M, A, H, q) {
|
|
189
|
-
var R, W, K,
|
|
189
|
+
var R, W, K, de, F, Y, be, te = I.props, ce = E.props, ne = E.type;
|
|
190
190
|
if (ne === "svg" && (C = !0), M != null) {
|
|
191
191
|
for (R = 0; R < M.length; R++)
|
|
192
192
|
if ((F = M[R]) && "setAttribute" in F == !!ne && (ne ? F.localName === ne : F.nodeType === 3)) {
|
|
@@ -196,22 +196,22 @@ function Et(e, t, n, r, o, i, s, d, l, p) {
|
|
|
196
196
|
}
|
|
197
197
|
if (v == null) {
|
|
198
198
|
if (ne === null)
|
|
199
|
-
return document.createTextNode(
|
|
200
|
-
v = C ? document.createElementNS("http://www.w3.org/2000/svg", ne) : document.createElement(ne,
|
|
199
|
+
return document.createTextNode(ce);
|
|
200
|
+
v = C ? document.createElementNS("http://www.w3.org/2000/svg", ne) : document.createElement(ne, ce.is && ce), M = null, H = !1;
|
|
201
201
|
}
|
|
202
202
|
if (ne === null)
|
|
203
|
-
te ===
|
|
203
|
+
te === ce || H && v.data === ce || (v.data = ce);
|
|
204
204
|
else {
|
|
205
205
|
if (M = M && Le.call(v.childNodes), te = I.props || Me, !H && M != null)
|
|
206
206
|
for (te = {}, R = 0; R < v.attributes.length; R++)
|
|
207
207
|
te[(F = v.attributes[R]).name] = F.value;
|
|
208
208
|
for (R in te)
|
|
209
|
-
F = te[R], R == "children" || (R == "dangerouslySetInnerHTML" ? K = F : R === "key" || R in
|
|
210
|
-
for (R in
|
|
211
|
-
F =
|
|
209
|
+
F = te[R], R == "children" || (R == "dangerouslySetInnerHTML" ? K = F : R === "key" || R in ce || Ae(v, R, null, F, C));
|
|
210
|
+
for (R in ce)
|
|
211
|
+
F = ce[R], R == "children" ? de = F : R == "dangerouslySetInnerHTML" ? W = F : R == "value" ? Y = F : R == "checked" ? be = F : R === "key" || H && typeof F != "function" || te[R] === F || Ae(v, R, F, te[R], C);
|
|
212
212
|
if (W)
|
|
213
213
|
H || K && (W.__html === K.__html || W.__html === v.innerHTML) || (v.innerHTML = W.__html), E.__k = [];
|
|
214
|
-
else if (K && (v.innerHTML = ""), Vt(v, Ze(
|
|
214
|
+
else if (K && (v.innerHTML = ""), Vt(v, Ze(de) ? de : [de], E, I, O, C && ne !== "foreignObject", M, A, M ? M[0] : I.__k && je(I, 0), H, q), M != null)
|
|
215
215
|
for (R = M.length; R--; )
|
|
216
216
|
M[R] != null && On(M[R]);
|
|
217
217
|
H || (R = "value", Y !== void 0 && (Y !== v[R] || ne === "progress" && !Y || ne === "option" && Y !== te[R]) && Ae(v, R, Y, te[R], !1), R = "checked", be !== void 0 && be !== v[R] && Ae(v, R, be, te[R], !1));
|
|
@@ -268,7 +268,7 @@ function qn(e, t) {
|
|
|
268
268
|
Ie(e, t, qn);
|
|
269
269
|
}
|
|
270
270
|
function ro(e, t, n) {
|
|
271
|
-
var r, o, i, s, d =
|
|
271
|
+
var r, o, i, s, d = pe({}, e.props);
|
|
272
272
|
for (i in e.type && e.type.defaultProps && (s = e.type.defaultProps), t)
|
|
273
273
|
i == "key" ? r = t[i] : i == "ref" ? o = t[i] : d[i] = t[i] === void 0 && s !== void 0 ? s[i] : t[i];
|
|
274
274
|
return arguments.length > 2 && (d.children = arguments.length > 3 ? Le.call(arguments, 2) : n), Re(e.type, d, r || e.key, o || e.ref, null);
|
|
@@ -306,13 +306,13 @@ Le = Ln.slice, D = { __e: function(e, t, n, r) {
|
|
|
306
306
|
throw e;
|
|
307
307
|
} }, Rn = 0, oe.prototype.setState = function(e, t) {
|
|
308
308
|
var n;
|
|
309
|
-
n = this.__s != null && this.__s !== this.state ? this.__s : this.__s =
|
|
309
|
+
n = this.__s != null && this.__s !== this.state ? this.__s : this.__s = pe({}, this.state), typeof e == "function" && (e = e(pe({}, n), this.props)), e && pe(n, e), e != null && this.__v && (t && this._sb.push(t), ft(this));
|
|
310
310
|
}, oe.prototype.forceUpdate = function(e) {
|
|
311
311
|
this.__v && (this.__e = !0, e && this.__h.push(e), ft(this));
|
|
312
312
|
}, oe.prototype.render = G, xe = [], Nn = typeof Promise == "function" ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, gt = function(e, t) {
|
|
313
313
|
return e.__v.__b - t.__v.__b;
|
|
314
314
|
}, Ge.__r = 0, Mn = 0;
|
|
315
|
-
var
|
|
315
|
+
var me, V, rt, Wt, Te = 0, zn = [], qe = [], Zt = D.__b, Gt = D.__r, Kt = D.diffed, Yt = D.__c, Qt = D.unmount;
|
|
316
316
|
function we(e, t) {
|
|
317
317
|
D.__h && D.__h(V, e, Te || t), Te = 0;
|
|
318
318
|
var n = V.__H || (V.__H = { __: [], __h: [] });
|
|
@@ -322,7 +322,7 @@ function $(e) {
|
|
|
322
322
|
return Te = 1, jt(Zn, e);
|
|
323
323
|
}
|
|
324
324
|
function jt(e, t, n) {
|
|
325
|
-
var r = we(
|
|
325
|
+
var r = we(me++, 2);
|
|
326
326
|
if (r.t = e, !r.__c && (r.__ = [n ? n(t) : Zn(void 0, t), function(d) {
|
|
327
327
|
var l = r.__N ? r.__N[0] : r.__[0], p = r.t(l, d);
|
|
328
328
|
l !== p && (r.__N = [p, r.__[1]], r.__c.setState({}));
|
|
@@ -358,11 +358,11 @@ function jt(e, t, n) {
|
|
|
358
358
|
return r.__N || r.__;
|
|
359
359
|
}
|
|
360
360
|
function Q(e, t) {
|
|
361
|
-
var n = we(
|
|
361
|
+
var n = we(me++, 3);
|
|
362
362
|
!D.__s && Tt(n.__H, t) && (n.__ = e, n.i = t, V.__H.__h.push(n));
|
|
363
363
|
}
|
|
364
364
|
function Oe(e, t) {
|
|
365
|
-
var n = we(
|
|
365
|
+
var n = we(me++, 4);
|
|
366
366
|
!D.__s && Tt(n.__H, t) && (n.__ = e, n.i = t, V.__h.push(n));
|
|
367
367
|
}
|
|
368
368
|
function ee(e) {
|
|
@@ -380,7 +380,7 @@ function $n(e, t, n) {
|
|
|
380
380
|
}, n == null ? n : n.concat(e));
|
|
381
381
|
}
|
|
382
382
|
function Ue(e, t) {
|
|
383
|
-
var n = we(
|
|
383
|
+
var n = we(me++, 7);
|
|
384
384
|
return Tt(n.__H, t) ? (n.__V = e(), n.i = t, n.__h = e, n.__V) : n.__;
|
|
385
385
|
}
|
|
386
386
|
function Ke(e, t) {
|
|
@@ -389,14 +389,14 @@ function Ke(e, t) {
|
|
|
389
389
|
}, t);
|
|
390
390
|
}
|
|
391
391
|
function Fn(e) {
|
|
392
|
-
var t = V.context[e.__c], n = we(
|
|
392
|
+
var t = V.context[e.__c], n = we(me++, 9);
|
|
393
393
|
return n.c = e, t ? (n.__ == null && (n.__ = !0, t.sub(V)), t.props.value) : e.__;
|
|
394
394
|
}
|
|
395
395
|
function It(e, t) {
|
|
396
396
|
D.useDebugValue && D.useDebugValue(t ? t(e) : e);
|
|
397
397
|
}
|
|
398
398
|
function Wn() {
|
|
399
|
-
var e = we(
|
|
399
|
+
var e = we(me++, 11);
|
|
400
400
|
if (!e.__) {
|
|
401
401
|
for (var t = V.__v; t !== null && !t.__m && t.__ !== null; )
|
|
402
402
|
t = t.__;
|
|
@@ -417,11 +417,11 @@ function oo() {
|
|
|
417
417
|
D.__b = function(e) {
|
|
418
418
|
V = null, Zt && Zt(e);
|
|
419
419
|
}, D.__r = function(e) {
|
|
420
|
-
Gt && Gt(e),
|
|
420
|
+
Gt && Gt(e), me = 0;
|
|
421
421
|
var t = (V = e.__c).__H;
|
|
422
422
|
t && (rt === V ? (t.__h = [], V.__h = [], t.__.forEach(function(n) {
|
|
423
423
|
n.__N && (n.__ = n.__N), n.__V = qe, n.__N = n.i = void 0;
|
|
424
|
-
})) : (t.__h.forEach(Ve), t.__h.forEach(_t), t.__h = [],
|
|
424
|
+
})) : (t.__h.forEach(Ve), t.__h.forEach(_t), t.__h = [], me = 0)), rt = V;
|
|
425
425
|
}, D.diffed = function(e) {
|
|
426
426
|
Kt && Kt(e);
|
|
427
427
|
var t = e.__c;
|
|
@@ -517,15 +517,15 @@ function Pt(e) {
|
|
|
517
517
|
return t.$$typeof = so, t.render = t, t.prototype.isReactComponent = t.__f = !0, t.displayName = "ForwardRef(" + (e.displayName || e.name) + ")", t;
|
|
518
518
|
}
|
|
519
519
|
var en = function(e, t) {
|
|
520
|
-
return e == null ? null :
|
|
520
|
+
return e == null ? null : he(he(e).map(t));
|
|
521
521
|
}, Yn = { map: en, forEach: en, count: function(e) {
|
|
522
|
-
return e ?
|
|
522
|
+
return e ? he(e).length : 0;
|
|
523
523
|
}, only: function(e) {
|
|
524
|
-
var t =
|
|
524
|
+
var t = he(e);
|
|
525
525
|
if (t.length !== 1)
|
|
526
526
|
throw "Children.only";
|
|
527
527
|
return t[0];
|
|
528
|
-
}, toArray:
|
|
528
|
+
}, toArray: he }, ao = D.__e;
|
|
529
529
|
D.__e = function(e, t, n, r) {
|
|
530
530
|
if (e.then) {
|
|
531
531
|
for (var o, i = t; i = i.__; )
|
|
@@ -648,7 +648,7 @@ function tr(e, t) {
|
|
|
648
648
|
};
|
|
649
649
|
}, Ee.prototype.render = function(e) {
|
|
650
650
|
this.u = null, this.o = /* @__PURE__ */ new Map();
|
|
651
|
-
var t =
|
|
651
|
+
var t = he(e.children);
|
|
652
652
|
e.revealOrder && e.revealOrder[0] === "b" && t.reverse();
|
|
653
653
|
for (var n = t.length; n--; )
|
|
654
654
|
this.o.set(t[n], this.u = [1, 0, this.u]);
|
|
@@ -700,9 +700,9 @@ D.vnode = function(e) {
|
|
|
700
700
|
i === "defaultValue" && "value" in n && n.value == null ? i = "value" : i === "download" && s === !0 ? s = "" : d === "ondoubleclick" ? i = "ondblclick" : d !== "onchange" || r !== "input" && r !== "textarea" || go(n.type) ? d === "onfocus" ? i = "onfocusin" : d === "onblur" ? i = "onfocusout" : po.test(i) ? i = d : r.indexOf("-") === -1 && uo.test(i) ? i = i.replace(ho, "-$&").toLowerCase() : s === null && (s = void 0) : d = i = "oninput", d === "oninput" && o[i = d] && (i = "oninputCapture"), o[i] = s;
|
|
701
701
|
}
|
|
702
702
|
}
|
|
703
|
-
r == "select" && o.multiple && Array.isArray(o.value) && (o.value =
|
|
703
|
+
r == "select" && o.multiple && Array.isArray(o.value) && (o.value = he(n.children).forEach(function(l) {
|
|
704
704
|
l.props.selected = o.value.indexOf(l.props.value) != -1;
|
|
705
|
-
})), r == "select" && o.defaultValue != null && (o.value =
|
|
705
|
+
})), r == "select" && o.defaultValue != null && (o.value = he(n.children).forEach(function(l) {
|
|
706
706
|
l.props.selected = o.multiple ? o.defaultValue.indexOf(l.props.value) != -1 : o.defaultValue == l.props.value;
|
|
707
707
|
})), n.class && !n.className ? (o.class = n.class, Object.defineProperty(o, "className", bo)) : (n.className && !n.class || n.class && n.className) && (o.class = o.className = n.className), t.props = o;
|
|
708
708
|
}(e), e.$$typeof = nr, on && on(e);
|
|
@@ -774,7 +774,7 @@ function ot(e) {
|
|
|
774
774
|
}
|
|
775
775
|
var yo = { useState: $, useId: Wn, useReducer: jt, useEffect: Q, useLayoutEffect: Oe, useInsertionEffect: fr, useTransition: gr, useDeferredValue: mr, useSyncExternalStore: _r, startTransition: Rt, useRef: ee, useImperativeHandle: $n, useMemo: Ue, useCallback: Ke, useContext: Fn, useDebugValue: It, version: "17.0.2", Children: Yn, render: rr, hydrate: or, unmountComponentAtNode: dr, createPortal: tr, createElement: z, createContext: Vn, createFactory: sr, cloneElement: lr, createRef: Un, Fragment: G, isValidElement: He, isElement: vr, isFragment: ar, findDOMNode: cr, Component: oe, PureComponent: Ye, memo: Kn, forwardRef: Pt, flushSync: pr, unstable_batchedUpdates: ur, StrictMode: hr, Suspense: Ne, SuspenseList: Ee, lazy: er, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: ir };
|
|
776
776
|
const xo = Object.freeze(Object.defineProperty({ __proto__: null, Children: Yn, Component: oe, Fragment: G, PureComponent: Ye, StrictMode: hr, Suspense: Ne, SuspenseList: Ee, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: ir, cloneElement: lr, createContext: Vn, createElement: z, createFactory: sr, createPortal: tr, createRef: Un, default: yo, findDOMNode: cr, flushSync: pr, forwardRef: Pt, hydrate: or, isElement: vr, isFragment: ar, isValidElement: He, lazy: er, memo: Kn, render: rr, startTransition: Rt, unmountComponentAtNode: dr, unstable_batchedUpdates: ur, useCallback: Ke, useContext: Fn, useDebugValue: It, useDeferredValue: mr, useEffect: Q, useErrorBoundary: function(e) {
|
|
777
|
-
var t = we(
|
|
777
|
+
var t = we(me++, 10), n = $();
|
|
778
778
|
return t.__ = e, V.componentDidCatch || (V.componentDidCatch = function(r, o) {
|
|
779
779
|
t.__ && t.__(r, o), n[1](r);
|
|
780
780
|
}), [n[0], function() {
|
|
@@ -1062,7 +1062,7 @@ const Uo = ko(br.exports), { useSyncExternalStoreWithSelector: Ho } = Uo, un = (
|
|
|
1062
1062
|
r("survey.complete", d), await o(n), Ht.enable(), i({ initiator: Bt.Complete, studyType: s });
|
|
1063
1063
|
}, endCard: { headline: "" }, envId: "", eventEmitFn: Be.emit.bind(Be), fadeout: async (n) => {
|
|
1064
1064
|
const { eventEmitFn: r, headers: o, viewDocument: i } = t();
|
|
1065
|
-
return We(o) ? Promise.resolve() : (r(
|
|
1065
|
+
return We(o) ? Promise.resolve() : (r(ae.SurveyFadingOut), new Promise((s) => {
|
|
1066
1066
|
const d = i.getElementById(n);
|
|
1067
1067
|
d ? (d.addEventListener("transitionend", () => {
|
|
1068
1068
|
s();
|
|
@@ -1109,7 +1109,7 @@ const Uo = ko(br.exports), { useSyncExternalStoreWithSelector: Ho } = Uo, un = (
|
|
|
1109
1109
|
e({ pendingRemoveIframeReason: n, studyType: r }), o();
|
|
1110
1110
|
}, removeIframeIfReady: () => {
|
|
1111
1111
|
const { eventEmitFn: n, pendingRemoveIframeReason: r, unresolvedRequestCount: o, studyType: i, surveyId: s } = t();
|
|
1112
|
-
r && o === 0 && (n(
|
|
1112
|
+
r && o === 0 && (n(ae.SurveyWillClose, { name: ae.SurveyWillClose, initiator: r, studyType: i, "survey.id": s }), e({ pendingRemoveIframeReason: null, studyType: i }));
|
|
1113
1113
|
}, seen: async () => {
|
|
1114
1114
|
const { trackHistory: n } = t();
|
|
1115
1115
|
return n({ event: "seen", isNew: !0 });
|
|
@@ -1118,7 +1118,7 @@ const Uo = ko(br.exports), { useSyncExternalStoreWithSelector: Ho } = Uo, un = (
|
|
|
1118
1118
|
if (!i || at(s))
|
|
1119
1119
|
return;
|
|
1120
1120
|
const d = { responseGroupUid: i, meta: s.meta, customMetadata: s.customMetadata, responses: [o], completedAt: n, previewKey: s.previewKey }, l = await s.trackPromise(ht(`${s.apiURL}/sdk/1/environments/${s.envId}/visitors/${s.userId}/responses/submit`, { body: JSON.stringify(d), headers: s.headers, method: "POST" }));
|
|
1121
|
-
l.ok ? s.eventEmitFn(
|
|
1121
|
+
l.ok ? s.eventEmitFn(ae.QuestionAnswered, { ...o, questionIndex: r, "survey.id": s.surveyId }) : l.reportError && (console.warn("[Sprig] (ERR-427) Failed to submit response", l.error), await s.trackPromise(hn(s, "submitResponse", l.error)));
|
|
1122
1122
|
}, surveyId: 0, tabTitle: "", trackHistory: async ({ event: n, index: r, isNew: o = !1 }) => {
|
|
1123
1123
|
const i = t();
|
|
1124
1124
|
if (at(i))
|
|
@@ -1131,11 +1131,12 @@ const Uo = ko(br.exports), { useSyncExternalStoreWithSelector: Ho } = Uo, un = (
|
|
|
1131
1131
|
throw r(), o;
|
|
1132
1132
|
});
|
|
1133
1133
|
}, unresolvedRequestCount: 0, update: () => {
|
|
1134
|
-
const { cards: n, index: r, headers: o, eventEmitFn: i, frame: s, useMobileStyling: d, surveyId: l, viewDocument: p } = t(), h = n[r],
|
|
1134
|
+
const { cards: n, index: r, headers: o, eventEmitFn: i, frame: s, useMobileStyling: d, surveyId: l, viewDocument: p } = t(), h = o["userleap-platform"] === "web", c = We(o), u = n[r], m = u.type === "matrix" && !(u.props.properties.displayMatrixAsAccordion || d);
|
|
1135
1135
|
e({ minScrollableHeight: void 0 }), setTimeout(() => {
|
|
1136
|
-
var
|
|
1137
|
-
|
|
1138
|
-
|
|
1136
|
+
var y, x, T;
|
|
1137
|
+
!c && !d && ((y = s == null ? void 0 : s.setWidth) == null || y.call(s, Gr));
|
|
1138
|
+
const [f, b, _] = Kr(p, h && !d, c);
|
|
1139
|
+
c ? (i(ae.SurveyHeight, { name: ae.SurveyHeight, contentFrameHeight: f, "survey.id": l }), i(ae.SurveyWidth, { name: ae.SurveyWidth, contentFrameWidth: b, "survey.id": l })) : ((x = s.setHeight) == null || x.call(s, f), e({ minScrollableHeight: _ }), !d && m && ((T = s.setWidth) == null || T.call(s, b)));
|
|
1139
1140
|
}, 100);
|
|
1140
1141
|
}, uploadingCardViewed: !1, uploadProgress: {}, useDesktopPrototype: void 0, useMobileStyling: !1, userId: "", viewDocument: window.document, viewedCardCount: 0 })), at = (e) => !e.userId || e.meta && e.meta.mode === "test" || e.isPreview || e.previewMode, hn = async (e, t, n) => {
|
|
1141
1142
|
const { mode: r, userId: o, envId: i, apiURL: s, headers: d, viewDocument: l } = e, p = l.documentElement, h = { mode: r, screenWidth: window.screen.width, screenHeight: window.screen.height, clientWidth: p.clientWidth, clientHeight: p.clientHeight, location: window.location.href, language: window.navigator.language }, c = { action: t, err: { message: `${n == null ? void 0 : n.name} - ${n == null ? void 0 : n.message}`, stack: n == null ? void 0 : n.stack }, meta: h, vid: o, envId: i };
|
|
@@ -1184,7 +1185,7 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1184
1185
|
}, ie = ({ message: e, properties: t }) => {
|
|
1185
1186
|
const n = ee(null), r = t == null ? void 0 : t.captionText, o = jr();
|
|
1186
1187
|
return a("div", { className: L("question-header-container", "sprig-header-container", o ? "sprig-border-bottom" : null), ref: n, children: [a("div", { className: "question-header-button-container", children: [a(gn, { className: "ul-question", id: "ul-question", isHeader: !0, plainText: e, richText: t == null ? void 0 : t.questionHtml }), a(Yo, {})] }), a(gn, { className: "ul-caption", id: "ul-caption", plainText: r, richText: t == null ? void 0 : t.captionHtml })] });
|
|
1187
|
-
}, fn = ({ buttonText: e = "View Prototype", handleClick: t }) => a("button", { className: "prototype-button", onClick: t, children: e }, "prototype-btn"),
|
|
1188
|
+
}, fn = ({ buttonText: e = "View Prototype", handleClick: t }) => a("button", { className: "prototype-button", onClick: t, children: e }, "prototype-btn"), ge = ({ defaultBody: e, embeddedType: t = "prototype", properties: n }) => {
|
|
1188
1189
|
var c;
|
|
1189
1190
|
const { handleClickEmbedButton: r, hasViewedEmbed: o, headers: i, useDesktopPrototype: s } = B((u) => ({ handleClickEmbedButton: u.handleClickEmbedButton, hasViewedEmbed: u.hasViewedEmbed, headers: u.headers, useDesktopPrototype: u.useDesktopPrototype })), d = (n == null ? void 0 : n.conceptUrl) || ((c = n == null ? void 0 : n.consentDocument) == null ? void 0 : c.url), l = window.innerWidth < Qr, p = i["userleap-platform"], h = (u, m) => {
|
|
1190
1191
|
u.preventDefault(), r(m);
|
|
@@ -1229,9 +1230,9 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1229
1230
|
return a("div", { className: L(Z("choice", p), ...v), id: `choice-div-${d}`, style: { ...n, ...h ? { borderColor: De } : {} }, ...j, children: [a("div", { className: L("choice-label-container"), children: [l ? a("div", { ...E, className: L("select-radio", ...g), id: P, role: "radio", tabIndex: 0 }) : a(Ir, { divId: P, id: d, isSelected: o, themeColor: t }), r && a("label", { className: L(Z("select-label", p)), htmlFor: P, id: `label-${d}`, children: r })] }), c && o && a("div", { className: L("choice-text-entry-container", ...g), children: a(Qo, { onTextChange: (I) => T({ isSelected: o, userText: I }), promptText: m || "Please specify", textValue: s, useMobileStyling: p }) })] });
|
|
1230
1231
|
}, Qo = ({ promptText: e, textValue: t, onTextChange: n, useMobileStyling: r }) => {
|
|
1231
1232
|
const o = ee(null), { update: i } = B((d) => ({ update: d.update })), s = Tr(o, () => i());
|
|
1232
|
-
return Q(() => {
|
|
1233
|
-
|
|
1234
|
-
}, []), a("textarea", { "aria-label": e, "aria-multiline": "true", "aria-placeholder": e, className: L(Z("choice-text-input", r)), "data-gramm": "false", maxLength: 5e3, name: "text", onChange: (d) => {
|
|
1233
|
+
return Q(() => (s(), o.current && o.current.focus(), () => {
|
|
1234
|
+
i();
|
|
1235
|
+
}), []), a("textarea", { "aria-label": e, "aria-multiline": "true", "aria-placeholder": e, className: L(Z("choice-text-input", r)), "data-gramm": "false", maxLength: 5e3, name: "text", onChange: (d) => {
|
|
1235
1236
|
s(), d.stopPropagation(), n(d.currentTarget.value);
|
|
1236
1237
|
}, onClick: (d) => {
|
|
1237
1238
|
d.stopPropagation();
|
|
@@ -1252,7 +1253,7 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1252
1253
|
.${Pr} {
|
|
1253
1254
|
border-color: ${De};
|
|
1254
1255
|
}
|
|
1255
|
-
`,
|
|
1256
|
+
`, fe = ({ children: e }) => a("div", { className: "sprig-question-body", children: e }), _e = ({ children: e }) => {
|
|
1256
1257
|
const t = jr();
|
|
1257
1258
|
return a("div", { className: L("sprig-question-footer-container", t ? "sprig-border-top" : null), children: e });
|
|
1258
1259
|
}, Ce = (e) => (e == null ? void 0 : e.buttonText) || "Next", Mt = (e) => (e == null ? void 0 : e.skipButtonText) || "Skip", ei = ({ className: e, message: t, next: n, properties: r, questionId: o, type: i }) => {
|
|
@@ -1274,7 +1275,7 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1274
1275
|
}, P = () => a(_e, { children: [a("div", { className: "sprig-stretch", children: [a(et, { allowTextEntry: !1, border: d, error: u && !l, id: "consent", isRadio: !1, isSelected: l, label: _, onUserInputChanged: ({ selected: g }) => {
|
|
1275
1276
|
g !== l && p(!l);
|
|
1276
1277
|
}, useMobileStyling: s }), f && a("input", { "aria-label": b, "aria-placeholder": b, className: L(Z("ul-consent-legal__name-input", s)), "data-gramm": "false", maxLength: 250, name: "name", onBlur: j, onFocus: k, onInput: w, placeholder: b, style: u && !x ? { borderColor: De } : {}, tabIndex: 0, value: h })] }), a("div", { className: "ul-card__button-wrapper ul-card-vertical__button-wrapper", children: [a(X, { className: T ? "" : "sprig-button-disabled", onClick: S, children: y }), r.required === !1 && a("button", { className: "ul-card-skip__button", onClick: (g) => S(g, !0), children: Mt(r) })] })] });
|
|
1277
|
-
return a("div", { className: L(e, "ul-card__consent-legal", "fade-in-transition"), children: [a(ie, { message: t, properties: { questionHtml: r.questionHtml } }), a(G, { children: [a(
|
|
1278
|
+
return a("div", { className: L(e, "ul-card__consent-legal", "fade-in-transition"), children: [a(ie, { message: t, properties: { questionHtml: r.questionHtml } }), a(G, { children: [a(fe, { children: a("div", { className: "ul-rich-text-body", dangerouslySetInnerHTML: r != null && r.richTextBody ? { __html: r.richTextBody } : void 0, id: "ul-card__consent-legal-body-container" }) }), a(ge, { properties: r, defaultBody: P, embeddedType: "pdf" })] })] }, o);
|
|
1278
1279
|
}, ti = ({ activeValue: e, border: t, icon: n, isPressed: r, onSubmit: o, range: i, scaleLabelType: s, setActiveValue: d, setIsPressed: l, useMobileStyling: p, value: h, viewDocument: c }) => {
|
|
1279
1280
|
const u = `option-${h}`, m = s === "number", f = s === "star", b = m && h === e, [_, y] = h <= e && f || h === e ? r ? [t, 1] : [t, 0.3] : ["", 1];
|
|
1280
1281
|
return a("button", { "aria-label": m ? void 0 : String(h), className: (() => {
|
|
@@ -1314,7 +1315,7 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1314
1315
|
}), j = (P) => {
|
|
1315
1316
|
P.preventDefault(), P.stopPropagation(), r({ value: null, questionId: i, type: s });
|
|
1316
1317
|
};
|
|
1317
|
-
return a("form", { className: L(e, "ul-card--likert", "fade-in-transition"), children: [a(ie, { message: n, properties: o }), a(
|
|
1318
|
+
return a("form", { className: L(e, "ul-card--likert", "fade-in-transition"), children: [a(ie, { message: n, properties: o }), a(ge, { properties: o, defaultBody: () => a(G, { children: [a(fe, { children: [a("div", { "aria-label": `Rating (1 - ${S})`, className: "ul-card--likert__numbers", role: "radiogroup", children: k }), a("div", { className: "ul-card--likert__labels", children: [a("span", { children: f }), a("span", { children: b })] })] }), !o.required && a(_e, { children: a("div", { className: "ul-vertical-centered-container", children: a(X, { onClick: j, children: Ce(o) }) }) })] }) })] }, i);
|
|
1318
1319
|
}, Dr = (e) => e && (e.scrollHeight > e.offsetHeight ? e : Dr(e.parentElement)), ri = (e) => {
|
|
1319
1320
|
if (!e || !((n) => n instanceof HTMLElement)(e))
|
|
1320
1321
|
return 0;
|
|
@@ -1369,7 +1370,7 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1369
1370
|
}, f = p && Object.values(c).every((_) => _ == null), b = o.displayMatrixAsAccordion || d;
|
|
1370
1371
|
return a("form", { className: L(e, "fade-in-transition", "ul-card__matrix"), id: "text-form", onSubmit: (_) => {
|
|
1371
1372
|
_.preventDefault(), _.stopPropagation(), n({ value: c, questionId: i, type: s });
|
|
1372
|
-
}, children: [a(ie, { message: t, properties: o }), a(
|
|
1373
|
+
}, children: [a(ie, { message: t, properties: o }), a(ge, { properties: o, defaultBody: () => a(G, { children: [a(fe, { children: a(b ? oi : ii, { columns: l, onSelect: m, options: r, selectedOptions: c }) }), a(_e, { children: a("div", { className: "ul-card__button-wrapper", children: a(X, { disabled: f, children: Ce(o) }) }) })] }) })] }, i);
|
|
1373
1374
|
}, ai = ({ options: e, selectItem: t, selectedOptions: n, showCheckbox: r }) => {
|
|
1374
1375
|
const { themeColor: o } = B((i) => ({ doc: i.viewDocument, themeColor: i.border }));
|
|
1375
1376
|
return a("div", { className: "select-list", children: e.map((i) => {
|
|
@@ -1426,7 +1427,7 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1426
1427
|
f && !P && h[f.id].isSelected && (g[f.id].isSelected = !1);
|
|
1427
1428
|
g[w] = { isSelected: k, userText: j }, c(g);
|
|
1428
1429
|
};
|
|
1429
|
-
return a("form", { className: L(e, "ul-card--multiple", "fade-in-transition"), id: "text-form", onSubmit: T, children: [a(ie, { message: t, properties: o }), a(
|
|
1430
|
+
return a("form", { className: L(e, "ul-card--multiple", "fade-in-transition"), id: "text-form", onSubmit: T, children: [a(ie, { message: t, properties: o }), a(ge, { properties: o, defaultBody: () => a(G, { children: [a(fe, { children: o.isDropdown ? a(li, { isMultiSelect: !u, multiselectText: o.dropdownMultiselectedText ?? "choices selected", onChange: (w) => {
|
|
1430
1431
|
const k = { ...h };
|
|
1431
1432
|
for (const j of r)
|
|
1432
1433
|
w.includes(j) ? k[j.id].isSelected = !0 : k[j.id].isSelected = !1;
|
|
@@ -1461,7 +1462,7 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1461
1462
|
}, tabIndex: 0, children: b }, b)), m = (f) => {
|
|
1462
1463
|
f.preventDefault(), f.stopPropagation(), o({ value: null, questionId: i, type: s });
|
|
1463
1464
|
};
|
|
1464
|
-
return a("form", { className: L(e, "ul-card--nps", "fade-in-transition"), children: [a(ie, { message: n, properties: r }), a(
|
|
1465
|
+
return a("form", { className: L(e, "ul-card--nps", "fade-in-transition"), children: [a(ie, { message: n, properties: r }), a(ge, { properties: r, defaultBody: () => a(G, { children: [a(fe, { children: [a("div", { className: "ul-card--nps__numbers", children: u }), a("div", { className: "ul-card--nps__labels", children: [a("span", { children: h }), a("span", { children: c })] })] }), !r.required && a(_e, { children: a("div", { className: "ul-vertical-centered-container", children: a(X, { onClick: m, children: Ce(r) }) }) })] }) })] }, i);
|
|
1465
1466
|
}, pi = ({ className: e, message: t, next: n, properties: r, questionId: o, type: i }) => {
|
|
1466
1467
|
const { border: s, useMobileStyling: d, update: l } = B((S) => ({ border: S.border, useMobileStyling: S.useMobileStyling, update: S.update })), [p, h] = $(""), c = ee(null), u = p.trim(), m = r.required === !0 && !u, f = Tr(c, () => l()), b = (S) => {
|
|
1467
1468
|
f(), S.preventDefault(), S.stopPropagation(), h(S.currentTarget.value);
|
|
@@ -1472,15 +1473,15 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1472
1473
|
}, T = (S) => {
|
|
1473
1474
|
S.currentTarget.style.borderColor = Ct;
|
|
1474
1475
|
};
|
|
1475
|
-
return a("form", { className: L(e, "ul-card--text", "fade-in-transition"), id: "text-form", children: [a(ie, { message: t, properties: r }), a(
|
|
1476
|
+
return a("form", { className: L(e, "ul-card--text", "fade-in-transition"), id: "text-form", children: [a(ie, { message: t, properties: r }), a(ge, { defaultBody: () => a("div", { className: "ul-card-text", children: [a(fe, { children: a("div", { className: "ul-card-text__container", children: a("textarea", { "aria-labelledby": "ul-question", "aria-describedby": "ul-caption", "aria-multiline": "true", "aria-placeholder": y, className: L(Z("ul-card-text__input", d)), "data-gramm": "false", maxLength: 5e3, name: "text", onBlur: T, onChange: b, onFocus: x, placeholder: y, ref: c, role: "textbox", tabIndex: 0 }) }) }), a(_e, { children: [a(X, { disabled: m, onClick: _, children: Ce(r) }), r.footerHtml && a("div", { className: "footer", dangerouslySetInnerHTML: { __html: r.footerHtml } })] })] }), properties: r })] }, o);
|
|
1476
1477
|
}, yt = 1, Nr = 2, Mr = 3, Qe = (e) => e.type === "av_permission", _n = (e) => e.type === "screen_permission", Lr = (e, t) => e === void 0 ? yt : e ? ((n, r) => !(Qe(r) ? r.permissionDescriptors : []).includes("camera") || n.getVideoTracks().length > 0)(e, t) ? Mr : yt : Nr, bn = { avStream: null, currentPage: null, mediaRecordingUids: null, nextQuestion: () => {
|
|
1477
|
-
}, passthroughData: void 0, recordingMediaTypes: void 0, screenPermissionRequested: !1, type: void 0 },
|
|
1478
|
+
}, passthroughData: void 0, recordingMediaTypes: void 0, screenPermissionRequested: !1, type: void 0 }, le = kr((e) => ({ ...bn, reset: () => {
|
|
1478
1479
|
e(bn);
|
|
1479
1480
|
}, updatePage: (t) => {
|
|
1480
1481
|
e(t);
|
|
1481
1482
|
} }));
|
|
1482
1483
|
function xt({ currentPage: e, pages: t }) {
|
|
1483
|
-
const { avStream: n, recordingMediaTypes: r, updatePage: o } =
|
|
1484
|
+
const { avStream: n, recordingMediaTypes: r, updatePage: o } = le.getState(), { recorderEventEmitter: i } = B.getState();
|
|
1484
1485
|
i.emit("av.permission", { "permission.descriptors": e.permissionDescriptors, "stream.ready": (s, d) => {
|
|
1485
1486
|
if (n === s)
|
|
1486
1487
|
return;
|
|
@@ -1493,7 +1494,7 @@ function xt({ currentPage: e, pages: t }) {
|
|
|
1493
1494
|
} });
|
|
1494
1495
|
}
|
|
1495
1496
|
function kt({ status: e }) {
|
|
1496
|
-
const { nextQuestion: t, passthroughData: n, mediaRecordingUids: r, reset: o } =
|
|
1497
|
+
const { nextQuestion: t, passthroughData: n, mediaRecordingUids: r, reset: o } = le.getState(), { recorderEventEmitter: i, handleUploadUpdate: s, index: d } = B.getState(), l = { value: { taskStatus: e }, type: "recordedtask", questionId: (n == null ? void 0 : n.questionId) || 1 };
|
|
1497
1498
|
n && i.emit("finish.task", { "begin.callback": (p) => {
|
|
1498
1499
|
s({ mediaRecordingUid: p, isSubmitted: !0, progressPct: 0, isComplete: !1 });
|
|
1499
1500
|
}, "progress.callback": (p, h) => {
|
|
@@ -1505,7 +1506,7 @@ function kt({ status: e }) {
|
|
|
1505
1506
|
} });
|
|
1506
1507
|
}
|
|
1507
1508
|
function Lt({ pages: e, setIsRequestingPermission: t }) {
|
|
1508
|
-
const { recorderEventEmitter: n, eventEmitFn: r } = B.getState(), { updatePage: o, currentPage: i, recordingMediaTypes: s, screenPermissionRequested: d } =
|
|
1509
|
+
const { recorderEventEmitter: n, eventEmitFn: r } = B.getState(), { updatePage: o, currentPage: i, recordingMediaTypes: s, screenPermissionRequested: d } = le.getState();
|
|
1509
1510
|
if (!i)
|
|
1510
1511
|
return;
|
|
1511
1512
|
const l = e.indexOf(i);
|
|
@@ -1530,7 +1531,7 @@ function Lt({ pages: e, setIsRequestingPermission: t }) {
|
|
|
1530
1531
|
}
|
|
1531
1532
|
}
|
|
1532
1533
|
const Or = "ul-permission-graphics-container", Ur = "ul-permission-body", Hr = L(Or, "ul_recorded-task-inset-spacing"), tt = L("ul-horizontal-button-container", "ul-horizontal-button-container-left"), Ar = ({ richTextBody: e }) => a("div", { className: "ul-rich-text-body", dangerouslySetInnerHTML: { __html: e }, id: "ul-task-detail-container" }), nt = ({ required: e, skipButtonText: t, bottom: n = !1 }) => e ? null : a(X, { className: L(n && "ul-skip-button-below", "ul-button-inactive"), onClick: kt.bind(null, { status: "abandoned" }), children: t || "Skip" }), Ot = (e) => {
|
|
1533
|
-
const { avStream: t, captureStream: n, recordingMediaTypes: r, updatePage: o } =
|
|
1534
|
+
const { avStream: t, captureStream: n, recordingMediaTypes: r, updatePage: o } = le.getState(), i = (r == null ? void 0 : r.includes("audio")) || (r == null ? void 0 : r.includes("video"));
|
|
1534
1535
|
Q(() => {
|
|
1535
1536
|
const s = setInterval(() => {
|
|
1536
1537
|
i && t && !t.active ? o({ avStream: null, currentPage: e[0] }) : n && n.active || o({ captureStream: void 0, currentPage: e[i ? 1 : 0] });
|
|
@@ -1543,7 +1544,7 @@ const Or = "ul-permission-graphics-container", Ur = "ul-permission-body", Hr = L
|
|
|
1543
1544
|
}, mi = ({ content: e, pages: t, properties: n }) => {
|
|
1544
1545
|
const { buttonText: r, skipButtonText: o } = e;
|
|
1545
1546
|
Ot(t);
|
|
1546
|
-
const i = a(
|
|
1547
|
+
const i = a(ge, { properties: n, defaultBody: () => a("div", { className: tt, children: [a(X, { className: "ul-complete-task-button", onClick: kt.bind(null, { status: "completed" }), children: r }), a(X, { className: L("ul-button-inactive"), onClick: kt.bind(null, { status: "given.up" }), children: o })] }) });
|
|
1547
1548
|
return a("div", { className: "ul-task-page", children: [e.taskDetail && a(Ar, { richTextBody: e.taskDetail }), i] }, "complete-task");
|
|
1548
1549
|
}, gi = ({ content: e, pages: t, required: n }) => {
|
|
1549
1550
|
const { buttonText: r, skipButtonText: o } = e, [i] = B((l) => [l.tabTitle]), [s, d] = $(!1);
|
|
@@ -1559,10 +1560,10 @@ const Or = "ul-permission-graphics-container", Ur = "ul-permission-body", Hr = L
|
|
|
1559
1560
|
}, _i = ({ stream: e }) => a("video", { autoPlay: !0, className: L("ul_recorded-task-inset-spacing"), id: "ul-record-task-video-preview", muted: !0, ref: (t) => {
|
|
1560
1561
|
t && (t.srcObject = e || null);
|
|
1561
1562
|
} }), bi = ({ content: e, pages: t, required: n }) => {
|
|
1562
|
-
const { skipButtonText: r } = e, { avStream: o } =
|
|
1563
|
+
const { skipButtonText: r } = e, { avStream: o } = le.getState();
|
|
1563
1564
|
return Ot(t), a("div", { children: [a(_i, { stream: o }), a("div", { className: "ul-vertical-button-container-center", children: [a(X, { onClick: Lt.bind(null, { pages: t }), children: e.buttonText }), a(nt, { bottom: !0, required: n, skipButtonText: r })] })] });
|
|
1564
1565
|
}, yi = ({ properties: e }) => {
|
|
1565
|
-
const { pages: t, required: n } = e, { avStream: r, currentPage: o } =
|
|
1566
|
+
const { pages: t, required: n } = e, { avStream: r, currentPage: o } = le.getState();
|
|
1566
1567
|
if (o === void 0)
|
|
1567
1568
|
return null;
|
|
1568
1569
|
switch (o == null ? void 0 : o.type) {
|
|
@@ -1580,10 +1581,10 @@ const Or = "ul-permission-graphics-container", Ur = "ul-permission-body", Hr = L
|
|
|
1580
1581
|
return null;
|
|
1581
1582
|
}
|
|
1582
1583
|
}, xi = ({ className: e, properties: t, next: n, questionId: r }) => {
|
|
1583
|
-
const o = B(), { surveyId: i, responseGroupUid: s, userId: d } = o, l =
|
|
1584
|
-
let c =
|
|
1584
|
+
const o = B(), { surveyId: i, responseGroupUid: s, userId: d } = o, l = le(), { screenPermissionRequested: p } = l, h = le((b) => b.avStream);
|
|
1585
|
+
let c = le((b) => b.currentPage);
|
|
1585
1586
|
c || (c = function({ pages: b, userId: _, responseGroupUid: y, surveyId: x, questionId: T, next: S }) {
|
|
1586
|
-
const { updatePage: w } =
|
|
1587
|
+
const { updatePage: w } = le.getState(), { eventEmitFn: k, recorderEventEmitter: j } = B.getState(), P = { questionId: T, surveyId: x, visitorId: _, responseGroupUid: y };
|
|
1587
1588
|
let g = 0;
|
|
1588
1589
|
j.emit("recorded.task.permission.screen"), k("recorded.task.permission.screen"), j.emit("permission.status", { "permission.status.callback": (E, I, O, C) => {
|
|
1589
1590
|
const M = b[g], { type: A } = M, H = ["screen"];
|
|
@@ -1600,7 +1601,7 @@ const Or = "ul-permission-graphics-container", Ur = "ul-permission-body", Hr = L
|
|
|
1600
1601
|
}, pages: t.pages, responseGroupUid: s, userId: d }));
|
|
1601
1602
|
let u = c.headline, m = c.captionText;
|
|
1602
1603
|
const f = Lr(h, c);
|
|
1603
|
-
return _n(c) && p && (u = c.permissionDeniedHeadline, m = c.permissionDeniedCaptionText), Qe(c) && f === Mr && (u = c.permissionGrantedHeadline, m = c.permissionGrantedCaptionText), a("div", { className: L(e, "ul-center-horizontally", "fade-in-transition"), children: [a(ie, { message: u, properties: { captionText: m } }), a(
|
|
1604
|
+
return _n(c) && p && (u = c.permissionDeniedHeadline, m = c.permissionDeniedCaptionText), Qe(c) && f === Mr && (u = c.permissionGrantedHeadline, m = c.permissionGrantedCaptionText), a("div", { className: L(e, "ul-center-horizontally", "fade-in-transition"), children: [a(ie, { message: u, properties: { captionText: m } }), a(fe, { children: a(yi, { properties: t }) })] });
|
|
1604
1605
|
}, ki = { "{{user_id}}": "externalUserId", "{{email}}": "email" }, wi = ({ className: e, message: t, next: n, properties: r, questionId: o, type: i }) => {
|
|
1605
1606
|
const { visitorAttributes: s } = B((u) => ({ visitorAttributes: u.visitorAttributes })), d = (u, m = !1) => {
|
|
1606
1607
|
n({ value: m ? { skipped: !0 } : void 0, questionId: o, type: i });
|
|
@@ -1623,7 +1624,7 @@ const Or = "ul-permission-graphics-container", Ur = "ul-permission-body", Hr = L
|
|
|
1623
1624
|
const _ = f.slice(0, f.indexOf("?")), y = f.slice(f.indexOf("?") + 1).split("&").map((x) => x.split("=")).filter((x) => !b.includes(x[1]));
|
|
1624
1625
|
return y.length === 0 ? _ : `${_}?${y.map((x) => x.join("=")).join("&")}`;
|
|
1625
1626
|
})(r && r.buttonUrl, s);
|
|
1626
|
-
return a("div", { className: L(e, "ul-card__text-url-prompt", "fade-in-transition"), children: [a(ie, { message: t, properties: { questionHtml: r.questionHtml } }), a(
|
|
1627
|
+
return a("div", { className: L(e, "ul-card__text-url-prompt", "fade-in-transition"), children: [a(ie, { message: t, properties: { questionHtml: r.questionHtml } }), a(fe, { children: (h = r == null ? void 0 : r.richTextBody, c = r == null ? void 0 : r.body, a("div", h ? { className: "ul-rich-text-body", dangerouslySetInnerHTML: { __html: h }, id: "ul-card__text-url-body-container" } : { className: "ul-rich-text-body", id: "ul-card__text-url-body-container", children: (c ? c.split(/\n\s*\n/g) : []).map((u, m) => a("p", { children: u }, m)) })) }), a(ge, { defaultBody: () => a(_e, { children: a("div", { className: "ul-card-button-group", children: [a("a", { className: "ul-card-text__button ul-card__text-url-prompt-button", href: p, id: "ul-card-text__button", onClick: d, onKeyPress: l, rel: "noreferrer", role: p ? "link" : "button", tabIndex: 0, target: "_blank", children: Ce(r) }), r.required === !1 && a("button", { className: "ul-card-skip__button", onClick: (u) => d(0, !0), children: Mt(r) })] }) }), properties: r })] }, o);
|
|
1627
1628
|
var h, c;
|
|
1628
1629
|
}, Ci = ({ className: e, questionId: t }) => {
|
|
1629
1630
|
const { border: n, destroy: r, endCard: o, forceBrandedLogo: i } = B((l) => ({ border: l.border, destroy: l.destroy, endCard: l.endCard, forceBrandedLogo: l.forceBrandedLogo }));
|
|
@@ -2293,14 +2294,14 @@ span.ul-button-text {
|
|
|
2293
2294
|
}
|
|
2294
2295
|
` }], qr = "-video-player", xn = "-secondary-video-player", kn = "-video-recorder";
|
|
2295
2296
|
let se, wn;
|
|
2296
|
-
const
|
|
2297
|
+
const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, metadata: i }) => {
|
|
2297
2298
|
const s = N.document.documentElement;
|
|
2298
2299
|
if (!r || !o)
|
|
2299
2300
|
return;
|
|
2300
2301
|
const d = { event: `SDK - ${e}`, visitorId: r, environmentId: o, metadata: { ...i || {}, screenWidth: window.screen.width, screenHeight: window.screen.height, clientWidth: s.clientWidth, clientHeight: s.clientHeight, location: window.location.href, language: navigator.language } };
|
|
2301
2302
|
(await fetch(`${t}/sdk/1/visitors/${r}/analytics`, { method: "POST", cache: "no-cache", headers: n, body: JSON.stringify(d) })).ok || console.warn("[Sprig] (ERR-444) Failed to track analytics", e);
|
|
2302
|
-
},
|
|
2303
|
-
|
|
2303
|
+
}, ue = async (e, t, n, r, o, i) => {
|
|
2304
|
+
ve({ event: `Video Error ${t}`, apiBase: n, headers: r, visitorId: o, envId: i, metadata: { errorMessage: e.message } });
|
|
2304
2305
|
const s = N.document.documentElement, d = { screenWidth: window.screen.width, screenHeight: window.screen.height, clientWidth: s.clientWidth, clientHeight: s.clientHeight, location: window.location.href, language: navigator.language }, l = { action: t, err: { message: e.message, stack: e.stack }, meta: d, vid: o, envId: i };
|
|
2305
2306
|
(await fetch(`${n}/sdk/1/errors`, { method: "POST", cache: "no-cache", headers: { ...r, "userleap-platform": "video_recorder", "x-ul-error": window.btoa(`userleap-${Date.now()}-error`) }, body: JSON.stringify(l) })).ok || console.warn("[Sprig] (ERR-444) Failed to report error to API", e);
|
|
2306
2307
|
}, Vr = (e, t) => {
|
|
@@ -2381,7 +2382,7 @@ const fe = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2381
2382
|
C.enabled = !0;
|
|
2382
2383
|
}), l.children()[0].classList.remove("vjs-hidden"), l.record().getDevice(), T.removeClass(I), T.addClass(E), O.innerHTML = re.TurnOffCamera, l.audioPlayerPlaceholder.addClass("vjs-hidden"));
|
|
2383
2384
|
}, _ = new (N.videojs.getComponent("Button"))(l, { clickHandler: () => {
|
|
2384
|
-
_.hasClass(J) || (
|
|
2385
|
+
_.hasClass(J) || (ve({ event: "Video Delete Button Clicked", apiBase: r, headers: s, visitorId: u, envId: m, metadata: { questionId: h, responseGroupUid: c, surveyId: p } }), b(l.cameraOff), o(U.DELETE, {}), T.removeClass(J), _.addClass(J));
|
|
2385
2386
|
} });
|
|
2386
2387
|
_.addClass("ul-video-recorder-delete-button"), _.el_.appendChild($e(re.DeleteButton, "ul-delete-button"));
|
|
2387
2388
|
const y = N.document.getElementById(t), x = () => {
|
|
@@ -2389,7 +2390,7 @@ const fe = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2389
2390
|
};
|
|
2390
2391
|
x();
|
|
2391
2392
|
const T = new (N.videojs.getComponent("Button"))(l, { clickHandler: () => {
|
|
2392
|
-
l.record().isRecording() || (l.cameraOff = !l.cameraOff,
|
|
2393
|
+
l.record().isRecording() || (l.cameraOff = !l.cameraOff, ve({ event: "Video Camera Button Clicked", apiBase: r, headers: s, visitorId: n.visitorId, envId: n.envId, metadata: { questionId: h, responseGroupUid: c, surveyId: p, cameraOff: l.cameraOff } }), b(l.cameraOff), !_.hasClass(J) && _.addClass(J), o(U.DELETE, {}), x());
|
|
2393
2394
|
} });
|
|
2394
2395
|
T.addClass(dt), T.el_.appendChild($e(re.TurnOffCamera, "ul-camera-button"));
|
|
2395
2396
|
const S = new (N.videojs.getComponent("Button"))(l, { clickHandler: () => {
|
|
@@ -2420,37 +2421,37 @@ const fe = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2420
2421
|
}), ((v, E, I, O, C) => {
|
|
2421
2422
|
const { surveyId: M, responseGroupUid: A, visitorId: H, envId: q } = v.payload;
|
|
2422
2423
|
v.on("deviceError", function() {
|
|
2423
|
-
console.warn("device error: ", v.deviceErrorCode), v.deviceErrorCode.message === "Permission denied" ? (v.deviceButton.addClass("permission-denied"), I && I(U.ERROR, { type: U.PERMISSION_DENIED }),
|
|
2424
|
+
console.warn("device error: ", v.deviceErrorCode), v.deviceErrorCode.message === "Permission denied" ? (v.deviceButton.addClass("permission-denied"), I && I(U.ERROR, { type: U.PERMISSION_DENIED }), ve({ event: "Video Permission Denied", apiBase: E, headers: C, visitorId: H, envId: q, metadata: { questionId: ut(v, lt), responseGroupUid: A, surveyId: M } })) : (I && I(U.ERROR, { type: U.OTHER }), ue(new Error(v.deviceErrorCode.message), "recorderDeviceError", E, C, H, q));
|
|
2424
2425
|
}), v.on("error", function(R, W) {
|
|
2425
|
-
|
|
2426
|
+
ue(W || v.error(), "recorderError", E, C, H, q);
|
|
2426
2427
|
}), v.on("startRecord", function(R, W) {
|
|
2427
|
-
O(v.uploadProgressLabel, "none"),
|
|
2428
|
+
O(v.uploadProgressLabel, "none"), ve({ event: "Video Record Start", apiBase: E, headers: C, visitorId: H, envId: q, metadata: { questionId: ut(v, lt), responseGroupUid: A, surveyId: M } });
|
|
2428
2429
|
}), v.on("finishRecord", async function() {
|
|
2429
2430
|
O(v.uploadProgressLabel, "start", 0);
|
|
2430
2431
|
const R = ut(v, lt);
|
|
2431
2432
|
if (!M) {
|
|
2432
2433
|
const Y = "internal error: missing fields in payload";
|
|
2433
|
-
return I && I(U.ERROR, { type: U.OTHER }),
|
|
2434
|
+
return I && I(U.ERROR, { type: U.OTHER }), ue(new Error(Y), "finishRecord", E, C, H, q), null;
|
|
2434
2435
|
}
|
|
2435
2436
|
v.record().stopDevice();
|
|
2436
2437
|
const W = v.cameraOff ? U.MEDIA_TYPE_AUDIO : U.MEDIA_TYPE_VIDEO, K = mt();
|
|
2437
|
-
|
|
2438
|
-
const
|
|
2439
|
-
R && (
|
|
2438
|
+
ve({ event: "Video Record Finish", apiBase: E, headers: C, visitorId: H, envId: q, metadata: { mediaRecordingUid: K, questionId: R, responseGroupUid: A, surveyId: M, mediaType: W } });
|
|
2439
|
+
const de = { surveyId: M, updatedAt: (/* @__PURE__ */ new Date()).toISOString(), mediaType: W, mediaRecordingUid: K };
|
|
2440
|
+
R && (de.questionId = R), A && (de.responseGroupUid = A), H && (de.visitorId = H);
|
|
2440
2441
|
const F = await (async () => {
|
|
2441
|
-
const Y = await fetch(`${E}/2/environments/integrations/upload`, { method: "POST", cache: "no-cache", headers: { "Content-Type": "application/json" }, body: JSON.stringify(
|
|
2442
|
+
const Y = await fetch(`${E}/2/environments/integrations/upload`, { method: "POST", cache: "no-cache", headers: { "Content-Type": "application/json" }, body: JSON.stringify(de) });
|
|
2442
2443
|
if (Y.ok) {
|
|
2443
2444
|
const be = await Y.json();
|
|
2444
2445
|
return I && I(U.UPLOAD_STARTED, { [U.UPLOAD_ID]: be.upload.id, [U.MEDIA_TYPE]: W, [U.MEDIA_RECORDING_UID]: K }), be.upload.url;
|
|
2445
2446
|
}
|
|
2446
|
-
return I && I(U.ERROR, { type: U.OTHER, response: Y }),
|
|
2447
|
+
return I && I(U.ERROR, { type: U.OTHER, response: Y }), ue(new Error("failed to get upload response with url"), "finishRecord", E, C, H, q), null;
|
|
2447
2448
|
})();
|
|
2448
|
-
F && (se = N.document.defaultView.UpChunk.createUpload({ endpoint: F, file: new N.document.defaultView.File([v.recordedData], `recording ${W} ${Date.now()}`), chunkSize: 5120 }), se.startTime = Date.now(),
|
|
2449
|
-
O(v.uploadProgressLabel, "none"), I && I(U.UPLOAD_FINISHED, { [U.MEDIA_RECORDING_UID]: K }),
|
|
2449
|
+
F && (se = N.document.defaultView.UpChunk.createUpload({ endpoint: F, file: new N.document.defaultView.File([v.recordedData], `recording ${W} ${Date.now()}`), chunkSize: 5120 }), se.startTime = Date.now(), ve({ event: "Video Upload Start", apiBase: E, headers: C, visitorId: H, envId: q, metadata: { mediaRecordingUid: K, questionId: R, responseGroupUid: A, surveyId: M, mediaType: W, url: F } }), se.on("error", (Y) => {
|
|
2450
|
+
O(v.uploadProgressLabel, "none"), I && I(U.UPLOAD_FINISHED, { [U.MEDIA_RECORDING_UID]: K }), ue(Y, "finishRecord", E, C, H, q);
|
|
2450
2451
|
}), se.on("progress", (Y) => {
|
|
2451
2452
|
I && I(U.UPLOAD_PROGRESS, { [U.MEDIA_RECORDING_UID]: K, [U.UPLOAD_PROGRESS_PCT]: Y.detail }), O(v.uploadProgressLabel, "progress", Y.detail);
|
|
2452
2453
|
}), se.on("success", () => {
|
|
2453
|
-
O(v.uploadProgressLabel, "success"), I && I(U.UPLOAD_FINISHED, { [U.MEDIA_RECORDING_UID]: K }),
|
|
2454
|
+
O(v.uploadProgressLabel, "success"), I && I(U.UPLOAD_FINISHED, { [U.MEDIA_RECORDING_UID]: K }), ve({ event: "Video Upload Success", apiBase: E, headers: C, visitorId: H, envId: q, metadata: { mediaRecordingUid: K, questionId: R, responseGroupUid: A, surveyId: M, mediaType: W, url: F, elapsedMs: se.startTime && Date.now() - se.startTime } });
|
|
2454
2455
|
}));
|
|
2455
2456
|
});
|
|
2456
2457
|
})(l, r, o, Cn, s);
|
|
@@ -2489,7 +2490,7 @@ const fe = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2489
2490
|
N.document = i;
|
|
2490
2491
|
const l = e + qr, p = Wr(l);
|
|
2491
2492
|
return N.document.addEventListener("securitypolicyviolation", (h) => {
|
|
2492
|
-
|
|
2493
|
+
ue(new Error(`Voice & Video feature violates ${h.violatedDirective} web page CSP policies for the question player.`), "playerDeviceError", o, {});
|
|
2493
2494
|
}), Vr(Br, () => {
|
|
2494
2495
|
N.document.getElementById(Ut(l)).remove(), wt(l, p);
|
|
2495
2496
|
const h = { playsinline: !0, playbackRates: [0.5, 1, 1.5, 2], fill: !0 };
|
|
@@ -2507,7 +2508,7 @@ const fe = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2507
2508
|
const f = zr(u, ["PlaybackRateMenuButton", "PlayToggle", "FullscreenToggle"]), b = f.children().find((_) => _.name_ === "FullscreenToggle");
|
|
2508
2509
|
b.hasClass("vjs-disabled") && b.hide(), $r(u, f, t, n, r, m);
|
|
2509
2510
|
} catch (c) {
|
|
2510
|
-
return void
|
|
2511
|
+
return void ue(new Error(`Error when creating video player object ${c}`), "playerDeviceError", o, {});
|
|
2511
2512
|
}
|
|
2512
2513
|
}), p;
|
|
2513
2514
|
}, Pi = (e) => {
|
|
@@ -2533,12 +2534,12 @@ const fe = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2533
2534
|
}
|
|
2534
2535
|
})(ye), _ && x ? (l({ mediaRecordingUid: x, isSubmitted: !0 }), n({ value: { mediaRecordingUid: x }, questionId: o, type: i })) : n({ value: null, questionId: o, type: i });
|
|
2535
2536
|
};
|
|
2536
|
-
return a("form", { className: L(e, "ul-card--video", "fade-in-transition"), id: "ul-video-interview-form", children: [a(ie, { message: t, properties: r }), a(
|
|
2537
|
+
return a("form", { className: L(e, "ul-card--video", "fade-in-transition"), id: "ul-video-interview-form", children: [a(ie, { message: t, properties: r }), a(fe, { children: [a("div", { id: "ul-question-player-container", style: { display: S === pt ? "" : "none" }, children: [a("div", { id: ye, ref: (g) => {
|
|
2537
2538
|
if (g && g.children.length === 0 && !r.hideRecordedPrompt) {
|
|
2538
2539
|
const v = Ti(ye, { src: k, type: "application/x-mpegURL" }, void 0, r.mediaType === U.MEDIA_TYPE_AUDIO, s, u);
|
|
2539
2540
|
g.appendChild(v);
|
|
2540
2541
|
}
|
|
2541
|
-
} }), a(
|
|
2542
|
+
} }), a(ge, { defaultBody: () => a("button", { className: `${En} ul-record-response-btn`, onClick: (g) => {
|
|
2542
2543
|
g.preventDefault(), g.stopPropagation(), document.getElementById(ye) && ((v) => {
|
|
2543
2544
|
const E = Je(v + qr);
|
|
2544
2545
|
E == null || E.pause();
|
|
@@ -2551,13 +2552,13 @@ const fe = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2551
2552
|
N.document = q;
|
|
2552
2553
|
const R = E + kn, W = Wr(R);
|
|
2553
2554
|
return N.document.addEventListener("securitypolicyviolation", (K) => {
|
|
2554
|
-
|
|
2555
|
+
ue(new Error(`Voice & Video feature violates ${K.violatedDirective} web page CSP policies for the recorder player.`), "recorderDeviceError", O, A, I.visitorId, I.envId);
|
|
2555
2556
|
}), Vr(Br.concat(Ei), () => {
|
|
2556
2557
|
wt(R, W), N.document.getElementById(Ut(R)).remove();
|
|
2557
2558
|
try {
|
|
2558
2559
|
ji(W, R, I, O, C, M, A, H);
|
|
2559
2560
|
} catch (K) {
|
|
2560
|
-
return void
|
|
2561
|
+
return void ue(new Error(`Error when creating video recorder player object ${K}`), "recorderDeviceError", O, A, I.visitorId, I.envId);
|
|
2561
2562
|
}
|
|
2562
2563
|
}), W;
|
|
2563
2564
|
})(ye, { surveyId: c, responseGroupUid: h, questionId: o, visitorId: m, envId: d }, s, j, void 0, { ...p, "x-ul-video-recorder-origin": "sdk" }, r.mediaType === U.MEDIA_TYPE_AUDIO, u);
|
|
@@ -2613,7 +2614,7 @@ const fe = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2613
2614
|
}, In = ({ style: e }) => a("svg", { fill: "none", height: "10", style: e, viewBox: "0 0 12 10", width: "12", xmlns: "http://www.w3.org/2000/svg", children: [a("path", { d: "M1.47839 5.2085L10.9384 5.2085", stroke: "black", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.35" }), a("path", { d: "M7.0686 1.15845L10.9386 5.20845L7.0686 9.25845", stroke: "black", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.35" })] }), Mi = () => {
|
|
2614
2615
|
const { answers: e, border: t, cards: n, close: r, configureExitOnOverlayClick: o, destroy: i, endCard: s, eventEmitFn: d, fontFamily: l, headers: p, index: h, minScrollableHeight: c, next: u, previewMode: m, productConfig: f, seen: b, showStripes: _, studyType: y, surveyId: x, update: T, useMobileStyling: S, viewDocument: w } = B((C) => ({ answers: C.answers, border: C.border, cards: C.cards, close: C.close, configureExitOnOverlayClick: C.configureExitOnOverlayClick, destroy: C.destroy, endCard: C.endCard, eventEmitFn: C.eventEmitFn, fontFamily: C.fontFamily, headers: C.headers, index: C.index, previewMode: C.previewMode, productConfig: C.productConfig, minScrollableHeight: C.minScrollableHeight, next: C.next, seen: C.seen, showStripes: C.showStripes, studyType: C.studyType, surveyId: C.surveyId, update: C.update, useMobileStyling: C.useMobileStyling, viewDocument: C.viewDocument })), k = ee(null), j = ee(!1), P = p["userleap-platform"], { props: g, type: v, name: E } = n[h];
|
|
2615
2616
|
Q(() => {
|
|
2616
|
-
k.current && (k.current.classList.contains("ul-app--visible") || k.current.classList.add("ul-app--visible"), !j.current && d && (j.current = !0, d(
|
|
2617
|
+
k.current && (k.current.classList.contains("ul-app--visible") || k.current.classList.add("ul-app--visible"), !j.current && d && (j.current = !0, d(ae.SurveyAppeared, { name: ae.SurveyAppeared, "survey.id": x })));
|
|
2617
2618
|
}, [d, x]), Q(() => {
|
|
2618
2619
|
const C = () => {
|
|
2619
2620
|
w.visibilityState === "visible" && (b(), w.removeEventListener("visibilitychange", C));
|
|
@@ -2821,7 +2822,7 @@ const Oi = ({ mode: e = null, viewWindow: t, viewDocument: n, trackPageViewUrl:
|
|
|
2821
2822
|
})(e.cards, !!o);
|
|
2822
2823
|
Fe.configure(m, { cards: f, hasEndCard: !!o, apiURL: r, UpChunk: u }), B.setState({ apiURL: r, answers: n, border: e.border, index: e.startingQuestionIdx || 0, cards: f, configureExitOnOverlayClick: e.configureExitOnOverlayClick, customMetadata: e.customMetadata, endCard: e.endCard, envId: e.envId, eventEmitFn: i, fontFamily: e.fontFamily, forceBrandedLogo: e.forceBrandedLogo, frame: d, headers: e.headers, hasViewedEmbed: !1, isPreview: e.isPreview, marketingUrl: "https://sprig.com", meta: Oi({ mode: e.mode, viewWindow: h, viewDocument: p, trackPageViewUrl: e.trackPageViewUrl }), mode: e.mode, previewKey: l, previewMode: e.previewMode, productConfig: e.productConfig, recorder: Fe, recorderEventEmitter: m, responseGroupUid: e.responseGroupUid, showStripes: e.showStripes, showSurveyBrand: e.showSurveyBrand, slugName: e.slugName, styleNonce: e.styleNonce, studyType: e.studyType, surveyId: e.surveyId, tabTitle: e.tabTitle, uploadingCardViewed: !1, uploadProgress: {}, useMobileStyling: e.useMobileStyling, useDesktopPrototype: e.useDesktopPrototype, userId: e.userId, viewDocument: e.viewDocument, visitorAttributes: e.visitorAttributes, viewedCardCount: e.startingQuestionIdx || 0 });
|
|
2823
2824
|
const { head: b } = p;
|
|
2824
|
-
if (At({ document: p, elementId: "sprig-style", styleString: 'html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}ol,ul{padding-inline-start:1em}.ul-loading-spinner-container{font-size:1.8rem;flex-grow:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ul-loading-spinner{display:inline-block;position:relative;width:6rem;height:6rem}.ul-loading-spinner div{box-sizing:border-box;display:block;position:absolute;width:80%;height:80%;margin:5px;border:5px solid #152e3e;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#152e3e transparent transparent transparent}.ul-loading-spinner .first{animation-delay:-.45s}.ul-loading-spinner .second{animation-delay:-.3s}.ul-loading-spinner .third{animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in-transition{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ul-card{flex:1 1 auto;border-radius:2px;display:flex;flex-direction:column;font-size:17px;line-height:19px;text-align:start;min-width:200px;min-height:0;justify-content:center}.ul-card__container--desktop{border:2px solid #fff;box-shadow:0 0 15px #00000026;margin:15px}.ul-card__container--mobile{border-width:0;box-shadow:0 0 5px #00000040;margin-top:5px}.sprig-container{display:flex;flex-direction:column;width:100%;height:fit-content;flex:1 1 auto;min-height:0;justify-content:center}.ul-card__container{background:#fff;border-radius:6px;display:flex;flex-direction:column;flex-grow:1;flex:1 1 auto;font-size:17px;line-height:23px;padding:0;min-height:0;position:relative;text-align:center;word-break:break-word;overflow:auto}.ul-card__container--desktop_feedbackButton{box-shadow:unset}.ul-card-vertical__button-wrapper{flex-direction:column;align-items:center}.ul-card__button-wrapper{margin-top:4px;display:flex;gap:16px;justify-content:center;align-self:stretch}.sprig-question-footer-container{align-items:center;width:100%;height:fit-content;display:flex;flex-direction:column;padding:12px 20px 0}.ul-rich-text-body{min-height:2em}.ul-rich-text-body,.ul-rich-text-body p{margin-top:10px;margin-bottom:10px}.ul-rich-text-body li{margin:5px 0}.ul-rich-text-body p,.ul-rich-text-body li{font-size:15px;line-height:130.35%;letter-spacing:.02em;color:#343442;text-align:start;white-space:pre-line}.ul-rich-text-body:last-child,.ul-rich-text-body li:last-child{margin-bottom:15px}.ul-card-main-content__link,.ul-card-main-content__email,.ul-card-main-content__web,.ul-card-main-content__android,.ul-card-main-content__ios{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;z-index:2;height:fit-content}.sprig-border-bottom{border-bottom:1px solid rgba(0,0,0,.1)}.sprig-border-top{border-top:1px solid rgba(0,0,0,.1)}.question-header-container{z-index:1}.sprig-header-container{padding:16px}.question-header-button-container{display:grid;grid-template-columns:97fr 3fr;align-items:center;justify-content:space-between;width:100%;height:fit-content}.ul-card--thanks-content .question-header-button-container{justify-content:center}.sprig-question-body{padding:0 20px;min-height:0;flex-shrink:1;overflow:auto;position:relative;align-self:stretch;width:100%}.sprig-stretch{align-self:stretch}.ul-question{color:#343442;display:block;font-size:17px;line-height:125%;font-weight:500;cursor:default;text-align:start}.ul-question ol,.ul-question ul,.ul-caption ol,.ul-caption ul{margin-left:1em}.ul-caption{flex:1 0 auto;font-size:14px;line-height:130.35%;letter-spacing:.02em;color:#6c6c6e;text-align:start;margin-top:4px}.ul-card__choices{margin:5px 0 0;flex:1 0}.choice--mobile{border:2px solid #e6e6e6}.choice--desktop{border:1px solid #e6e6e6}.choice{align-items:flex-start;color:#262136;cursor:pointer;display:flex;justify-content:flex-start;flex-direction:column;box-sizing:border-box;border-radius:3px;margin-bottom:7px;font-size:15px;line-height:20px;padding:10px 20px 10px 15px;background-color:#00000003}.choice--desktop:hover,.choice--desktop:active,.choice--mobile:active{background-color:#0000000d}.choice-label-container{align-items:center;display:flex;flex-direction:row;flex:0 0 fit-content;gap:15px;height:fit-content;justify-content:flex-start;width:100%}.choice-text-entry-container{width:100%;height:fit-content;flex:0 1 fit-content;overflow:hidden}.choice .choice-text-input--mobile{max-height:63px}.choice .choice-text-input--desktop{max-height:150px}.choice .choice-text-input{box-sizing:border-box;background-color:transparent;color:#343442;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;min-height:20px;max-height:60px;padding:0;margin-top:8px;resize:none;width:100%;font-size:14px;line-height:20px;outline:none;border:none;overflow-wrap:break-word}.choice .choice-text-input::placeholder{color:#6c6c6e80}.ul-thanks-check{text-align:center;margin-bottom:20px}.ul-card--thanks-content{padding:20px 0 10px}.ul-card--thanks .ul-question{padding-top:0;text-align:center}.ul-card--thanks .ul-caption{padding-top:0;text-align:center;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-lines:no-limit}.ul-card--uploading .ul-question{padding-top:15px;text-align:center}.ul-card--uploading .ul-caption{padding-top:5px;text-align:center;overflow-wrap:break-word}.select-checkbox{height:16px;width:16px;display:flex;box-sizing:border-box;background-color:"transparent";align-items:center;justify-content:center;border-radius:4px;border:1px solid #b0b5b7;flex-shrink:0}.select-radio{height:16px;width:16px;border-radius:16px;border:1px solid #323232;display:flex;box-sizing:border-box;box-shadow:inset 2px 2px #0000001a;background-color:"transparent";align-items:center;justify-content:center}.footer{width:100%;margin-top:12px;font-size:12px;line-height:12px;color:#000000b3}[class^=CenteredSurveyLayout] .ul-header__container,[class^=QuestionConceptTestLayout] .ul-header__container,.ul-websurvey-frame .ul-card__container,.ul-websurvey-frame-mobile .ul-card__container{margin-bottom:unset}[class^=CenteredSurveyLayout] .ul-card__container,[class^=QuestionConceptTestLayout] .ul-card__container,.ul-websurvey-frame .ul-card__container,.ul-websurvey-frame-mobile .ul-card__container{align-self:center;box-shadow:unset;border-radius:unset;border:none!important;position:unset;width:100%}@media only screen and (min-height: 600px) and (width: 600px){.ul-card{position:relative;top:-20px}}.ul-vertical-centered-container{display:flex;flex-direction:column;align-items:center;align-self:stretch}.sprig-accordion{width:100%;margin-bottom:8px}.sprig-accordion-body{width:100%;overflow:hidden}.sprig-accordion-header-container{background:transparent;border:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;cursor:pointer;margin:8px 0 0;padding:0;font-family:inherit}.sprig-header-label-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;flex:1 1 0}.sprig-header-label{color:#343442;font-size:15px;font-weight:590;line-height:21px;text-align:start;overflow:hidden}.sprig-check-background{flex:0 0 16px;height:16px;width:16px;border-radius:8px;margin-right:8px;background-color:#efefee;display:flex;align-items:center;justify-content:center}.sprig-check{height:9px;width:9px;margin-left:-1px}.sprig-check path{stroke:#506067;stroke-width:1.5}.sprig-caret{height:20px;width:20px;transition-property:transform}.sprig-caret path{stroke:#000}.ul-consent-legal__name-input--mobile{border:2px solid #e6e6e6}.ul-consent-legal__name-input--desktop{border:1px solid #e6e6e6}.ul-consent-legal__name-input{background:#00000003;box-sizing:border-box;color:#343442;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;padding:10px 20px 10px 15px;border-radius:3px;font-size:15px;line-height:20px;margin-bottom:7px;width:100%}.ul-consent-legal__name-input::placeholder{color:#6c6c6e80}.ul-consent-legal__name-input:focus{outline:none;background:#fff}.ul-consent-legal__name-input--desktop:hover:not(:focus){background-color:#0000000d}.ul-card__consent-legal .choice{font-size:15px;padding:10px 15px;background-color:#00000003}.ul-card__consent-legal .choice--desktop:hover,.ul-card__consent-legal .choice--desktop:active,.ul-card__consent-legal .choice--mobile:active{background-color:#0000000d}.ul-card--likert__numbers{align-items:center;border-radius:5px;display:flex;flex-direction:row;flex:1 0;justify-content:center;margin:5px 0 0}.ul-card--likert__numbers>button{padding:unset}.likert-number--mobile{border:2px solid #e6e6e6}.likert-number--mobile:not(:first-child){margin-inline-start:-2px}.likert-number--desktop{border:1px solid #e6e6e6}.likert-number--desktop:not(:first-child){margin-inline-start:-1px}.likert-number{align-items:center;cursor:pointer;display:flex;justify-content:center;flex:1 0;background-color:#00000003;font-size:18px;line-height:24px;height:67px}.likert-number:first-child{border-start-start-radius:5px;border-end-start-radius:5px}.likert-number:last-child{border-start-end-radius:5px;border-end-end-radius:5px}.likert-number:active,.likert-number--desktop:hover{background-color:#0000000d;font-weight:500}.likert-star--mobile:not(:first-child){margin-inline-start:-2px}.likert-star--desktop:not(:first-child){margin-inline-start:-1px}.likert-star{align-items:center;cursor:pointer;display:flex;justify-content:space-between;flex:1 0;color:transparent;font-size:18px;line-height:24px;height:67px;background:unset;border:unset}.likert-smiley--mobile:not(:first-child){margin-inline-start:-2px}.likert-smiley--desktop:not(:first-child){margin-inline-start:-1px}.likert-smiley{align-items:center;cursor:pointer;display:flex;justify-content:space-between;flex:1 0;color:transparent;line-height:24px;height:67px;background:unset;border:unset}.likert-smiley>svg{margin:0 auto}.likert-smiley circle:not(:first-child){fill-opacity:1}.ul-card--likert__labels{align-items:center;color:#262136;display:flex;flex-direction:row;flex:1 0;font-weight:500;font-size:13px;line-height:15px;justify-content:space-between;margin:7px 0 10px}.ul-card--matrix_grid{display:grid;grid-template-columns:max-content repeat(var(--numColumns),minmax(107px,1fr));grid-template-rows:repeat(var(--numRows),min-content);margin:0 auto;row-gap:4px;width:max-content}.ul-matrix-row-options{display:grid;grid-column:2/-1;grid-template-columns:subgrid}.ul-matrix-column-label{font-size:15px;max-width:150px;padding:10px 12px;text-align:center}.ul-card--matrix_container{margin-bottom:16px;overflow:auto}.ul-card--matrix_question_container{display:flex;flex-direction:column}.ul-matrix-scroll-gradient{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}.ul-matrix-scroll-gradient:dir(rtl){-webkit-mask-image:linear-gradient(270deg,#000,90%,transparent);mask-image:linear-gradient(270deg,#000,90%,transparent)}.ul-matrix-scroll-gradient:dir(rtl)+.ul-matrix-scroll-arrow{rotate:180deg}.ul-matrix-scroll-arrow{align-self:flex-end;background:none;border:none;color:#000;padding:0;position:absolute;top:45%}.ul-matrix-scroll-arrow:hover{cursor:pointer}.ul-matrix-option-wrapper{align-items:center;background:#f9f9f8;display:flex;justify-content:center;padding:10px 12px}.ul-matrix-last-option{border-start-end-radius:4px;border-end-end-radius:4px}.ul-matrix-row-label{align-items:center;background:#f9f9f8;border-end-start-radius:4px;border-start-start-radius:4px;display:flex;font-size:15px;left:0;right:0;max-width:200px;min-width:100px;padding:10px 12px;position:sticky}.ul-matrix-option-selected{border:6px solid var(--border);box-shadow:none}.ul-card__matrix{max-width:100%}.select-label{cursor:pointer;flex:1;overflow-wrap:anywhere;text-align:start}.ul-card--nps__numbers{align-items:center;border-radius:5px;display:flex;flex-direction:row;flex:1 0;justify-content:center;margin:5px 0 0}.nps-number--mobile{border:2px solid #e6e6e6}.nps-number--mobile:not(:first-child){margin-inline-start:-2px}.nps-number--desktop{border:1px solid #e6e6e6}.nps-number--desktop:not(:first-child){margin-inline-start:-1px}.nps-number{align-items:center;cursor:pointer;display:flex;justify-content:center;flex:1 0;background-color:#00000003;font-size:18px;line-height:24px;height:67px;padding:unset}.nps-number:first-child{border-start-start-radius:5px;border-end-start-radius:5px}.nps-number:last-child{border-start-end-radius:5px;border-end-end-radius:5px}.nps-number:active,.nps-number--desktop:hover{background-color:#0000000d;font-weight:500}.ul-card--nps__labels{align-items:center;color:#262136;display:flex;flex-direction:row;flex:1 0;font-weight:500;font-size:13px;line-height:15px;justify-content:space-between;margin:7px 0 10px}.ul-card-text{margin-top:2px;margin-bottom:3px;align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0}.ul-card-text__container{align-items:center;box-sizing:border-box;border-radius:3px;display:flex;justify-content:center;margin-bottom:12px;flex:1 0 100%}.ul-card-text__input--mobile{border:2px solid #e6e6e6;max-height:63px}.ul-card-text__input--desktop{border:1px solid #e6e6e6;max-height:150px}.ul-card-text__input{background:#00000003;box-sizing:border-box;color:#343442;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;min-height:63px;overflow:auto;padding:12px;resize:none;width:100%;border-radius:3px;font-size:15px;line-height:20px;overflow-wrap:break-word}.ul-card-text__input::placeholder{color:#6c6c6e80}.ul-card-text__input:focus{outline:none;background:#fff}.ul-card-text__input--desktop:hover:not(:focus){background-color:#0000000d}.ul-card__text-url-prompt-button{text-decoration:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available}#ul-card-video__player_recorder{width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available}.ul-card-record__task{flex:1 0 auto;margin-top:2px;margin-bottom:3px;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:0}#ul-record-task-upload-progress,#ul-record-task-video-preview{width:100%;height:150px}.ul-permission-graphics-container{width:100%;height:150px;background-color:#0000000d;text-align:center;flex-direction:column;margin-left:auto;margin-right:auto;border-radius:5px;display:flex;align-items:center;font-size:15px;color:#000000b3}.ul-av-permission-denied-paragraph{margin:auto 15px;font-size:12px}.ul-av-permission-denied-headline{font-size:14px;color:#262136;text-decoration:underline;font-size:12px}.ul-permission-body{color:#000;margin:5px auto 5px 5px;line-height:135%;text-align:center}.ul-select-tab-container{width:240px;height:46px;background:#fff;border-radius:5px;text-align:start;align-items:center;display:flex;padding:0 5px;margin-top:20px;margin-bottom:auto}.ul-select-tab-text{color:#4b575d;margin:5px;line-height:135%;text-align:center}button.ul-task-skip-button{color:#000;background-color:#fff}#ul-task-detail-container{margin-top:0;margin-bottom:0;overflow:auto}#ul-task-detail-container.ul-rich-text-body p,#ul-task-detail-container.ul-rich-text-body li,#ul-task-detail-container.ul-rich-text-body{color:#4c4c4c}#ul-task-detail-container :first-child{margin-top:0}#ul-task-detail-container :last-child{margin-bottom:20px}.ul-horizontal-button-container{width:100%;display:flex;flex-direction:row}.ul-skip-button-below{margin-top:5px}.ul-horizontal-button-container-center{justify-content:center}.ul-vertical-button-container-center{display:flex;flex-direction:column;align-items:center}.ul-horizontal-button-container-left{justify-content:flex-start}.ul_recorded-task-inset-spacing{margin-top:5px;margin-bottom:24px}.ul_permission_svg_container{justify-content:center}.ul-card-text__button{background-color:var(--theme);border-radius:3px;border:none;color:#fff;cursor:pointer;font-size:15px;font-weight:500;line-height:18px;padding:10.5px 21px}.ul-card-text__button:disabled,.ul-card-text__button.sprig-button-disabled{background-color:#0000001a;color:#0003}.ul-card-text__button.ul-button-inactive{background-color:#fff!important;color:#5d696f!important}.ul-card-skip__button{color:#00000080;background:none;border:none;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;cursor:pointer}.ul-card-button-group{align-items:center;display:flex;gap:15px;justify-content:center;flex-direction:column}.select-button{align-items:center;background-color:transparent;border-radius:8px;border:1px solid #0b2330;box-shadow:0 0 0 2px #c8cccc;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;margin-bottom:8px;padding:4px 8px 4px 16px;width:100%}.select-button:hover{background-color:#f3f3f3}.select-button:active{background-color:#eee}.select-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-button.select-button-placeholder{color:#b0b5b7}.select-button svg{flex-shrink:0}.select-list{position:relative;height:fit-content;padding:4px 0;z-index:100;background-color:#fff;border:1px solid #E2E3E1;box-shadow:0 16px 24px #0b23300d,0 4px 12px #0b233008;border-radius:8px;overflow-y:scroll;width:100%}.select-option{align-items:center;cursor:pointer;display:flex;font-size:15px;gap:16px;line-height:20px;padding:8px 16px}.select-option:hover{background-color:#f3f3f3}html,body{cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;height:100%;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-touch-callout:none}b{font-weight:500}#ul-app{opacity:0;width:100%;flex-grow:2;display:flex}#ul-app.ul-app--overlay{position:absolute;bottom:0;transition:opacity .1s ease-out;transition-delay:.1s}#ul-app.ul-app--visible{opacity:1;bottom:0}.ul-app__container{width:100%;display:flex;flex-direction:column;max-height:100vh}.ul-header__container{margin-bottom:15px}.ul-header{align-items:center;background:repeating-linear-gradient(120deg,#ebebeb,#ebebeb 24px,#fff 24px,#fff 48px);border-bottom:2px solid #ebebeb;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;width:100%}.ul-footer{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin-top:auto;flex-grow:0;width:100%;min-height:10px;height:fit-content;flex-shrink:0}.ul-footer>.yellow-footer-logo{background:#fad133;border:1px solid #f9c600;border-radius:14px;padding:6px 12px}.ul-footer>.yellow-footer-logo:hover{background:#f9c600}.ul-footer .thank-you-card-link{background:#00000003;border:1px solid #e6e6e6;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;gap:12px;margin-bottom:15px;padding:12px;text-align:initial;width:280px}.ul-footer .thank-you-card-link:hover{background:#00000008}.ul-footer>a{color:inherit}.ul-footer-bubble{display:inline-block;margin:0 3px;width:7px;height:7px;border-radius:3px;border:1px solid transparent}.sprig-box-logo{background:#f9c600;border-radius:5px;display:flex;padding:4px}.close-container{display:flex;justify-content:flex-end;width:100%;height:0}.close-btn{cursor:pointer;height:16px;margin-inline-end:-10px;position:relative;top:-10px;width:16px;z-index:1;align-self:flex-start;justify-self:end;flex-shrink:0}.ul-app__container{transition:opacity .3s ease-out}.ul-center-horizontally{text-align:center}#ul-progress-bar-container{width:100%;height:2px;background-color:#0000001a;border-radius:2px;max-width:250px;margin:16px 0}#ul-progress-bar-current{transition:width 1s ease;width:0%;height:0;border-radius:2px}.prototype-button{align-self:stretch;background:#00000003;border:1.5px solid #e6e6e6;border-radius:4px 0 0 4px;flex:none;flex-grow:0;height:fit-content;line-height:16.5px;margin:0 20px;padding:20px 0;font-size:14px;font-family:inherit;text-decoration:underline}.prototype-button:hover{cursor:pointer}' }), e.customStyles && At({ document: p, elementId: "ul-custom-style", styleString: e.customStyles, nonce: e.styleNonce }), e.fontFamily && s && parent) {
|
|
2825
|
+
if (At({ document: p, elementId: "sprig-style", styleString: 'html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}ol,ul{padding-inline-start:1em}.ul-loading-spinner-container{font-size:1.8rem;flex-grow:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ul-loading-spinner{display:inline-block;position:relative;width:6rem;height:6rem}.ul-loading-spinner div{box-sizing:border-box;display:block;position:absolute;width:80%;height:80%;margin:5px;border:5px solid #152e3e;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#152e3e transparent transparent transparent}.ul-loading-spinner .first{animation-delay:-.45s}.ul-loading-spinner .second{animation-delay:-.3s}.ul-loading-spinner .third{animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in-transition{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ul-card{flex:1 1 auto;border-radius:2px;display:flex;flex-direction:column;font-size:17px;line-height:19px;text-align:start;min-width:200px;min-height:0;justify-content:center}.ul-card__container--desktop{border:2px solid #fff;box-shadow:0 0 15px #00000026;margin:15px}.ul-card__container--mobile{border-width:0;box-shadow:0 0 5px #00000040;margin-top:5px}.sprig-container{display:flex;flex-direction:column;width:100%;height:fit-content;flex:1 1 auto;min-height:0;justify-content:center}.ul-card__container{background:#fff;border-radius:6px;display:flex;flex-direction:column;flex-grow:1;flex:1 1 auto;font-size:17px;line-height:23px;padding:0;min-height:0;position:relative;text-align:center;word-break:break-word;overflow:auto}.ul-card__container--desktop_feedbackButton{box-shadow:unset}.ul-card-vertical__button-wrapper{flex-direction:column;align-items:center}.ul-card__button-wrapper{margin-top:4px;display:flex;gap:16px;justify-content:center;align-self:stretch}.sprig-question-footer-container{align-items:center;width:100%;height:fit-content;display:flex;flex-direction:column;padding:12px 20px 0}.ul-rich-text-body{min-height:2em}.ul-rich-text-body,.ul-rich-text-body p{margin-top:10px;margin-bottom:10px}.ul-rich-text-body li{margin:5px 0}.ul-rich-text-body p,.ul-rich-text-body li{font-size:15px;line-height:130.35%;letter-spacing:.02em;color:#343442;text-align:start;white-space:pre-line}.ul-rich-text-body:last-child,.ul-rich-text-body li:last-child{margin-bottom:15px}.ul-card-main-content__link,.ul-card-main-content__email,.ul-card-main-content__web,.ul-card-main-content__android,.ul-card-main-content__ios{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;z-index:2;height:fit-content}.sprig-border-bottom{border-bottom:1px solid rgba(0,0,0,.1)}.sprig-border-top{border-top:1px solid rgba(0,0,0,.1)}.question-header-container{z-index:1}.sprig-header-container{padding:16px}.question-header-button-container{display:grid;grid-template-columns:97fr 3fr;align-items:center;justify-content:space-between;width:100%;height:fit-content}.ul-card--thanks-content .question-header-button-container{justify-content:center}.sprig-question-body{padding:0 20px;min-height:0;flex-shrink:1;overflow:auto;position:relative;align-self:stretch;width:100%}.sprig-stretch{align-self:stretch}.ul-question{color:#343442;display:block;font-size:17px;line-height:125%;font-weight:500;cursor:default;text-align:start}.ul-question ol,.ul-question ul,.ul-caption ol,.ul-caption ul{margin-left:1em}.ul-caption{flex:1 0 auto;font-size:14px;line-height:130.35%;letter-spacing:.02em;color:#6c6c6e;text-align:start;margin-top:4px}.ul-card__choices{margin:5px 0 0;flex:1 0}.choice--mobile{border:2px solid #e6e6e6}.choice--desktop{border:1px solid #e6e6e6}.choice{align-items:flex-start;color:#262136;cursor:pointer;display:flex;justify-content:flex-start;flex-direction:column;box-sizing:border-box;border-radius:3px;margin-bottom:7px;font-size:15px;line-height:20px;padding:10px 20px 10px 15px;background-color:#00000003}.choice--desktop:hover,.choice--desktop:active,.choice--mobile:active{background-color:#0000000d}.choice-label-container{align-items:center;display:flex;flex-direction:row;flex:0 0 fit-content;gap:15px;height:fit-content;justify-content:flex-start;width:100%}.choice-text-entry-container{width:100%;height:fit-content;flex:0 1 fit-content;overflow:hidden}.choice .choice-text-input--mobile{max-height:63px}.choice .choice-text-input--desktop{max-height:150px}.choice .choice-text-input{box-sizing:border-box;background-color:transparent;color:#343442;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;min-height:20px;max-height:60px;padding:0;margin-top:8px;resize:none;width:100%;font-size:14px;line-height:20px;outline:none;border:none;overflow-wrap:break-word}.choice .choice-text-input::placeholder{color:#6c6c6e80}.ul-thanks-check{text-align:center;margin-bottom:20px}.ul-card--thanks-content{padding:20px 0 10px}.ul-card--thanks .ul-question{padding-top:0;text-align:center}.ul-card--thanks .ul-caption{padding-top:0;text-align:center;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-lines:no-limit}.ul-card--uploading .ul-question{padding-top:15px;text-align:center}.ul-card--uploading .ul-caption{padding-top:5px;text-align:center;overflow-wrap:break-word}.select-checkbox{height:16px;width:16px;display:flex;box-sizing:border-box;background-color:"transparent";align-items:center;justify-content:center;border-radius:4px;border:1px solid #b0b5b7;flex-shrink:0}.select-radio{height:16px;width:16px;border-radius:16px;border:1px solid #323232;display:flex;box-sizing:border-box;box-shadow:inset 2px 2px #0000001a;background-color:"transparent";align-items:center;justify-content:center}.footer{width:100%;margin-top:12px;font-size:12px;line-height:12px;color:#000000b3}[class^=CenteredSurveyLayout] .ul-header__container,[class^=QuestionConceptTestLayout] .ul-header__container,.ul-websurvey-frame .ul-card__container,.ul-websurvey-frame-mobile .ul-card__container{margin-bottom:unset}[class^=CenteredSurveyLayout] .ul-card__container,[class^=QuestionConceptTestLayout] .ul-card__container,.ul-websurvey-frame .ul-card__container,.ul-websurvey-frame-mobile .ul-card__container{align-self:center;box-shadow:unset;border-radius:unset;border:none!important;position:unset;width:100%}@media only screen and (min-height: 600px) and (width: 600px){.ul-card{position:relative;top:-20px}}.ul-vertical-centered-container{display:flex;flex-direction:column;align-items:center;align-self:stretch}.sprig-accordion{width:100%;margin-bottom:8px}.sprig-accordion-body{width:100%;overflow:hidden}.sprig-accordion-header-container{background:transparent;border:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;cursor:pointer;margin:8px 0 0;padding:0;font-family:inherit}.sprig-header-label-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;flex:1 1 0}.sprig-header-label{color:#343442;font-size:15px;font-weight:590;line-height:21px;text-align:start;overflow:hidden}.sprig-check-background{flex:0 0 16px;height:16px;width:16px;border-radius:8px;margin-right:8px;background-color:#efefee;display:flex;align-items:center;justify-content:center}.sprig-check{height:9px;width:9px;margin-left:-1px}.sprig-check path{stroke:#506067;stroke-width:1.5}.sprig-caret{height:20px;width:20px;transition-property:transform}.sprig-caret path{stroke:#000}.ul-consent-legal__name-input--mobile{border:2px solid #e6e6e6}.ul-consent-legal__name-input--desktop{border:1px solid #e6e6e6}.ul-consent-legal__name-input{background:#00000003;box-sizing:border-box;color:#343442;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;padding:10px 20px 10px 15px;border-radius:3px;font-size:15px;line-height:20px;margin-bottom:7px;width:100%}.ul-consent-legal__name-input::placeholder{color:#6c6c6e80}.ul-consent-legal__name-input:focus{outline:none;background:#fff}.ul-consent-legal__name-input--desktop:hover:not(:focus){background-color:#0000000d}.ul-card__consent-legal .choice{font-size:15px;padding:10px 15px;background-color:#00000003}.ul-card__consent-legal .choice--desktop:hover,.ul-card__consent-legal .choice--desktop:active,.ul-card__consent-legal .choice--mobile:active{background-color:#0000000d}.ul-card--likert__numbers{align-items:center;border-radius:5px;display:flex;flex-direction:row;flex:1 0;justify-content:center;margin:5px 0 0}.ul-card--likert__numbers>button{padding:unset}.likert-number--mobile{border:2px solid #e6e6e6}.likert-number--mobile:not(:first-child){margin-inline-start:-2px}.likert-number--desktop{border:1px solid #e6e6e6}.likert-number--desktop:not(:first-child){margin-inline-start:-1px}.likert-number{align-items:center;cursor:pointer;display:flex;justify-content:center;flex:1 0;background-color:#00000003;font-size:18px;line-height:24px;height:67px}.likert-number:first-child{border-start-start-radius:5px;border-end-start-radius:5px}.likert-number:last-child{border-start-end-radius:5px;border-end-end-radius:5px}.likert-number:active,.likert-number--desktop:hover{background-color:#0000000d;font-weight:500}.likert-star--mobile:not(:first-child){margin-inline-start:-2px}.likert-star--desktop:not(:first-child){margin-inline-start:-1px}.likert-star{align-items:center;cursor:pointer;display:flex;justify-content:space-between;flex:1 0;color:transparent;font-size:18px;line-height:24px;height:67px;background:unset;border:unset}.likert-smiley--mobile:not(:first-child){margin-inline-start:-2px}.likert-smiley--desktop:not(:first-child){margin-inline-start:-1px}.likert-smiley{align-items:center;cursor:pointer;display:flex;justify-content:space-between;flex:1 0;color:transparent;line-height:24px;height:67px;background:unset;border:unset}.likert-smiley>svg{margin:0 auto}.likert-smiley circle:not(:first-child){fill-opacity:1}.ul-card--likert__labels{align-items:center;color:#262136;display:flex;flex-direction:row;flex:1 0;font-weight:500;font-size:13px;line-height:15px;justify-content:space-between;margin:7px 0 10px}.ul-card--matrix_grid{display:grid;grid-template-columns:max-content repeat(var(--numColumns),minmax(107px,1fr));grid-template-rows:repeat(var(--numRows),min-content);margin:0 auto;row-gap:4px;width:max-content}.ul-matrix-row-options{display:grid;grid-column:2/-1;grid-template-columns:subgrid}.ul-matrix-column-label{font-size:15px;max-width:150px;padding:10px 12px;text-align:center}.ul-card--matrix_container{margin-bottom:16px;overflow:auto}.ul-card--matrix_question_container{display:flex;flex-direction:column}.ul-matrix-scroll-gradient{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}.ul-matrix-scroll-gradient:dir(rtl){-webkit-mask-image:linear-gradient(270deg,#000,90%,transparent);mask-image:linear-gradient(270deg,#000,90%,transparent)}.ul-matrix-scroll-gradient:dir(rtl)+.ul-matrix-scroll-arrow{rotate:180deg}.ul-matrix-scroll-arrow{align-self:flex-end;background:none;border:none;color:#000;padding:0;position:absolute;top:45%}.ul-matrix-scroll-arrow:hover{cursor:pointer}.ul-matrix-option-wrapper{align-items:center;background:#f9f9f8;display:flex;justify-content:center;padding:10px 12px}.ul-matrix-last-option{border-start-end-radius:4px;border-end-end-radius:4px}.ul-matrix-row-label{align-items:center;background:#f9f9f8;border-end-start-radius:4px;border-start-start-radius:4px;display:flex;font-size:15px;left:0;right:0;max-width:200px;min-width:100px;padding:10px 12px;position:sticky}.ul-matrix-option-selected{border:6px solid var(--border);box-shadow:none}.ul-card__matrix{max-width:100%}.select-label{cursor:pointer;flex:1;overflow-wrap:anywhere;text-align:start}.ul-card--nps__numbers{align-items:center;border-radius:5px;display:flex;flex-direction:row;flex:1 0;justify-content:center;margin:5px 0 0}.nps-number--mobile{border:2px solid #e6e6e6}.nps-number--mobile:not(:first-child){margin-inline-start:-2px}.nps-number--desktop{border:1px solid #e6e6e6}.nps-number--desktop:not(:first-child){margin-inline-start:-1px}.nps-number{align-items:center;cursor:pointer;display:flex;justify-content:center;flex:1 0;background-color:#00000003;font-size:18px;line-height:24px;height:67px;padding:unset}.nps-number:first-child{border-start-start-radius:5px;border-end-start-radius:5px}.nps-number:last-child{border-start-end-radius:5px;border-end-end-radius:5px}.nps-number:active,.nps-number--desktop:hover{background-color:#0000000d;font-weight:500}.ul-card--nps__labels{align-items:center;color:#262136;display:flex;flex-direction:row;flex:1 0;font-weight:500;font-size:13px;line-height:15px;justify-content:space-between;margin:7px 0 10px}.ul-card-text{margin-top:2px;margin-bottom:3px;align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0}.ul-card-text__container{align-items:center;box-sizing:border-box;border-radius:3px;display:flex;justify-content:center;margin-bottom:12px;flex:1 0 100%}.ul-card-text__input--mobile{border:2px solid #e6e6e6;max-height:63px}.ul-card-text__input--desktop{border:1px solid #e6e6e6;max-height:150px}.ul-card-text__input{background:#00000003;box-sizing:border-box;color:#343442;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;min-height:63px;overflow:auto;padding:12px;resize:none;width:100%;border-radius:3px;font-size:15px;line-height:20px;overflow-wrap:break-word}.ul-card-text__input::placeholder{color:#6c6c6e80}.ul-card-text__input:focus{outline:none;background:#fff}.ul-card-text__input--desktop:hover:not(:focus){background-color:#0000000d}.ul-card__text-url-prompt-button{text-decoration:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available}#ul-card-video__player_recorder{width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available}.ul-card-record__task{flex:1 0 auto;margin-top:2px;margin-bottom:3px;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:0}#ul-record-task-upload-progress,#ul-record-task-video-preview{width:100%;height:150px}.ul-permission-graphics-container{width:100%;height:150px;background-color:#0000000d;text-align:center;flex-direction:column;margin-left:auto;margin-right:auto;border-radius:5px;display:flex;align-items:center;font-size:15px;color:#000000b3}.ul-av-permission-denied-paragraph{margin:auto 15px;font-size:12px}.ul-av-permission-denied-headline{font-size:14px;color:#262136;text-decoration:underline;font-size:12px}.ul-permission-body{color:#000;margin:5px auto 5px 5px;line-height:135%;text-align:center}.ul-select-tab-container{width:240px;height:46px;background:#fff;border-radius:5px;text-align:start;align-items:center;display:flex;padding:0 5px;margin-top:20px;margin-bottom:auto}.ul-select-tab-text{color:#4b575d;margin:5px;line-height:135%;text-align:center}button.ul-task-skip-button{color:#000;background-color:#fff}#ul-task-detail-container{margin-top:0;margin-bottom:0;overflow:auto}#ul-task-detail-container.ul-rich-text-body p,#ul-task-detail-container.ul-rich-text-body li,#ul-task-detail-container.ul-rich-text-body{color:#4c4c4c}#ul-task-detail-container :first-child{margin-top:0}#ul-task-detail-container :last-child{margin-bottom:20px}.ul-horizontal-button-container{width:100%;display:flex;flex-direction:row}.ul-skip-button-below{margin-top:5px}.ul-horizontal-button-container-center{justify-content:center}.ul-vertical-button-container-center{display:flex;flex-direction:column;align-items:center}.ul-horizontal-button-container-left{justify-content:flex-start}.ul_recorded-task-inset-spacing{margin-top:5px;margin-bottom:24px}.ul_permission_svg_container{justify-content:center}.ul-card-text__button{background-color:var(--theme);border-radius:3px;border:none;color:#fff;cursor:pointer;font-size:15px;font-weight:500;line-height:18px;padding:10.5px 21px}.ul-card-text__button:disabled,.ul-card-text__button.sprig-button-disabled{background-color:#0000001a;color:#0003}.ul-card-text__button.ul-button-inactive{background-color:#fff!important;color:#5d696f!important}.ul-card-skip__button{color:#00000080;background:none;border:none;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;cursor:pointer}.ul-card-button-group{align-items:center;display:flex;gap:15px;justify-content:center;flex-direction:column}.select-button{align-items:center;background-color:transparent;border-radius:8px;border:1px solid #0b2330;box-shadow:0 0 0 2px #c8cccc;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;margin-bottom:8px;padding:4px 8px 4px 16px;width:100%}.select-button:hover{background-color:#f3f3f3}.select-button:active{background-color:#eee}.select-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-button.select-button-placeholder{color:#b0b5b7}.select-button svg{flex-shrink:0}.select-list{position:relative;height:fit-content;padding:4px 0;z-index:100;background-color:#fff;border:1px solid #E2E3E1;box-shadow:0 16px 24px #0b23300d,0 4px 12px #0b233008;border-radius:8px;overflow-y:scroll;width:100%}.select-option{align-items:center;cursor:pointer;display:flex;font-size:15px;gap:16px;line-height:20px;padding:8px 16px}.select-option:hover{background-color:#f3f3f3}html,body{cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;height:100%;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-touch-callout:none}b{font-weight:500}form{margin-block-end:0;margin-block-start:0}#ul-app{opacity:0;width:100%;flex-grow:2;display:flex}#ul-app.ul-app--overlay{position:absolute;bottom:0;transition:opacity .1s ease-out;transition-delay:.1s}#ul-app.ul-app--visible{opacity:1;bottom:0}.ul-app__container{width:100%;display:flex;flex-direction:column;max-height:100vh}.ul-header__container{margin-bottom:15px}.ul-header{align-items:center;background:repeating-linear-gradient(120deg,#ebebeb,#ebebeb 24px,#fff 24px,#fff 48px);border-bottom:2px solid #ebebeb;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;width:100%}.ul-footer{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin-top:auto;flex-grow:0;width:100%;min-height:10px;height:fit-content;flex-shrink:0}.ul-footer>.yellow-footer-logo{background:#fad133;border:1px solid #f9c600;border-radius:14px;padding:6px 12px}.ul-footer>.yellow-footer-logo:hover{background:#f9c600}.ul-footer .thank-you-card-link{background:#00000003;border:1px solid #e6e6e6;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;gap:12px;margin-bottom:15px;padding:12px;text-align:initial;width:280px}.ul-footer .thank-you-card-link:hover{background:#00000008}.ul-footer>a{color:inherit}.ul-footer-bubble{display:inline-block;margin:0 3px;width:7px;height:7px;border-radius:3px;border:1px solid transparent}.sprig-box-logo{background:#f9c600;border-radius:5px;display:flex;padding:4px}.close-container{display:flex;justify-content:flex-end;width:100%;height:0}.close-btn{cursor:pointer;height:16px;margin-inline-end:-10px;position:relative;top:-10px;width:16px;z-index:1;align-self:flex-start;justify-self:end;flex-shrink:0}.ul-app__container{transition:opacity .3s ease-out}.ul-center-horizontally{text-align:center}#ul-progress-bar-container{width:100%;height:2px;background-color:#0000001a;border-radius:2px;max-width:250px;margin:16px 0}#ul-progress-bar-current{transition:width 1s ease;width:0%;height:0;border-radius:2px}.prototype-button{align-self:stretch;background:#00000003;border:1.5px solid #e6e6e6;border-radius:4px 0 0 4px;flex:none;flex-grow:0;height:fit-content;line-height:16.5px;margin:0 20px;padding:20px 0;font-size:14px;font-family:inherit;text-decoration:underline}.prototype-button:hover{cursor:pointer}' }), e.customStyles && At({ document: p, elementId: "ul-custom-style", styleString: e.customStyles, nonce: e.styleNonce }), e.fontFamily && s && parent) {
|
|
2825
2826
|
const x = p.createElement("link");
|
|
2826
2827
|
x.rel = "stylesheet", x.href = s, b.appendChild(x);
|
|
2827
2828
|
}
|
|
@@ -2834,7 +2835,7 @@ const Oi = ({ mode: e = null, viewWindow: t, viewDocument: n, trackPageViewUrl:
|
|
|
2834
2835
|
}, b.appendChild(x);
|
|
2835
2836
|
}
|
|
2836
2837
|
const _ = i || ((y = d.eventEmitter) == null ? void 0 : y.emit);
|
|
2837
|
-
_ == null || _("verify.view.version", { "view.version": "2.32.
|
|
2838
|
+
_ == null || _("verify.view.version", { "view.version": "2.32.9" }), c && t && Ie(a(Mi, {}), c);
|
|
2838
2839
|
} };
|
|
2839
2840
|
export {
|
|
2840
2841
|
Ai as default
|