@sprig-technologies/sprig-browser 2.32.9 → 2.32.10
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-DHmPygfT.cjs → core-B_CnBIaq.cjs} +1 -1
- package/dist/{core-Cpj6ibvg.js → core-s7v77Fsd.js} +2 -2
- package/dist/core.cjs +1 -1
- package/dist/core.d.ts +1 -1
- package/dist/core.js +2 -2
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -2
- package/dist/{metricsReporter-D1E3ePJA.cjs → metricsReporter-eI04W7R0.cjs} +1 -1
- package/dist/{metricsReporter-Cl6wG1Dn.js → metricsReporter-lf84Y5sr.js} +1 -1
- package/dist/replay.cjs +1 -1
- package/dist/replay.js +82 -82
- package/dist/{view-PhfA05rs.cjs → view-2CSaceDW.cjs} +4 -4
- package/dist/{view-CxqsZLB6.js → view-CGgXNSb2.js} +205 -190
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
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-
|
|
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-
|
|
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-s7v77Fsd.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-lf84Y5sr.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
4
|
function pe(e, t) {
|
|
5
5
|
for (var n in t)
|
|
@@ -10,7 +10,7 @@ function On(e) {
|
|
|
10
10
|
var t = e.parentNode;
|
|
11
11
|
t && t.removeChild(e);
|
|
12
12
|
}
|
|
13
|
-
function
|
|
13
|
+
function $(e, t, n) {
|
|
14
14
|
var r, o, i, s = {};
|
|
15
15
|
for (i in t)
|
|
16
16
|
i == "key" ? r = t[i] : i == "ref" ? o = t[i] : s[i] = t[i];
|
|
@@ -61,15 +61,15 @@ function Ge() {
|
|
|
61
61
|
Ge.__r = 0;
|
|
62
62
|
}
|
|
63
63
|
function Vt(e, t, n, r, o, i, s, d, l, p, h) {
|
|
64
|
-
var c, u, m, f, b, _ = r && r.__k || Ln,
|
|
65
|
-
for (n.__d = l, function(
|
|
64
|
+
var c, u, m, f, b, _ = r && r.__k || Ln, x = t.length;
|
|
65
|
+
for (n.__d = l, function(y, T, S) {
|
|
66
66
|
var w, k, j, P, g, v = T.length, E = S.length, I = E, O = 0;
|
|
67
|
-
for (
|
|
68
|
-
(k =
|
|
67
|
+
for (y.__k = [], w = 0; w < v; w++)
|
|
68
|
+
(k = y.__k[w] = (k = T[w]) == null || typeof k == "boolean" || typeof k == "function" ? null : typeof k == "string" || typeof k == "number" || typeof k == "bigint" || k.constructor == String ? Re(null, k, null, null, k) : Ze(k) ? Re(G, { children: k }, null, null, null) : k.constructor === void 0 && k.__b > 0 ? Re(k.type, k.props, k.key, k.ref ? k.ref : null, k.__v) : k) != null ? (k.__ = y, k.__b = y.__b + 1, g = to(k, S, P = w + O, I), k.__i = g, j = null, g !== -1 && (I--, (j = S[g]) && (j.__u |= 131072)), j == null || j.__v === null ? (g == -1 && O--, typeof k.type != "function" && (k.__u |= 65536)) : g !== P && (g === P + 1 ? O++ : g > P ? I > v - P ? O += g - P : O-- : O = g < P && g == P - 1 ? g - P : 0, g !== w + O && (k.__u |= 65536))) : (j = S[w]) && j.key == null && j.__e && (j.__e == y.__d && (y.__d = je(j)), vt(j, j, !1), S[w] = null, I--);
|
|
69
69
|
if (I)
|
|
70
70
|
for (w = 0; w < E; w++)
|
|
71
|
-
(j = S[w]) != null && !(131072 & j.__u) && (j.__e ==
|
|
72
|
-
}(n, t, _), l = n.__d, c = 0; c <
|
|
71
|
+
(j = S[w]) != null && !(131072 & j.__u) && (j.__e == y.__d && (y.__d = je(j)), vt(j, j));
|
|
72
|
+
}(n, t, _), l = n.__d, c = 0; c < x; c++)
|
|
73
73
|
(m = n.__k[c]) != null && typeof m != "boolean" && typeof m != "function" && (u = m.__i === -1 ? Me : _[m.__i] || Me, m.__i = c, Et(e, m, u, o, i, s, d, l, p, h), f = m.__e, m.ref && u.ref != m.ref && (u.ref && St(u.ref, null, m), h.push(m.ref, m.__c || f, m)), b == null && f != null && (b = f), 65536 & m.__u || u.__k === m.__k ? l = An(m, l, e) : typeof m.type == "function" && m.__d !== void 0 ? l = m.__d : f && (l = f.nextSibling), m.__d = void 0, m.__u &= -196609);
|
|
74
74
|
n.__d = l, n.__e = b;
|
|
75
75
|
}
|
|
@@ -150,29 +150,29 @@ function Ft(e) {
|
|
|
150
150
|
return this.l[e.type + !0](D.event ? D.event(e) : e);
|
|
151
151
|
}
|
|
152
152
|
function Et(e, t, n, r, o, i, s, d, l, p) {
|
|
153
|
-
var h, c, u, m, f, b, _,
|
|
153
|
+
var h, c, u, m, f, b, _, x, y, T, S, w, k, j, P, g = t.type;
|
|
154
154
|
if (t.constructor !== void 0)
|
|
155
155
|
return null;
|
|
156
156
|
128 & n.__u && (l = !!(32 & n.__u), i = [d = t.__e = n.__e]), (h = D.__b) && h(t);
|
|
157
157
|
e:
|
|
158
158
|
if (typeof g == "function")
|
|
159
159
|
try {
|
|
160
|
-
if (
|
|
160
|
+
if (x = t.props, y = (h = g.contextType) && r[h.__c], T = h ? y ? y.props.value : h.__ : r, n.__c ? _ = (c = t.__c = n.__c).__ = c.__E : ("prototype" in g && g.prototype.render ? t.__c = c = new g(x, T) : (t.__c = c = new oe(x, T), c.constructor = g, c.render = no), y && y.sub(c), c.props = x, 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(x, 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
|
-
if (g.getDerivedStateFromProps == null &&
|
|
164
|
-
for (t.__v !== n.__v && (c.props =
|
|
163
|
+
if (g.getDerivedStateFromProps == null && x !== m && c.componentWillReceiveProps != null && c.componentWillReceiveProps(x, T), !c.__e && (c.shouldComponentUpdate != null && c.shouldComponentUpdate(x, c.__s, T) === !1 || t.__v === n.__v)) {
|
|
164
|
+
for (t.__v !== n.__v && (c.props = x, c.state = c.__s, c.__d = !1), t.__e = n.__e, t.__k = n.__k, t.__k.forEach(function(v) {
|
|
165
165
|
v && (v.__ = t);
|
|
166
166
|
}), S = 0; S < c._sb.length; S++)
|
|
167
167
|
c.__h.push(c._sb[S]);
|
|
168
168
|
c._sb = [], c.__h.length && s.push(c);
|
|
169
169
|
break e;
|
|
170
170
|
}
|
|
171
|
-
c.componentWillUpdate != null && c.componentWillUpdate(
|
|
171
|
+
c.componentWillUpdate != null && c.componentWillUpdate(x, c.__s, T), c.componentDidUpdate != null && c.__h.push(function() {
|
|
172
172
|
c.componentDidUpdate(m, f, b);
|
|
173
173
|
});
|
|
174
174
|
}
|
|
175
|
-
if (c.context = T, c.props =
|
|
175
|
+
if (c.context = T, c.props = x, c.__P = e, c.__e = !1, w = D.__r, k = 0, "prototype" in g && g.prototype.render) {
|
|
176
176
|
for (c.state = c.__s, c.__d = !1, w && w(t), h = c.render(c.props, c.state, c.context), j = 0; j < c._sb.length; j++)
|
|
177
177
|
c.__h.push(c._sb[j]);
|
|
178
178
|
c._sb = [];
|
|
@@ -186,11 +186,11 @@ function Et(e, t, n, r, o, i, s, d, l, p) {
|
|
|
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,
|
|
189
|
+
var R, V, K, de, W, 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
|
-
if ((
|
|
193
|
-
v =
|
|
192
|
+
if ((W = M[R]) && "setAttribute" in W == !!ne && (ne ? W.localName === ne : W.nodeType === 3)) {
|
|
193
|
+
v = W, M[R] = null;
|
|
194
194
|
break;
|
|
195
195
|
}
|
|
196
196
|
}
|
|
@@ -204,13 +204,13 @@ function Et(e, t, n, r, o, i, s, d, l, p) {
|
|
|
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
|
-
te[(
|
|
207
|
+
te[(W = v.attributes[R]).name] = W.value;
|
|
208
208
|
for (R in te)
|
|
209
|
-
|
|
209
|
+
W = te[R], R == "children" || (R == "dangerouslySetInnerHTML" ? K = W : R === "key" || R in ce || Ae(v, R, null, W, C));
|
|
210
210
|
for (R in ce)
|
|
211
|
-
|
|
212
|
-
if (
|
|
213
|
-
H || K && (
|
|
211
|
+
W = ce[R], R == "children" ? de = W : R == "dangerouslySetInnerHTML" ? V = W : R == "value" ? Y = W : R == "checked" ? be = W : R === "key" || H && typeof W != "function" || te[R] === W || Ae(v, R, W, te[R], C);
|
|
212
|
+
if (V)
|
|
213
|
+
H || K && (V.__html === K.__html || V.__html === v.innerHTML) || (v.innerHTML = V.__html), E.__k = [];
|
|
214
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]);
|
|
@@ -262,7 +262,7 @@ function no(e, t, n) {
|
|
|
262
262
|
}
|
|
263
263
|
function Ie(e, t, n) {
|
|
264
264
|
var r, o, i, s;
|
|
265
|
-
D.__ && D.__(e, t), o = (r = typeof n == "function") ? null : n && n.__k || t.__k, i = [], s = [], Et(t, e = (!r && n || t).__k =
|
|
265
|
+
D.__ && D.__(e, t), o = (r = typeof n == "function") ? null : n && n.__k || t.__k, i = [], s = [], Et(t, e = (!r && n || t).__k = $(G, null, [e]), o || Me, Me, t.ownerSVGElement !== void 0, !r && n ? [n] : o ? null : t.firstChild ? Le.call(t.childNodes) : null, i, !r && n ? n : o ? o.__e : t.firstChild, r, s), Bn(i, e, s);
|
|
266
266
|
}
|
|
267
267
|
function qn(e, t) {
|
|
268
268
|
Ie(e, t, qn);
|
|
@@ -312,13 +312,13 @@ Le = Ln.slice, D = { __e: function(e, t, n, r) {
|
|
|
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 me,
|
|
315
|
+
var me, z, 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
|
-
D.__h && D.__h(
|
|
318
|
-
var n =
|
|
317
|
+
D.__h && D.__h(z, e, Te || t), Te = 0;
|
|
318
|
+
var n = z.__H || (z.__H = { __: [], __h: [] });
|
|
319
319
|
return e >= n.__.length && n.__.push({ __V: qe }), n.__[e];
|
|
320
320
|
}
|
|
321
|
-
function
|
|
321
|
+
function F(e) {
|
|
322
322
|
return Te = 1, jt(Zn, e);
|
|
323
323
|
}
|
|
324
324
|
function jt(e, t, n) {
|
|
@@ -326,7 +326,7 @@ function jt(e, t, n) {
|
|
|
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({}));
|
|
329
|
-
}], r.__c =
|
|
329
|
+
}], r.__c = z, !z.u)) {
|
|
330
330
|
var o = function(d, l, p) {
|
|
331
331
|
if (!r.__c.__H)
|
|
332
332
|
return !0;
|
|
@@ -345,25 +345,25 @@ function jt(e, t, n) {
|
|
|
345
345
|
}
|
|
346
346
|
}), !(!c && r.__c.props === d) && (!i || i.call(this, d, l, p));
|
|
347
347
|
};
|
|
348
|
-
|
|
349
|
-
var i =
|
|
350
|
-
|
|
348
|
+
z.u = !0;
|
|
349
|
+
var i = z.shouldComponentUpdate, s = z.componentWillUpdate;
|
|
350
|
+
z.componentWillUpdate = function(d, l, p) {
|
|
351
351
|
if (this.__e) {
|
|
352
352
|
var h = i;
|
|
353
353
|
i = void 0, o(d, l, p), i = h;
|
|
354
354
|
}
|
|
355
355
|
s && s.call(this, d, l, p);
|
|
356
|
-
},
|
|
356
|
+
}, z.shouldComponentUpdate = o;
|
|
357
357
|
}
|
|
358
358
|
return r.__N || r.__;
|
|
359
359
|
}
|
|
360
360
|
function Q(e, t) {
|
|
361
361
|
var n = we(me++, 3);
|
|
362
|
-
!D.__s && Tt(n.__H, t) && (n.__ = e, n.i = t,
|
|
362
|
+
!D.__s && Tt(n.__H, t) && (n.__ = e, n.i = t, z.__H.__h.push(n));
|
|
363
363
|
}
|
|
364
364
|
function Oe(e, t) {
|
|
365
365
|
var n = we(me++, 4);
|
|
366
|
-
!D.__s && Tt(n.__H, t) && (n.__ = e, n.i = t,
|
|
366
|
+
!D.__s && Tt(n.__H, t) && (n.__ = e, n.i = t, z.__h.push(n));
|
|
367
367
|
}
|
|
368
368
|
function ee(e) {
|
|
369
369
|
return Te = 5, Ue(function() {
|
|
@@ -389,8 +389,8 @@ function Ke(e, t) {
|
|
|
389
389
|
}, t);
|
|
390
390
|
}
|
|
391
391
|
function Fn(e) {
|
|
392
|
-
var t =
|
|
393
|
-
return n.c = e, t ? (n.__ == null && (n.__ = !0, t.sub(
|
|
392
|
+
var t = z.context[e.__c], n = we(me++, 9);
|
|
393
|
+
return n.c = e, t ? (n.__ == null && (n.__ = !0, t.sub(z)), t.props.value) : e.__;
|
|
394
394
|
}
|
|
395
395
|
function It(e, t) {
|
|
396
396
|
D.useDebugValue && D.useDebugValue(t ? t(e) : e);
|
|
@@ -398,7 +398,7 @@ function It(e, t) {
|
|
|
398
398
|
function Wn() {
|
|
399
399
|
var e = we(me++, 11);
|
|
400
400
|
if (!e.__) {
|
|
401
|
-
for (var t =
|
|
401
|
+
for (var t = z.__v; t !== null && !t.__m && t.__ !== null; )
|
|
402
402
|
t = t.__;
|
|
403
403
|
var n = t.__m || (t.__m = [0, 0]);
|
|
404
404
|
e.__ = "P" + n[0] + "-" + n[1]++;
|
|
@@ -415,19 +415,19 @@ function oo() {
|
|
|
415
415
|
}
|
|
416
416
|
}
|
|
417
417
|
D.__b = function(e) {
|
|
418
|
-
|
|
418
|
+
z = null, Zt && Zt(e);
|
|
419
419
|
}, D.__r = function(e) {
|
|
420
420
|
Gt && Gt(e), me = 0;
|
|
421
|
-
var t = (
|
|
422
|
-
t && (rt ===
|
|
421
|
+
var t = (z = e.__c).__H;
|
|
422
|
+
t && (rt === z ? (t.__h = [], z.__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 = [], me = 0)), rt =
|
|
424
|
+
})) : (t.__h.forEach(Ve), t.__h.forEach(_t), t.__h = [], me = 0)), rt = z;
|
|
425
425
|
}, D.diffed = function(e) {
|
|
426
426
|
Kt && Kt(e);
|
|
427
427
|
var t = e.__c;
|
|
428
428
|
t && t.__H && (t.__H.__h.length && (zn.push(t) !== 1 && Wt === D.requestAnimationFrame || ((Wt = D.requestAnimationFrame) || io)(oo)), t.__H.__.forEach(function(n) {
|
|
429
429
|
n.i && (n.__H = n.i), n.__V !== qe && (n.__ = n.__V), n.i = void 0, n.__V = qe;
|
|
430
|
-
})), rt =
|
|
430
|
+
})), rt = z = null;
|
|
431
431
|
}, D.__c = function(e, t) {
|
|
432
432
|
t.some(function(n) {
|
|
433
433
|
try {
|
|
@@ -459,12 +459,12 @@ function io(e) {
|
|
|
459
459
|
Jt && (t = requestAnimationFrame(n));
|
|
460
460
|
}
|
|
461
461
|
function Ve(e) {
|
|
462
|
-
var t =
|
|
463
|
-
typeof n == "function" && (e.__c = void 0, n()),
|
|
462
|
+
var t = z, n = e.__c;
|
|
463
|
+
typeof n == "function" && (e.__c = void 0, n()), z = t;
|
|
464
464
|
}
|
|
465
465
|
function _t(e) {
|
|
466
|
-
var t =
|
|
467
|
-
e.__c = e.__(),
|
|
466
|
+
var t = z;
|
|
467
|
+
e.__c = e.__(), z = t;
|
|
468
468
|
}
|
|
469
469
|
function Tt(e, t) {
|
|
470
470
|
return !e || e.length !== t.length || t.some(function(n, r) {
|
|
@@ -497,7 +497,7 @@ function Kn(e, t) {
|
|
|
497
497
|
return !s && i && (i.call ? i(null) : i.current = null), t ? !t(this.props, o) || !s : bt(this.props, o);
|
|
498
498
|
}
|
|
499
499
|
function r(o) {
|
|
500
|
-
return this.shouldComponentUpdate = n,
|
|
500
|
+
return this.shouldComponentUpdate = n, $(e, o);
|
|
501
501
|
}
|
|
502
502
|
return r.displayName = "Memo(" + (e.displayName || e.name) + ")", r.prototype.isReactComponent = !0, r.__f = !0, r;
|
|
503
503
|
}
|
|
@@ -565,7 +565,7 @@ function er(e) {
|
|
|
565
565
|
throw r;
|
|
566
566
|
if (!n)
|
|
567
567
|
throw t;
|
|
568
|
-
return
|
|
568
|
+
return $(n, i);
|
|
569
569
|
}
|
|
570
570
|
return o.displayName = "Lazy", o.__f = !0, o;
|
|
571
571
|
}
|
|
@@ -604,8 +604,8 @@ D.unmount = function(e) {
|
|
|
604
604
|
}
|
|
605
605
|
this.__b = null;
|
|
606
606
|
}
|
|
607
|
-
var o = t.__a &&
|
|
608
|
-
return o && (o.__u &= -33), [
|
|
607
|
+
var o = t.__a && $(G, null, e.fallback);
|
|
608
|
+
return o && (o.__u &= -33), [$(G, null, t.__a ? null : e.children), o];
|
|
609
609
|
};
|
|
610
610
|
var nn = function(e, t, n) {
|
|
611
611
|
if (++n[1] === n[0] && e.o.delete(t), e.props.revealOrder && (e.props.revealOrder[0] !== "t" || !e.o.size))
|
|
@@ -632,10 +632,10 @@ function co(e) {
|
|
|
632
632
|
this.childNodes.push(r), t.i.appendChild(r);
|
|
633
633
|
}, removeChild: function(r) {
|
|
634
634
|
this.childNodes.splice(this.childNodes.indexOf(r) >>> 1, 1), t.i.removeChild(r);
|
|
635
|
-
} }), Ie(
|
|
635
|
+
} }), Ie($(lo, { context: t.context }, e.__v), t.l);
|
|
636
636
|
}
|
|
637
637
|
function tr(e, t) {
|
|
638
|
-
var n =
|
|
638
|
+
var n = $(co, { __v: e, i: t });
|
|
639
639
|
return n.containerInfo = t, n;
|
|
640
640
|
}
|
|
641
641
|
(Ee.prototype = new oe()).__a = function(e) {
|
|
@@ -721,7 +721,7 @@ var ir = { ReactCurrentDispatcher: { current: { readContext: function(e) {
|
|
|
721
721
|
return Dt.__n[e.__c].props.value;
|
|
722
722
|
} } } };
|
|
723
723
|
function sr(e) {
|
|
724
|
-
return
|
|
724
|
+
return $.bind(null, e);
|
|
725
725
|
}
|
|
726
726
|
function He(e) {
|
|
727
727
|
return !!e && e.$$typeof === nr;
|
|
@@ -754,7 +754,7 @@ function gr() {
|
|
|
754
754
|
}
|
|
755
755
|
var fr = Oe, vr = He;
|
|
756
756
|
function _r(e, t) {
|
|
757
|
-
var n = t(), r =
|
|
757
|
+
var n = t(), r = F({ h: { __: n, v: t } }), o = r[0].h, i = r[1];
|
|
758
758
|
return Oe(function() {
|
|
759
759
|
o.__ = n, o.v = t, ot(o) && i({ h: o });
|
|
760
760
|
}, [e, n, t]), Q(function() {
|
|
@@ -772,15 +772,15 @@ function ot(e) {
|
|
|
772
772
|
return !0;
|
|
773
773
|
}
|
|
774
774
|
}
|
|
775
|
-
var yo = { useState:
|
|
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:
|
|
777
|
-
var t = we(me++, 10), n =
|
|
778
|
-
return t.__ = e,
|
|
775
|
+
var yo = { useState: F, 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: $, 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
|
+
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: $, 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(me++, 10), n = F();
|
|
778
|
+
return t.__ = e, z.componentDidCatch || (z.componentDidCatch = function(r, o) {
|
|
779
779
|
t.__ && t.__(r, o), n[1](r);
|
|
780
780
|
}), [n[0], function() {
|
|
781
781
|
n[1](void 0);
|
|
782
782
|
}];
|
|
783
|
-
}, useId: Wn, useImperativeHandle: $n, useInsertionEffect: fr, useLayoutEffect: Oe, useMemo: Ue, useReducer: jt, useRef: ee, useState:
|
|
783
|
+
}, useId: Wn, useImperativeHandle: $n, useInsertionEffect: fr, useLayoutEffect: Oe, useMemo: Ue, useReducer: jt, useRef: ee, useState: F, useSyncExternalStore: _r, useTransition: gr, version: "17.0.2" }, Symbol.toStringTag, { value: "Module" })), ln = (e) => {
|
|
784
784
|
let t;
|
|
785
785
|
const n = /* @__PURE__ */ new Set(), r = (s, d) => {
|
|
786
786
|
const l = typeof s == "function" ? s(t) : s;
|
|
@@ -944,8 +944,8 @@ const Uo = ko(br.exports), { useSyncExternalStoreWithSelector: Ho } = Uo, un = (
|
|
|
944
944
|
continue;
|
|
945
945
|
let f = pn({ comparator: m.comparator, response: r[m.questionIndex], type: i.type, value: m.value });
|
|
946
946
|
for (let b = 1; b < c.length; b += 2) {
|
|
947
|
-
const _ = c[b],
|
|
948
|
-
_ === Ao ? f && (f =
|
|
947
|
+
const _ = c[b], x = c[b + 1], y = pn({ comparator: x.comparator, response: r[x.questionIndex], type: e[x.questionIndex].type, value: x.value });
|
|
948
|
+
_ === Ao ? f && (f = y) : _ === Bo && (f || (f = y));
|
|
949
949
|
}
|
|
950
950
|
if (f) {
|
|
951
951
|
s = u === -1 && n ? e.length - 1 : u;
|
|
@@ -1076,25 +1076,25 @@ const Uo = ko(br.exports), { useSyncExternalStoreWithSelector: Ho } = Uo, un = (
|
|
|
1076
1076
|
const { cards: s, destroy: d, index: l, uploadProgress: p } = t(), h = r || ((m = p[n]) == null ? void 0 : m.isComplete), c = { ...p, [n]: { progressPct: h ? 100 : o || ((f = p[n]) == null ? void 0 : f.progressPct), isComplete: h, isSubmitted: i || ((b = p[n]) == null ? void 0 : b.isSubmitted) } };
|
|
1077
1077
|
if (e({ uploadProgress: c }), s[l].type !== "uploading")
|
|
1078
1078
|
return;
|
|
1079
|
-
const u = Object.entries(p).every(([_,
|
|
1079
|
+
const u = Object.entries(p).every(([_, x]) => !x.isSubmitted || x.isComplete || n == _ && r);
|
|
1080
1080
|
if (u && l >= s.length - 1)
|
|
1081
1081
|
return d(Se);
|
|
1082
1082
|
e({ index: u ? l + 1 : l, uploadingCardViewed: !0 });
|
|
1083
1083
|
}, hasViewedEmbed: !1, headers: { Authorization: "", "Content-Type": "", "userleap-platform": "web", "x-ul-environment-id": "", "x-ul-installation-method": "web-snippet", "x-ul-sdk-version": "", "x-ul-visitor-id": "" }, index: 0, isPreview: !1, marketingUrl: "https://sprig.com", meta: { ch: 0, cw: 0, l: "", mode: null, p: "", sh: 0, sw: 0 }, mode: void 0, next: (n) => {
|
|
1084
1084
|
const { allResponses: r, cards: o, eventEmitFn: i, index: s, responseGroupUid: d, submit: l, trackHistory: p, uploadProgress: h, viewedCardCount: c } = t();
|
|
1085
1085
|
e({ minScrollableHeight: void 0 });
|
|
1086
|
-
const u = Date.now(), m = [...o], f = m[s], { type: b } = n.data, _ = { ...n.data },
|
|
1087
|
-
((P) => !st.has(P.type))(f) && (f.value =
|
|
1088
|
-
const
|
|
1089
|
-
let T = b === "multiplechoice" ? Object.values(
|
|
1090
|
-
b === "multipleselect" && (T = m[s].props.options.reduce((P, g) => (
|
|
1086
|
+
const u = Date.now(), m = [...o], f = m[s], { type: b } = n.data, _ = { ...n.data }, x = _.value;
|
|
1087
|
+
((P) => !st.has(P.type))(f) && (f.value = x), _.answeredAt = u, delete _.type;
|
|
1088
|
+
const y = { response: _, responseGroupUid: d, questionIndex: s };
|
|
1089
|
+
let T = b === "multiplechoice" ? Object.values(x).find((P) => P !== !1) : x;
|
|
1090
|
+
b === "multipleselect" && (T = m[s].props.options.reduce((P, g) => (x[g.id] && P.push(g.value), P), []));
|
|
1091
1091
|
const S = r.slice(0);
|
|
1092
1092
|
S[s] = T, e({ allResponses: S });
|
|
1093
1093
|
const w = Cr({ cards: m, index: s, hasEndCard: !!n.endCard, uploadProgress: h, allResponses: S });
|
|
1094
1094
|
if (w === null)
|
|
1095
|
-
return
|
|
1096
|
-
st.has(m[w].type) && (
|
|
1097
|
-
const k = l(
|
|
1095
|
+
return y.completedAt = u, l(y), void n.completeSurvey();
|
|
1096
|
+
st.has(m[w].type) && (y.completedAt = u);
|
|
1097
|
+
const k = l(y);
|
|
1098
1098
|
st.has(m[w].type) || k.finally(() => {
|
|
1099
1099
|
p({ event: "seen", index: w });
|
|
1100
1100
|
});
|
|
@@ -1133,15 +1133,15 @@ const Uo = ko(br.exports), { useSyncExternalStoreWithSelector: Ho } = Uo, un = (
|
|
|
1133
1133
|
}, unresolvedRequestCount: 0, update: () => {
|
|
1134
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
|
-
!c && !d && ((
|
|
1136
|
+
var x, y, T;
|
|
1137
|
+
!c && !d && ((x = s == null ? void 0 : s.setWidth) == null || x.call(s, Gr));
|
|
1138
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 })) : ((
|
|
1139
|
+
c ? (i(ae.SurveyHeight, { name: ae.SurveyHeight, contentFrameHeight: f, "survey.id": l }), i(ae.SurveyWidth, { name: ae.SurveyWidth, contentFrameWidth: b, "survey.id": l })) : ((y = s.setHeight) == null || y.call(s, f), e({ minScrollableHeight: _ }), !d && m && ((T = s.setWidth) == null || T.call(s, b)));
|
|
1140
1140
|
}, 100);
|
|
1141
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) => {
|
|
1142
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 };
|
|
1143
1143
|
(await ht(`${s}/sdk/1/errors`, { method: "POST", headers: Object.assign({ "x-ul-error": window.btoa(`userleap-${Date.now()}-error`) }, d), body: JSON.stringify(c) })).ok || console.warn("[Sprig] (ERR-444) Failed to report error to API", n);
|
|
1144
|
-
}, Er = (e) =>
|
|
1144
|
+
}, Er = (e) => $("svg", { fill: "none", height: 24, viewBox: "0 0 24 24", width: 24, xmlns: "http://www.w3.org/2000/svg", ...e }, $("path", { d: "M17 10L12 15L7 10", stroke: "#0B2330", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5 })), Sr = (e) => $("svg", { fill: "none", height: 10, viewBox: "0 0 10 10", width: 10, xmlns: "http://www.w3.org/2000/svg", ...e }, $("path", { d: "M9.15377 1.30774L4.07685 8.23082L1.30762 5.00005", stroke: "white", strokeLinecap: "round", strokeWidth: 2 }));
|
|
1145
1145
|
var Wo = 0;
|
|
1146
1146
|
function a(e, t, n, r, o, i) {
|
|
1147
1147
|
var s, d, l = {};
|
|
@@ -1154,7 +1154,7 @@ function a(e, t, n, r, o, i) {
|
|
|
1154
1154
|
return D.vnode && D.vnode(p), p;
|
|
1155
1155
|
}
|
|
1156
1156
|
const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", style: { opacity: e ? 1 : 0 }, children: a(Sr, { className: "sprig-check" }) }), mn = "250ms", Go = Pt(({ animate: e, children: t, header: n, isOpen: r, onClick: o, showHeaderCheck: i }, s) => {
|
|
1157
|
-
const d = ee(null), [l, p] =
|
|
1157
|
+
const d = ee(null), [l, p] = F(0), [h, c] = F("none"), [u, m] = F(!0);
|
|
1158
1158
|
return Q(() => {
|
|
1159
1159
|
var b;
|
|
1160
1160
|
const f = (b = d.current) == null ? void 0 : b.getBoundingClientRect();
|
|
@@ -1166,7 +1166,7 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1166
1166
|
const r = t ? "--mobile" : "--desktop";
|
|
1167
1167
|
return `${e + r} ${e + (n ? `${r}_${n}` : "")} ${e}`;
|
|
1168
1168
|
}, Ko = (e, t) => `${e} ${e}__${t}`, X = (e) => a("button", { ...e, className: L("ul-card-text__button", e.className), id: "ul-card-text__button" }), jr = () => {
|
|
1169
|
-
const { viewDocument: e } = B((r) => ({ viewDocument: r.viewDocument })), [t, n] =
|
|
1169
|
+
const { viewDocument: e } = B((r) => ({ viewDocument: r.viewDocument })), [t, n] = F(!1);
|
|
1170
1170
|
return Q(() => {
|
|
1171
1171
|
const r = e.querySelector(".sprig-question-body"), o = new ResizeObserver(() => {
|
|
1172
1172
|
window.requestAnimationFrame(() => {
|
|
@@ -1212,21 +1212,21 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1212
1212
|
}
|
|
1213
1213
|
};
|
|
1214
1214
|
}, et = ({ ariaLabel: e, border: t, choiceStyle: n = {}, label: r, isSelected: o, value: i, text: s, id: d, isRadio: l, useMobileStyling: p, error: h, allowTextEntry: c, noneOfTheAbove: u, promptText: m, onUserInputChanged: f }) => {
|
|
1215
|
-
const { styleNonce: b, viewDocument: _ } = B((I) => ({ styleNonce: I.styleNonce, viewDocument: I.viewDocument })), [
|
|
1215
|
+
const { styleNonce: b, viewDocument: _ } = B((I) => ({ styleNonce: I.styleNonce, viewDocument: I.viewDocument })), [x, y] = F(!1);
|
|
1216
1216
|
Jo(_, t, b);
|
|
1217
1217
|
const T = ({ isSelected: I, userText: O }) => {
|
|
1218
1218
|
f && f({ id: d, selected: I, value: i, userText: O, noneOfTheAbove: u });
|
|
1219
1219
|
}, S = (I) => {
|
|
1220
|
-
I.stopPropagation(), T({ isSelected: l || !o, userText: s }),
|
|
1220
|
+
I.stopPropagation(), T({ isSelected: l || !o, userText: s }), y(!1);
|
|
1221
1221
|
}, w = () => {
|
|
1222
|
-
|
|
1222
|
+
x || y(!0);
|
|
1223
1223
|
}, k = () => {
|
|
1224
|
-
|
|
1224
|
+
x && y(!1);
|
|
1225
1225
|
}, j = { onClick: (I) => S(I), onKeyPress: (I) => ((O) => {
|
|
1226
1226
|
O.key !== "Enter" && O.key !== " " || S(O);
|
|
1227
1227
|
})(I) };
|
|
1228
1228
|
"ontouchstart" in _.documentElement ? (j.onTouchStart = k, j.onTouchCancel = k, j.onTouchEnd = k) : (j.onMouseDown = w, j.onMouseLeave = k);
|
|
1229
|
-
const P = l ? `radio-${d}` : `checkbox-${d}`, g = o ||
|
|
1229
|
+
const P = l ? `radio-${d}` : `checkbox-${d}`, g = o || x ? [ze] : [], v = [...h ? [Pr] : [], ...g], E = r ? { "aria-labelledby": `label-${d}` } : { "aria-label": e };
|
|
1230
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 }) })] });
|
|
1231
1231
|
}, Qo = ({ promptText: e, textValue: t, onTextChange: n, useMobileStyling: r }) => {
|
|
1232
1232
|
const o = ee(null), { update: i } = B((d) => ({ update: d.update })), s = Tr(o, () => i());
|
|
@@ -1257,7 +1257,7 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1257
1257
|
const t = jr();
|
|
1258
1258
|
return a("div", { className: L("sprig-question-footer-container", t ? "sprig-border-top" : null), children: e });
|
|
1259
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 }) => {
|
|
1260
|
-
const { useMobileStyling: s, border: d } = B((g) => ({ useMobileStyling: g.useMobileStyling, border: g.border })), [l, p] =
|
|
1260
|
+
const { useMobileStyling: s, border: d } = B((g) => ({ useMobileStyling: g.useMobileStyling, border: g.border })), [l, p] = F(!1), [h, c] = F(""), [u, m] = F(!1), f = r == null ? void 0 : r.collectName, b = (r == null ? void 0 : r.nameLabelText) || "Full Name", _ = (r == null ? void 0 : r.consentText) || "I agree to the stated conditions", x = (r == null ? void 0 : r.submitButtonText) || "Submit", y = !!h.trim(), T = l && (!f || y), S = (g, v = !1) => {
|
|
1261
1261
|
g.preventDefault(), g.stopPropagation();
|
|
1262
1262
|
let E = null;
|
|
1263
1263
|
if (!v) {
|
|
@@ -1269,15 +1269,15 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1269
1269
|
}, w = (g) => {
|
|
1270
1270
|
g.preventDefault(), g.stopPropagation(), c(g.currentTarget.value);
|
|
1271
1271
|
}, k = (g) => {
|
|
1272
|
-
g.currentTarget.style.borderColor = u && !
|
|
1272
|
+
g.currentTarget.style.borderColor = u && !y ? De : d;
|
|
1273
1273
|
}, j = (g) => {
|
|
1274
|
-
g.currentTarget.style.borderColor = u && !
|
|
1274
|
+
g.currentTarget.style.borderColor = u && !y ? De : Ct;
|
|
1275
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 }) => {
|
|
1276
1276
|
g !== l && p(!l);
|
|
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 && !
|
|
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 && !y ? { 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: x }), r.required === !1 && a("button", { className: "ul-card-skip__button", onClick: (g) => S(g, !0), children: Mt(r) })] })] });
|
|
1278
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);
|
|
1279
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 }) => {
|
|
1280
|
-
const u = `option-${h}`, m = s === "number", f = s === "star", b = m && h === e, [_,
|
|
1280
|
+
const u = `option-${h}`, m = s === "number", f = s === "star", b = m && h === e, [_, x] = h <= e && f || h === e ? r ? [t, 1] : [t, 0.3] : ["", 1];
|
|
1281
1281
|
return a("button", { "aria-label": m ? void 0 : String(h), className: (() => {
|
|
1282
1282
|
switch (s) {
|
|
1283
1283
|
case "star":
|
|
@@ -1287,21 +1287,21 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1287
1287
|
default:
|
|
1288
1288
|
return h === i ? L(Z("likert-number", p), Z(`likert-number-${h}`, p), Z("likert-last-option", p)) : L(Z("likert-number", p), Z(`likert-number-${h}`, p));
|
|
1289
1289
|
}
|
|
1290
|
-
})(), dangerouslySetInnerHTML: { __html: n }, id: u, onClick: () => o(), onKeyDown: (
|
|
1290
|
+
})(), dangerouslySetInnerHTML: { __html: n }, id: u, onClick: () => o(), onKeyDown: (y) => {
|
|
1291
1291
|
var w, k;
|
|
1292
1292
|
const T = c.querySelectorAll(`.likert-${s ?? "number"}`), S = h - 1;
|
|
1293
|
-
|
|
1293
|
+
y.key === "ArrowRight" ? (w = T[S + 1]) == null || w.focus() : y.key === "ArrowLeft" ? (k = T[S - 1]) == null || k.focus() : y.key !== "Enter" && y.key !== " " || o();
|
|
1294
1294
|
}, onPointerDown: () => l(!0), onPointerEnter: () => d(h), onPointerLeave: () => {
|
|
1295
1295
|
d(-1), l(!1);
|
|
1296
|
-
}, style: { color: m ? "" : _, borderColor: b ? _ : "", fillOpacity: b ? "" :
|
|
1296
|
+
}, style: { color: m ? "" : _, borderColor: b ? _ : "", fillOpacity: b ? "" : x, zIndex: b ? 3 : "auto" }, tabIndex: 0 });
|
|
1297
1297
|
}, ni = ({ className: e, labels: t, message: n, next: r, properties: o, questionId: i, type: s }) => {
|
|
1298
|
-
const { border: d, useMobileStyling: l, viewDocument: p } = B((P) => ({ border: P.border, useMobileStyling: P.useMobileStyling, viewDocument: P.viewDocument })), [h, c] =
|
|
1298
|
+
const { border: d, useMobileStyling: l, viewDocument: p } = B((P) => ({ border: P.border, useMobileStyling: P.useMobileStyling, viewDocument: P.viewDocument })), [h, c] = F(-1), [u, m] = F(!1), f = t && t.left, b = t && t.right;
|
|
1299
1299
|
let _;
|
|
1300
|
-
const { range:
|
|
1301
|
-
|
|
1300
|
+
const { range: x, scaleLabelType: y, ratingIcons: T } = o;
|
|
1301
|
+
x && (_ = Number(x));
|
|
1302
1302
|
const S = _ || 5, w = (P) => {
|
|
1303
1303
|
var g, v;
|
|
1304
|
-
switch (
|
|
1304
|
+
switch (y) {
|
|
1305
1305
|
case "star":
|
|
1306
1306
|
return (g = T[0]) == null ? void 0 : g.svg;
|
|
1307
1307
|
case "smiley":
|
|
@@ -1311,7 +1311,7 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1311
1311
|
}
|
|
1312
1312
|
}, k = [...Array(S)].map((P, g) => {
|
|
1313
1313
|
const v = g + 1;
|
|
1314
|
-
return a(ti, { activeValue: h, border: d, icon: w(g), isPressed: u, onSubmit: () => r({ value: v, questionId: i, type: s }), range: S, scaleLabelType:
|
|
1314
|
+
return a(ti, { activeValue: h, border: d, icon: w(g), isPressed: u, onSubmit: () => r({ value: v, questionId: i, type: s }), range: S, scaleLabelType: y, setActiveValue: c, setIsPressed: m, useMobileStyling: l, value: v, viewDocument: p }, g);
|
|
1315
1315
|
}), j = (P) => {
|
|
1316
1316
|
P.preventDefault(), P.stopPropagation(), r({ value: null, questionId: i, type: s });
|
|
1317
1317
|
};
|
|
@@ -1322,15 +1322,15 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1322
1322
|
const t = getComputedStyle(e);
|
|
1323
1323
|
return parseFloat(t.marginTop) + parseFloat(t.marginBottom) + (parseFloat(t.borderTopWidth) + parseFloat(t.borderBottomWidth));
|
|
1324
1324
|
}, oi = ({ columns: e, onSelect: t, options: n, selectedOptions: r }) => {
|
|
1325
|
-
const o = ee([]), { border: i, useMobileStyling: s } = B((u) => ({ border: u.border, useMobileStyling: u.useMobileStyling })), d = n.findIndex((u) => r[u.id] === null), [l, p] =
|
|
1325
|
+
const o = ee([]), { border: i, useMobileStyling: s } = B((u) => ({ border: u.border, useMobileStyling: u.useMobileStyling })), d = n.findIndex((u) => r[u.id] === null), [l, p] = F(d), h = Ke((u, m) => {
|
|
1326
1326
|
t(u, m);
|
|
1327
1327
|
const f = l + 1, b = n[f];
|
|
1328
1328
|
if (b && r[b.id] === null) {
|
|
1329
1329
|
p(f);
|
|
1330
1330
|
const _ = o.current[l];
|
|
1331
1331
|
if (_ != null && _.firstElementChild) {
|
|
1332
|
-
const
|
|
1333
|
-
|
|
1332
|
+
const x = Dr(_), y = _.firstElementChild, T = ri(_) + y.clientHeight;
|
|
1333
|
+
x == null || x.scrollTo(0, _.offsetTop + T);
|
|
1334
1334
|
}
|
|
1335
1335
|
}
|
|
1336
1336
|
}, [t, n, r, l]), c = Ke((u, m) => {
|
|
@@ -1341,7 +1341,7 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1341
1341
|
}, [i, e, l, h, r, s]);
|
|
1342
1342
|
return a("div", { children: n.map((u, m) => c(m, u)) });
|
|
1343
1343
|
}, ii = ({ columns: e, onSelect: t, options: n, selectedOptions: r }) => {
|
|
1344
|
-
const { border: o, useMobileStyling: i } = B((c) => ({ border: c.border, useMobileStyling: c.useMobileStyling })), s = n.length, d = e.length, l = ee(null), [p, h] =
|
|
1344
|
+
const { border: o, useMobileStyling: i } = B((c) => ({ border: c.border, useMobileStyling: c.useMobileStyling })), s = n.length, d = e.length, l = ee(null), [p, h] = F(!1);
|
|
1345
1345
|
return Q(() => {
|
|
1346
1346
|
const c = l.current, u = new ResizeObserver((m) => {
|
|
1347
1347
|
window.requestAnimationFrame(() => {
|
|
@@ -1365,8 +1365,8 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1365
1365
|
}
|
|
1366
1366
|
}, children: a("svg", { fill: "currentColor", height: "32", viewBox: "0 0 256 256", width: "32", xmlns: "http://www.w3.org/2000/svg", children: a("path", { d: "M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z" }) }) })] });
|
|
1367
1367
|
}, si = ({ className: e, message: t, next: n, options: r, properties: o, questionId: i, type: s }) => {
|
|
1368
|
-
const { useMobileStyling: d } = B((_) => ({ useMobileStyling: _.useMobileStyling })), l = o.matrixColumn, p = o.required, h = r.reduce((_,
|
|
1369
|
-
u((
|
|
1368
|
+
const { useMobileStyling: d } = B((_) => ({ useMobileStyling: _.useMobileStyling })), l = o.matrixColumn, p = o.required, h = r.reduce((_, x) => (_[x.id] = null, _), {}), [c, u] = F(h), m = (_, x) => {
|
|
1369
|
+
u((y) => ({ ...y, [_]: x }));
|
|
1370
1370
|
}, f = p && Object.values(c).every((_) => _ == null), b = o.displayMatrixAsAccordion || d;
|
|
1371
1371
|
return a("form", { className: L(e, "fade-in-transition", "ul-card__matrix"), id: "text-form", onSubmit: (_) => {
|
|
1372
1372
|
_.preventDefault(), _.stopPropagation(), n({ value: c, questionId: i, type: s });
|
|
@@ -1380,7 +1380,7 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1380
1380
|
var s;
|
|
1381
1381
|
}) });
|
|
1382
1382
|
}, li = ({ isMultiSelect: e = !1, multiselectText: t = "choices selected", onChange: n, options: r, placeholderText: o, value: i }) => {
|
|
1383
|
-
const [s, d] =
|
|
1383
|
+
const [s, d] = F(!1), { viewDocument: l, update: p } = B((u) => ({ viewDocument: u.viewDocument, update: u.update })), h = () => {
|
|
1384
1384
|
d(!s), p();
|
|
1385
1385
|
};
|
|
1386
1386
|
Q(() => {
|
|
@@ -1399,20 +1399,20 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1399
1399
|
}, type: "button", children: [a("span", { children: i.length === 0 ? o : i.length === 1 ? i[0].label : `${i.length} ${t}` }), a(Er, {})] }), s && a(ai, { options: r, selectedOptions: i, selectItem: (u) => {
|
|
1400
1400
|
var b;
|
|
1401
1401
|
const m = i.some((_) => _.id === u.id), f = i.some((_) => {
|
|
1402
|
-
var
|
|
1403
|
-
return (
|
|
1402
|
+
var x;
|
|
1403
|
+
return (x = _.optionProperties) == null ? void 0 : x.noneOfTheAbove;
|
|
1404
1404
|
});
|
|
1405
1405
|
(b = u.optionProperties) != null && b.noneOfTheAbove && !m ? n([u]) : e ? n(m ? i.filter((_) => _.id !== u.id) : f ? [u] : [...i, u]) : m || n([u]), e || h();
|
|
1406
1406
|
}, showCheckbox: e })] });
|
|
1407
1407
|
}, Rr = ({ className: e, message: t, onSubmit: n, options: r = [], properties: o, questionId: i, type: s }) => {
|
|
1408
|
-
const { border: d, useMobileStyling: l } = B((w) => ({ border: w.border, useMobileStyling: w.useMobileStyling })), p = r.reduce((w, k) => (w[k.id] = { isSelected: !1 }, w), {}), [h, c] =
|
|
1408
|
+
const { border: d, useMobileStyling: l } = B((w) => ({ border: w.border, useMobileStyling: w.useMobileStyling })), p = r.reduce((w, k) => (w[k.id] = { isSelected: !1 }, w), {}), [h, c] = F(p), u = s === "multiplechoice", m = o.required, f = r.find((w) => {
|
|
1409
1409
|
var k;
|
|
1410
1410
|
return (k = w.optionProperties) == null ? void 0 : k.noneOfTheAbove;
|
|
1411
1411
|
}), b = Object.entries(h).some(([w, k]) => {
|
|
1412
1412
|
var g;
|
|
1413
1413
|
const j = r.find((v) => `${v.id}` === w), P = k.userText === void 0 || k.userText.trim() === "";
|
|
1414
1414
|
return ((g = j == null ? void 0 : j.optionProperties) == null ? void 0 : g.allowsTextEntry) && P && k.isSelected;
|
|
1415
|
-
}), _ = Object.values(h).some((w) => w.isSelected),
|
|
1415
|
+
}), _ = Object.values(h).some((w) => w.isSelected), x = b || m && !_, y = r.map(({ id: w, label: k, value: j, optionProperties: P }) => {
|
|
1416
1416
|
var I, O;
|
|
1417
1417
|
const g = `${w}`, { allowsTextEntry: v, noneOfTheAbove: E } = { allowsTextEntry: !1, noneOfTheAbove: !1, ...P };
|
|
1418
1418
|
return a(et, { allowTextEntry: v, border: d, error: !1, id: g, isRadio: u, isSelected: !!((I = h[g]) != null && I.isSelected), label: k, noneOfTheAbove: E, onUserInputChanged: (C) => S(C.id, C.selected, C.userText, C.noneOfTheAbove), promptText: "Please specify", text: (O = h[w]) == null ? void 0 : O.userText, useMobileStyling: l, value: j }, g);
|
|
@@ -1432,7 +1432,7 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1432
1432
|
for (const j of r)
|
|
1433
1433
|
w.includes(j) ? k[j.id].isSelected = !0 : k[j.id].isSelected = !1;
|
|
1434
1434
|
c(k);
|
|
1435
|
-
}, options: r, placeholderText: o.dropdownPlaceholderText ?? (u ? "Select choice" : "Select choice(s)"), value: r.filter((w) => h[w.id].isSelected) }) : a("div", { className: L(Z("ul-card__choices", l)), role: u ? "radiogroup" : "group", children:
|
|
1435
|
+
}, options: r, placeholderText: o.dropdownPlaceholderText ?? (u ? "Select choice" : "Select choice(s)"), value: r.filter((w) => h[w.id].isSelected) }) : a("div", { className: L(Z("ul-card__choices", l)), role: u ? "radiogroup" : "group", children: y }) }), a(_e, { children: a("div", { className: "ul-card__button-wrapper", children: a(X, { disabled: x, onClick: T, children: Ce(o) }) }) })] }) })] }, i);
|
|
1436
1436
|
}, di = (e) => {
|
|
1437
1437
|
const { questionId: t, type: n, next: r, options: o } = e;
|
|
1438
1438
|
return a(Rr, { ...e, onSubmit: (i) => {
|
|
@@ -1452,9 +1452,9 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1452
1452
|
} });
|
|
1453
1453
|
}, ui = ({ className: e, props: { labels: t, message: n, properties: r }, next: o, questionId: i, type: s }) => {
|
|
1454
1454
|
const { border: d, useMobileStyling: l, viewDocument: p } = B((f) => ({ border: f.border, useMobileStyling: f.useMobileStyling, viewDocument: f.viewDocument })), h = t && t.left, c = t && t.right, u = [...Array(11)].map((f, b) => a("button", { className: L(Z("nps-number", l), Z(`nps-number-${b}`, l)), id: `option-${b}`, onClick: () => o({ value: b, questionId: i, type: s }), onKeyDown: (_) => {
|
|
1455
|
-
var
|
|
1456
|
-
const
|
|
1457
|
-
_.key === "ArrowRight" ? (
|
|
1455
|
+
var y, T;
|
|
1456
|
+
const x = p.querySelectorAll("button.nps-number");
|
|
1457
|
+
_.key === "ArrowRight" ? (y = x[b + 1]) == null || y.focus() : _.key === "ArrowLeft" ? (T = x[b - 1]) == null || T.focus() : _.key !== "Enter" && _.key !== " " || o({ value: b, questionId: i, type: s });
|
|
1458
1458
|
}, onPointerDown: (_) => {
|
|
1459
1459
|
_.currentTarget.style.zIndex = "2", _.currentTarget.style.borderColor = d;
|
|
1460
1460
|
}, onPointerLeave: (_) => {
|
|
@@ -1464,16 +1464,16 @@ const Zo = ({ visible: e }) => a("div", { className: "sprig-check-background", s
|
|
|
1464
1464
|
};
|
|
1465
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);
|
|
1466
1466
|
}, pi = ({ className: e, message: t, next: n, properties: r, questionId: o, type: i }) => {
|
|
1467
|
-
const { border: s, useMobileStyling: d, update: l } = B((S) => ({ border: S.border, useMobileStyling: S.useMobileStyling, update: S.update })), [p, h] =
|
|
1467
|
+
const { border: s, useMobileStyling: d, update: l } = B((S) => ({ border: S.border, useMobileStyling: S.useMobileStyling, update: S.update })), [p, h] = F(""), c = ee(null), u = p.trim(), m = r.required === !0 && !u, f = Tr(c, () => l()), b = (S) => {
|
|
1468
1468
|
f(), S.preventDefault(), S.stopPropagation(), h(S.currentTarget.value);
|
|
1469
1469
|
}, _ = (S) => {
|
|
1470
1470
|
S.preventDefault(), S.stopPropagation(), n({ value: p, questionId: o, type: i });
|
|
1471
|
-
},
|
|
1471
|
+
}, x = r && r.openTextPlaceholder ? r.openTextPlaceholder : "", y = (S) => {
|
|
1472
1472
|
S.currentTarget.style.borderColor = s;
|
|
1473
1473
|
}, T = (S) => {
|
|
1474
1474
|
S.currentTarget.style.borderColor = Ct;
|
|
1475
1475
|
};
|
|
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":
|
|
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": x, className: L(Z("ul-card-text__input", d)), "data-gramm": "false", maxLength: 5e3, name: "text", onBlur: T, onChange: b, onFocus: y, placeholder: x, 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);
|
|
1477
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: () => {
|
|
1478
1478
|
}, passthroughData: void 0, recordingMediaTypes: void 0, screenPermissionRequested: !1, type: void 0 }, le = kr((e) => ({ ...bn, reset: () => {
|
|
1479
1479
|
e(bn);
|
|
@@ -1547,7 +1547,7 @@ const Or = "ul-permission-graphics-container", Ur = "ul-permission-body", Hr = L
|
|
|
1547
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 })] }) });
|
|
1548
1548
|
return a("div", { className: "ul-task-page", children: [e.taskDetail && a(Ar, { richTextBody: e.taskDetail }), i] }, "complete-task");
|
|
1549
1549
|
}, gi = ({ content: e, pages: t, required: n }) => {
|
|
1550
|
-
const { buttonText: r, skipButtonText: o } = e, [i] = B((l) => [l.tabTitle]), [s, d] =
|
|
1550
|
+
const { buttonText: r, skipButtonText: o } = e, [i] = B((l) => [l.tabTitle]), [s, d] = F(!1);
|
|
1551
1551
|
return a("div", { children: [a("div", { className: Hr, children: [a("p", { style: { marginTop: "auto" }, children: e.selectTabText }), a("div", { className: "ul-select-tab-container", children: a("p", { className: Ur, children: i }) })] }), a("div", { className: n ? "" : tt, children: [a(X, { disabled: s, onClick: Lt.bind(null, { pages: t, setIsRequestingPermission: d }), children: r }), a(nt, { required: n, skipButtonText: o })] })] });
|
|
1552
1552
|
}, fi = ({ content: e }) => a("div", { className: L(Or, "ul_permission_svg_container", "ul_recorded-task-inset-spacing", "ul-center-horizontally"), dangerouslySetInnerHTML: { __html: e.svg } }, "ul-permission-request-graphic"), vi = ({ content: e, pages: t, required: n }) => {
|
|
1553
1553
|
const { permissionDeniedHeadline: r, permissionDeniedBody: o, skipButtonText: i, tryAgainButtonText: s } = e, d = Qe(t[0]) ? t[0] : null;
|
|
@@ -1583,14 +1583,14 @@ const Or = "ul-permission-graphics-container", Ur = "ul-permission-body", Hr = L
|
|
|
1583
1583
|
}, xi = ({ className: e, properties: t, next: n, questionId: r }) => {
|
|
1584
1584
|
const o = B(), { surveyId: i, responseGroupUid: s, userId: d } = o, l = le(), { screenPermissionRequested: p } = l, h = le((b) => b.avStream);
|
|
1585
1585
|
let c = le((b) => b.currentPage);
|
|
1586
|
-
c || (c = function({ pages: b, userId: _, responseGroupUid:
|
|
1587
|
-
const { updatePage: w } = le.getState(), { eventEmitFn: k, recorderEventEmitter: j } = B.getState(), P = { questionId: T, surveyId:
|
|
1586
|
+
c || (c = function({ pages: b, userId: _, responseGroupUid: x, surveyId: y, questionId: T, next: S }) {
|
|
1587
|
+
const { updatePage: w } = le.getState(), { eventEmitFn: k, recorderEventEmitter: j } = B.getState(), P = { questionId: T, surveyId: y, visitorId: _, responseGroupUid: x };
|
|
1588
1588
|
let g = 0;
|
|
1589
1589
|
j.emit("recorded.task.permission.screen"), k("recorded.task.permission.screen"), j.emit("permission.status", { "permission.status.callback": (E, I, O, C) => {
|
|
1590
1590
|
const M = b[g], { type: A } = M, H = ["screen"];
|
|
1591
1591
|
if (Qe(M)) {
|
|
1592
|
-
const { permissionDescriptors: q } = M, R = q == null ? void 0 : q.includes("microphone"),
|
|
1593
|
-
R && H.push("audio"),
|
|
1592
|
+
const { permissionDescriptors: q } = M, R = q == null ? void 0 : q.includes("microphone"), V = q == null ? void 0 : q.includes("camera");
|
|
1593
|
+
R && H.push("audio"), V && H.push("video"), (E != null && E.active && !V || E != null && E.active && I) && g++;
|
|
1594
1594
|
}
|
|
1595
1595
|
_n(b[g]) && O && (g++, j.emit("begin.recording", { "recording.media.types": H, "start.recording.callback": (q) => w({ mediaRecordingUids: q }) })), w({ currentPage: b[g], avStream: E, screenPermissionRequested: O, nextQuestion: S, type: A, passthroughData: P, recordingMediaTypes: H, captureStream: C });
|
|
1596
1596
|
} });
|
|
@@ -1610,19 +1610,26 @@ const Or = "ul-permission-graphics-container", Ur = "ul-permission-body", Hr = L
|
|
|
1610
1610
|
}, p = ((u, m = {}) => {
|
|
1611
1611
|
if (!u)
|
|
1612
1612
|
return u;
|
|
1613
|
+
try {
|
|
1614
|
+
const y = new URL(u);
|
|
1615
|
+
if (y.protocol !== "http:" && y.protocol !== "https:")
|
|
1616
|
+
return;
|
|
1617
|
+
} catch {
|
|
1618
|
+
return;
|
|
1619
|
+
}
|
|
1613
1620
|
let f = u;
|
|
1614
1621
|
const b = [];
|
|
1615
|
-
for (const [
|
|
1616
|
-
if (f.toLowerCase().includes(
|
|
1622
|
+
for (const [y, T] of Object.entries(ki))
|
|
1623
|
+
if (f.toLowerCase().includes(y))
|
|
1617
1624
|
if (m[T]) {
|
|
1618
|
-
const S = new RegExp(
|
|
1625
|
+
const S = new RegExp(y, "gi");
|
|
1619
1626
|
f = f.replace(S, m[T]);
|
|
1620
1627
|
} else
|
|
1621
|
-
b.push(
|
|
1628
|
+
b.push(y);
|
|
1622
1629
|
if (b.length === 0 || !f.includes("?"))
|
|
1623
1630
|
return f;
|
|
1624
|
-
const _ = f.slice(0, f.indexOf("?")),
|
|
1625
|
-
return
|
|
1631
|
+
const _ = f.slice(0, f.indexOf("?")), x = f.slice(f.indexOf("?") + 1).split("&").map((y) => y.split("=")).filter((y) => !b.includes(y[1]));
|
|
1632
|
+
return x.length === 0 ? _ : `${_}?${x.map((y) => y.join("=")).join("&")}`;
|
|
1626
1633
|
})(r && r.buttonUrl, s);
|
|
1627
1634
|
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);
|
|
1628
1635
|
var h, c;
|
|
@@ -2385,12 +2392,12 @@ const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2385
2392
|
_.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));
|
|
2386
2393
|
} });
|
|
2387
2394
|
_.addClass("ul-video-recorder-delete-button"), _.el_.appendChild($e(re.DeleteButton, "ul-delete-button"));
|
|
2388
|
-
const
|
|
2389
|
-
|
|
2395
|
+
const x = N.document.getElementById(t), y = () => {
|
|
2396
|
+
x.classList.contains("vjs-fullscreen") && l.cameraOff ? x.style.display = "table" : x.style.display = "flex";
|
|
2390
2397
|
};
|
|
2391
|
-
|
|
2398
|
+
y();
|
|
2392
2399
|
const T = new (N.videojs.getComponent("Button"))(l, { clickHandler: () => {
|
|
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, {}),
|
|
2400
|
+
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, {}), y());
|
|
2394
2401
|
} });
|
|
2395
2402
|
T.addClass(dt), T.el_.appendChild($e(re.TurnOffCamera, "ul-camera-button"));
|
|
2396
2403
|
const S = new (N.videojs.getComponent("Button"))(l, { clickHandler: () => {
|
|
@@ -2404,7 +2411,7 @@ const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2404
2411
|
else {
|
|
2405
2412
|
S.addClass(ct), j.hide(), T.addClass(J), _.addClass(J), v && (v.innerHTML = re.StopButton);
|
|
2406
2413
|
const I = N.document.createElement("div");
|
|
2407
|
-
I.id = "ul-recording-countdown-screen",
|
|
2414
|
+
I.id = "ul-recording-countdown-screen", x.insertBefore(I, x.children[1]), I.style.height = `${x.offsetHeight}px`, Fr(l, 3);
|
|
2408
2415
|
}
|
|
2409
2416
|
}
|
|
2410
2417
|
} });
|
|
@@ -2422,9 +2429,9 @@ const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2422
2429
|
const { surveyId: M, responseGroupUid: A, visitorId: H, envId: q } = v.payload;
|
|
2423
2430
|
v.on("deviceError", function() {
|
|
2424
2431
|
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));
|
|
2425
|
-
}), v.on("error", function(R,
|
|
2426
|
-
ue(
|
|
2427
|
-
}), v.on("startRecord", function(R,
|
|
2432
|
+
}), v.on("error", function(R, V) {
|
|
2433
|
+
ue(V || v.error(), "recorderError", E, C, H, q);
|
|
2434
|
+
}), v.on("startRecord", function(R, V) {
|
|
2428
2435
|
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 } });
|
|
2429
2436
|
}), v.on("finishRecord", async function() {
|
|
2430
2437
|
O(v.uploadProgressLabel, "start", 0);
|
|
@@ -2434,24 +2441,24 @@ const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2434
2441
|
return I && I(U.ERROR, { type: U.OTHER }), ue(new Error(Y), "finishRecord", E, C, H, q), null;
|
|
2435
2442
|
}
|
|
2436
2443
|
v.record().stopDevice();
|
|
2437
|
-
const
|
|
2438
|
-
ve({ event: "Video Record Finish", apiBase: E, headers: C, visitorId: H, envId: q, metadata: { mediaRecordingUid: K, questionId: R, responseGroupUid: A, surveyId: M, mediaType:
|
|
2439
|
-
const de = { surveyId: M, updatedAt: (/* @__PURE__ */ new Date()).toISOString(), mediaType:
|
|
2444
|
+
const V = v.cameraOff ? U.MEDIA_TYPE_AUDIO : U.MEDIA_TYPE_VIDEO, K = mt();
|
|
2445
|
+
ve({ event: "Video Record Finish", apiBase: E, headers: C, visitorId: H, envId: q, metadata: { mediaRecordingUid: K, questionId: R, responseGroupUid: A, surveyId: M, mediaType: V } });
|
|
2446
|
+
const de = { surveyId: M, updatedAt: (/* @__PURE__ */ new Date()).toISOString(), mediaType: V, mediaRecordingUid: K };
|
|
2440
2447
|
R && (de.questionId = R), A && (de.responseGroupUid = A), H && (de.visitorId = H);
|
|
2441
|
-
const
|
|
2448
|
+
const W = await (async () => {
|
|
2442
2449
|
const Y = await fetch(`${E}/2/environments/integrations/upload`, { method: "POST", cache: "no-cache", headers: { "Content-Type": "application/json" }, body: JSON.stringify(de) });
|
|
2443
2450
|
if (Y.ok) {
|
|
2444
2451
|
const be = await Y.json();
|
|
2445
|
-
return I && I(U.UPLOAD_STARTED, { [U.UPLOAD_ID]: be.upload.id, [U.MEDIA_TYPE]:
|
|
2452
|
+
return I && I(U.UPLOAD_STARTED, { [U.UPLOAD_ID]: be.upload.id, [U.MEDIA_TYPE]: V, [U.MEDIA_RECORDING_UID]: K }), be.upload.url;
|
|
2446
2453
|
}
|
|
2447
2454
|
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;
|
|
2448
2455
|
})();
|
|
2449
|
-
|
|
2456
|
+
W && (se = N.document.defaultView.UpChunk.createUpload({ endpoint: W, file: new N.document.defaultView.File([v.recordedData], `recording ${V} ${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: V, url: W } }), se.on("error", (Y) => {
|
|
2450
2457
|
O(v.uploadProgressLabel, "none"), I && I(U.UPLOAD_FINISHED, { [U.MEDIA_RECORDING_UID]: K }), ue(Y, "finishRecord", E, C, H, q);
|
|
2451
2458
|
}), se.on("progress", (Y) => {
|
|
2452
2459
|
I && I(U.UPLOAD_PROGRESS, { [U.MEDIA_RECORDING_UID]: K, [U.UPLOAD_PROGRESS_PCT]: Y.detail }), O(v.uploadProgressLabel, "progress", Y.detail);
|
|
2453
2460
|
}), se.on("success", () => {
|
|
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:
|
|
2461
|
+
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: V, url: W, elapsedMs: se.startTime && Date.now() - se.startTime } });
|
|
2455
2462
|
}));
|
|
2456
2463
|
});
|
|
2457
2464
|
})(l, r, o, Cn, s);
|
|
@@ -2500,10 +2507,10 @@ const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2500
2507
|
const u = Je(l, h), m = Je(c, { muted: !0, ...h });
|
|
2501
2508
|
if (!u || !m)
|
|
2502
2509
|
return;
|
|
2503
|
-
((_,
|
|
2510
|
+
((_, x, y) => {
|
|
2504
2511
|
_.addClass(`ul${xn}`);
|
|
2505
2512
|
const T = new (N.videojs.getComponent("Component"))(_);
|
|
2506
|
-
|
|
2513
|
+
x && _.src(x), _.addChild(T), y && y(_);
|
|
2507
2514
|
})(m, s, d), s || m.addClass(J);
|
|
2508
2515
|
const f = zr(u, ["PlaybackRateMenuButton", "PlayToggle", "FullscreenToggle"]), b = f.children().find((_) => _.name_ === "FullscreenToggle");
|
|
2509
2516
|
b.hasClass("vjs-disabled") && b.hide(), $r(u, f, t, n, r, m);
|
|
@@ -2518,8 +2525,8 @@ const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2518
2525
|
let n = t ? t[1] : null;
|
|
2519
2526
|
return n.includes(yn) && (n = n.replace(yn, "")), n ? `https://image.mux.com/${n}/thumbnail.jpg?time=0` : null;
|
|
2520
2527
|
}, U = { UPLOAD_STARTED: "upload.started", UPLOAD_PROGRESS: "upload.progress", UPLOAD_FINISHED: "upload.finished", DELETE: "delete", ERROR: "error", MEDIA_TYPE: "media.type", PERMISSION_DENIED: "permission_denied", OTHER: "other", UPLOAD_ID: "upload.id", UPLOAD_PROGRESS_PCT: "upload.progress.pct", MEDIA_RECORDING_UID: "media.recording.uid", MEDIA_TYPE_VIDEO: "video", MEDIA_TYPE_AUDIO: "audio" }, re = { PlaybackRateMenuButton: "Speed", PlayToggle: "Play", FullscreenToggle: "Expand", TurnOnCamera: "Turn on", TurnOffCamera: "Turn off", DeleteButton: "Delete", RecordButton: "Record", StopButton: "Stop", PauseButton: "Pause" }, ye = "ul-card-video__player_recorder", En = "ul-video-btn", pt = 0, Sn = 1, Di = ({ className: e, message: t, next: n, properties: r, questionId: o, type: i }) => {
|
|
2521
|
-
const { apiURL: s, envId: d, handleUploadUpdate: l, headers: p, responseGroupUid: h, surveyId: c, viewDocument: u, visitorId: m } = B((g) => ({ apiURL: g.apiURL, envId: g.envId, handleUploadUpdate: g.handleUploadUpdate, headers: g.headers, responseGroupUid: g.responseGroupUid, surveyId: g.surveyId, viewDocument: g.viewDocument, visitorId: g.userId })), [f, b] =
|
|
2522
|
-
g === U.UPLOAD_STARTED ? (
|
|
2528
|
+
const { apiURL: s, envId: d, handleUploadUpdate: l, headers: p, responseGroupUid: h, surveyId: c, viewDocument: u, visitorId: m } = B((g) => ({ apiURL: g.apiURL, envId: g.envId, handleUploadUpdate: g.handleUploadUpdate, headers: g.headers, responseGroupUid: g.responseGroupUid, surveyId: g.surveyId, viewDocument: g.viewDocument, visitorId: g.userId })), [f, b] = F(!1), [_, x] = F(null), [y, T] = F(null), [S, w] = F(pt), k = r && r.videoUrl, j = (g, v) => {
|
|
2529
|
+
g === U.UPLOAD_STARTED ? (x(v[U.UPLOAD_ID]), T(v[U.MEDIA_RECORDING_UID]), b(!0)) : g === U.DELETE ? (x(null), T(null), b(!1)) : g === U.UPLOAD_PROGRESS ? isNaN(v[U.UPLOAD_PROGRESS_PCT]) ? l({ mediaRecordingUid: v[U.MEDIA_RECORDING_UID], isComplete: !0 }) : l({ mediaRecordingUid: v[U.MEDIA_RECORDING_UID], progressPct: v[U.UPLOAD_PROGRESS_PCT] }) : g === U.UPLOAD_FINISHED && l({ mediaRecordingUid: v[U.MEDIA_RECORDING_UID], isComplete: !0 });
|
|
2523
2530
|
}, P = (g) => {
|
|
2524
2531
|
g.preventDefault(), g.stopPropagation(), document.getElementById(ye) && ((v) => {
|
|
2525
2532
|
const E = v + kn;
|
|
@@ -2532,7 +2539,7 @@ const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2532
2539
|
}
|
|
2533
2540
|
N.videojs(E).record().stop(), N.videojs(E).record().stopDevice();
|
|
2534
2541
|
}
|
|
2535
|
-
})(ye), _ &&
|
|
2542
|
+
})(ye), _ && y ? (l({ mediaRecordingUid: y, isSubmitted: !0 }), n({ value: { mediaRecordingUid: y }, questionId: o, type: i })) : n({ value: null, questionId: o, type: i });
|
|
2536
2543
|
};
|
|
2537
2544
|
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) => {
|
|
2538
2545
|
if (g && g.children.length === 0 && !r.hideRecordedPrompt) {
|
|
@@ -2550,17 +2557,17 @@ const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2550
2557
|
if (g && g.children.length === 0) {
|
|
2551
2558
|
const v = ((E, I = {}, O = "https://api.userleap.com", C, M, A, H = !1, q = document) => {
|
|
2552
2559
|
N.document = q;
|
|
2553
|
-
const R = E + kn,
|
|
2560
|
+
const R = E + kn, V = Wr(R);
|
|
2554
2561
|
return N.document.addEventListener("securitypolicyviolation", (K) => {
|
|
2555
2562
|
ue(new Error(`Voice & Video feature violates ${K.violatedDirective} web page CSP policies for the recorder player.`), "recorderDeviceError", O, A, I.visitorId, I.envId);
|
|
2556
2563
|
}), Vr(Br.concat(Ei), () => {
|
|
2557
|
-
wt(R,
|
|
2564
|
+
wt(R, V), N.document.getElementById(Ut(R)).remove();
|
|
2558
2565
|
try {
|
|
2559
|
-
ji(
|
|
2566
|
+
ji(V, R, I, O, C, M, A, H);
|
|
2560
2567
|
} catch (K) {
|
|
2561
2568
|
return void ue(new Error(`Error when creating video recorder player object ${K}`), "recorderDeviceError", O, A, I.visitorId, I.envId);
|
|
2562
2569
|
}
|
|
2563
|
-
}),
|
|
2570
|
+
}), V;
|
|
2564
2571
|
})(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);
|
|
2565
2572
|
g.appendChild(v);
|
|
2566
2573
|
}
|
|
@@ -2572,15 +2579,15 @@ const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2572
2579
|
const o = Math.round(Math.min(99, ...Object.values(t).filter((i) => i.isSubmitted).map((i) => i.progressPct || 0)));
|
|
2573
2580
|
return a("div", { className: L(e, "ul-card--uploading", "fade-in-transition"), children: [a("div", { "aria-busy": "true", "aria-label": "Processing...", "aria-live": "polite", className: "ul-loading-spinner-container", role: "progressbar", children: a("div", { className: "ul-loading-spinner", children: [a("div", { className: "first" }), a("div", { className: "second" }), a("div", { className: "third" }), a("div", { className: "fourth" })] }) }), a(ie, { message: `${n} (${o}% complete)` }), a("p", { className: "ul-caption", children: r })] });
|
|
2574
2581
|
}, jn = ({ logoOnly: e = !1, style: t = {} }) => a("svg", { alt: (e ? "Powered by " : "") + "Sprig", width: e ? "35" : "112", height: "15", viewBox: e ? "79 0 31 15" : "0 0 112 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { display: "block", ...t }, children: [!e && a("path", { d: "M0.648926 12.0181V2.8584H4.21631C6.0127 2.8584 7.25684 4.06445 7.25684 5.86084V5.87354C7.25684 7.66357 6.0127 8.88867 4.21631 8.88867H2.0708V12.0181H0.648926ZM3.86084 4.05811H2.0708V7.69531H3.86084C5.09229 7.69531 5.80957 7.02881 5.80957 5.87988V5.86719C5.80957 4.72461 5.09229 4.05811 3.86084 4.05811ZM11.6621 12.1514C9.63721 12.1514 8.39941 10.7993 8.39941 8.57764V8.56494C8.39941 6.34961 9.64355 4.99121 11.6621 4.99121C13.6743 4.99121 14.9185 6.34326 14.9185 8.56494V8.57764C14.9185 10.7993 13.6807 12.1514 11.6621 12.1514ZM11.6621 11.0024C12.8428 11.0024 13.5156 10.1011 13.5156 8.57764V8.56494C13.5156 7.03516 12.8428 6.14014 11.6621 6.14014C10.4751 6.14014 9.80859 7.03516 9.80859 8.56494V8.57764C9.80859 10.1074 10.4751 11.0024 11.6621 11.0024ZM17.6226 12.0181L15.7183 5.12451H17.1021L18.3398 10.4438H18.4414L19.8633 5.12451H21.1709L22.5928 10.4438H22.7007L23.9321 5.12451H25.2969L23.3989 12.0181H21.9834L20.5552 6.87646H20.4473L19.0254 12.0181H17.6226ZM29.334 12.1514C27.3154 12.1514 26.0967 10.7739 26.0967 8.59033V8.58398C26.0967 6.43213 27.3408 4.99121 29.2642 4.99121C31.1875 4.99121 32.3682 6.38135 32.3682 8.45068V8.93311H27.4805C27.5059 10.2534 28.2295 11.0215 29.3657 11.0215C30.248 11.0215 30.7749 10.5835 30.9399 10.228L30.9653 10.1772L32.292 10.1709L32.2793 10.228C32.0508 11.1357 31.0986 12.1514 29.334 12.1514ZM29.2705 6.12109C28.3311 6.12109 27.6201 6.76221 27.4995 7.94922H31.0034C30.8955 6.71777 30.2036 6.12109 29.2705 6.12109ZM34.0059 12.0181V5.12451H35.3833V6.16553H35.4849C35.7324 5.43555 36.3735 5.00391 37.2939 5.00391C37.5161 5.00391 37.7573 5.03564 37.897 5.06738V6.33691C37.6494 6.28613 37.4146 6.25439 37.1543 6.25439C36.1006 6.25439 35.3833 6.90186 35.3833 7.89844V12.0181H34.0059ZM41.9277 12.1514C39.9092 12.1514 38.6904 10.7739 38.6904 8.59033V8.58398C38.6904 6.43213 39.9346 4.99121 41.8579 4.99121C43.7812 4.99121 44.9619 6.38135 44.9619 8.45068V8.93311H40.0742C40.0996 10.2534 40.8232 11.0215 41.9595 11.0215C42.8418 11.0215 43.3687 10.5835 43.5337 10.228L43.5591 10.1772L44.8857 10.1709L44.873 10.228C44.6445 11.1357 43.6924 12.1514 41.9277 12.1514ZM41.8643 6.12109C40.9248 6.12109 40.2139 6.76221 40.0933 7.94922H43.5972C43.4893 6.71777 42.7974 6.12109 41.8643 6.12109ZM49.1133 12.1323C47.3804 12.1323 46.2568 10.7422 46.2568 8.57764V8.56494C46.2568 6.38135 47.3613 5.00391 49.1133 5.00391C50.0591 5.00391 50.8652 5.47363 51.2334 6.21631H51.3413V2.42041H52.7124V12.0181H51.3413V10.9326H51.2334C50.8335 11.688 50.0781 12.1323 49.1133 12.1323ZM49.5068 10.958C50.6558 10.958 51.3604 10.0503 51.3604 8.57764V8.56494C51.3604 7.09229 50.6494 6.18457 49.5068 6.18457C48.3516 6.18457 47.6597 7.08594 47.6597 8.56494V8.57764C47.6597 10.0566 48.3516 10.958 49.5068 10.958ZM61.98 12.1323C61.0151 12.1323 60.2598 11.688 59.8599 10.9326H59.7583V12.0181H58.3809V2.42041H59.7583V6.21631H59.8599C60.228 5.47363 61.0342 5.00391 61.98 5.00391C63.7319 5.00391 64.8364 6.38135 64.8364 8.56494V8.57764C64.8364 10.7422 63.7192 12.1323 61.98 12.1323ZM61.5928 10.958C62.7417 10.958 63.4336 10.0566 63.4336 8.57764V8.56494C63.4336 7.08594 62.7417 6.18457 61.5928 6.18457C60.4438 6.18457 59.7329 7.09229 59.7329 8.56494V8.57764C59.7329 10.0503 60.4438 10.958 61.5928 10.958ZM66.8867 14.4429C66.7153 14.4429 66.5122 14.4302 66.3345 14.4111V13.3257C66.4678 13.3447 66.6392 13.3511 66.7979 13.3511C67.439 13.3511 67.8262 13.0781 68.0293 12.3799L68.1309 12.0244L65.6299 5.12451H67.1152L68.8418 10.6343H68.9624L70.6826 5.12451H72.1299L69.5654 12.2847C68.9814 13.9287 68.2832 14.4429 66.8867 14.4429Z", fill: "black", fillOpacity: "0.7" }), a("path", { d: "M81.1088 6.63629C79.6878 6.32154 78.9672 5.76865 78.9672 4.99369C78.9672 4.19299 79.736 3.5886 80.7556 3.5886C81.8066 3.5886 82.5995 4.25285 82.5995 5.13336V5.20352H84.0518V5.13336C84.0518 3.52424 82.6405 2.30774 80.7693 2.30774C79.8676 2.30774 79.0414 2.58451 78.4433 3.08655C78.1463 3.33144 77.9077 3.63818 77.7448 3.98479C77.5818 4.33141 77.4984 4.70934 77.5005 5.09153C77.4946 5.44197 77.5675 5.78934 77.714 6.10857C77.8605 6.42779 78.0769 6.71092 78.3475 6.93752C78.8512 7.37584 79.5659 7.70024 80.4709 7.90299C81.9949 8.23898 82.7676 8.81054 82.7676 9.60094C82.7676 10.4576 81.9258 11.1032 80.813 11.1032C79.6571 11.1032 78.7854 10.3856 78.7854 9.43424V9.36408H77.3318V9.43424C77.3318 11.1167 78.8219 12.3847 80.7973 12.3847C81.7421 12.3847 82.6093 12.0983 83.2393 11.5769C83.5519 11.3237 83.8034 11.0048 83.9753 10.6433C84.1472 10.2818 84.2352 9.88702 84.2329 9.48766C84.2329 8.05875 83.1833 7.09907 81.1088 6.63629Z", fill: "black", fillOpacity: "0.7" }), a("path", { d: "M89.2394 4.68276C88.6963 4.67605 88.1596 4.79915 87.6751 5.04156C87.1905 5.28397 86.7725 5.63851 86.4566 6.07497V4.85204H85.0747V14.8479H86.4566V11.0356C86.7725 11.472 87.1906 11.8265 87.6751 12.0688C88.1596 12.3111 88.6963 12.434 89.2394 12.4272C91.3836 12.4272 93 10.7627 93 8.55495C93 6.34723 91.3836 4.68276 89.2394 4.68276ZM91.5608 8.84202C91.5057 9.41605 91.2512 9.95356 90.8406 10.3633C90.4299 10.773 89.8883 11.0296 89.3078 11.0896C88.5363 11.1669 87.8177 10.9461 87.2841 10.4692C86.7505 9.99222 86.4566 9.3106 86.4566 8.55495C86.4566 7.10159 87.5538 6.00546 89.0087 6.00546C89.7619 6.00546 90.4421 6.29124 90.9171 6.81002C91.407 7.34232 91.6357 8.06385 91.5608 8.84202Z", fill: "black", fillOpacity: "0.7" }), a("path", { d: "M109.95 4.85407V6.06349C109.298 5.18298 108.292 4.68286 107.153 4.68286C105.017 4.68286 103.406 6.31709 103.406 8.48426C103.406 10.6514 105.017 12.285 107.153 12.285C108.296 12.285 109.303 11.79 109.95 10.9185V11.1046C109.95 12.6101 108.993 13.5826 107.513 13.5826C106.513 13.5826 105.68 13.1494 105.284 12.424L105.264 12.3867H103.838L103.871 12.48C104.112 13.1892 104.583 13.8001 105.211 14.2179C105.841 14.6324 106.637 14.8512 107.513 14.8512C108.637 14.8512 109.594 14.4972 110.28 13.8285C110.967 13.1597 111.332 12.2194 111.332 11.1213V4.85407H109.95ZM109.175 10.3502C108.588 10.905 107.752 11.138 106.879 10.9887C106.361 10.8984 105.886 10.6475 105.523 10.2725C105.16 9.89751 104.927 9.41787 104.859 8.90328C104.736 8.03757 104.999 7.21756 105.581 6.655C106.069 6.19093 106.723 5.93643 107.401 5.94699C107.565 5.94713 107.729 5.96026 107.891 5.98625C108.946 6.15489 109.781 7.01609 109.921 8.0852C110.039 8.96507 109.766 9.78958 109.175 10.3502Z", fill: "black", fillOpacity: "0.7" }), a("path", { d: "M101.89 2.12378C101.63 2.06766 101.358 2.11486 101.133 2.25518C100.908 2.39551 100.747 2.61769 100.687 2.87371C100.626 3.12973 100.67 3.39902 100.809 3.62339C100.947 3.84775 101.17 4.00917 101.428 4.07275C101.503 4.08936 101.58 4.09778 101.657 4.09786C101.906 4.09824 102.146 4.0083 102.331 3.84518C102.517 3.68206 102.636 3.45714 102.664 3.21327C102.693 2.9694 102.63 2.72361 102.487 2.5227C102.344 2.32179 102.132 2.17981 101.89 2.12378Z", fill: "black", fillOpacity: "0.7" }), a("path", { d: "M100.967 10.934H99.7755C98.9285 10.934 98.4196 10.3644 98.4196 9.40982C98.4196 8.4791 98.8757 7.36945 99.8054 6.01778L99.8178 5.99976V5.61807L95.8571 5.06453C95.8585 4.90331 95.8162 4.74466 95.7346 4.60501C95.653 4.46536 95.5352 4.34979 95.3932 4.27027C95.0381 4.07718 94.6498 4.07717 94.3279 4.26383C94.1667 4.35799 94.035 4.4945 93.9476 4.65816C93.8602 4.82182 93.8205 5.00623 93.8328 5.19087C93.8452 5.37552 93.9092 5.55315 94.0176 5.70402C94.1261 5.85489 94.2748 5.97309 94.4472 6.04546L93.2151 12.258H94.5833L95.7196 6.35891L97.8593 6.7155C97.284 7.73439 96.9921 8.68442 96.9921 9.53919C96.9921 11.1168 97.9577 12.1498 99.5187 12.2496V12.258H102.346V4.87723H100.967V10.934Z", fill: "black", fillOpacity: "0.7" })] }), Ni = () => {
|
|
2575
|
-
const { border: e, cards: t, forceBrandedLogo: n, headers: r, index: o, marketingUrl: i, showSurveyBrand: s, slugName: d, surveyId: l, viewedCardCount: p } = B((
|
|
2582
|
+
const { border: e, cards: t, forceBrandedLogo: n, headers: r, index: o, marketingUrl: i, showSurveyBrand: s, slugName: d, surveyId: l, viewedCardCount: p } = B((x) => ({ border: x.border, cards: x.cards, forceBrandedLogo: x.forceBrandedLogo, headers: x.headers, index: x.index, marketingUrl: x.marketingUrl, showSurveyBrand: x.showSurveyBrand, slugName: x.slugName, surveyId: x.surveyId, viewedCardCount: x.viewedCardCount })), h = ee(null), c = t.filter((x) => x.type !== "uploading" && x.type !== "thanks"), u = ((x, y) => {
|
|
2576
2583
|
const T = /* @__PURE__ */ new Set(["thanks", "uploading"]);
|
|
2577
|
-
if (
|
|
2584
|
+
if (y >= x.length || y < 0 || T.has(x[y].type))
|
|
2578
2585
|
return 0;
|
|
2579
|
-
const S =
|
|
2580
|
-
if (
|
|
2586
|
+
const S = x.filter((k) => !T.has(k.type));
|
|
2587
|
+
if (y === S.length - 1)
|
|
2581
2588
|
return 1;
|
|
2582
2589
|
const w = { [S.length - 1]: 1, [-1]: 0 };
|
|
2583
|
-
for (let k = S.length - 2; k >=
|
|
2590
|
+
for (let k = S.length - 2; k >= y; k--) {
|
|
2584
2591
|
const j = S[k], P = Fo(k, j.props.routingOptions);
|
|
2585
2592
|
if (P.length === 0) {
|
|
2586
2593
|
w[k] = w[k + 1] + 1;
|
|
@@ -2588,7 +2595,7 @@ const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2588
2595
|
}
|
|
2589
2596
|
let g = 0, v = Vo(j);
|
|
2590
2597
|
if (v === null)
|
|
2591
|
-
return S.length - 1 -
|
|
2598
|
+
return S.length - 1 - y;
|
|
2592
2599
|
for (let E = 0; E < P.length && v.length !== 0; E++) {
|
|
2593
2600
|
const { comparator: I, target: O, value: C } = P[E], M = v.filter((A) => {
|
|
2594
2601
|
const H = qo({ value: A }, j.type, A), q = wr(A, j.type);
|
|
@@ -2597,14 +2604,14 @@ const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2597
2604
|
if (M.length < v.length) {
|
|
2598
2605
|
const A = parseInt(String(O), 10);
|
|
2599
2606
|
if (A !== -1 && A <= k || A >= S.length)
|
|
2600
|
-
return S.length - 1 -
|
|
2607
|
+
return S.length - 1 - y;
|
|
2601
2608
|
g = Math.max(w[A] + 1, g);
|
|
2602
2609
|
}
|
|
2603
2610
|
v = M;
|
|
2604
2611
|
}
|
|
2605
2612
|
v.length > 0 && (g = Math.max(w[k + 1] + 1, g)), w[k] = g;
|
|
2606
2613
|
}
|
|
2607
|
-
return w[
|
|
2614
|
+
return w[y];
|
|
2608
2615
|
})(t, o), m = p + 1, f = m / (m + u), b = `${i}?utm_source=survey_branding&utm_medium=website&utm_campaign=${d}&utm_content=${l}${n && "&utm_term=poweredby_pill"}`;
|
|
2609
2616
|
Q(() => {
|
|
2610
2617
|
h.current && (h.current.style.width = 100 * f + "%");
|
|
@@ -2612,10 +2619,10 @@ const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2612
2619
|
const _ = t[o].type === "thanks";
|
|
2613
2620
|
return a("footer", { className: "ul-footer " + (r["userleap-platform"] === "link" ? "ul-footer__link" : ""), children: _ && n ? a("a", { dir: "ltr", href: b, rel: "noreferrer", target: "_blank", children: a("div", { className: "thank-you-card-link", children: [a("div", { className: "sprig-box-logo", children: a(jn, { logoOnly: !0, style: { margin: "auto" } }) }), a("div", { children: a("p", { children: ["Capture insights about your own product", a(In, { style: { display: "inline-flex", marginInlineStart: "4px", verticalAlign: "middle" } })] }) })] }) }) : a(G, { children: [c.length > 1 && a("div", { id: "ul-progress-bar-container", children: a("div", { id: "ul-progress-bar-current", ref: h, style: { border: `1px solid ${e || "#000"}` } }) }), s ? a("div", { className: n ? "yellow-footer-logo" : "", style: { marginTop: "4px", marginBottom: "4px" }, children: a("a", { href: b, rel: "noreferrer", target: "_blank", children: a("div", { style: { display: "flex" }, children: [a(jn, { logoOnly: !1 }), n && a(In, { style: { display: "block", margin: "auto 0 auto 4px", transform: "rotateY(0deg) rotate(-45deg)" } })] }) }) }) : null] }) });
|
|
2614
2621
|
}, 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 = () => {
|
|
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:
|
|
2622
|
+
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: x, surveyId: y, 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];
|
|
2616
2623
|
Q(() => {
|
|
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":
|
|
2618
|
-
}, [d,
|
|
2624
|
+
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": y })));
|
|
2625
|
+
}, [d, y]), Q(() => {
|
|
2619
2626
|
const C = () => {
|
|
2620
2627
|
w.visibilityState === "visible" && (b(), w.removeEventListener("visibilitychange", C));
|
|
2621
2628
|
};
|
|
@@ -2655,35 +2662,43 @@ const ve = async ({ event: e, apiBase: t, headers: n, visitorId: r, envId: o, me
|
|
|
2655
2662
|
return;
|
|
2656
2663
|
const H = [A, A.parentElement];
|
|
2657
2664
|
for (const R of H)
|
|
2658
|
-
if (((q = R == null ? void 0 : R.tagName) == null ? void 0 : q.toLowerCase()) === "a")
|
|
2659
|
-
|
|
2660
|
-
|
|
2665
|
+
if (((q = R == null ? void 0 : R.tagName) == null ? void 0 : q.toLowerCase()) === "a") {
|
|
2666
|
+
C.preventDefault();
|
|
2667
|
+
try {
|
|
2668
|
+
const V = new URL(R.href);
|
|
2669
|
+
V.protocol !== "http:" && V.protocol !== "https:" || (M == null || M.openUrl(V.toString()));
|
|
2670
|
+
} catch (V) {
|
|
2671
|
+
console.error(V);
|
|
2672
|
+
}
|
|
2673
|
+
return;
|
|
2674
|
+
}
|
|
2675
|
+
}, ref: k, style: { "--theme": t, ...l ? { fontFamily: l.replace(";", "") } : {}, ...O ? { position: "relative" } : {} }, children: a("div", { className: "ul-app__container", children: a("div", { className: L(Z("ul-card__container", S, x)), style: { ...x !== "feedbackButton" || (f == null ? void 0 : f.desktopDisplay) === "center-modal" ? { borderColor: t } : {}, ...(f == null ? void 0 : f.desktopDisplay) === "slider" ? { margin: "0px" } : {} }, children: a("div", { className: "sprig-container", style: { minHeight: c }, children: [_ && a("div", { className: "ul-header__container", dir: "ltr", children: a("div", { className: "ul-header", children: "For development purposes only" }) }), m && a("div", { className: "ul-header__container", dir: "ltr", children: a("div", { className: "ul-header", children: "Preview Mode: Response will not be recorded." }) }), a("div", { className: L(Ko("ul-card-main-content", P)), children: (() => {
|
|
2661
2676
|
const C = { className: "ul-card", next: I, questionId: E, type: v };
|
|
2662
2677
|
switch (v) {
|
|
2663
2678
|
case "consentlegal":
|
|
2664
|
-
return
|
|
2679
|
+
return $(ei, { ...C, ...g, key: E });
|
|
2665
2680
|
case "likert":
|
|
2666
|
-
return
|
|
2681
|
+
return $(ni, { ...C, ...g, key: E });
|
|
2667
2682
|
case "matrix":
|
|
2668
|
-
return
|
|
2683
|
+
return $(si, { ...C, ...g, key: E });
|
|
2669
2684
|
case "multiplechoice":
|
|
2670
|
-
return
|
|
2685
|
+
return $(di, { ...C, ...g, key: E });
|
|
2671
2686
|
case "multipleselect":
|
|
2672
|
-
return
|
|
2687
|
+
return $(ci, { ...C, ...g, key: E });
|
|
2673
2688
|
case "nps":
|
|
2674
|
-
return
|
|
2689
|
+
return $(ui, { ...C, key: E, props: g });
|
|
2675
2690
|
case "open":
|
|
2676
|
-
return
|
|
2691
|
+
return $(pi, { ...C, ...g, key: E });
|
|
2677
2692
|
case "recordedtask":
|
|
2678
|
-
return
|
|
2693
|
+
return $(xi, { ...C, ...g, key: E });
|
|
2679
2694
|
case "texturlprompt":
|
|
2680
|
-
return
|
|
2695
|
+
return $(wi, { ...C, ...g, key: E });
|
|
2681
2696
|
case "thanks":
|
|
2682
|
-
return
|
|
2697
|
+
return $(Ci, { ...C, ...g, key: E });
|
|
2683
2698
|
case "uploading":
|
|
2684
|
-
return
|
|
2699
|
+
return $(Ri, { ...C, ...g, key: E });
|
|
2685
2700
|
case "videovoice":
|
|
2686
|
-
return
|
|
2701
|
+
return $(Di, { ...C, ...g, key: E });
|
|
2687
2702
|
default:
|
|
2688
2703
|
return null;
|
|
2689
2704
|
}
|
|
@@ -2702,7 +2717,7 @@ function Dn(e, t, n, r, o, i) {
|
|
|
2702
2717
|
if (!d)
|
|
2703
2718
|
return;
|
|
2704
2719
|
s && s(d), e.onstop = () => async function(l, p, h, c, u, m, f) {
|
|
2705
|
-
const b = B.getState().viewDocument, { "upload.callback": _, "progress.callback":
|
|
2720
|
+
const b = B.getState().viewDocument, { "upload.callback": _, "progress.callback": x } = c, y = { mediaType: h, updatedAt: (/* @__PURE__ */ new Date()).toISOString(), mediaRecordingUid: u, ...c["passthrough.data"] }, T = await (async (j, P) => {
|
|
2706
2721
|
var v;
|
|
2707
2722
|
const g = await fetch(P, { method: "POST", cache: "no-cache", headers: { "Content-Type": "application/json" }, body: JSON.stringify(j) });
|
|
2708
2723
|
if (g.ok) {
|
|
@@ -2710,7 +2725,7 @@ function Dn(e, t, n, r, o, i) {
|
|
|
2710
2725
|
return (v = E == null ? void 0 : E.upload) == null ? void 0 : v.url;
|
|
2711
2726
|
}
|
|
2712
2727
|
return null;
|
|
2713
|
-
})(
|
|
2728
|
+
})(y, l);
|
|
2714
2729
|
if (!T)
|
|
2715
2730
|
return void (_ && _(null, { message: "failed to get upload url" }));
|
|
2716
2731
|
const S = new Blob(f, { type: Zr() });
|
|
@@ -2720,7 +2735,7 @@ function Dn(e, t, n, r, o, i) {
|
|
|
2720
2735
|
k.on("error", (j) => {
|
|
2721
2736
|
_ && _(null, j);
|
|
2722
2737
|
}), k.on("progress", (j) => {
|
|
2723
|
-
|
|
2738
|
+
x && x(u, j);
|
|
2724
2739
|
}), k.on("success", () => {
|
|
2725
2740
|
_ && _(u, !0);
|
|
2726
2741
|
});
|
|
@@ -2815,27 +2830,27 @@ const Oi = ({ mode: e = null, viewWindow: t, viewDocument: n, trackPageViewUrl:
|
|
|
2815
2830
|
}
|
|
2816
2831
|
return { mode: e, sw: t.screen.width, sh: t.screen.height, cw: o.clientWidth, ch: o.clientHeight, p: r ?? i, l: t.navigator.language };
|
|
2817
2832
|
}, Ai = { configure: function(e, t = !0) {
|
|
2818
|
-
var
|
|
2819
|
-
const { answers: n, apiURL: r, endCard: o, eventEmitFn: i, fontFamilyURL: s, frame: d, previewKey: l, viewDocument: p, viewWindow: h } = e, c = We(e.headers) ? e.frame : p.body, u = e.UpChunk || window.UpChunk, m = Be, f = ((
|
|
2820
|
-
const S = [...
|
|
2821
|
-
return
|
|
2833
|
+
var x;
|
|
2834
|
+
const { answers: n, apiURL: r, endCard: o, eventEmitFn: i, fontFamilyURL: s, frame: d, previewKey: l, viewDocument: p, viewWindow: h } = e, c = We(e.headers) ? e.frame : p.body, u = e.UpChunk || window.UpChunk, m = Be, f = ((y, T) => {
|
|
2835
|
+
const S = [...y], w = /* @__PURE__ */ new Set(["videovoice", "recordedtask"]);
|
|
2836
|
+
return y.some((k) => w.has(k.type)) && S.push({ name: -2, props: { routingOptions: [] }, type: "uploading" }), T && S.push({ name: -1, props: { routingOptions: [] }, type: "thanks" }), S;
|
|
2822
2837
|
})(e.cards, !!o);
|
|
2823
2838
|
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 });
|
|
2824
2839
|
const { head: b } = p;
|
|
2825
2840
|
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) {
|
|
2826
|
-
const
|
|
2827
|
-
|
|
2841
|
+
const y = p.createElement("link");
|
|
2842
|
+
y.rel = "stylesheet", y.href = s, b.appendChild(y);
|
|
2828
2843
|
}
|
|
2829
|
-
if (!u && e.cards.some((
|
|
2830
|
-
const
|
|
2831
|
-
|
|
2844
|
+
if (!u && e.cards.some((y) => y.type === "recordedtask")) {
|
|
2845
|
+
const y = p.createElement("script");
|
|
2846
|
+
y.src = e.upchunkLibraryURL ?? "https://cdn.sprig.com/userleap-web-upchunk-v2.2.2.js", y.onload = () => {
|
|
2832
2847
|
Fe.setUpChunk(h.UpChunk);
|
|
2833
|
-
},
|
|
2848
|
+
}, y.onerror = () => {
|
|
2834
2849
|
console.warn("[Sprig] - recording functionality not configured due to UpChunk library load failure");
|
|
2835
|
-
}, b.appendChild(
|
|
2850
|
+
}, b.appendChild(y);
|
|
2836
2851
|
}
|
|
2837
|
-
const _ = i || ((
|
|
2838
|
-
_ == null || _("verify.view.version", { "view.version": "2.32.
|
|
2852
|
+
const _ = i || ((x = d.eventEmitter) == null ? void 0 : x.emit);
|
|
2853
|
+
_ == null || _("verify.view.version", { "view.version": "2.32.10" }), c && t && Ie(a(Mi, {}), c);
|
|
2839
2854
|
} };
|
|
2840
2855
|
export {
|
|
2841
2856
|
Ai as default
|