@apolitical/component-library 1.16.0-4186.49 → 1.16.0
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/discussion/feeds/activities-feed/cache/hooks/like/like.hook.d.ts +1 -1
- package/discussion/feeds/activities-feed/cache/index.d.ts +1 -0
- package/discussion/feeds/activities-feed/cache/interfaces/cache.interface.d.ts +2 -1
- package/discussion/feeds/activities-feed/cache/mocks/cache.mock.d.ts +4 -4
- package/discussion/feeds/activities-feed/cache/mocks/context.mock.d.ts +3 -3
- package/index.js +10 -10
- package/index.mjs +640 -642
- package/package.json +1 -1
- package/style.css +1 -1
package/index.mjs
CHANGED
|
@@ -4,19 +4,19 @@ import ys from "lodash.set";
|
|
|
4
4
|
import { useIntl as C, IntlProvider as Es, createIntl as Ss, FormattedMessage as Pe } from "react-intl";
|
|
5
5
|
import He from "truncate";
|
|
6
6
|
import vt from "markdown-to-jsx";
|
|
7
|
-
import { QueryClient as $s, QueryClientProvider as Ts, useMutation as ne, useQueryClient as wt, useQuery as
|
|
7
|
+
import { QueryClient as $s, QueryClientProvider as Ts, useMutation as ne, useQueryClient as wt, useQuery as Pn } from "@tanstack/react-query";
|
|
8
8
|
import { ReactQueryDevtools as Ms } from "@tanstack/react-query-devtools";
|
|
9
9
|
import dt from "posthog-js";
|
|
10
10
|
import { CookiesProvider as Cs, useCookies as Ns } from "react-cookie";
|
|
11
11
|
import { ReactMultiEmail as Ds } from "react-multi-email";
|
|
12
|
-
import
|
|
12
|
+
import Rn from "lodash.get";
|
|
13
13
|
import { ErrorBoundary as Ps } from "react-error-boundary";
|
|
14
14
|
import Rs from "react-textarea-autosize";
|
|
15
15
|
import As from "lodash.isequal";
|
|
16
16
|
function Fs(e) {
|
|
17
17
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
18
18
|
}
|
|
19
|
-
var
|
|
19
|
+
var An = { exports: {} };
|
|
20
20
|
/*!
|
|
21
21
|
Copyright (c) 2018 Jed Watson.
|
|
22
22
|
Licensed under the MIT License (MIT), see
|
|
@@ -27,23 +27,23 @@ var Rn = { exports: {} };
|
|
|
27
27
|
var t = {}.hasOwnProperty;
|
|
28
28
|
function n() {
|
|
29
29
|
for (var r = [], o = 0; o < arguments.length; o++) {
|
|
30
|
-
var
|
|
31
|
-
if (
|
|
32
|
-
var l = typeof
|
|
30
|
+
var i = arguments[o];
|
|
31
|
+
if (i) {
|
|
32
|
+
var l = typeof i;
|
|
33
33
|
if (l === "string" || l === "number")
|
|
34
|
-
r.push(
|
|
35
|
-
else if (Array.isArray(
|
|
36
|
-
if (
|
|
37
|
-
var a = n.apply(null,
|
|
34
|
+
r.push(i);
|
|
35
|
+
else if (Array.isArray(i)) {
|
|
36
|
+
if (i.length) {
|
|
37
|
+
var a = n.apply(null, i);
|
|
38
38
|
a && r.push(a);
|
|
39
39
|
}
|
|
40
40
|
} else if (l === "object") {
|
|
41
|
-
if (
|
|
42
|
-
r.push(
|
|
41
|
+
if (i.toString !== Object.prototype.toString && !i.toString.toString().includes("[native code]")) {
|
|
42
|
+
r.push(i.toString());
|
|
43
43
|
continue;
|
|
44
44
|
}
|
|
45
|
-
for (var u in
|
|
46
|
-
t.call(
|
|
45
|
+
for (var u in i)
|
|
46
|
+
t.call(i, u) && i[u] && r.push(u);
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
}
|
|
@@ -51,9 +51,9 @@ var Rn = { exports: {} };
|
|
|
51
51
|
}
|
|
52
52
|
e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
|
|
53
53
|
})();
|
|
54
|
-
})(
|
|
55
|
-
var Ls =
|
|
56
|
-
const E = /* @__PURE__ */ Fs(Ls), Is = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => D.createElement(e, { ...r, className: E("hidden", { "show-on-focus": t }), children: n }), ue = We(Is), Os = ({ element: e = "span", children: t = null, ...n }) => D.createElement(e, { ...n, "aria-hidden": !0 }, t),
|
|
54
|
+
})(An);
|
|
55
|
+
var Ls = An.exports;
|
|
56
|
+
const E = /* @__PURE__ */ Fs(Ls), Is = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => D.createElement(e, { ...r, className: E("hidden", { "show-on-focus": t }), children: n }), ue = We(Is), Os = ({ element: e = "span", children: t = null, ...n }) => D.createElement(e, { ...n, "aria-hidden": !0 }, t), Fn = We(Os);
|
|
57
57
|
var Gt = { exports: {} }, Ye = {};
|
|
58
58
|
/**
|
|
59
59
|
* @license React
|
|
@@ -64,17 +64,17 @@ var Gt = { exports: {} }, Ye = {};
|
|
|
64
64
|
* This source code is licensed under the MIT license found in the
|
|
65
65
|
* LICENSE file in the root directory of this source tree.
|
|
66
66
|
*/
|
|
67
|
-
var
|
|
67
|
+
var _n;
|
|
68
68
|
function Bs() {
|
|
69
|
-
if (
|
|
69
|
+
if (_n)
|
|
70
70
|
return Ye;
|
|
71
|
-
|
|
72
|
-
var e = D, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
|
|
73
|
-
function l(a, u,
|
|
71
|
+
_n = 1;
|
|
72
|
+
var e = D, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
73
|
+
function l(a, u, c) {
|
|
74
74
|
var m, d = {}, p = null, h = null;
|
|
75
|
-
|
|
75
|
+
c !== void 0 && (p = "" + c), u.key !== void 0 && (p = "" + u.key), u.ref !== void 0 && (h = u.ref);
|
|
76
76
|
for (m in u)
|
|
77
|
-
r.call(u, m) && !
|
|
77
|
+
r.call(u, m) && !i.hasOwnProperty(m) && (d[m] = u[m]);
|
|
78
78
|
if (a && a.defaultProps)
|
|
79
79
|
for (m in u = a.defaultProps, u)
|
|
80
80
|
d[m] === void 0 && (d[m] = u[m]);
|
|
@@ -92,10 +92,10 @@ var Ge = {};
|
|
|
92
92
|
* This source code is licensed under the MIT license found in the
|
|
93
93
|
* LICENSE file in the root directory of this source tree.
|
|
94
94
|
*/
|
|
95
|
-
var
|
|
95
|
+
var xn;
|
|
96
96
|
function Hs() {
|
|
97
|
-
return
|
|
98
|
-
var e = D, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"),
|
|
97
|
+
return xn || (xn = 1, process.env.NODE_ENV !== "production" && function() {
|
|
98
|
+
var e = D, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), a = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), g = Symbol.iterator, v = "@@iterator";
|
|
99
99
|
function _(f) {
|
|
100
100
|
if (f === null || typeof f != "object")
|
|
101
101
|
return null;
|
|
@@ -123,7 +123,7 @@ function Hs() {
|
|
|
123
123
|
var $ = !1, M = !1, A = !1, N = !1, O = !1, Q;
|
|
124
124
|
Q = Symbol.for("react.module.reference");
|
|
125
125
|
function F(f) {
|
|
126
|
-
return !!(typeof f == "string" || typeof f == "function" || f === r || f ===
|
|
126
|
+
return !!(typeof f == "string" || typeof f == "function" || f === r || f === i || O || f === o || f === c || f === m || N || f === h || $ || M || A || typeof f == "object" && f !== null && (f.$$typeof === p || f.$$typeof === d || f.$$typeof === l || f.$$typeof === a || f.$$typeof === u || // This needs to include all possible module reference object
|
|
127
127
|
// types supported by any Flight configuration anywhere since
|
|
128
128
|
// we don't know which Flight build this will end up being used
|
|
129
129
|
// with.
|
|
@@ -151,11 +151,11 @@ function Hs() {
|
|
|
151
151
|
return "Fragment";
|
|
152
152
|
case n:
|
|
153
153
|
return "Portal";
|
|
154
|
-
case
|
|
154
|
+
case i:
|
|
155
155
|
return "Profiler";
|
|
156
156
|
case o:
|
|
157
157
|
return "StrictMode";
|
|
158
|
-
case
|
|
158
|
+
case c:
|
|
159
159
|
return "Suspense";
|
|
160
160
|
case m:
|
|
161
161
|
return "SuspenseList";
|
|
@@ -333,8 +333,8 @@ function Hs() {
|
|
|
333
333
|
} finally {
|
|
334
334
|
je = !1, me.current = z, _e(), Error.prepareStackTrace = H;
|
|
335
335
|
}
|
|
336
|
-
var Oe = f ? f.displayName || f.name : "",
|
|
337
|
-
return typeof f == "function" && be.set(f,
|
|
336
|
+
var Oe = f ? f.displayName || f.name : "", gn = Oe ? xe(Oe) : "";
|
|
337
|
+
return typeof f == "function" && be.set(f, gn), gn;
|
|
338
338
|
}
|
|
339
339
|
function fe(f, j, S) {
|
|
340
340
|
return re(f, !1);
|
|
@@ -351,7 +351,7 @@ function Hs() {
|
|
|
351
351
|
if (typeof f == "string")
|
|
352
352
|
return xe(f);
|
|
353
353
|
switch (f) {
|
|
354
|
-
case
|
|
354
|
+
case c:
|
|
355
355
|
return xe("Suspense");
|
|
356
356
|
case m:
|
|
357
357
|
return xe("SuspenseList");
|
|
@@ -419,7 +419,7 @@ function Hs() {
|
|
|
419
419
|
function nt(f) {
|
|
420
420
|
return "" + f;
|
|
421
421
|
}
|
|
422
|
-
function
|
|
422
|
+
function on(f) {
|
|
423
423
|
if (tt(f))
|
|
424
424
|
return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Le(f)), nt(f);
|
|
425
425
|
}
|
|
@@ -428,7 +428,7 @@ function Hs() {
|
|
|
428
428
|
ref: !0,
|
|
429
429
|
__self: !0,
|
|
430
430
|
__source: !0
|
|
431
|
-
},
|
|
431
|
+
}, cn, ln, Tt;
|
|
432
432
|
Tt = {};
|
|
433
433
|
function os(f) {
|
|
434
434
|
if (ve.call(f, "ref")) {
|
|
@@ -455,7 +455,7 @@ function Hs() {
|
|
|
455
455
|
function ls(f, j) {
|
|
456
456
|
{
|
|
457
457
|
var S = function() {
|
|
458
|
-
|
|
458
|
+
cn || (cn = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", j));
|
|
459
459
|
};
|
|
460
460
|
S.isReactWarning = !0, Object.defineProperty(f, "key", {
|
|
461
461
|
get: S,
|
|
@@ -466,7 +466,7 @@ function Hs() {
|
|
|
466
466
|
function ds(f, j) {
|
|
467
467
|
{
|
|
468
468
|
var S = function() {
|
|
469
|
-
|
|
469
|
+
ln || (ln = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", j));
|
|
470
470
|
};
|
|
471
471
|
S.isReactWarning = !0, Object.defineProperty(f, "ref", {
|
|
472
472
|
get: S,
|
|
@@ -506,7 +506,7 @@ function Hs() {
|
|
|
506
506
|
function ms(f, j, S, T, H) {
|
|
507
507
|
{
|
|
508
508
|
var z, I = {}, P = null, he = null;
|
|
509
|
-
S !== void 0 && (
|
|
509
|
+
S !== void 0 && (on(S), P = "" + S), is(j) && (on(j.key), P = "" + j.key), os(j) && (he = j.ref, cs(j, H));
|
|
510
510
|
for (z in j)
|
|
511
511
|
ve.call(j, z) && !as.hasOwnProperty(z) && (I[z] = j[z]);
|
|
512
512
|
if (f && f.defaultProps) {
|
|
@@ -521,20 +521,20 @@ function Hs() {
|
|
|
521
521
|
return us(f, P, he, H, T, Ve.current, I);
|
|
522
522
|
}
|
|
523
523
|
}
|
|
524
|
-
var Mt = y.ReactCurrentOwner,
|
|
524
|
+
var Mt = y.ReactCurrentOwner, dn = y.ReactDebugCurrentFrame;
|
|
525
525
|
function Ie(f) {
|
|
526
526
|
if (f) {
|
|
527
527
|
var j = f._owner, S = oe(f.type, f._source, j ? j.type : null);
|
|
528
|
-
|
|
528
|
+
dn.setExtraStackFrame(S);
|
|
529
529
|
} else
|
|
530
|
-
|
|
530
|
+
dn.setExtraStackFrame(null);
|
|
531
531
|
}
|
|
532
532
|
var Ct;
|
|
533
533
|
Ct = !1;
|
|
534
534
|
function Nt(f) {
|
|
535
535
|
return typeof f == "object" && f !== null && f.$$typeof === t;
|
|
536
536
|
}
|
|
537
|
-
function
|
|
537
|
+
function un() {
|
|
538
538
|
{
|
|
539
539
|
if (Mt.current) {
|
|
540
540
|
var f = k(Mt.current.type);
|
|
@@ -557,10 +557,10 @@ Check your code at ` + j + ":" + S + ".";
|
|
|
557
557
|
return "";
|
|
558
558
|
}
|
|
559
559
|
}
|
|
560
|
-
var
|
|
560
|
+
var mn = {};
|
|
561
561
|
function hs(f) {
|
|
562
562
|
{
|
|
563
|
-
var j =
|
|
563
|
+
var j = un();
|
|
564
564
|
if (!j) {
|
|
565
565
|
var S = typeof f == "string" ? f : f.displayName || f.name;
|
|
566
566
|
S && (j = `
|
|
@@ -570,27 +570,27 @@ Check the top-level render call using <` + S + ">.");
|
|
|
570
570
|
return j;
|
|
571
571
|
}
|
|
572
572
|
}
|
|
573
|
-
function
|
|
573
|
+
function fn(f, j) {
|
|
574
574
|
{
|
|
575
575
|
if (!f._store || f._store.validated || f.key != null)
|
|
576
576
|
return;
|
|
577
577
|
f._store.validated = !0;
|
|
578
578
|
var S = hs(j);
|
|
579
|
-
if (
|
|
579
|
+
if (mn[S])
|
|
580
580
|
return;
|
|
581
|
-
|
|
581
|
+
mn[S] = !0;
|
|
582
582
|
var T = "";
|
|
583
583
|
f && f._owner && f._owner !== Mt.current && (T = " It was passed a child from " + k(f._owner.type) + "."), Ie(f), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', S, T), Ie(null);
|
|
584
584
|
}
|
|
585
585
|
}
|
|
586
|
-
function
|
|
586
|
+
function hn(f, j) {
|
|
587
587
|
{
|
|
588
588
|
if (typeof f != "object")
|
|
589
589
|
return;
|
|
590
590
|
if (Ee(f))
|
|
591
591
|
for (var S = 0; S < f.length; S++) {
|
|
592
592
|
var T = f[S];
|
|
593
|
-
Nt(T) &&
|
|
593
|
+
Nt(T) && fn(T, j);
|
|
594
594
|
}
|
|
595
595
|
else if (Nt(f))
|
|
596
596
|
f._store && (f._store.validated = !0);
|
|
@@ -598,7 +598,7 @@ Check the top-level render call using <` + S + ">.");
|
|
|
598
598
|
var H = _(f);
|
|
599
599
|
if (typeof H == "function" && H !== f.entries)
|
|
600
600
|
for (var z = H.call(f), I; !(I = z.next()).done; )
|
|
601
|
-
Nt(I.value) &&
|
|
601
|
+
Nt(I.value) && fn(I.value, j);
|
|
602
602
|
}
|
|
603
603
|
}
|
|
604
604
|
}
|
|
@@ -639,14 +639,14 @@ Check the top-level render call using <` + S + ">.");
|
|
|
639
639
|
f.ref !== null && (Ie(f), w("Invalid attribute `ref` supplied to `React.Fragment`."), Ie(null));
|
|
640
640
|
}
|
|
641
641
|
}
|
|
642
|
-
function
|
|
642
|
+
function pn(f, j, S, T, H, z) {
|
|
643
643
|
{
|
|
644
644
|
var I = F(f);
|
|
645
645
|
if (!I) {
|
|
646
646
|
var P = "";
|
|
647
647
|
(f === void 0 || typeof f == "object" && f !== null && Object.keys(f).length === 0) && (P += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
648
648
|
var he = fs(H);
|
|
649
|
-
he ? P += he : P +=
|
|
649
|
+
he ? P += he : P += un();
|
|
650
650
|
var X;
|
|
651
651
|
f === null ? X = "null" : Ee(f) ? X = "array" : f !== void 0 && f.$$typeof === t ? (X = "<" + (k(f.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : X = typeof f, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", X, P);
|
|
652
652
|
}
|
|
@@ -659,21 +659,21 @@ Check the top-level render call using <` + S + ">.");
|
|
|
659
659
|
if (T)
|
|
660
660
|
if (Ee(ye)) {
|
|
661
661
|
for (var Oe = 0; Oe < ye.length; Oe++)
|
|
662
|
-
|
|
662
|
+
hn(ye[Oe], f);
|
|
663
663
|
Object.freeze && Object.freeze(ye);
|
|
664
664
|
} else
|
|
665
665
|
w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
666
666
|
else
|
|
667
|
-
|
|
667
|
+
hn(ye, f);
|
|
668
668
|
}
|
|
669
669
|
return f === r ? gs(te) : ps(te), te;
|
|
670
670
|
}
|
|
671
671
|
}
|
|
672
672
|
function _s(f, j, S) {
|
|
673
|
-
return
|
|
673
|
+
return pn(f, j, S, !0);
|
|
674
674
|
}
|
|
675
675
|
function xs(f, j, S) {
|
|
676
|
-
return
|
|
676
|
+
return pn(f, j, S, !1);
|
|
677
677
|
}
|
|
678
678
|
var bs = xs, vs = _s;
|
|
679
679
|
Ge.Fragment = r, Ge.jsx = bs, Ge.jsxs = vs;
|
|
@@ -696,7 +696,7 @@ const Qs = () => {
|
|
|
696
696
|
}, t);
|
|
697
697
|
};
|
|
698
698
|
function Us(e, t, n) {
|
|
699
|
-
var r = this, o = ae(null),
|
|
699
|
+
var r = this, o = ae(null), i = ae(0), l = ae(null), a = ae([]), u = ae(), c = ae(), m = ae(e), d = ae(!0);
|
|
700
700
|
m.current = e;
|
|
701
701
|
var p = typeof window < "u", h = !t && t !== 0 && p;
|
|
702
702
|
if (typeof e != "function")
|
|
@@ -711,22 +711,22 @@ function Us(e, t, n) {
|
|
|
711
711
|
var x = bt(function() {
|
|
712
712
|
var $ = function(F) {
|
|
713
713
|
var b = a.current, V = u.current;
|
|
714
|
-
return a.current = u.current = null,
|
|
714
|
+
return a.current = u.current = null, i.current = F, c.current = m.current.apply(V, b);
|
|
715
715
|
}, M = function(F, b) {
|
|
716
716
|
h && cancelAnimationFrame(l.current), l.current = h ? requestAnimationFrame(F) : setTimeout(F, b);
|
|
717
717
|
}, A = function(F) {
|
|
718
718
|
if (!d.current)
|
|
719
719
|
return !1;
|
|
720
720
|
var b = F - o.current;
|
|
721
|
-
return !o.current || b >= t || b < 0 || _ && F -
|
|
721
|
+
return !o.current || b >= t || b < 0 || _ && F - i.current >= w;
|
|
722
722
|
}, N = function(F) {
|
|
723
|
-
return l.current = null, v && a.current ? $(F) : (a.current = u.current = null,
|
|
723
|
+
return l.current = null, v && a.current ? $(F) : (a.current = u.current = null, c.current);
|
|
724
724
|
}, O = function F() {
|
|
725
725
|
var b = Date.now();
|
|
726
726
|
if (A(b))
|
|
727
727
|
return N(b);
|
|
728
728
|
if (d.current) {
|
|
729
|
-
var V = t - (b - o.current), k = _ ? Math.min(V, w - (b -
|
|
729
|
+
var V = t - (b - o.current), k = _ ? Math.min(V, w - (b - i.current)) : V;
|
|
730
730
|
M(F, k);
|
|
731
731
|
}
|
|
732
732
|
}, Q = function() {
|
|
@@ -734,26 +734,26 @@ function Us(e, t, n) {
|
|
|
734
734
|
var F = Date.now(), b = A(F);
|
|
735
735
|
if (a.current = [].slice.call(arguments), u.current = r, o.current = F, b) {
|
|
736
736
|
if (!l.current && d.current)
|
|
737
|
-
return
|
|
737
|
+
return i.current = o.current, M(O, t), g ? $(o.current) : c.current;
|
|
738
738
|
if (_)
|
|
739
739
|
return M(O, t), $(o.current);
|
|
740
740
|
}
|
|
741
|
-
return l.current || M(O, t),
|
|
741
|
+
return l.current || M(O, t), c.current;
|
|
742
742
|
}
|
|
743
743
|
};
|
|
744
744
|
return Q.cancel = function() {
|
|
745
|
-
l.current && (h ? cancelAnimationFrame(l.current) : clearTimeout(l.current)),
|
|
745
|
+
l.current && (h ? cancelAnimationFrame(l.current) : clearTimeout(l.current)), i.current = 0, a.current = o.current = u.current = l.current = null;
|
|
746
746
|
}, Q.isPending = function() {
|
|
747
747
|
return !!l.current;
|
|
748
748
|
}, Q.flush = function() {
|
|
749
|
-
return l.current ? N(Date.now()) :
|
|
749
|
+
return l.current ? N(Date.now()) : c.current;
|
|
750
750
|
}, Q;
|
|
751
751
|
}, [g, _, t, w, v, h, p, y]);
|
|
752
752
|
return x;
|
|
753
753
|
}
|
|
754
|
-
function
|
|
755
|
-
var r = n === void 0 ? {} : n, o = r.leading,
|
|
756
|
-
return Us(e, t, { maxWait: t, leading: o === void 0 || o, trailing:
|
|
754
|
+
function Ln(e, t, n) {
|
|
755
|
+
var r = n === void 0 ? {} : n, o = r.leading, i = r.trailing;
|
|
756
|
+
return Us(e, t, { maxWait: t, leading: o === void 0 || o, trailing: i === void 0 || i });
|
|
757
757
|
}
|
|
758
758
|
let Dt;
|
|
759
759
|
const kt = (e = !0, t = !1, n = "window") => {
|
|
@@ -769,7 +769,7 @@ const kt = (e = !0, t = !1, n = "window") => {
|
|
|
769
769
|
return n === "window" ? window.innerWidth : n.offsetWidth;
|
|
770
770
|
}, a = () => {
|
|
771
771
|
o(l());
|
|
772
|
-
}, u =
|
|
772
|
+
}, u = Ln(
|
|
773
773
|
() => {
|
|
774
774
|
l() !== r && (t && (clearTimeout(Dt), document.body.classList.add("is-resizing"), Dt = setTimeout(() => {
|
|
775
775
|
document.body.classList.remove("is-resizing");
|
|
@@ -790,20 +790,20 @@ const kt = (e = !0, t = !1, n = "window") => {
|
|
|
790
790
|
}) => {
|
|
791
791
|
if (!window)
|
|
792
792
|
return;
|
|
793
|
-
const [o,
|
|
793
|
+
const [o, i] = D.useState({ current: 0, past: 0 }) || [!1, () => {
|
|
794
794
|
}], [l, a] = D.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
|
|
795
795
|
}];
|
|
796
|
-
G(() => (u(), window.addEventListener("scroll",
|
|
797
|
-
|
|
796
|
+
G(() => (u(), window.addEventListener("scroll", c), () => {
|
|
797
|
+
c.flush(), window.removeEventListener("scroll", c);
|
|
798
798
|
}), []);
|
|
799
799
|
const u = () => {
|
|
800
800
|
const m = window.scrollY, d = o.current, p = m - d, h = p > 0 ? "down" : "up";
|
|
801
|
-
if (
|
|
801
|
+
if (i({ current: m, past: d }), h === "down") {
|
|
802
802
|
m >= e + t.down && !l.scrollDown && (!l.scrollUp || p > t.up) && (n(), a({ scrollUp: !1, scrollDown: !0 }));
|
|
803
803
|
return;
|
|
804
804
|
}
|
|
805
805
|
Math.abs(p) >= t.up && !l.scrollUp && (r(), a({ scrollUp: !0, scrollDown: !1 }));
|
|
806
|
-
},
|
|
806
|
+
}, c = Ln(() => {
|
|
807
807
|
u();
|
|
808
808
|
}, 250);
|
|
809
809
|
return o;
|
|
@@ -818,43 +818,43 @@ const kt = (e = !0, t = !1, n = "window") => {
|
|
|
818
818
|
r && (r.scrollIntoView(t ? { behavior: "smooth" } : null), n.current = !0);
|
|
819
819
|
}
|
|
820
820
|
}, e);
|
|
821
|
-
},
|
|
821
|
+
}, In = (e) => {
|
|
822
822
|
const t = [];
|
|
823
823
|
return e.forEach((n) => {
|
|
824
824
|
const r = parseInt(n);
|
|
825
825
|
isNaN(r) || t.push(r);
|
|
826
826
|
}), t.sort((n, r) => n - r);
|
|
827
|
-
},
|
|
827
|
+
}, On = (e, t, n) => {
|
|
828
828
|
let r = n.mobile;
|
|
829
829
|
for (const o in t) {
|
|
830
|
-
const
|
|
831
|
-
if (e >=
|
|
832
|
-
r = n[
|
|
833
|
-
else if (e <
|
|
830
|
+
const i = parseInt(String(t[o]));
|
|
831
|
+
if (e >= i)
|
|
832
|
+
r = n[i];
|
|
833
|
+
else if (e < i)
|
|
834
834
|
break;
|
|
835
835
|
}
|
|
836
836
|
return r;
|
|
837
|
-
}, Vs = (e) => e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`), Ys = (e, t = "en") => new Date(e).toLocaleString(t, { day: "numeric", month: "short" }),
|
|
837
|
+
}, Vs = (e) => e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`), Ys = (e, t = "en") => new Date(e).toLocaleString(t, { day: "numeric", month: "short" }), Bn = (e, t = "en") => new Date(e).toLocaleString(t, {
|
|
838
838
|
weekday: "long",
|
|
839
839
|
day: "numeric",
|
|
840
840
|
month: "short",
|
|
841
841
|
year: "numeric"
|
|
842
842
|
}), Jt = (e) => {
|
|
843
|
-
let
|
|
844
|
-
const l =
|
|
843
|
+
let i;
|
|
844
|
+
const l = bn(), a = bn(new Date(e));
|
|
845
845
|
try {
|
|
846
|
-
|
|
846
|
+
i = l.getTime() - a.getTime();
|
|
847
847
|
} catch {
|
|
848
848
|
return "";
|
|
849
849
|
}
|
|
850
|
-
const u =
|
|
851
|
-
if (
|
|
850
|
+
const u = i / 36e5, c = Math.floor(i / 864e5);
|
|
851
|
+
if (c < 1)
|
|
852
852
|
return u < 1 ? { path: "now" } : { path: "hours", number: Math.floor(u) };
|
|
853
|
-
if (
|
|
854
|
-
return { path: "days", number:
|
|
855
|
-
const m = Math.floor(
|
|
856
|
-
return m <= 52 ? { path: "weeks", number: m } : { path: "years", number: Math.floor(
|
|
857
|
-
},
|
|
853
|
+
if (c < 7)
|
|
854
|
+
return { path: "days", number: c };
|
|
855
|
+
const m = Math.floor(c / 7);
|
|
856
|
+
return m <= 52 ? { path: "weeks", number: m } : { path: "years", number: Math.floor(c / 365) };
|
|
857
|
+
}, bn = (e) => {
|
|
858
858
|
const n = (e || /* @__PURE__ */ new Date()).toUTCString();
|
|
859
859
|
return new Date(n);
|
|
860
860
|
}, en = {
|
|
@@ -1199,9 +1199,9 @@ Thank you for helping to protect the Apolitical community from abusive content.`
|
|
|
1199
1199
|
es: Gs,
|
|
1200
1200
|
fr: Js,
|
|
1201
1201
|
pt: qs
|
|
1202
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
1203
|
-
let
|
|
1204
|
-
return
|
|
1202
|
+
}, Symbol.toStringTag, { value: "Module" })), Hn = (e) => e in en, $e = (e, t, n, r, o = {}) => {
|
|
1203
|
+
let i = "";
|
|
1204
|
+
return Hn(`${t}_${n}`) ? i = e({ id: `${t}_${n}` }, o) : i = e({ id: t }, { [r]: n, ...o }), i;
|
|
1205
1205
|
}, Zs = (e, t, n) => {
|
|
1206
1206
|
if (!e || e === 0)
|
|
1207
1207
|
return "0";
|
|
@@ -1209,9 +1209,9 @@ Thank you for helping to protect the Apolitical community from abusive content.`
|
|
|
1209
1209
|
let r = e.toString();
|
|
1210
1210
|
t = Math.pow(10, t);
|
|
1211
1211
|
for (let o = n.length - 1; o >= 0; o--) {
|
|
1212
|
-
const
|
|
1213
|
-
if (
|
|
1214
|
-
e = Math.round(e * t /
|
|
1212
|
+
const i = Math.pow(10, (o + 1) * 3);
|
|
1213
|
+
if (i <= e) {
|
|
1214
|
+
e = Math.round(e * t / i) / t, e === 1e3 && o < n.length - 1 && (e = 1, o++), r = `${e}${n[o]}`;
|
|
1215
1215
|
break;
|
|
1216
1216
|
}
|
|
1217
1217
|
}
|
|
@@ -1235,18 +1235,18 @@ Thank you for helping to protect the Apolitical community from abusive content.`
|
|
|
1235
1235
|
styling: n = { muted: !1, fullWidth: !1 },
|
|
1236
1236
|
icon: r = !1,
|
|
1237
1237
|
href: o = !1,
|
|
1238
|
-
element:
|
|
1238
|
+
element: i = "button",
|
|
1239
1239
|
onClick: l = !1,
|
|
1240
1240
|
className: a = "",
|
|
1241
1241
|
disabled: u = !1,
|
|
1242
|
-
screenreaderText:
|
|
1242
|
+
screenreaderText: c = !1,
|
|
1243
1243
|
children: m = !1,
|
|
1244
1244
|
...d
|
|
1245
1245
|
}) => {
|
|
1246
1246
|
const h = kt(typeof t == "object");
|
|
1247
1247
|
if (typeof t == "object" && typeof h == "number") {
|
|
1248
|
-
const _ = Object.assign({}, t), y =
|
|
1249
|
-
t =
|
|
1248
|
+
const _ = Object.assign({}, t), y = In(Object.keys(_));
|
|
1249
|
+
t = On(h, y, _);
|
|
1250
1250
|
}
|
|
1251
1251
|
const g = [];
|
|
1252
1252
|
typeof t == "string" && g.push(t), r && (g.push("icon"), typeof r == "object" ? (g.push(r.icon), r.position ? g.push(r.position) : g.push("left"), r.hover && g.push(`hover_${r.hover}`), r.animate && (g.push("animate"), typeof r.animate == "string" && g.push(r.animate))) : (g.push(r), !r.includes("right") && !r.includes("left") && g.push("left"))), n.muted && g.push("muted"), n.fullWidth && g.push("full-width");
|
|
@@ -1262,13 +1262,13 @@ Thank you for helping to protect the Apolitical community from abusive content.`
|
|
|
1262
1262
|
},
|
|
1263
1263
|
disabled: typeof u == "object" && "isClickable" in u ? !u.isClickable : u
|
|
1264
1264
|
};
|
|
1265
|
-
return o && (
|
|
1266
|
-
|
|
1265
|
+
return o && (i = "a", v.href = o), D.createElement(
|
|
1266
|
+
i,
|
|
1267
1267
|
v,
|
|
1268
|
-
m || (
|
|
1268
|
+
m || (c ? /* @__PURE__ */ s.jsx(ue, { showOnFocus: !1, children: c }) : null)
|
|
1269
1269
|
);
|
|
1270
1270
|
}, jt = ({ buttons: e, className: t = "", ...n }) => {
|
|
1271
|
-
const r = e.length > 1 ? "ul" : "p", o = e.map((
|
|
1271
|
+
const r = e.length > 1 ? "ul" : "p", o = e.map((i, l) => r === "p" ? /* @__PURE__ */ s.jsx(W, { ...i }, l) : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(W, { ...i }) }, l));
|
|
1272
1272
|
return D.createElement(r, { className: E("button-wrapper", t), ...n, children: o });
|
|
1273
1273
|
};
|
|
1274
1274
|
const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
|
|
@@ -1280,13 +1280,13 @@ const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
|
|
|
1280
1280
|
fallbackElement: n,
|
|
1281
1281
|
className: r = "",
|
|
1282
1282
|
onClick: o,
|
|
1283
|
-
gtmContext:
|
|
1283
|
+
gtmContext: i,
|
|
1284
1284
|
gtmType: l,
|
|
1285
1285
|
...a
|
|
1286
1286
|
}) => {
|
|
1287
1287
|
if (e) {
|
|
1288
1288
|
const u = { ...a };
|
|
1289
|
-
return o && (u.onClick = o),
|
|
1289
|
+
return o && (u.onClick = o), i && (u["data-gtm-event-context"] = i), l && (u["data-gtm-event-type"] = l), /* @__PURE__ */ s.jsx(
|
|
1290
1290
|
"a",
|
|
1291
1291
|
{
|
|
1292
1292
|
href: e,
|
|
@@ -1297,7 +1297,7 @@ const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
|
|
|
1297
1297
|
);
|
|
1298
1298
|
}
|
|
1299
1299
|
return n ? D.createElement(n, { children: t, className: r, ...a }) : t;
|
|
1300
|
-
},
|
|
1300
|
+
}, vn = {
|
|
1301
1301
|
card: {
|
|
1302
1302
|
range: [
|
|
1303
1303
|
{
|
|
@@ -1405,31 +1405,31 @@ const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
|
|
|
1405
1405
|
range: t,
|
|
1406
1406
|
sizes: n
|
|
1407
1407
|
}) => {
|
|
1408
|
-
const { range: r, sizes: o } = e ?
|
|
1408
|
+
const { range: r, sizes: o } = e ? vn[e] : vn.fallback;
|
|
1409
1409
|
return { range: t && t.length > 0 ? t : r, sizes: n || o };
|
|
1410
1410
|
}, rr = ({ format: e, height: t, query: n, width: r }) => {
|
|
1411
1411
|
let o = `w=${r}&h=${t}`;
|
|
1412
1412
|
return o = e ? `${o}&fm=${e}` : o, o = n ? `${o}&${n}` : o, o;
|
|
1413
|
-
}, Pt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: o, width:
|
|
1413
|
+
}, Pt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: o, width: i }) => `${n}?${rr({
|
|
1414
1414
|
format: e,
|
|
1415
1415
|
height: o,
|
|
1416
1416
|
query: r,
|
|
1417
|
-
width:
|
|
1418
|
-
})} ${
|
|
1419
|
-
const
|
|
1417
|
+
width: i
|
|
1418
|
+
})} ${i}w`).join(", ");
|
|
1419
|
+
const Qn = ({ image: e, className: t, testId: n }) => {
|
|
1420
1420
|
const {
|
|
1421
1421
|
description: r,
|
|
1422
1422
|
height: o,
|
|
1423
|
-
type:
|
|
1423
|
+
type: i,
|
|
1424
1424
|
query: l,
|
|
1425
1425
|
url: a,
|
|
1426
1426
|
width: u,
|
|
1427
|
-
loading:
|
|
1427
|
+
loading: c,
|
|
1428
1428
|
decoding: m,
|
|
1429
1429
|
fetchPriority: d
|
|
1430
1430
|
} = e, { range: p, sizes: h } = sr(e), g = Pt({ format: "avif", query: l, range: p, url: a }), v = Pt({ format: "webp", query: l, range: p, url: a }), _ = Pt({ format: "", query: l, range: p, url: a });
|
|
1431
1431
|
return /* @__PURE__ */ s.jsxs("picture", { className: t, children: [
|
|
1432
|
-
|
|
1432
|
+
i !== "image/gif" && /* @__PURE__ */ s.jsx(
|
|
1433
1433
|
"source",
|
|
1434
1434
|
{
|
|
1435
1435
|
type: "image/avif",
|
|
@@ -1454,7 +1454,7 @@ const Hn = ({ image: e, className: t, testId: n }) => {
|
|
|
1454
1454
|
sizes: h,
|
|
1455
1455
|
src: a,
|
|
1456
1456
|
alt: r,
|
|
1457
|
-
loading:
|
|
1457
|
+
loading: c || "lazy",
|
|
1458
1458
|
decoding: m || "async",
|
|
1459
1459
|
fetchpriority: d || "auto",
|
|
1460
1460
|
width: u,
|
|
@@ -1466,7 +1466,7 @@ const Hn = ({ image: e, className: t, testId: n }) => {
|
|
|
1466
1466
|
};
|
|
1467
1467
|
let Je = !1;
|
|
1468
1468
|
const ar = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
|
|
1469
|
-
const r = C(), o = ae(null), [
|
|
1469
|
+
const r = C(), o = ae(null), [i, l] = R("hidden");
|
|
1470
1470
|
G(() => {
|
|
1471
1471
|
const u = o.current;
|
|
1472
1472
|
if (u)
|
|
@@ -1475,7 +1475,7 @@ const ar = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
|
|
|
1475
1475
|
};
|
|
1476
1476
|
}, []);
|
|
1477
1477
|
const a = ({ propertyName: u }) => {
|
|
1478
|
-
u === "opacity" && (Je !== !1 && clearTimeout(Je), l((
|
|
1478
|
+
u === "opacity" && (Je !== !1 && clearTimeout(Je), l((c) => c === "opening" ? "open" : c === "closing" ? "closed" : c === "closed" ? "hidden" : c));
|
|
1479
1479
|
};
|
|
1480
1480
|
return Qe(() => {
|
|
1481
1481
|
Je !== !1 && clearTimeout(Je);
|
|
@@ -1483,7 +1483,7 @@ const ar = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
|
|
|
1483
1483
|
e ? l("opening") : (l("closing"), u = "hidden"), Je = setTimeout(() => {
|
|
1484
1484
|
l(u);
|
|
1485
1485
|
}, 300);
|
|
1486
|
-
}, [e]), /* @__PURE__ */ s.jsx("aside", { ref: o, className: E("tooltip text-medium",
|
|
1486
|
+
}, [e]), /* @__PURE__ */ s.jsx("aside", { ref: o, className: E("tooltip text-medium", i, { loading: t }), hidden: i === "hidden", children: t ? /* @__PURE__ */ s.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ s.jsx("p", { children: n }) : n });
|
|
1487
1487
|
};
|
|
1488
1488
|
const tn = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ s.jsx("section", { className: E("full-width-section", t), ...n, children: e });
|
|
1489
1489
|
const Ka = ({ text: e, buttons: t, className: n = "" }) => {
|
|
@@ -1519,15 +1519,15 @@ const eo = ({ title: e = !1, logos: t = [], className: n = "" }) => {
|
|
|
1519
1519
|
{
|
|
1520
1520
|
className: E({ "two-col": r === 2 || r === 4, "three-col": r === 5 || r <= 10 && r % 3 === 0 }),
|
|
1521
1521
|
children: t.map(
|
|
1522
|
-
({ logo:
|
|
1523
|
-
if (!
|
|
1522
|
+
({ logo: i, nameOfBusiness: l, link: a = !1, description: u = !1 }, c) => {
|
|
1523
|
+
if (!i || !i.url)
|
|
1524
1524
|
return null;
|
|
1525
1525
|
const m = /* @__PURE__ */ s.jsx(
|
|
1526
1526
|
"img",
|
|
1527
1527
|
{
|
|
1528
|
-
src:
|
|
1529
|
-
width:
|
|
1530
|
-
height:
|
|
1528
|
+
src: i.url,
|
|
1529
|
+
width: i.width || "auto",
|
|
1530
|
+
height: i.height || "auto",
|
|
1531
1531
|
alt: l
|
|
1532
1532
|
}
|
|
1533
1533
|
);
|
|
@@ -1542,7 +1542,7 @@ const eo = ({ title: e = !1, logos: t = [], className: n = "" }) => {
|
|
|
1542
1542
|
}
|
|
1543
1543
|
) : m }),
|
|
1544
1544
|
u && /* @__PURE__ */ s.jsx("small", { children: u })
|
|
1545
|
-
] }, window.btoa(`${
|
|
1545
|
+
] }, window.btoa(`${i.url}_${c}`));
|
|
1546
1546
|
}
|
|
1547
1547
|
)
|
|
1548
1548
|
}
|
|
@@ -1569,7 +1569,7 @@ const or = [
|
|
|
1569
1569
|
image: n,
|
|
1570
1570
|
variant: r = "default",
|
|
1571
1571
|
spacing: o = "normal",
|
|
1572
|
-
hideElements:
|
|
1572
|
+
hideElements: i = {
|
|
1573
1573
|
eyebrow: !1,
|
|
1574
1574
|
title: !1,
|
|
1575
1575
|
text: !1
|
|
@@ -1577,13 +1577,13 @@ const or = [
|
|
|
1577
1577
|
cta: l,
|
|
1578
1578
|
children: a
|
|
1579
1579
|
}) => {
|
|
1580
|
-
const u = ["eyebrow", "title", "text"],
|
|
1580
|
+
const u = ["eyebrow", "title", "text"], c = { eyebrow: "small", title: "h1", text: "p" }, m = {};
|
|
1581
1581
|
return u.forEach((d) => {
|
|
1582
1582
|
if (!t[d]) {
|
|
1583
1583
|
m[d] = !1;
|
|
1584
1584
|
return;
|
|
1585
1585
|
}
|
|
1586
|
-
if (!
|
|
1586
|
+
if (!i[d]) {
|
|
1587
1587
|
if (typeof t[d] == "object") {
|
|
1588
1588
|
m[d] = t[d];
|
|
1589
1589
|
const { text: p, element: h } = t[d];
|
|
@@ -1591,13 +1591,13 @@ const or = [
|
|
|
1591
1591
|
return;
|
|
1592
1592
|
m[d] = {
|
|
1593
1593
|
text: p,
|
|
1594
|
-
element:
|
|
1594
|
+
element: c[d]
|
|
1595
1595
|
};
|
|
1596
1596
|
return;
|
|
1597
1597
|
}
|
|
1598
1598
|
m[d] = {
|
|
1599
1599
|
text: t[d],
|
|
1600
|
-
element:
|
|
1600
|
+
element: c[d]
|
|
1601
1601
|
};
|
|
1602
1602
|
}
|
|
1603
1603
|
}), l && l.link && l.link[0] === "#" && (l.props || (l.props = {}), l.props.onClick = (d) => {
|
|
@@ -1636,7 +1636,7 @@ const or = [
|
|
|
1636
1636
|
}
|
|
1637
1637
|
)
|
|
1638
1638
|
] }),
|
|
1639
|
-
n && /* @__PURE__ */ s.jsx(
|
|
1639
|
+
n && /* @__PURE__ */ s.jsx(Qn, { image: { ...n, aspect: "banner" } })
|
|
1640
1640
|
] })
|
|
1641
1641
|
}
|
|
1642
1642
|
);
|
|
@@ -1659,7 +1659,7 @@ const no = ({
|
|
|
1659
1659
|
eu: "dpo.agl@apolitical.foundation"
|
|
1660
1660
|
}
|
|
1661
1661
|
}, so = "200,000+";
|
|
1662
|
-
const
|
|
1662
|
+
const Un = ({ label: e = !1, className: t = "", children: n }) => {
|
|
1663
1663
|
const r = C();
|
|
1664
1664
|
return /* @__PURE__ */ s.jsxs("details", { className: E("collapsible-section", t), children: [
|
|
1665
1665
|
/* @__PURE__ */ s.jsx("summary", { children: e || r.formatMessage({ id: "collapsibleSection_summary" }) }),
|
|
@@ -1674,15 +1674,15 @@ const Et = ({
|
|
|
1674
1674
|
className: r = ""
|
|
1675
1675
|
}) => {
|
|
1676
1676
|
let o = n && !!Object.keys(n).length;
|
|
1677
|
-
const
|
|
1678
|
-
if (
|
|
1679
|
-
const d = Object.assign({}, n.breakpoints), p =
|
|
1680
|
-
o =
|
|
1677
|
+
const i = typeof n == "object" && "breakpoints" in n, l = kt(i);
|
|
1678
|
+
if (i && typeof n == "object" && typeof l == "number") {
|
|
1679
|
+
const d = Object.assign({}, n.breakpoints), p = In(Object.keys(d));
|
|
1680
|
+
o = On(l, p, d);
|
|
1681
1681
|
}
|
|
1682
1682
|
const {
|
|
1683
1683
|
breakpoints: a,
|
|
1684
1684
|
text: u = "",
|
|
1685
|
-
component:
|
|
1685
|
+
component: c,
|
|
1686
1686
|
...m
|
|
1687
1687
|
} = n;
|
|
1688
1688
|
return /* @__PURE__ */ s.jsx(
|
|
@@ -1692,7 +1692,7 @@ const Et = ({
|
|
|
1692
1692
|
className: E("empty-state-box", e, r),
|
|
1693
1693
|
children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
1694
1694
|
t && /* @__PURE__ */ s.jsx(vt, { options: { forceBlock: !0 }, children: t }),
|
|
1695
|
-
o && typeof n == "object" && (
|
|
1695
|
+
o && typeof n == "object" && (c || /* @__PURE__ */ s.jsx(
|
|
1696
1696
|
W,
|
|
1697
1697
|
{
|
|
1698
1698
|
...m,
|
|
@@ -1704,9 +1704,9 @@ const Et = ({
|
|
|
1704
1704
|
}
|
|
1705
1705
|
);
|
|
1706
1706
|
};
|
|
1707
|
-
const qt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }),
|
|
1707
|
+
const qt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), Wn = { q: qt, blockquote: qt };
|
|
1708
1708
|
for (let e = 1; e <= 6; e++)
|
|
1709
|
-
|
|
1709
|
+
Wn[`h${e}`] = { component: qt, props: { className: "title" } };
|
|
1710
1710
|
const cr = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: E("helper-text-box text-small", e, t), children: [
|
|
1711
1711
|
n && /* @__PURE__ */ s.jsx("p", { className: "title", children: n }),
|
|
1712
1712
|
typeof r == "string" ? /* @__PURE__ */ s.jsx(
|
|
@@ -1715,14 +1715,14 @@ const cr = ({ type: e = "default", className: t = "", heading: n = !1, children:
|
|
|
1715
1715
|
options: {
|
|
1716
1716
|
wrapper: D.Fragment,
|
|
1717
1717
|
forceBlock: !0,
|
|
1718
|
-
overrides:
|
|
1718
|
+
overrides: Wn
|
|
1719
1719
|
},
|
|
1720
1720
|
children: r
|
|
1721
1721
|
}
|
|
1722
1722
|
) : /* @__PURE__ */ s.jsx("p", { children: r })
|
|
1723
1723
|
] });
|
|
1724
1724
|
const ro = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: o }) => {
|
|
1725
|
-
const
|
|
1725
|
+
const i = C(), l = ae(null), [a, u] = R(""), [c, m] = R("closed");
|
|
1726
1726
|
G(() => {
|
|
1727
1727
|
const h = l.current;
|
|
1728
1728
|
if (h)
|
|
@@ -1737,18 +1737,18 @@ const ro = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
|
|
|
1737
1737
|
u(h.length < 3 ? `${r.substring(0, 400)}...` : h.slice(0, 3).join(`
|
|
1738
1738
|
`));
|
|
1739
1739
|
}, [r]), G(() => {
|
|
1740
|
-
|
|
1741
|
-
}, [
|
|
1740
|
+
c === "ready-to-close" && m("closing");
|
|
1741
|
+
}, [c]);
|
|
1742
1742
|
const d = ({ propertyName: h }) => {
|
|
1743
1743
|
h === "max-height" && m((g) => g === "opening" ? "open" : g === "closing" ? "closed" : g);
|
|
1744
1744
|
};
|
|
1745
1745
|
if (!r)
|
|
1746
1746
|
return null;
|
|
1747
|
-
const p = ["opening", "open"].includes(
|
|
1747
|
+
const p = ["opening", "open"].includes(c);
|
|
1748
1748
|
return /* @__PURE__ */ s.jsxs(Re, { variant: "subtle", className: E("hide-show-text-box", e), children: [
|
|
1749
|
-
/* @__PURE__ */ s.jsxs("div", { ref: l, className: E("content",
|
|
1750
|
-
/* @__PURE__ */ s.jsx(vt, { options: { forceBlock: !0 }, children:
|
|
1751
|
-
|
|
1749
|
+
/* @__PURE__ */ s.jsxs("div", { ref: l, className: E("content", c), children: [
|
|
1750
|
+
/* @__PURE__ */ s.jsx(vt, { options: { forceBlock: !0 }, children: c === "closed" ? a : r }),
|
|
1751
|
+
c !== "closed" && o
|
|
1752
1752
|
] }),
|
|
1753
1753
|
/* @__PURE__ */ s.jsx("p", { className: "cta", children: /* @__PURE__ */ s.jsx(
|
|
1754
1754
|
W,
|
|
@@ -1760,7 +1760,7 @@ const ro = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
|
|
|
1760
1760
|
onClick: () => {
|
|
1761
1761
|
m(p ? "ready-to-close" : "opening");
|
|
1762
1762
|
},
|
|
1763
|
-
children: p ? n ||
|
|
1763
|
+
children: p ? n || i.formatMessage({ id: "hideShowTextBox_hide" }) : t || i.formatMessage({ id: "hideShowTextBox_show" })
|
|
1764
1764
|
}
|
|
1765
1765
|
) })
|
|
1766
1766
|
] });
|
|
@@ -1770,11 +1770,11 @@ const ro = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
|
|
|
1770
1770
|
return null;
|
|
1771
1771
|
let n = t.formatMessage({ id: "markdown_collapsibleSection_summary" });
|
|
1772
1772
|
const r = [];
|
|
1773
|
-
for (const
|
|
1774
|
-
if (!(!
|
|
1775
|
-
if (D.isValidElement(
|
|
1776
|
-
if (
|
|
1777
|
-
for (const l of Vt.toArray(
|
|
1773
|
+
for (const i of Vt.toArray(e))
|
|
1774
|
+
if (!(!i || typeof i == "string" || typeof i == "number"))
|
|
1775
|
+
if (D.isValidElement(i) && i.type === "summary") {
|
|
1776
|
+
if (i.props && i.props.children) {
|
|
1777
|
+
for (const l of Vt.toArray(i.props.children))
|
|
1778
1778
|
if (!(!l || typeof l == "string" || typeof l == "number") && D.isValidElement(l)) {
|
|
1779
1779
|
const a = l.type;
|
|
1780
1780
|
if (ur.includes(a)) {
|
|
@@ -1785,14 +1785,14 @@ const ro = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
|
|
|
1785
1785
|
}
|
|
1786
1786
|
}
|
|
1787
1787
|
} else
|
|
1788
|
-
r.push(
|
|
1788
|
+
r.push(i);
|
|
1789
1789
|
const o = n ? n.toString() : "";
|
|
1790
1790
|
return /* @__PURE__ */ s.jsx(
|
|
1791
|
-
|
|
1791
|
+
Un,
|
|
1792
1792
|
{
|
|
1793
1793
|
label: o,
|
|
1794
1794
|
className: ["Sources", "Resources"].includes(o) ? "discrete-links" : "",
|
|
1795
|
-
children: r.map((
|
|
1795
|
+
children: r.map((i) => i)
|
|
1796
1796
|
}
|
|
1797
1797
|
);
|
|
1798
1798
|
}, fr = ({ children: e, ...t }) => {
|
|
@@ -1818,26 +1818,26 @@ const ro = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
|
|
|
1818
1818
|
/* @__PURE__ */ s.jsx("iframe", { ...e, title: t.formatMessage({ id: `markdown_iframe${r === "default" ? "" : `_${r}`}` }) }),
|
|
1819
1819
|
/* @__PURE__ */ s.jsx("span", { id: `content-after-iframe-${n}`, tabIndex: -1 })
|
|
1820
1820
|
] });
|
|
1821
|
-
},
|
|
1821
|
+
}, wn = (e) => {
|
|
1822
1822
|
let t = "";
|
|
1823
1823
|
return e && typeof e != "string" && typeof e != "number" && typeof e != "boolean" && "type" in e && (t = e.type), t;
|
|
1824
1824
|
}, pr = ({ children: e, ...t }) => {
|
|
1825
1825
|
let n = { ...t };
|
|
1826
1826
|
t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
|
|
1827
1827
|
let r = e, o = !1;
|
|
1828
|
-
for (const
|
|
1829
|
-
if (!(!
|
|
1830
|
-
const l =
|
|
1831
|
-
if (["button", "center", "span", "strong"].includes(l) &&
|
|
1832
|
-
for ((l === "button" ||
|
|
1828
|
+
for (const i of Vt.toArray(e))
|
|
1829
|
+
if (!(!i || typeof i == "string" || typeof i == "number") && D.isValidElement(i)) {
|
|
1830
|
+
const l = i.type;
|
|
1831
|
+
if (["button", "center", "span", "strong"].includes(l) && i.props && i.props.children && i.props.children[0])
|
|
1832
|
+
for ((l === "button" || wn(i.props.children[0]) === "button") && (o = !0), r = i.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !D.isValidElement(r)); )
|
|
1833
1833
|
if (r.props && r.props.children && r.props.children[0])
|
|
1834
|
-
r = r.props.children[0], r &&
|
|
1834
|
+
r = r.props.children[0], r && wn(r) === "button" && (o = !0);
|
|
1835
1835
|
else
|
|
1836
1836
|
break;
|
|
1837
1837
|
}
|
|
1838
1838
|
return o ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ s.jsx("p", { className: "center", children: /* @__PURE__ */ s.jsx(W, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ s.jsx("a", { ...n, children: r });
|
|
1839
1839
|
}, gr = ({ children: e }) => /* @__PURE__ */ s.jsx("span", { children: e });
|
|
1840
|
-
const
|
|
1840
|
+
const kn = ({ className: e = "", options: t = {}, children: n }) => {
|
|
1841
1841
|
n = n.replace(/^<br\/?>/, "");
|
|
1842
1842
|
const r = {
|
|
1843
1843
|
wrapper: D.Fragment,
|
|
@@ -1846,7 +1846,7 @@ const wn = ({ className: e = "", options: t = {}, children: n }) => {
|
|
|
1846
1846
|
a: pr,
|
|
1847
1847
|
// Override psuedo-code
|
|
1848
1848
|
// We give the content team psuedo-code short cuts to use in Contentful
|
|
1849
|
-
CollapsibleSection:
|
|
1849
|
+
CollapsibleSection: Un,
|
|
1850
1850
|
TextBox: Re,
|
|
1851
1851
|
CaseStudy: dr,
|
|
1852
1852
|
// Override embedded HTML
|
|
@@ -1866,9 +1866,9 @@ const _r = ({
|
|
|
1866
1866
|
children: r,
|
|
1867
1867
|
className: o = ""
|
|
1868
1868
|
}) => {
|
|
1869
|
-
const
|
|
1869
|
+
const i = e ? { "--max-width": `${e / 16}rem` } : {};
|
|
1870
1870
|
return /* @__PURE__ */ s.jsxs("section", { className: E("page-heading", o), children: [
|
|
1871
|
-
/* @__PURE__ */ s.jsxs("div", { className: E("content", { "has-max-width": e }), style:
|
|
1871
|
+
/* @__PURE__ */ s.jsxs("div", { className: E("content", { "has-max-width": e }), style: i, children: [
|
|
1872
1872
|
t && t.text && D.createElement(t.element || "h1", { className: "title" }, t.text),
|
|
1873
1873
|
n && n.text && D.createElement(
|
|
1874
1874
|
n.element || "h2",
|
|
@@ -1888,8 +1888,8 @@ const ft = ({
|
|
|
1888
1888
|
}) => /* @__PURE__ */ s.jsx("span", { className: E("pill", e, t, n), ...o, children: r });
|
|
1889
1889
|
const Xt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => D.createElement(e, { ...r, className: E("status-banner text-small", n), "aria-live": "assertive" }, t);
|
|
1890
1890
|
const xr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
|
|
1891
|
-
const r = C(), o = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0,
|
|
1892
|
-
return /* @__PURE__ */ s.jsx("span", { className: E(`progress-bar section-${o}`, n), style:
|
|
1891
|
+
const r = C(), o = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, i = { "--progress": `${e}%` };
|
|
1892
|
+
return /* @__PURE__ */ s.jsx("span", { className: E(`progress-bar section-${o}`, n), style: i, children: /* @__PURE__ */ s.jsx(ue, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
|
|
1893
1893
|
}, br = We(xr);
|
|
1894
1894
|
const Rt = "loadingBlock_", vr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
|
|
1895
1895
|
const r = C();
|
|
@@ -1899,9 +1899,9 @@ const Rt = "loadingBlock_", vr = ({ progress: e = 0, steps: t = !1, className: n
|
|
|
1899
1899
|
100: { text: r.formatMessage({ id: `${Rt}complete` }) }
|
|
1900
1900
|
});
|
|
1901
1901
|
let o = null;
|
|
1902
|
-
const
|
|
1903
|
-
for (let a = 0; a <
|
|
1904
|
-
o =
|
|
1902
|
+
const i = Object.keys(t);
|
|
1903
|
+
for (let a = 0; a < i.length && !(e < parseInt(i[a])); a++)
|
|
1904
|
+
o = i[a];
|
|
1905
1905
|
const l = o && t[o].icon ? { "--icon": `url(${mt}icons/${t[o].icon}.svg)` } : {};
|
|
1906
1906
|
return /* @__PURE__ */ s.jsxs(
|
|
1907
1907
|
Re,
|
|
@@ -1916,7 +1916,7 @@ const Rt = "loadingBlock_", vr = ({ progress: e = 0, steps: t = !1, className: n
|
|
|
1916
1916
|
}
|
|
1917
1917
|
);
|
|
1918
1918
|
}, ao = We(vr);
|
|
1919
|
-
const Te = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(
|
|
1919
|
+
const Te = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(Fn, { element: e, className: E("loading-placeholder", t), ...n });
|
|
1920
1920
|
const Zt = {
|
|
1921
1921
|
header: ["logo", "link", "link", "search"],
|
|
1922
1922
|
sidebar: ["text", "text", "text", "text", "text"],
|
|
@@ -1934,11 +1934,11 @@ const Zt = {
|
|
|
1934
1934
|
"cards-section",
|
|
1935
1935
|
"footer"
|
|
1936
1936
|
]
|
|
1937
|
-
},
|
|
1937
|
+
}, zn = (e, t) => e in Zt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Zt[e].map((n, r) => zn(n, r)) }, t) : /* @__PURE__ */ s.jsx(Te, { className: e }, t), oo = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: E("loading-state", e), ...t, children: Zt[e].map((n, r) => zn(n, r)) }), Vn = (e) => {
|
|
1938
1938
|
const t = e && e.toUpperCase().split(" ");
|
|
1939
1939
|
return Array.isArray(t) && t.length > 1 && t[0] !== "" ? t[1] === "" ? t[0][0] : t[0][0] + t[t.length - 1][0] : e ? e.substr(0, 1) : "";
|
|
1940
1940
|
}, st = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], wr = (e) => {
|
|
1941
|
-
const t = Math.ceil(26 / st.length), n =
|
|
1941
|
+
const t = Math.ceil(26 / st.length), n = Vn(e).toLowerCase();
|
|
1942
1942
|
if (n === "")
|
|
1943
1943
|
return st[0];
|
|
1944
1944
|
const r = n.charCodeAt(0) - 96;
|
|
@@ -1946,25 +1946,25 @@ const Zt = {
|
|
|
1946
1946
|
if (r <= t * (o + 1))
|
|
1947
1947
|
return st[o];
|
|
1948
1948
|
};
|
|
1949
|
-
const
|
|
1949
|
+
const jn = 256, Ke = ({
|
|
1950
1950
|
className: e = "",
|
|
1951
1951
|
src: t = "",
|
|
1952
1952
|
name: n,
|
|
1953
1953
|
alt: r,
|
|
1954
|
-
width: o =
|
|
1955
|
-
height:
|
|
1954
|
+
width: o = jn,
|
|
1955
|
+
height: i = jn,
|
|
1956
1956
|
...l
|
|
1957
1957
|
}) => {
|
|
1958
|
-
const [a, u] = R(!1),
|
|
1958
|
+
const [a, u] = R(!1), c = ae(null);
|
|
1959
1959
|
G(() => {
|
|
1960
|
-
const d =
|
|
1960
|
+
const d = c.current;
|
|
1961
1961
|
if (!d)
|
|
1962
1962
|
return;
|
|
1963
1963
|
const p = d.getContext("2d");
|
|
1964
1964
|
if (!p)
|
|
1965
1965
|
return;
|
|
1966
|
-
const h = o, g =
|
|
1967
|
-
typeof window < "u" && window.devicePixelRatio && (d.width = h * window.devicePixelRatio, d.height = g * window.devicePixelRatio, p.scale(window.devicePixelRatio, window.devicePixelRatio)), p.fillStyle = wr(n), p.fillRect(0, 0, h, g), p.font = `${h / 3}px Arial`, p.textAlign = "center", p.fillStyle = "white", p.fillText(
|
|
1966
|
+
const h = o, g = i;
|
|
1967
|
+
typeof window < "u" && window.devicePixelRatio && (d.width = h * window.devicePixelRatio, d.height = g * window.devicePixelRatio, p.scale(window.devicePixelRatio, window.devicePixelRatio)), p.fillStyle = wr(n), p.fillRect(0, 0, h, g), p.font = `${h / 3}px Arial`, p.textAlign = "center", p.fillStyle = "white", p.fillText(Vn(n), h / 2, g / 1.6);
|
|
1968
1968
|
}, [n]);
|
|
1969
1969
|
let m = !1;
|
|
1970
1970
|
return t && t !== "" && !a && (t.includes("http") || t.includes("//")) && (m = !0), /* @__PURE__ */ s.jsx(
|
|
@@ -1981,12 +1981,12 @@ const kn = 256, Ke = ({
|
|
|
1981
1981
|
u(!0);
|
|
1982
1982
|
},
|
|
1983
1983
|
width: o,
|
|
1984
|
-
height:
|
|
1984
|
+
height: i
|
|
1985
1985
|
}
|
|
1986
|
-
) : /* @__PURE__ */ s.jsx("canvas", { ref:
|
|
1986
|
+
) : /* @__PURE__ */ s.jsx("canvas", { ref: c })
|
|
1987
1987
|
}
|
|
1988
1988
|
);
|
|
1989
|
-
},
|
|
1989
|
+
}, Yn = (e) => e === "apolitical" ? {
|
|
1990
1990
|
image: `${mt}logos/member_apolitical.svg`
|
|
1991
1991
|
} : e === "community" || typeof e == "object" && !e.name ? {
|
|
1992
1992
|
image: `${mt}logos/member_community.svg`
|
|
@@ -2003,11 +2003,11 @@ const kn = 256, Ke = ({
|
|
|
2003
2003
|
country: n = "",
|
|
2004
2004
|
maximumCharacters: r = 80
|
|
2005
2005
|
}) => {
|
|
2006
|
-
const o = e !== "",
|
|
2007
|
-
if (!o && !
|
|
2006
|
+
const o = e !== "", i = t !== "", l = n !== "";
|
|
2007
|
+
if (!o && !i && !l)
|
|
2008
2008
|
return "";
|
|
2009
|
-
const a = `${e}${o &&
|
|
2010
|
-
let u = `${a}${(o ||
|
|
2009
|
+
const a = `${e}${o && i ? ` — ${t}` : t}`;
|
|
2010
|
+
let u = `${a}${(o || i) && l ? `, ${n}` : n}`;
|
|
2011
2011
|
return u.length > r && (u = a), u.length > r && (u = He(u, r)), u;
|
|
2012
2012
|
};
|
|
2013
2013
|
const nn = ({
|
|
@@ -2016,17 +2016,17 @@ const nn = ({
|
|
|
2016
2016
|
additionalContent: n = !1,
|
|
2017
2017
|
gtmContext: r = "member",
|
|
2018
2018
|
gtmType: o = "member-click",
|
|
2019
|
-
className:
|
|
2019
|
+
className: i = ""
|
|
2020
2020
|
}) => {
|
|
2021
|
-
const l = C(), a =
|
|
2021
|
+
const l = C(), a = Yn(t);
|
|
2022
2022
|
a.name || (a.name = l.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
|
|
2023
|
-
const { name: u, url:
|
|
2023
|
+
const { name: u, url: c, image: m } = a, d = kr(a), p = n && n.createdAt ? Jt(n.createdAt) : !1, h = n && n.createdAt ? Bn(n.createdAt) : "";
|
|
2024
2024
|
return D.createElement(e, {
|
|
2025
|
-
className: E("member text-medium",
|
|
2025
|
+
className: E("member text-medium", i),
|
|
2026
2026
|
children: /* @__PURE__ */ s.jsxs(
|
|
2027
2027
|
yt,
|
|
2028
2028
|
{
|
|
2029
|
-
href:
|
|
2029
|
+
href: c,
|
|
2030
2030
|
gtmType: o,
|
|
2031
2031
|
gtmContext: r,
|
|
2032
2032
|
onClick: (g) => {
|
|
@@ -2047,13 +2047,13 @@ const nn = ({
|
|
|
2047
2047
|
)
|
|
2048
2048
|
});
|
|
2049
2049
|
};
|
|
2050
|
-
const
|
|
2050
|
+
const yn = {
|
|
2051
2051
|
small: 24,
|
|
2052
2052
|
medium: 48
|
|
2053
|
-
},
|
|
2053
|
+
}, Gn = ({
|
|
2054
2054
|
element: e = "div",
|
|
2055
2055
|
contributors: { total: t, data: n } = { total: void 0, data: [] },
|
|
2056
|
-
styling: { showText: r, size: o, showGap:
|
|
2056
|
+
styling: { showText: r, size: o, showGap: i, showPlaceholders: l } = {
|
|
2057
2057
|
showText: !0,
|
|
2058
2058
|
size: "medium",
|
|
2059
2059
|
showGap: !0,
|
|
@@ -2061,17 +2061,17 @@ const jn = {
|
|
|
2061
2061
|
},
|
|
2062
2062
|
cutoff: a = 2,
|
|
2063
2063
|
className: u = "",
|
|
2064
|
-
...
|
|
2064
|
+
...c
|
|
2065
2065
|
}) => {
|
|
2066
2066
|
const m = C();
|
|
2067
2067
|
return !n || n.length === 0 ? null : D.createElement(e, {
|
|
2068
|
-
...
|
|
2069
|
-
className: E("contributors", u, o, { "has-gap":
|
|
2068
|
+
...c,
|
|
2069
|
+
className: E("contributors", u, o, { "has-gap": i }),
|
|
2070
2070
|
children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
2071
2071
|
/* @__PURE__ */ s.jsx("ul", { children: n.map((d, p) => {
|
|
2072
2072
|
let h, g = "";
|
|
2073
2073
|
if (p < a) {
|
|
2074
|
-
const { name: v = "", image: _ = "" } =
|
|
2074
|
+
const { name: v = "", image: _ = "" } = Yn(d);
|
|
2075
2075
|
if (l)
|
|
2076
2076
|
return /* @__PURE__ */ s.jsx(Te, { element: "li", className: "contributor" }, p);
|
|
2077
2077
|
h = /* @__PURE__ */ s.jsx(
|
|
@@ -2079,8 +2079,8 @@ const jn = {
|
|
|
2079
2079
|
{
|
|
2080
2080
|
name: v,
|
|
2081
2081
|
src: _,
|
|
2082
|
-
width:
|
|
2083
|
-
height:
|
|
2082
|
+
width: yn[o || "medium"],
|
|
2083
|
+
height: yn[o || "medium"]
|
|
2084
2084
|
}
|
|
2085
2085
|
);
|
|
2086
2086
|
} else if (p === a) {
|
|
@@ -2120,10 +2120,10 @@ const jn = {
|
|
|
2120
2120
|
};
|
|
2121
2121
|
var yr = Kt({ client: dt });
|
|
2122
2122
|
function Er(e) {
|
|
2123
|
-
var t = e.children, n = e.client, r = e.apiKey, o = e.options,
|
|
2123
|
+
var t = e.children, n = e.client, r = e.apiKey, o = e.options, i = bt(function() {
|
|
2124
2124
|
return n && r && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && o && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (r && (dt.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), dt.init(r, o)), dt);
|
|
2125
2125
|
}, [n, r]);
|
|
2126
|
-
return D.createElement(yr.Provider, { value: { client:
|
|
2126
|
+
return D.createElement(yr.Provider, { value: { client: i } }, t);
|
|
2127
2127
|
}
|
|
2128
2128
|
const Sr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ s.jsx(
|
|
2129
2129
|
Er,
|
|
@@ -2155,33 +2155,33 @@ function Tr() {
|
|
|
2155
2155
|
const Mr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx(Se.Provider, { value: t, children: e }), io = ({ bootstrap: e, children: t, intl: n }) => {
|
|
2156
2156
|
const [r, o] = R({ isLoading: !0 });
|
|
2157
2157
|
return G(() => {
|
|
2158
|
-
e().then((
|
|
2159
|
-
o({ ...
|
|
2158
|
+
e().then((i) => {
|
|
2159
|
+
o({ ...i, isLoading: !1 }), Ks(5e3);
|
|
2160
2160
|
}).catch(() => o({ isLoading: !1 }));
|
|
2161
2161
|
}, []), /* @__PURE__ */ s.jsx($r, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(Cs, { children: /* @__PURE__ */ s.jsx(Mr, { user: r, children: /* @__PURE__ */ s.jsx(jr, { children: /* @__PURE__ */ s.jsx(Sr, { user: r, children: t }) }) }) }) });
|
|
2162
2162
|
};
|
|
2163
|
-
const At = "joinCommunityButton",
|
|
2163
|
+
const At = "joinCommunityButton", Jn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
|
|
2164
2164
|
}, leave: () => {
|
|
2165
2165
|
} } }) => {
|
|
2166
|
-
const o = C(),
|
|
2166
|
+
const o = C(), i = we(Se), l = i && typeof i.id == "string", [a, u] = R(e), [c, m] = R(e ? "joined" : "notJoined");
|
|
2167
2167
|
G(() => {
|
|
2168
|
-
|
|
2168
|
+
c === "joining" ? m("joined") : c === "leaving" && m("notJoined");
|
|
2169
2169
|
}, [a]);
|
|
2170
2170
|
const d = {}, p = {};
|
|
2171
|
-
return a &&
|
|
2171
|
+
return a && c !== "leaving" && (d["data-hover-text"] = o.formatMessage({ id: `${At}_leave` }), d["aria-label"] = o.formatMessage({ id: `${At}_member_aria` }), p["aria-hidden"] = "true"), /* @__PURE__ */ s.jsx(
|
|
2172
2172
|
W,
|
|
2173
2173
|
{
|
|
2174
2174
|
variant: a ? "secondary" : "primary",
|
|
2175
2175
|
size: "medium",
|
|
2176
2176
|
styling: { fullWidth: !0 },
|
|
2177
|
-
icon: a &&
|
|
2177
|
+
icon: a && c !== "leaving" ? { icon: "tick", position: "left" } : !1,
|
|
2178
2178
|
onClick: async (h) => {
|
|
2179
2179
|
l && (h.currentTarget.blur(), a ? (m("leaving"), typeof r == "function" && await r()) : (m("joining"), typeof n == "function" && await n()), u(!a));
|
|
2180
2180
|
},
|
|
2181
|
-
className: E("join-community-button",
|
|
2181
|
+
className: E("join-community-button", c, { active: c === "joining" }),
|
|
2182
2182
|
disabled: !l,
|
|
2183
2183
|
...d,
|
|
2184
|
-
children: /* @__PURE__ */ s.jsx("span", { className: "text", ...p, children: o.formatMessage({ id: `${At}${["joining", "leaving"].includes(
|
|
2184
|
+
children: /* @__PURE__ */ s.jsx("span", { className: "text", ...p, children: o.formatMessage({ id: `${At}${["joining", "leaving"].includes(c) ? `_${c}` : a ? "_member" : t ? "_short" : ""}` }) })
|
|
2185
2185
|
}
|
|
2186
2186
|
);
|
|
2187
2187
|
};
|
|
@@ -2190,21 +2190,21 @@ const Ft = "communityDetails_", co = ({
|
|
|
2190
2190
|
isMember: t = !1,
|
|
2191
2191
|
slug: n,
|
|
2192
2192
|
members: { number: r = 0, data: o = [] } = { number: 0, data: [] },
|
|
2193
|
-
functions: { invite:
|
|
2193
|
+
functions: { invite: i, ...l }
|
|
2194
2194
|
}) => {
|
|
2195
|
-
const a = C(), u = 5,
|
|
2195
|
+
const a = C(), u = 5, c = r || o.length, m = o.length ? o : Array(u).fill({}), d = `/communities/${n}/members` === window.location.pathname;
|
|
2196
2196
|
return /* @__PURE__ */ s.jsxs("div", { className: E("community-details", e), children: [
|
|
2197
2197
|
/* @__PURE__ */ s.jsx(Ue, {}),
|
|
2198
2198
|
/* @__PURE__ */ s.jsxs("div", { className: "member-details", children: [
|
|
2199
2199
|
/* @__PURE__ */ s.jsxs("div", { className: "top", children: [
|
|
2200
2200
|
/* @__PURE__ */ s.jsxs("h3", { children: [
|
|
2201
2201
|
a.formatMessage({ id: `${Ft}members` }),
|
|
2202
|
-
/* @__PURE__ */ s.jsx("span", { className: "count", children:
|
|
2202
|
+
/* @__PURE__ */ s.jsx("span", { className: "count", children: c })
|
|
2203
2203
|
] }),
|
|
2204
|
-
/* @__PURE__ */ s.jsx("p", { className: "text-small", children: /* @__PURE__ */ s.jsx("a", { href: `/communities/${n}/members`, children: a.formatMessage({ id: `${Ft}viewAll` }) }) })
|
|
2204
|
+
!d && /* @__PURE__ */ s.jsx("p", { className: "text-small", children: /* @__PURE__ */ s.jsx("a", { href: `/communities/${n}/members`, children: a.formatMessage({ id: `${Ft}viewAll` }) }) })
|
|
2205
2205
|
] }),
|
|
2206
2206
|
/* @__PURE__ */ s.jsx(
|
|
2207
|
-
|
|
2207
|
+
Gn,
|
|
2208
2208
|
{
|
|
2209
2209
|
contributors: {
|
|
2210
2210
|
total: r,
|
|
@@ -2213,18 +2213,18 @@ const Ft = "communityDetails_", co = ({
|
|
|
2213
2213
|
styling: {
|
|
2214
2214
|
size: "medium",
|
|
2215
2215
|
showGap: !0,
|
|
2216
|
-
showPlaceholders:
|
|
2216
|
+
showPlaceholders: c === 0
|
|
2217
2217
|
},
|
|
2218
2218
|
cutoff: u
|
|
2219
2219
|
}
|
|
2220
2220
|
)
|
|
2221
2221
|
] }),
|
|
2222
|
-
/* @__PURE__ */ s.jsx(
|
|
2222
|
+
/* @__PURE__ */ s.jsx(Jn, { isMember: t, functions: { ...l } }),
|
|
2223
2223
|
t && /* @__PURE__ */ s.jsx(
|
|
2224
2224
|
W,
|
|
2225
2225
|
{
|
|
2226
2226
|
variant: "primary",
|
|
2227
|
-
onClick:
|
|
2227
|
+
onClick: i,
|
|
2228
2228
|
icon: { icon: "plus" },
|
|
2229
2229
|
styling: { fullWidth: !0 },
|
|
2230
2230
|
children: a.formatMessage({ id: `${Ft}invite` })
|
|
@@ -2240,9 +2240,9 @@ const lo = ({
|
|
|
2240
2240
|
const r = C();
|
|
2241
2241
|
return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
2242
2242
|
/* @__PURE__ */ s.jsx(ue, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
|
|
2243
|
-
/* @__PURE__ */ s.jsx("ul", { className: E("breadcrumbs text-small", n), children: e.map(({ text: o, href:
|
|
2243
|
+
/* @__PURE__ */ s.jsx("ul", { className: E("breadcrumbs text-small", n), children: e.map(({ text: o, href: i, current: l = !1 }, a) => /* @__PURE__ */ s.jsxs("li", { children: [
|
|
2244
2244
|
l && /* @__PURE__ */ s.jsx(ue, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
|
|
2245
|
-
/* @__PURE__ */ s.jsx(yt, { href: l ? void 0 :
|
|
2245
|
+
/* @__PURE__ */ s.jsx(yt, { href: l ? void 0 : i, children: He(o, t) })
|
|
2246
2246
|
] }, `${window.btoa(o)}_${a}`)) })
|
|
2247
2247
|
] });
|
|
2248
2248
|
};
|
|
@@ -2254,19 +2254,19 @@ const uo = ({
|
|
|
2254
2254
|
},
|
|
2255
2255
|
className: o = ""
|
|
2256
2256
|
}) => {
|
|
2257
|
-
const
|
|
2257
|
+
const i = C(), l = t ? [{ id: "all", text: typeof t != "boolean" && t.text || i.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, u] = R(t ? ["all"] : []), c = (m, d) => {
|
|
2258
2258
|
let p = [];
|
|
2259
2259
|
a.includes(m) ? p = a.filter((h) => h !== m) : m === "all" ? p = ["all"] : n ? p = [...a.filter((h) => h !== "all"), m] : p = [m], u((h) => (r && typeof r == "function" && r({ current: p, previous: h }), p)), d && typeof d == "function" && d();
|
|
2260
2260
|
};
|
|
2261
2261
|
return /* @__PURE__ */ s.jsx("ul", { className: E("filters", o), children: l.map(({ id: m, text: d, disabled: p = !1, callback: h = () => {
|
|
2262
2262
|
} }) => {
|
|
2263
2263
|
let g = {};
|
|
2264
|
-
return p && (g = { disabled: !0, "aria-label":
|
|
2264
|
+
return p && (g = { disabled: !0, "aria-label": i.formatMessage({ id: "filters_disabled" }, { name: d }) }), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
|
|
2265
2265
|
"button",
|
|
2266
2266
|
{
|
|
2267
2267
|
className: E(m, { selected: a.includes(m) }),
|
|
2268
2268
|
onClick: (v) => {
|
|
2269
|
-
v.preventDefault(), v.stopPropagation(),
|
|
2269
|
+
v.preventDefault(), v.stopPropagation(), c(m, h);
|
|
2270
2270
|
},
|
|
2271
2271
|
...g,
|
|
2272
2272
|
children: d
|
|
@@ -2278,8 +2278,8 @@ const uo = ({
|
|
|
2278
2278
|
if (!t || !t.length)
|
|
2279
2279
|
return `/${n}`;
|
|
2280
2280
|
let r = "";
|
|
2281
|
-
return t.forEach(({ url: o, position:
|
|
2282
|
-
|
|
2281
|
+
return t.forEach(({ url: o, position: i }) => {
|
|
2282
|
+
i === "before-lang" ? r += `/${o}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${o}`);
|
|
2283
2283
|
}), r.includes(`/${n}/`) || (r += `/${n}`), r;
|
|
2284
2284
|
};
|
|
2285
2285
|
const Lt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, rt = "languageSwitcher_", mo = ({
|
|
@@ -2289,12 +2289,12 @@ const Lt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
|
|
|
2289
2289
|
translations: r,
|
|
2290
2290
|
onChange: o = () => {
|
|
2291
2291
|
},
|
|
2292
|
-
urlParts:
|
|
2292
|
+
urlParts: i,
|
|
2293
2293
|
variant: l = "default",
|
|
2294
2294
|
label: a,
|
|
2295
2295
|
className: u = ""
|
|
2296
2296
|
}) => {
|
|
2297
|
-
const
|
|
2297
|
+
const c = C(), [m, d] = R(e);
|
|
2298
2298
|
if (G(() => {
|
|
2299
2299
|
e !== m && d(e);
|
|
2300
2300
|
}, [e]), !r || !Object.values(r).some((v) => v && v.post_name))
|
|
@@ -2302,26 +2302,26 @@ const Lt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
|
|
|
2302
2302
|
const h = Object.keys(r), g = m !== e;
|
|
2303
2303
|
return /* @__PURE__ */ s.jsxs("div", { className: E("language-switcher text-small", l, u), children: [
|
|
2304
2304
|
/* @__PURE__ */ s.jsxs("nav", { children: [
|
|
2305
|
-
l !== "short" && /* @__PURE__ */ s.jsx("p", { children: a ||
|
|
2305
|
+
l !== "short" && /* @__PURE__ */ s.jsx("p", { children: a || c.formatMessage({ id: `${rt}label` }) }),
|
|
2306
2306
|
/* @__PURE__ */ s.jsx("ul", { children: h.map((v) => {
|
|
2307
2307
|
if (!Lt[v])
|
|
2308
2308
|
return null;
|
|
2309
2309
|
let _ = { className: v };
|
|
2310
|
-
return m === v ? _["aria-label"] =
|
|
2310
|
+
return m === v ? _["aria-label"] = c.formatMessage({ id: `${rt}selected` }, { language: Lt[v] }) : _ = {
|
|
2311
2311
|
..._,
|
|
2312
|
-
href: Cr(v,
|
|
2312
|
+
href: Cr(v, i),
|
|
2313
2313
|
onClick: (y) => {
|
|
2314
2314
|
y.preventDefault(), y.stopPropagation(), d(v), o(v);
|
|
2315
2315
|
}
|
|
2316
2316
|
}, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(yt, { ..._, fallbackElement: "span", children: Lt[v] }) }, v);
|
|
2317
2317
|
}) }),
|
|
2318
|
-
l !== "short" && !g && /* @__PURE__ */ s.jsx("p", { children:
|
|
2318
|
+
l !== "short" && !g && /* @__PURE__ */ s.jsx("p", { children: c.formatMessage({ id: `${rt}translation_${t ? "original" : n ? "human" : "machine"}` }) })
|
|
2319
2319
|
] }),
|
|
2320
2320
|
l !== "short" && !g && !t && !n && /* @__PURE__ */ s.jsx("small", {
|
|
2321
2321
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
2322
2322
|
// @ts-ignore
|
|
2323
2323
|
// `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
|
|
2324
|
-
children:
|
|
2324
|
+
children: c.formatMessage({ id: `${rt}disclaimer` }, {
|
|
2325
2325
|
email: Xe.support,
|
|
2326
2326
|
link: (v) => {
|
|
2327
2327
|
const _ = `mailto:${v}`;
|
|
@@ -2341,13 +2341,13 @@ const It = Ss({ locale: "en", messages: en }), Nr = ({
|
|
|
2341
2341
|
error: It.formatMessage({ id: "loadMore_error" })
|
|
2342
2342
|
},
|
|
2343
2343
|
className: o = "",
|
|
2344
|
-
gtmContext:
|
|
2344
|
+
gtmContext: i = "LoadMore"
|
|
2345
2345
|
}) => {
|
|
2346
|
-
const [l, a] = R(!1), [u,
|
|
2346
|
+
const [l, a] = R(!1), [u, c] = R(e), m = async (d) => {
|
|
2347
2347
|
try {
|
|
2348
2348
|
await t(d);
|
|
2349
2349
|
} catch (p) {
|
|
2350
|
-
p instanceof Error && p.message && p.message.includes("Cannot read items") ?
|
|
2350
|
+
p instanceof Error && p.message && p.message.includes("Cannot read items") ? c(!1) : a(!0);
|
|
2351
2351
|
}
|
|
2352
2352
|
};
|
|
2353
2353
|
return /* @__PURE__ */ s.jsxs("footer", { className: E("load-more", o), children: [
|
|
@@ -2358,7 +2358,7 @@ const It = Ss({ locale: "en", messages: en }), Nr = ({
|
|
|
2358
2358
|
variant: "secondary",
|
|
2359
2359
|
icon: n,
|
|
2360
2360
|
onClick: m,
|
|
2361
|
-
"data-gtm-event-context":
|
|
2361
|
+
"data-gtm-event-context": i,
|
|
2362
2362
|
"data-gtm-event-type": "load-more-click",
|
|
2363
2363
|
className: "gtm-trackable",
|
|
2364
2364
|
"data-testid": "load-more-button",
|
|
@@ -2367,16 +2367,16 @@ const It = Ss({ locale: "en", messages: en }), Nr = ({
|
|
|
2367
2367
|
) : /* @__PURE__ */ s.jsx("p", { children: r.endOfFeed })
|
|
2368
2368
|
] });
|
|
2369
2369
|
};
|
|
2370
|
-
const
|
|
2370
|
+
const qn = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ s.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ s.jsx("a", { href: "/home/", className: E("logo", e, t, n), ...r, children: /* @__PURE__ */ s.jsx(ue, { children: /* @__PURE__ */ s.jsx(Pe, { id: "apolitical" }) }) }) });
|
|
2371
2371
|
let at = !1;
|
|
2372
2372
|
const Dr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
|
|
2373
|
-
const o = C(),
|
|
2374
|
-
|
|
2373
|
+
const o = C(), i = ae(null), [l, a] = R(!1), u = (c) => {
|
|
2374
|
+
i.current && c.target instanceof HTMLElement && !i.current.contains(c.target) && a(!1);
|
|
2375
2375
|
};
|
|
2376
2376
|
return G(() => (document.addEventListener("click", u, !0), () => {
|
|
2377
2377
|
document.removeEventListener("click", u, !0);
|
|
2378
2378
|
})), D.createElement(e, {
|
|
2379
|
-
ref:
|
|
2379
|
+
ref: i,
|
|
2380
2380
|
className: E("more-menu text-medium", r),
|
|
2381
2381
|
children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
2382
2382
|
/* @__PURE__ */ s.jsx(
|
|
@@ -2392,7 +2392,7 @@ const Dr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
|
|
|
2392
2392
|
screenreaderText: o.formatMessage({ id: "moreMenu" })
|
|
2393
2393
|
}
|
|
2394
2394
|
),
|
|
2395
|
-
/* @__PURE__ */ s.jsx("ul", { id: t, hidden: !l, children: n.map(({ href:
|
|
2395
|
+
/* @__PURE__ */ s.jsx("ul", { id: t, hidden: !l, children: n.map(({ href: c, onClick: m, text: d, icon: p, ...h }, g) => {
|
|
2396
2396
|
const v = {
|
|
2397
2397
|
...h,
|
|
2398
2398
|
onClick: (_) => {
|
|
@@ -2407,7 +2407,7 @@ const Dr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
|
|
|
2407
2407
|
}, 100);
|
|
2408
2408
|
}
|
|
2409
2409
|
};
|
|
2410
|
-
return
|
|
2410
|
+
return c && (v.href = c), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
|
|
2411
2411
|
W,
|
|
2412
2412
|
{
|
|
2413
2413
|
variant: "tertiary",
|
|
@@ -2445,14 +2445,14 @@ const Rr = [
|
|
|
2445
2445
|
], Ar = ({ activeLink: e }) => {
|
|
2446
2446
|
const t = C(), n = we(Se), r = n && typeof n.id == "string";
|
|
2447
2447
|
return /* @__PURE__ */ s.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
|
|
2448
|
-
Rr.map(({ key: o, href:
|
|
2448
|
+
Rr.map(({ key: o, href: i }) => /* @__PURE__ */ s.jsx(
|
|
2449
2449
|
"li",
|
|
2450
2450
|
{
|
|
2451
|
-
className: E(o, { active: Pr(
|
|
2451
|
+
className: E(o, { active: Pr(i, e) }),
|
|
2452
2452
|
children: /* @__PURE__ */ s.jsx(
|
|
2453
2453
|
"a",
|
|
2454
2454
|
{
|
|
2455
|
-
href:
|
|
2455
|
+
href: i,
|
|
2456
2456
|
"data-gtm-event-type": `${o}-click`,
|
|
2457
2457
|
"data-gtm-event-context": "NavigationMenu",
|
|
2458
2458
|
className: "gtm-trackable",
|
|
@@ -2531,13 +2531,13 @@ const Lr = "shareLinks_", fo = ({
|
|
|
2531
2531
|
referrer: n,
|
|
2532
2532
|
gtmContext: r = "ShareLinks",
|
|
2533
2533
|
size: o = "large",
|
|
2534
|
-
variant:
|
|
2534
|
+
variant: i = "default",
|
|
2535
2535
|
className: l = ""
|
|
2536
2536
|
}) => {
|
|
2537
2537
|
const a = C(), u = Fr({ title: e, link: t, referrer: n });
|
|
2538
|
-
return /* @__PURE__ */ s.jsxs("aside", { className: E("share-links", o,
|
|
2538
|
+
return /* @__PURE__ */ s.jsxs("aside", { className: E("share-links", o, i, l), children: [
|
|
2539
2539
|
/* @__PURE__ */ s.jsx("p", { className: "text-small", children: a.formatMessage({ id: "shareLinks_label" }) }),
|
|
2540
|
-
/* @__PURE__ */ s.jsx("ul", { children: u.map(({ key:
|
|
2540
|
+
/* @__PURE__ */ s.jsx("ul", { children: u.map(({ key: c, icon: m, url: d, shouldRender: p = !0, onClick: h }) => {
|
|
2541
2541
|
if (typeof p == "function" && !p())
|
|
2542
2542
|
return null;
|
|
2543
2543
|
const g = {};
|
|
@@ -2546,69 +2546,69 @@ const Lr = "shareLinks_", fo = ({
|
|
|
2546
2546
|
{
|
|
2547
2547
|
size: o,
|
|
2548
2548
|
variant: "tertiary",
|
|
2549
|
-
icon: { icon: m ||
|
|
2549
|
+
icon: { icon: m || c },
|
|
2550
2550
|
href: d,
|
|
2551
2551
|
target: "_blank",
|
|
2552
2552
|
rel: "noopener noreferrer",
|
|
2553
2553
|
className: "gtm-trackable",
|
|
2554
2554
|
"data-gtm-event-context": `${r}-SocialButtons`,
|
|
2555
|
-
"data-gtm-event-type": `${
|
|
2555
|
+
"data-gtm-event-type": `${c}-click`,
|
|
2556
2556
|
"data-testid": "link",
|
|
2557
|
-
screenreaderText: a.formatMessage({ id: `${Lr}link_${
|
|
2557
|
+
screenreaderText: a.formatMessage({ id: `${Lr}link_${c}` }),
|
|
2558
2558
|
...g
|
|
2559
2559
|
}
|
|
2560
|
-
) },
|
|
2560
|
+
) }, c);
|
|
2561
2561
|
}) })
|
|
2562
2562
|
] });
|
|
2563
2563
|
};
|
|
2564
2564
|
const ho = ({ tabs: e, className: t = "" }) => {
|
|
2565
2565
|
var u;
|
|
2566
|
-
const n = (
|
|
2567
|
-
let r = e.findIndex((
|
|
2566
|
+
const n = (c, m, d) => (c || (c = `panel-${window.btoa(m)}-${d}`), c);
|
|
2567
|
+
let r = e.findIndex((c) => c.current === !0);
|
|
2568
2568
|
if (r < 0 && (r = 0), window.location.hash) {
|
|
2569
|
-
const
|
|
2570
|
-
if (e.find((d) => d.id ===
|
|
2569
|
+
const c = window.location.hash.replace("#", "");
|
|
2570
|
+
if (e.find((d) => d.id === c)) {
|
|
2571
2571
|
for (let d = 0; d < e.length; d++)
|
|
2572
|
-
if (n(e[d].id, e[d].text, d) ===
|
|
2572
|
+
if (n(e[d].id, e[d].text, d) === c) {
|
|
2573
2573
|
r = d;
|
|
2574
2574
|
break;
|
|
2575
2575
|
}
|
|
2576
2576
|
}
|
|
2577
2577
|
}
|
|
2578
|
-
const [o,
|
|
2578
|
+
const [o, i] = R(
|
|
2579
2579
|
(u = e[r]) != null && u.id ? e[r].id : n(e[r].id, e[r].text, r)
|
|
2580
2580
|
), l = [], a = [];
|
|
2581
|
-
return e.forEach(({ id:
|
|
2582
|
-
|
|
2583
|
-
const g = o ===
|
|
2584
|
-
p || (v["aria-controls"] =
|
|
2585
|
-
_.preventDefault(), _.stopPropagation(), c
|
|
2581
|
+
return e.forEach(({ id: c, text: m, content: d, href: p }, h) => {
|
|
2582
|
+
c = n(c, m, h);
|
|
2583
|
+
const g = o === c, v = {};
|
|
2584
|
+
p || (v["aria-controls"] = c, v.onClick = (_) => {
|
|
2585
|
+
_.preventDefault(), _.stopPropagation(), i(c), window.location.hash = `#${c}`;
|
|
2586
2586
|
}, a.push(
|
|
2587
2587
|
/* @__PURE__ */ s.jsx(
|
|
2588
2588
|
"section",
|
|
2589
2589
|
{
|
|
2590
|
-
id:
|
|
2590
|
+
id: c,
|
|
2591
2591
|
hidden: !g,
|
|
2592
2592
|
role: "tabpanel",
|
|
2593
|
-
"aria-labelledby": `tab-${
|
|
2593
|
+
"aria-labelledby": `tab-${c}`,
|
|
2594
2594
|
"aria-live": g ? "assertive" : "off",
|
|
2595
2595
|
children: typeof d == "string" ? /* @__PURE__ */ s.jsx("p", { children: d }) : d
|
|
2596
2596
|
},
|
|
2597
|
-
`section-${
|
|
2597
|
+
`section-${c}`
|
|
2598
2598
|
)
|
|
2599
2599
|
)), l.push(
|
|
2600
2600
|
/* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
|
|
2601
2601
|
"a",
|
|
2602
2602
|
{
|
|
2603
|
-
href: p || `#${
|
|
2604
|
-
id: `tab-${
|
|
2603
|
+
href: p || `#${c}`,
|
|
2604
|
+
id: `tab-${c}`,
|
|
2605
2605
|
className: E({ selected: g }),
|
|
2606
2606
|
role: "tab",
|
|
2607
2607
|
"aria-selected": g,
|
|
2608
2608
|
...v,
|
|
2609
2609
|
children: m
|
|
2610
2610
|
}
|
|
2611
|
-
) }, `tab-${
|
|
2611
|
+
) }, `tab-${c}`)
|
|
2612
2612
|
);
|
|
2613
2613
|
}), /* @__PURE__ */ s.jsxs("div", { className: E("tabs-wrapper", t), children: [
|
|
2614
2614
|
/* @__PURE__ */ s.jsx("ul", { className: "tabs", role: "tablist", children: l }),
|
|
@@ -2625,21 +2625,21 @@ const Ir = {
|
|
|
2625
2625
|
children: r
|
|
2626
2626
|
}) => {
|
|
2627
2627
|
const o = kt(!0);
|
|
2628
|
-
let
|
|
2629
|
-
return D.Children.count(r) === 1 && (
|
|
2628
|
+
let i = r;
|
|
2629
|
+
return D.Children.count(r) === 1 && (i = D.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ s.jsx("section", { className: E("columns", `layout-${e}`, n), children: D.Children.map(i, (l, a) => t !== !1 && a === t && o && o < Ir[e] ? null : l) });
|
|
2630
2630
|
}, po = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(Or, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
2631
2631
|
/* @__PURE__ */ s.jsx(Ar, { activeLink: e }),
|
|
2632
2632
|
/* @__PURE__ */ s.jsx(_r, { ...t })
|
|
2633
2633
|
] }) });
|
|
2634
2634
|
const Ot = "cookieBanner_", Bt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], Ht = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), Br = () => {
|
|
2635
|
-
const e = C(), [t, n, r] = Ns(Bt), [o,
|
|
2635
|
+
const e = C(), [t, n, r] = Ns(Bt), [o, i] = R(!t["apol-cookie-banner"]), l = () => {
|
|
2636
2636
|
Bt.forEach((m) => {
|
|
2637
2637
|
n(m, !0, {
|
|
2638
2638
|
path: "/",
|
|
2639
2639
|
expires: Ht,
|
|
2640
2640
|
domain: m === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
|
|
2641
2641
|
});
|
|
2642
|
-
}),
|
|
2642
|
+
}), i(!1), window.location.reload();
|
|
2643
2643
|
}, a = () => {
|
|
2644
2644
|
n("apol-cookie-banner", !0, {
|
|
2645
2645
|
path: "/",
|
|
@@ -2653,7 +2653,7 @@ const Ot = "cookieBanner_", Bt = ["apol-cookie-banner", "apolitical-performance-
|
|
|
2653
2653
|
return;
|
|
2654
2654
|
}
|
|
2655
2655
|
r(m);
|
|
2656
|
-
}),
|
|
2656
|
+
}), i(!1);
|
|
2657
2657
|
};
|
|
2658
2658
|
if (!o)
|
|
2659
2659
|
return null;
|
|
@@ -2661,9 +2661,9 @@ const Ot = "cookieBanner_", Bt = ["apol-cookie-banner", "apolitical-performance-
|
|
|
2661
2661
|
{ id: "settings", href: "/pages/cookie-policy", gtmType: "policy-page" },
|
|
2662
2662
|
{ id: "reject", onClick: a, gtmType: "reject-all" },
|
|
2663
2663
|
{ id: "accept", onClick: l, gtmType: "accepted-all" }
|
|
2664
|
-
],
|
|
2664
|
+
], c = [];
|
|
2665
2665
|
return u.forEach((m) => {
|
|
2666
|
-
|
|
2666
|
+
c.push({
|
|
2667
2667
|
variant: m.href ? "tertiary" : "primary",
|
|
2668
2668
|
href: m.href,
|
|
2669
2669
|
onClick: m.onClick,
|
|
@@ -2675,7 +2675,7 @@ const Ot = "cookieBanner_", Bt = ["apol-cookie-banner", "apolitical-performance-
|
|
|
2675
2675
|
}), /* @__PURE__ */ s.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
|
|
2676
2676
|
/* @__PURE__ */ s.jsx("h6", { children: e.formatMessage({ id: `${Ot}title` }) }),
|
|
2677
2677
|
/* @__PURE__ */ s.jsx("p", { children: e.formatMessage({ id: `${Ot}text` }) }),
|
|
2678
|
-
/* @__PURE__ */ s.jsx(jt, { buttons:
|
|
2678
|
+
/* @__PURE__ */ s.jsx(jt, { buttons: c })
|
|
2679
2679
|
] });
|
|
2680
2680
|
}, Ne = {
|
|
2681
2681
|
platform: {
|
|
@@ -2771,7 +2771,7 @@ const Ot = "cookieBanner_", Bt = ["apol-cookie-banner", "apolitical-performance-
|
|
|
2771
2771
|
facebook: { href: "https://www.facebook.com/apoliticalco" }
|
|
2772
2772
|
}
|
|
2773
2773
|
};
|
|
2774
|
-
const Be = "footer_", ht = "SiteFooter",
|
|
2774
|
+
const Be = "footer_", ht = "SiteFooter", En = ({ group: e }) => {
|
|
2775
2775
|
const t = Ne[e].order || [];
|
|
2776
2776
|
let n = !1;
|
|
2777
2777
|
return "text" in Ne[e] && (n = Ne[e].text), /* @__PURE__ */ s.jsxs(Yt, { children: [
|
|
@@ -2779,14 +2779,14 @@ const Be = "footer_", ht = "SiteFooter", yn = ({ group: e }) => {
|
|
|
2779
2779
|
Array.isArray(t) && t.length > 0 && /* @__PURE__ */ s.jsx("ul", { className: "text-medium", children: t.map((r) => {
|
|
2780
2780
|
if (["order", "child", "text"].includes(r))
|
|
2781
2781
|
return null;
|
|
2782
|
-
const { href: o, gtmType:
|
|
2782
|
+
const { href: o, gtmType: i } = Ne[e][r], l = {};
|
|
2783
2783
|
return ["legal"].includes(e) && (l.target = "_blank", l.rel = "noopener"), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
|
|
2784
2784
|
"a",
|
|
2785
2785
|
{
|
|
2786
2786
|
href: o,
|
|
2787
2787
|
className: "gtm-trackable",
|
|
2788
2788
|
"data-gtm-event-context": ht,
|
|
2789
|
-
"data-gtm-event-type":
|
|
2789
|
+
"data-gtm-event-type": i,
|
|
2790
2790
|
...l,
|
|
2791
2791
|
children: /* @__PURE__ */ s.jsx(Pe, { id: `${Be}${e}_${r}` })
|
|
2792
2792
|
}
|
|
@@ -2809,10 +2809,10 @@ const Be = "footer_", ht = "SiteFooter", yn = ({ group: e }) => {
|
|
|
2809
2809
|
] })
|
|
2810
2810
|
] }, `dl-${e}-${r}`)) })
|
|
2811
2811
|
] }, e);
|
|
2812
|
-
},
|
|
2813
|
-
/* @__PURE__ */ s.jsx(
|
|
2812
|
+
}, Xn = () => /* @__PURE__ */ s.jsx("div", { id: "footer", children: /* @__PURE__ */ s.jsxs("div", { className: "wrapper", children: [
|
|
2813
|
+
/* @__PURE__ */ s.jsx(Fn, { element: "hr" }),
|
|
2814
2814
|
/* @__PURE__ */ s.jsx(
|
|
2815
|
-
|
|
2815
|
+
qn,
|
|
2816
2816
|
{
|
|
2817
2817
|
variant: "inverted",
|
|
2818
2818
|
version: "full",
|
|
@@ -2822,8 +2822,8 @@ const Be = "footer_", ht = "SiteFooter", yn = ({ group: e }) => {
|
|
|
2822
2822
|
}
|
|
2823
2823
|
),
|
|
2824
2824
|
/* @__PURE__ */ s.jsx("footer", { children: ["platform", "community", "company", "contact"].map((e) => /* @__PURE__ */ s.jsxs("div", { className: "group", children: [
|
|
2825
|
-
/* @__PURE__ */ s.jsx(
|
|
2826
|
-
Object.keys(Ne[e]).includes("child") && /* @__PURE__ */ s.jsx(
|
|
2825
|
+
/* @__PURE__ */ s.jsx(En, { group: e }),
|
|
2826
|
+
Object.keys(Ne[e]).includes("child") && /* @__PURE__ */ s.jsx(En, { group: Ne[e].child })
|
|
2827
2827
|
] }, e)) }),
|
|
2828
2828
|
/* @__PURE__ */ s.jsx("hr", {}),
|
|
2829
2829
|
/* @__PURE__ */ s.jsxs("div", { className: "sub-footer", children: [
|
|
@@ -2846,7 +2846,7 @@ const Be = "footer_", ht = "SiteFooter", yn = ({ group: e }) => {
|
|
|
2846
2846
|
] })
|
|
2847
2847
|
] }) });
|
|
2848
2848
|
const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
|
|
2849
|
-
const o = C(), [
|
|
2849
|
+
const o = C(), [i, l] = R({ path: `${ot}default`, type: "default", link: {}, mail: {}, error: "" }), [a, u] = R(!1), c = Ae(
|
|
2850
2850
|
(h) => {
|
|
2851
2851
|
h.preventDefault(), h.stopPropagation();
|
|
2852
2852
|
const g = (v) => {
|
|
@@ -2857,7 +2857,7 @@ const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, re
|
|
|
2857
2857
|
"data-gtm-event-context": "VerifyEmailBox",
|
|
2858
2858
|
"data-gtm-event-type": "SendEmailClick",
|
|
2859
2859
|
className: "gtm-trackable",
|
|
2860
|
-
onClick: (_) =>
|
|
2860
|
+
onClick: (_) => c(_),
|
|
2861
2861
|
href: "#",
|
|
2862
2862
|
"data-testid": "send-verify-email-click"
|
|
2863
2863
|
},
|
|
@@ -2913,7 +2913,7 @@ const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, re
|
|
|
2913
2913
|
"data-gtm-event-context": "VerifyEmailBox",
|
|
2914
2914
|
"data-gtm-event-type": "SendEmailClick",
|
|
2915
2915
|
className: "gtm-trackable",
|
|
2916
|
-
onClick: (y) =>
|
|
2916
|
+
onClick: (y) => c(y),
|
|
2917
2917
|
"data-testid": "send-verify-email-click"
|
|
2918
2918
|
};
|
|
2919
2919
|
break;
|
|
@@ -2937,15 +2937,15 @@ const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, re
|
|
|
2937
2937
|
};
|
|
2938
2938
|
break;
|
|
2939
2939
|
}
|
|
2940
|
-
l({ ...
|
|
2940
|
+
l({ ...i, path: h, type: g, link: v, mail: _ });
|
|
2941
2941
|
},
|
|
2942
2942
|
/* eslint-disable react-hooks/exhaustive-deps */
|
|
2943
2943
|
[e]
|
|
2944
2944
|
);
|
|
2945
2945
|
const m = {};
|
|
2946
2946
|
return ["link", "mail"].forEach((h) => {
|
|
2947
|
-
m[h] = Object.keys(
|
|
2948
|
-
}), /* @__PURE__ */ s.jsx(cr, { type:
|
|
2947
|
+
m[h] = Object.keys(i[h]).length ? (g) => /* @__PURE__ */ s.jsx("a", { ...i[h], children: g }) : (g) => g;
|
|
2948
|
+
}), /* @__PURE__ */ s.jsx(cr, { type: i.type, heading: a ? !1 : o.formatMessage({ id: `${i.path}_title` }), children: a ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
2949
2949
|
/* @__PURE__ */ s.jsx(Te, { element: "span" }),
|
|
2950
2950
|
/* @__PURE__ */ s.jsx(Te, { element: "span" })
|
|
2951
2951
|
] }) : (
|
|
@@ -2953,7 +2953,7 @@ const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, re
|
|
|
2953
2953
|
// @ts-ignore
|
|
2954
2954
|
// `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
|
|
2955
2955
|
o.formatMessage(
|
|
2956
|
-
{ id: `${
|
|
2956
|
+
{ id: `${i.path}_text` },
|
|
2957
2957
|
{
|
|
2958
2958
|
...m,
|
|
2959
2959
|
strong: (h) => /* @__PURE__ */ s.jsx("strong", { children: h }),
|
|
@@ -2962,20 +2962,20 @@ const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, re
|
|
|
2962
2962
|
/* @__PURE__ */ s.jsx("br", {}),
|
|
2963
2963
|
/* @__PURE__ */ s.jsx("br", {})
|
|
2964
2964
|
] }),
|
|
2965
|
-
error:
|
|
2965
|
+
error: i.error
|
|
2966
2966
|
}
|
|
2967
2967
|
)
|
|
2968
2968
|
) });
|
|
2969
2969
|
};
|
|
2970
|
-
const it = "passwordRules_",
|
|
2971
|
-
[
|
|
2972
|
-
[
|
|
2973
|
-
[
|
|
2970
|
+
const it = "passwordRules_", Zn = "isMoreThanEightCharacters", Kn = "includesNumberAndSymbol", es = "includesLowerAndUppercase", Hr = {
|
|
2971
|
+
[Zn]: "8Characters",
|
|
2972
|
+
[Kn]: "numberSymbol",
|
|
2973
|
+
[es]: "lowercaseUppercase"
|
|
2974
2974
|
}, Qr = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
|
|
2975
2975
|
const n = C();
|
|
2976
2976
|
return /* @__PURE__ */ s.jsxs("aside", { className: E("password-rules", t), children: [
|
|
2977
2977
|
/* @__PURE__ */ s.jsx("small", { children: n.formatMessage({ id: `${it}intro` }) }),
|
|
2978
|
-
/* @__PURE__ */ s.jsx("ul", { children: [
|
|
2978
|
+
/* @__PURE__ */ s.jsx("ul", { children: [Zn, Kn, es].map((r) => /* @__PURE__ */ s.jsxs("li", { className: E({ matches: e[r] }), children: [
|
|
2979
2979
|
/* @__PURE__ */ s.jsxs(ue, { children: [
|
|
2980
2980
|
n.formatMessage({ id: `${it}rule_label` }),
|
|
2981
2981
|
" "
|
|
@@ -2995,15 +2995,15 @@ const xo = ({
|
|
|
2995
2995
|
functions: { createRating: n = () => null, updateRating: r = () => {
|
|
2996
2996
|
}, reportError: o = () => {
|
|
2997
2997
|
} },
|
|
2998
|
-
className:
|
|
2998
|
+
className: i = "",
|
|
2999
2999
|
hasLoaded: l = !1
|
|
3000
3000
|
}) => {
|
|
3001
|
-
const a = C(), [u,
|
|
3001
|
+
const a = C(), [u, c] = R({ setUp: !1, id: null, rating: null, disabled: !0 }), m = async () => {
|
|
3002
3002
|
try {
|
|
3003
3003
|
const y = await n();
|
|
3004
|
-
|
|
3004
|
+
c((w) => ({ ...w, setUp: !0, id: y && y.id, disabled: !1 }));
|
|
3005
3005
|
} catch (y) {
|
|
3006
|
-
|
|
3006
|
+
c((w) => ({ ...w, setUp: !0, disabled: !0 })), o(y);
|
|
3007
3007
|
}
|
|
3008
3008
|
};
|
|
3009
3009
|
if (G(() => {
|
|
@@ -3019,14 +3019,14 @@ const xo = ({
|
|
|
3019
3019
|
}, _ = async (y) => {
|
|
3020
3020
|
if (!(!d || h))
|
|
3021
3021
|
try {
|
|
3022
|
-
|
|
3022
|
+
c((w) => ({ ...w, rating: y, disabled: !0 })), await r({ id: d, value: y });
|
|
3023
3023
|
} catch (w) {
|
|
3024
|
-
|
|
3024
|
+
c((x) => ({ ...x, rating: null })), o(w);
|
|
3025
3025
|
} finally {
|
|
3026
|
-
|
|
3026
|
+
c((w) => ({ ...w, disabled: !1 }));
|
|
3027
3027
|
}
|
|
3028
3028
|
};
|
|
3029
|
-
return /* @__PURE__ */ s.jsxs("div", { className: E("rating",
|
|
3029
|
+
return /* @__PURE__ */ s.jsxs("div", { className: E("rating", i), children: [
|
|
3030
3030
|
/* @__PURE__ */ s.jsx("span", { className: "label", children: v[p ? "success" : "text"] }),
|
|
3031
3031
|
/* @__PURE__ */ s.jsx("ol", { children: Array.from(new Array(t).keys()).map((y) => {
|
|
3032
3032
|
const w = y + 1;
|
|
@@ -3055,14 +3055,14 @@ const Ur = ({
|
|
|
3055
3055
|
handleToggle: n = !1,
|
|
3056
3056
|
defaultValue: r = "",
|
|
3057
3057
|
gtmContext: o = "search-bar",
|
|
3058
|
-
gtmEvent:
|
|
3058
|
+
gtmEvent: i = "form-submission"
|
|
3059
3059
|
}) => {
|
|
3060
|
-
const { searchIsOpen: l = !0, isDesktopVersion: a = !1 } = n || {}, u = C(),
|
|
3060
|
+
const { searchIsOpen: l = !0, isDesktopVersion: a = !1 } = n || {}, u = C(), c = ae(null);
|
|
3061
3061
|
Qe(() => {
|
|
3062
|
-
!n || a || !l ||
|
|
3062
|
+
!n || a || !l || c.current && c.current.focus();
|
|
3063
3063
|
}, [l]);
|
|
3064
3064
|
const m = (d) => {
|
|
3065
|
-
d.preventDefault(), d.stopPropagation(), !(!
|
|
3065
|
+
d.preventDefault(), d.stopPropagation(), !(!c.current || !c.current.value || c.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(c.current.value)}`);
|
|
3066
3066
|
};
|
|
3067
3067
|
return /* @__PURE__ */ s.jsx(
|
|
3068
3068
|
"form",
|
|
@@ -3070,13 +3070,13 @@ const Ur = ({
|
|
|
3070
3070
|
onSubmit: m,
|
|
3071
3071
|
className: E("search-form gtm-trackable", t),
|
|
3072
3072
|
"data-gtm-event-context": o,
|
|
3073
|
-
"data-gtm-event-type":
|
|
3073
|
+
"data-gtm-event-type": i,
|
|
3074
3074
|
children: /* @__PURE__ */ s.jsx("fieldset", { id: `${e}-form`, hidden: n ? !l : !1, role: "search", children: /* @__PURE__ */ s.jsxs("p", { children: [
|
|
3075
3075
|
/* @__PURE__ */ s.jsx(ue, { element: "label", htmlFor: e, children: u.formatMessage({ id: "search_label" }) }),
|
|
3076
3076
|
/* @__PURE__ */ s.jsx(
|
|
3077
3077
|
"input",
|
|
3078
3078
|
{
|
|
3079
|
-
ref:
|
|
3079
|
+
ref: c,
|
|
3080
3080
|
type: "search",
|
|
3081
3081
|
id: e,
|
|
3082
3082
|
name: e,
|
|
@@ -3092,7 +3092,7 @@ const Ur = ({
|
|
|
3092
3092
|
{
|
|
3093
3093
|
className: "clear",
|
|
3094
3094
|
onClick: (d) => {
|
|
3095
|
-
d.preventDefault(), d.stopPropagation(),
|
|
3095
|
+
d.preventDefault(), d.stopPropagation(), c.current && c.current.value && (c.current.value = "");
|
|
3096
3096
|
},
|
|
3097
3097
|
children: /* @__PURE__ */ s.jsx(ue, { children: u.formatMessage({ id: "search_clear" }) })
|
|
3098
3098
|
}
|
|
@@ -3108,14 +3108,14 @@ const Wr = ({
|
|
|
3108
3108
|
ctaMessage: n,
|
|
3109
3109
|
titleColor: r,
|
|
3110
3110
|
labelColor: o,
|
|
3111
|
-
backgroundColor:
|
|
3111
|
+
backgroundColor: i,
|
|
3112
3112
|
onClose: l,
|
|
3113
3113
|
reportError: a,
|
|
3114
3114
|
sendInvites: u,
|
|
3115
|
-
initialFormStatus:
|
|
3115
|
+
initialFormStatus: c = "NOT_SUBMITTED"
|
|
3116
3116
|
/* NOT_SUBMITTED */
|
|
3117
3117
|
}) => {
|
|
3118
|
-
const [m, d] = R([]), [p, h] = R(!0), [g, v] = R(
|
|
3118
|
+
const [m, d] = R([]), [p, h] = R(!0), [g, v] = R(c), { formatMessage: _ } = C(), y = async ($) => {
|
|
3119
3119
|
$.preventDefault();
|
|
3120
3120
|
try {
|
|
3121
3121
|
await u(m), d([]), v(
|
|
@@ -3152,7 +3152,7 @@ const Wr = ({
|
|
|
3152
3152
|
] }) : /* @__PURE__ */ s.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ s.jsxs(
|
|
3153
3153
|
"form",
|
|
3154
3154
|
{
|
|
3155
|
-
style: { backgroundColor:
|
|
3155
|
+
style: { backgroundColor: i },
|
|
3156
3156
|
onSubmit: y,
|
|
3157
3157
|
className: E("invite-form gtm-trackable"),
|
|
3158
3158
|
children: [
|
|
@@ -3201,13 +3201,13 @@ const Wr = ({
|
|
|
3201
3201
|
const n = {
|
|
3202
3202
|
navigation: { loggedIn: 769, loggedOut: 881 },
|
|
3203
3203
|
search: { loggedIn: 961, loggedOut: 1121 }
|
|
3204
|
-
}, r = (
|
|
3204
|
+
}, r = (i) => {
|
|
3205
3205
|
const l = `logged${e ? "In" : "Out"}`;
|
|
3206
|
-
return t >= n[
|
|
3206
|
+
return t >= n[i][l];
|
|
3207
3207
|
};
|
|
3208
3208
|
let o = {};
|
|
3209
|
-
return ["navigation", "search"].forEach((
|
|
3210
|
-
o[
|
|
3209
|
+
return ["navigation", "search"].forEach((i) => {
|
|
3210
|
+
o[i] = r(i);
|
|
3211
3211
|
}), o;
|
|
3212
3212
|
},
|
|
3213
3213
|
shouldChangeHeaderIsVisible: (e, t, n) => {
|
|
@@ -3220,10 +3220,10 @@ const Wr = ({
|
|
|
3220
3220
|
if (!t && U.handlerCalled[e] && o - U.handlerCalled[e] < 500)
|
|
3221
3221
|
return;
|
|
3222
3222
|
U.handlerCalled[e] = o;
|
|
3223
|
-
let
|
|
3223
|
+
let i = [{ type: `menus.${e}`, value: t }];
|
|
3224
3224
|
t === !0 && Object.keys(n).forEach((l) => {
|
|
3225
|
-
l === e || n[l] === !1 ||
|
|
3226
|
-
}), r(
|
|
3225
|
+
l === e || n[l] === !1 || i.push({ type: `menus.${l}`, value: !1 });
|
|
3226
|
+
}), r(i);
|
|
3227
3227
|
},
|
|
3228
3228
|
// Find the first child inside a ref that matches the `key` (and optional `value`) we're looking for,
|
|
3229
3229
|
// so we can automatically focus on the first link inside a menu for accessibility.
|
|
@@ -3240,7 +3240,7 @@ const Wr = ({
|
|
|
3240
3240
|
return e[r];
|
|
3241
3241
|
if (!t.includes("."))
|
|
3242
3242
|
continue;
|
|
3243
|
-
const o =
|
|
3243
|
+
const o = Rn(e[r], t);
|
|
3244
3244
|
if (!(typeof o > "u") && (!n || o[t] && o[t].includes(n) || o.value && o.value.includes(n) || o.toString().includes(n)))
|
|
3245
3245
|
return e[r];
|
|
3246
3246
|
}
|
|
@@ -3249,9 +3249,9 @@ const Wr = ({
|
|
|
3249
3249
|
autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: r, dispatch: o }) => {
|
|
3250
3250
|
if (!t.current || !t.current.children)
|
|
3251
3251
|
return;
|
|
3252
|
-
const
|
|
3253
|
-
if (r[e][
|
|
3254
|
-
r[e][
|
|
3252
|
+
const i = n ? "desktop" : "default";
|
|
3253
|
+
if (r[e][i]) {
|
|
3254
|
+
r[e][i].focus();
|
|
3255
3255
|
return;
|
|
3256
3256
|
}
|
|
3257
3257
|
let l, a;
|
|
@@ -3276,7 +3276,7 @@ const Wr = ({
|
|
|
3276
3276
|
default:
|
|
3277
3277
|
return;
|
|
3278
3278
|
}
|
|
3279
|
-
l && (o([{ type: `focusElements.${e}.${
|
|
3279
|
+
l && (o([{ type: `focusElements.${e}.${i}`, value: l }]), l.focus());
|
|
3280
3280
|
},
|
|
3281
3281
|
events: {
|
|
3282
3282
|
onClick: (e, { id: t, callback: n, isOpen: r }) => {
|
|
@@ -3377,12 +3377,12 @@ const Wr = ({
|
|
|
3377
3377
|
menus: r = {},
|
|
3378
3378
|
callback: o = () => {
|
|
3379
3379
|
},
|
|
3380
|
-
doTrack:
|
|
3380
|
+
doTrack: i = null
|
|
3381
3381
|
}) => {
|
|
3382
|
-
const l = C(), a =
|
|
3382
|
+
const l = C(), a = Rn(pt, e);
|
|
3383
3383
|
if (!a || a.onlyShow && (a.onlyShow === "logged-in" && !t || a.onlyShow === "logged-out" && t))
|
|
3384
3384
|
return null;
|
|
3385
|
-
const u = "doTrack" in a,
|
|
3385
|
+
const u = "doTrack" in a, c = i === null ? u ? a.doTrack : !0 : i, m = e.includes("buttons.");
|
|
3386
3386
|
let d = `header_${e.replaceAll(".", "_")}`;
|
|
3387
3387
|
a.hasVariantText && (d += `_logged${t ? "In" : "Out"}`);
|
|
3388
3388
|
let p = !1;
|
|
@@ -3395,7 +3395,7 @@ const Wr = ({
|
|
|
3395
3395
|
p = {
|
|
3396
3396
|
href: a.href,
|
|
3397
3397
|
role: "menuitem"
|
|
3398
|
-
},
|
|
3398
|
+
}, c && (p = {
|
|
3399
3399
|
...p,
|
|
3400
3400
|
className: "gtm-trackable",
|
|
3401
3401
|
"data-gtm-event-type": w,
|
|
@@ -3442,7 +3442,7 @@ const Wr = ({
|
|
|
3442
3442
|
isDesktopVersion: n,
|
|
3443
3443
|
menus: r,
|
|
3444
3444
|
callback: o,
|
|
3445
|
-
doTrack: u ?
|
|
3445
|
+
doTrack: u ? c : null
|
|
3446
3446
|
};
|
|
3447
3447
|
return a[w].order ? /* @__PURE__ */ s.jsxs("li", { className: E({ [a[w].className]: a[w].className }), children: [
|
|
3448
3448
|
l.formatMessage({ id: `${d}_${w}` }),
|
|
@@ -3451,8 +3451,8 @@ const Wr = ({
|
|
|
3451
3451
|
}) })
|
|
3452
3452
|
] }, e);
|
|
3453
3453
|
};
|
|
3454
|
-
const zr = { height: 67, height_desktop: 83 },
|
|
3455
|
-
const t = C(), n = we(Se), r = kt(!0, !0), o = n && typeof n.id == "string",
|
|
3454
|
+
const zr = { height: 67, height_desktop: 83 }, ts = ({ showNavigation: e = !0 }) => {
|
|
3455
|
+
const t = C(), n = we(Se), r = kt(!0, !0), o = n && typeof n.id == "string", i = bt(
|
|
3456
3456
|
() => U.getIsDesktopVersion(o, r),
|
|
3457
3457
|
[o, r]
|
|
3458
3458
|
), [l, a] = ws(tr, {
|
|
@@ -3462,38 +3462,38 @@ const zr = { height: 67, height_desktop: 83 }, es = ({ showNavigation: e = !0 })
|
|
|
3462
3462
|
navigation: { desktop: !1, default: !1 },
|
|
3463
3463
|
account: { desktop: !1, default: !1 }
|
|
3464
3464
|
}
|
|
3465
|
-
}), { headerIsVisible: u, menus:
|
|
3465
|
+
}), { headerIsVisible: u, menus: c, focusElements: m } = l;
|
|
3466
3466
|
Ws({
|
|
3467
|
-
scrollPosition: zr[`height${
|
|
3467
|
+
scrollPosition: zr[`height${i.navigation ? "_desktop" : ""}`],
|
|
3468
3468
|
callbacks: {
|
|
3469
3469
|
scrollUp: () => {
|
|
3470
|
-
!
|
|
3470
|
+
!i && c.navigation || U.shouldChangeHeaderIsVisible(!0, c, a);
|
|
3471
3471
|
},
|
|
3472
3472
|
scrollDown: () => {
|
|
3473
|
-
!
|
|
3473
|
+
!i && c.navigation || U.shouldChangeHeaderIsVisible(!1, c, a);
|
|
3474
3474
|
}
|
|
3475
3475
|
}
|
|
3476
3476
|
});
|
|
3477
3477
|
const d = (h, g) => {
|
|
3478
|
-
U.handleMenus({ id: h, value: g, menus:
|
|
3478
|
+
U.handleMenus({ id: h, value: g, menus: c, dispatch: a });
|
|
3479
3479
|
}, p = ae(null);
|
|
3480
3480
|
return Qe(() => {
|
|
3481
|
-
|
|
3481
|
+
c.navigation && U.autoFocus({
|
|
3482
3482
|
menu: "navigation",
|
|
3483
3483
|
navigationRef: p,
|
|
3484
|
-
isDesktopVersion:
|
|
3484
|
+
isDesktopVersion: i.navigation,
|
|
3485
3485
|
focusElements: m,
|
|
3486
3486
|
dispatch: a
|
|
3487
3487
|
});
|
|
3488
|
-
}, [
|
|
3489
|
-
|
|
3488
|
+
}, [c.navigation]), Qe(() => {
|
|
3489
|
+
c.account && U.autoFocus({
|
|
3490
3490
|
menu: "account",
|
|
3491
3491
|
navigationRef: p,
|
|
3492
|
-
isDesktopVersion:
|
|
3492
|
+
isDesktopVersion: i.navigation,
|
|
3493
3493
|
focusElements: m,
|
|
3494
3494
|
dispatch: a
|
|
3495
3495
|
});
|
|
3496
|
-
}, [
|
|
3496
|
+
}, [c.account]), n && n.isLoading ? null : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
3497
3497
|
/* @__PURE__ */ s.jsxs(
|
|
3498
3498
|
"nav",
|
|
3499
3499
|
{
|
|
@@ -3512,22 +3512,22 @@ const zr = { height: 67, height_desktop: 83 }, es = ({ showNavigation: e = !0 })
|
|
|
3512
3512
|
children: t.formatMessage({ id: "header_skip" })
|
|
3513
3513
|
}
|
|
3514
3514
|
),
|
|
3515
|
-
/* @__PURE__ */ s.jsx(
|
|
3515
|
+
/* @__PURE__ */ s.jsx(qn, {}),
|
|
3516
3516
|
e && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
3517
|
-
!
|
|
3517
|
+
!i.navigation && /* @__PURE__ */ s.jsx(
|
|
3518
3518
|
"button",
|
|
3519
3519
|
{
|
|
3520
3520
|
className: "menu-button gtm-trackable",
|
|
3521
3521
|
onClick: (h) => {
|
|
3522
|
-
h.preventDefault(), h.stopPropagation(), d("navigation", !
|
|
3522
|
+
h.preventDefault(), h.stopPropagation(), d("navigation", !c.navigation);
|
|
3523
3523
|
},
|
|
3524
3524
|
"data-gtm-event-type": "open-tab-menu-click",
|
|
3525
3525
|
"data-gtm-event-context": "HeaderLeft-Chevron",
|
|
3526
3526
|
"aria-haspopup": "true",
|
|
3527
|
-
"aria-expanded":
|
|
3527
|
+
"aria-expanded": c.navigation,
|
|
3528
3528
|
"aria-controls": "navigation",
|
|
3529
3529
|
children: /* @__PURE__ */ s.jsx(ue, { children: t.formatMessage({
|
|
3530
|
-
id: `header_menu_${
|
|
3530
|
+
id: `header_menu_${c.navigation ? "hide" : "show"}`
|
|
3531
3531
|
}) })
|
|
3532
3532
|
}
|
|
3533
3533
|
),
|
|
@@ -3536,37 +3536,37 @@ const zr = { height: 67, height_desktop: 83 }, es = ({ showNavigation: e = !0 })
|
|
|
3536
3536
|
{
|
|
3537
3537
|
ref: p,
|
|
3538
3538
|
id: "navigation",
|
|
3539
|
-
hidden:
|
|
3539
|
+
hidden: i.navigation || c.account ? !1 : !c.navigation,
|
|
3540
3540
|
role: "menu",
|
|
3541
|
-
"data-showing": !
|
|
3541
|
+
"data-showing": !i.navigation && c.account ? "account" : "default",
|
|
3542
3542
|
children: pt.order.map((h) => /* @__PURE__ */ s.jsx(
|
|
3543
3543
|
gt,
|
|
3544
3544
|
{
|
|
3545
3545
|
id: h,
|
|
3546
3546
|
isLoggedIn: o,
|
|
3547
|
-
isDesktopVersion:
|
|
3548
|
-
menus: { navigation:
|
|
3547
|
+
isDesktopVersion: i.navigation,
|
|
3548
|
+
menus: { navigation: c.navigation, account: c.account },
|
|
3549
3549
|
callback: d
|
|
3550
3550
|
},
|
|
3551
3551
|
h
|
|
3552
3552
|
))
|
|
3553
3553
|
}
|
|
3554
3554
|
),
|
|
3555
|
-
!
|
|
3555
|
+
!i.search && /* @__PURE__ */ s.jsx(
|
|
3556
3556
|
"button",
|
|
3557
3557
|
{
|
|
3558
3558
|
className: "search toggle-search-button",
|
|
3559
3559
|
onClick: (h) => {
|
|
3560
|
-
h.preventDefault(), h.stopPropagation(), d("search", !
|
|
3560
|
+
h.preventDefault(), h.stopPropagation(), d("search", !c.search);
|
|
3561
3561
|
},
|
|
3562
3562
|
"aria-haspopup": "true",
|
|
3563
|
-
"aria-expanded":
|
|
3563
|
+
"aria-expanded": c.search,
|
|
3564
3564
|
"aria-controls": "search-form",
|
|
3565
3565
|
children: /* @__PURE__ */ s.jsx(
|
|
3566
3566
|
ue,
|
|
3567
3567
|
{
|
|
3568
3568
|
children: t.formatMessage({
|
|
3569
|
-
id: `header_search_${
|
|
3569
|
+
id: `header_search_${c.search ? "hide" : "show"}`
|
|
3570
3570
|
})
|
|
3571
3571
|
}
|
|
3572
3572
|
)
|
|
@@ -3577,8 +3577,8 @@ const zr = { height: 67, height_desktop: 83 }, es = ({ showNavigation: e = !0 })
|
|
|
3577
3577
|
{
|
|
3578
3578
|
id: "global-search",
|
|
3579
3579
|
handleToggle: {
|
|
3580
|
-
searchIsOpen:
|
|
3581
|
-
isDesktopVersion:
|
|
3580
|
+
searchIsOpen: c.search,
|
|
3581
|
+
isDesktopVersion: i.search
|
|
3582
3582
|
},
|
|
3583
3583
|
gtmContext: "search-bar-header",
|
|
3584
3584
|
gtmEvent: "form-submission"
|
|
@@ -3591,16 +3591,16 @@ const zr = { height: 67, height_desktop: 83 }, es = ({ showNavigation: e = !0 })
|
|
|
3591
3591
|
onClick: (h) => U.events.onClick(h, {
|
|
3592
3592
|
id: "account",
|
|
3593
3593
|
callback: d,
|
|
3594
|
-
isOpen:
|
|
3594
|
+
isOpen: c.account
|
|
3595
3595
|
}),
|
|
3596
3596
|
onMouseEnter: () => U.events.onMouseEnter({ id: "account", callback: d }),
|
|
3597
3597
|
onMouseLeave: () => U.events.onBlur({ id: "account", callback: d }),
|
|
3598
3598
|
"aria-haspopup": "true",
|
|
3599
|
-
"aria-expanded":
|
|
3599
|
+
"aria-expanded": c.account,
|
|
3600
3600
|
"aria-controls": "navigation",
|
|
3601
3601
|
children: [
|
|
3602
3602
|
/* @__PURE__ */ s.jsx(ue, { children: t.formatMessage({
|
|
3603
|
-
id: `header_account_${
|
|
3603
|
+
id: `header_account_${c.account ? "hide" : "show"}`
|
|
3604
3604
|
}) }),
|
|
3605
3605
|
/* @__PURE__ */ s.jsx(
|
|
3606
3606
|
Ke,
|
|
@@ -3621,13 +3621,13 @@ const zr = { height: 67, height_desktop: 83 }, es = ({ showNavigation: e = !0 })
|
|
|
3621
3621
|
"div",
|
|
3622
3622
|
{
|
|
3623
3623
|
className: E("overlay", {
|
|
3624
|
-
open:
|
|
3624
|
+
open: c.navigation || c.account || !i.search && c.search
|
|
3625
3625
|
})
|
|
3626
3626
|
}
|
|
3627
3627
|
)
|
|
3628
3628
|
] });
|
|
3629
3629
|
};
|
|
3630
|
-
const
|
|
3630
|
+
const ns = ({ element: e = "section", children: t, className: n, ...r }) => D.createElement(
|
|
3631
3631
|
e,
|
|
3632
3632
|
{
|
|
3633
3633
|
className: E("modal", n),
|
|
@@ -3635,30 +3635,30 @@ const ts = ({ element: e = "section", children: t, className: n, ...r }) => D.cr
|
|
|
3635
3635
|
...r
|
|
3636
3636
|
}
|
|
3637
3637
|
);
|
|
3638
|
-
const
|
|
3638
|
+
const ss = ({
|
|
3639
3639
|
id: e = "content-overlay",
|
|
3640
3640
|
isOpen: t = !1,
|
|
3641
3641
|
showDivider: n = !0,
|
|
3642
3642
|
maxWidth: r,
|
|
3643
3643
|
functions: { onOpen: o = () => {
|
|
3644
|
-
}, onClose:
|
|
3644
|
+
}, onClose: i = () => {
|
|
3645
3645
|
} } = {},
|
|
3646
3646
|
forceShow: { error: l = !1 } = {},
|
|
3647
3647
|
title: a,
|
|
3648
3648
|
children: u,
|
|
3649
|
-
buttons:
|
|
3649
|
+
buttons: c,
|
|
3650
3650
|
className: m = "",
|
|
3651
3651
|
gtmContext: d = "Modal"
|
|
3652
3652
|
}) => {
|
|
3653
3653
|
const p = C(), [h, g] = R(t), v = (y) => {
|
|
3654
|
-
g(y), y ? (o(), document.body.classList.add("has-overlay")) : (
|
|
3654
|
+
g(y), y ? (o(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
|
|
3655
3655
|
};
|
|
3656
3656
|
G(() => {
|
|
3657
3657
|
v(t);
|
|
3658
3658
|
}, [t]);
|
|
3659
3659
|
const _ = r ? { "--max-width": `${r / 16}rem` } : {};
|
|
3660
3660
|
return /* @__PURE__ */ s.jsx("div", { className: E("overlay", { open: h }), children: /* @__PURE__ */ s.jsx(
|
|
3661
|
-
|
|
3661
|
+
ns,
|
|
3662
3662
|
{
|
|
3663
3663
|
id: e,
|
|
3664
3664
|
className: E("overlay-modal", m, { "has-max-width": r }),
|
|
@@ -3683,9 +3683,9 @@ const ns = ({
|
|
|
3683
3683
|
] }),
|
|
3684
3684
|
n && /* @__PURE__ */ s.jsx(Ue, {}),
|
|
3685
3685
|
u,
|
|
3686
|
-
|
|
3686
|
+
c && /* @__PURE__ */ s.jsxs("div", { className: "bottom", children: [
|
|
3687
3687
|
/* @__PURE__ */ s.jsx(Ue, {}),
|
|
3688
|
-
/* @__PURE__ */ s.jsx(jt, { buttons:
|
|
3688
|
+
/* @__PURE__ */ s.jsx(jt, { buttons: c })
|
|
3689
3689
|
] }),
|
|
3690
3690
|
l && /* @__PURE__ */ s.jsx(Xt, { className: "error", children: l })
|
|
3691
3691
|
] })
|
|
@@ -3702,14 +3702,14 @@ const bo = ({
|
|
|
3702
3702
|
title: n,
|
|
3703
3703
|
formTitle: r = "Know someone who might like to join this workshop?",
|
|
3704
3704
|
formLabel: o = "Invite your colleagues by typing or pasting their emails below.",
|
|
3705
|
-
ctaMessage:
|
|
3705
|
+
ctaMessage: i = "Send",
|
|
3706
3706
|
showIcon: l,
|
|
3707
3707
|
onClose: a,
|
|
3708
3708
|
reportError: u = () => {
|
|
3709
3709
|
},
|
|
3710
|
-
sendInvites:
|
|
3710
|
+
sendInvites: c
|
|
3711
3711
|
}) => /* @__PURE__ */ s.jsx(
|
|
3712
|
-
|
|
3712
|
+
ss,
|
|
3713
3713
|
{
|
|
3714
3714
|
title: n,
|
|
3715
3715
|
isOpen: t,
|
|
@@ -3722,9 +3722,9 @@ const bo = ({
|
|
|
3722
3722
|
{
|
|
3723
3723
|
title: r,
|
|
3724
3724
|
label: o,
|
|
3725
|
-
ctaMessage:
|
|
3725
|
+
ctaMessage: i,
|
|
3726
3726
|
onClose: a,
|
|
3727
|
-
sendInvites:
|
|
3727
|
+
sendInvites: c,
|
|
3728
3728
|
reportError: u
|
|
3729
3729
|
}
|
|
3730
3730
|
)
|
|
@@ -3733,7 +3733,7 @@ const bo = ({
|
|
|
3733
3733
|
const Yr = () => {
|
|
3734
3734
|
const e = C();
|
|
3735
3735
|
return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
|
|
3736
|
-
/* @__PURE__ */ s.jsx(
|
|
3736
|
+
/* @__PURE__ */ s.jsx(ts, {}),
|
|
3737
3737
|
/* @__PURE__ */ s.jsx("div", { id: "content", children: /* @__PURE__ */ s.jsx(
|
|
3738
3738
|
Et,
|
|
3739
3739
|
{
|
|
@@ -3741,18 +3741,18 @@ const Yr = () => {
|
|
|
3741
3741
|
text: e.formatMessage({ id: "pageLayout_error" })
|
|
3742
3742
|
}
|
|
3743
3743
|
) }),
|
|
3744
|
-
/* @__PURE__ */ s.jsx(
|
|
3744
|
+
/* @__PURE__ */ s.jsx(Xn, {})
|
|
3745
3745
|
] });
|
|
3746
3746
|
}, Gr = ({
|
|
3747
3747
|
children: e,
|
|
3748
3748
|
additionalContent: { prepended: t, appended: n } = {},
|
|
3749
3749
|
reportError: r,
|
|
3750
3750
|
forceShow: o = {},
|
|
3751
|
-
styling:
|
|
3751
|
+
styling: i = {},
|
|
3752
3752
|
className: l = "",
|
|
3753
3753
|
locale: a = "en"
|
|
3754
3754
|
}) => {
|
|
3755
|
-
const { navigation: u = !0, footer:
|
|
3755
|
+
const { navigation: u = !0, footer: c = !0 } = o, { background: m = "default", variant: d = "default", circle: p = "default" } = i, h = Qs();
|
|
3756
3756
|
G(() => {
|
|
3757
3757
|
window.scrollTo(0, 0);
|
|
3758
3758
|
}, [h]);
|
|
@@ -3765,23 +3765,23 @@ const Yr = () => {
|
|
|
3765
3765
|
"div",
|
|
3766
3766
|
{
|
|
3767
3767
|
id: "wrapper",
|
|
3768
|
-
className: E(l, y, { "has-footer":
|
|
3768
|
+
className: E(l, y, { "has-footer": c }),
|
|
3769
3769
|
children: [
|
|
3770
|
-
/* @__PURE__ */ s.jsx(
|
|
3770
|
+
/* @__PURE__ */ s.jsx(ts, { showNavigation: u }),
|
|
3771
3771
|
/* @__PURE__ */ s.jsxs("section", { id: "content-wrapper", children: [
|
|
3772
3772
|
v && /* @__PURE__ */ s.jsx("div", { className: "additional-content prepended", children: v }),
|
|
3773
|
-
D.createElement(m === "bold" ?
|
|
3773
|
+
D.createElement(m === "bold" ? ns : "div", {
|
|
3774
3774
|
id: "content",
|
|
3775
3775
|
children: g
|
|
3776
3776
|
})
|
|
3777
3777
|
] }),
|
|
3778
3778
|
_ && /* @__PURE__ */ s.jsx("div", { className: "additional-content appended", children: _ }),
|
|
3779
|
-
|
|
3779
|
+
c && /* @__PURE__ */ s.jsx(Xn, {}),
|
|
3780
3780
|
/* @__PURE__ */ s.jsx(Br, {})
|
|
3781
3781
|
]
|
|
3782
3782
|
}
|
|
3783
3783
|
) }) });
|
|
3784
|
-
},
|
|
3784
|
+
}, Sn = {
|
|
3785
3785
|
default: "tags_",
|
|
3786
3786
|
headerTopics: "header_topics_topics_"
|
|
3787
3787
|
}, Qt = {
|
|
@@ -3805,11 +3805,11 @@ const Yr = () => {
|
|
|
3805
3805
|
if (e.includes("topic_")) {
|
|
3806
3806
|
if (e = Qt.topic[e.replace("topic_", "")], e) {
|
|
3807
3807
|
const t = pt.topics.topics[e].href;
|
|
3808
|
-
return t ? { id: e, href: t, text: `${
|
|
3808
|
+
return t ? { id: e, href: t, text: `${Sn.headerTopics}${e}` } : null;
|
|
3809
3809
|
}
|
|
3810
3810
|
return null;
|
|
3811
3811
|
}
|
|
3812
|
-
return Qt[e] ? (e = Qt[e], { id: e, text: `${
|
|
3812
|
+
return Qt[e] ? (e = Qt[e], { id: e, text: `${Sn.default}${e}` }) : null;
|
|
3813
3813
|
}
|
|
3814
3814
|
};
|
|
3815
3815
|
const vo = ({
|
|
@@ -3818,30 +3818,30 @@ const vo = ({
|
|
|
3818
3818
|
forceOneLine: n = !1,
|
|
3819
3819
|
canHaveLinks: r = !0,
|
|
3820
3820
|
className: o = "",
|
|
3821
|
-
gtmType:
|
|
3821
|
+
gtmType: i = "tag-click",
|
|
3822
3822
|
gtmContext: l = "tags"
|
|
3823
3823
|
}) => {
|
|
3824
3824
|
const a = C();
|
|
3825
3825
|
if (!e || e.length < 1)
|
|
3826
3826
|
return null;
|
|
3827
3827
|
const u = [];
|
|
3828
|
-
return e.forEach((
|
|
3829
|
-
if (!
|
|
3828
|
+
return e.forEach((c) => {
|
|
3829
|
+
if (!c)
|
|
3830
3830
|
return;
|
|
3831
|
-
const m = Jr.getTagDetails(
|
|
3831
|
+
const m = Jr.getTagDetails(c);
|
|
3832
3832
|
m && u.push(m);
|
|
3833
|
-
}), u.length < 1 ? null : /* @__PURE__ */ s.jsx("ul", { className: E("tags text-small", t, o, { "one-line": n }), children: u.map((
|
|
3834
|
-
const m = a.formatMessage({ id:
|
|
3835
|
-
return /* @__PURE__ */ s.jsx("li", { children:
|
|
3833
|
+
}), u.length < 1 ? null : /* @__PURE__ */ s.jsx("ul", { className: E("tags text-small", t, o, { "one-line": n }), children: u.map((c) => {
|
|
3834
|
+
const m = a.formatMessage({ id: c.text });
|
|
3835
|
+
return /* @__PURE__ */ s.jsx("li", { children: c.href && r ? /* @__PURE__ */ s.jsx(
|
|
3836
3836
|
"a",
|
|
3837
3837
|
{
|
|
3838
|
-
href:
|
|
3838
|
+
href: c.href,
|
|
3839
3839
|
className: "gtm-trackable",
|
|
3840
|
-
"data-gtm-event-type":
|
|
3840
|
+
"data-gtm-event-type": i,
|
|
3841
3841
|
"data-gtm-event-context": l,
|
|
3842
3842
|
children: m
|
|
3843
3843
|
}
|
|
3844
|
-
) : m },
|
|
3844
|
+
) : m }, c.id);
|
|
3845
3845
|
}) });
|
|
3846
3846
|
};
|
|
3847
3847
|
const wo = ({
|
|
@@ -3850,7 +3850,7 @@ const wo = ({
|
|
|
3850
3850
|
loadNextPage: r = () => {
|
|
3851
3851
|
},
|
|
3852
3852
|
gtmContext: o = "member",
|
|
3853
|
-
gtmType:
|
|
3853
|
+
gtmType: i = "member-click",
|
|
3854
3854
|
className: l = ""
|
|
3855
3855
|
}) => {
|
|
3856
3856
|
const a = C();
|
|
@@ -3859,10 +3859,10 @@ const wo = ({
|
|
|
3859
3859
|
a.formatMessage({ id: "membersList" }),
|
|
3860
3860
|
/* @__PURE__ */ s.jsx("span", { className: "count", children: t })
|
|
3861
3861
|
] }),
|
|
3862
|
-
/* @__PURE__ */ s.jsx("ul", { children: e.map((u,
|
|
3863
|
-
/* @__PURE__ */ s.jsx(nn, { member: u, gtmContext: o, gtmType:
|
|
3862
|
+
/* @__PURE__ */ s.jsx("ul", { children: e.map((u, c) => /* @__PURE__ */ s.jsxs("li", { children: [
|
|
3863
|
+
/* @__PURE__ */ s.jsx(nn, { member: u, gtmContext: o, gtmType: i }),
|
|
3864
3864
|
u.isAdmin && /* @__PURE__ */ s.jsx(ft, { children: a.formatMessage({ id: "membersList_admin" }) })
|
|
3865
|
-
] },
|
|
3865
|
+
] }, c)) }),
|
|
3866
3866
|
n && /* @__PURE__ */ s.jsx(
|
|
3867
3867
|
Nr,
|
|
3868
3868
|
{
|
|
@@ -3875,7 +3875,7 @@ const wo = ({
|
|
|
3875
3875
|
] });
|
|
3876
3876
|
};
|
|
3877
3877
|
let ct = null;
|
|
3878
|
-
const ge = "discussion_form_",
|
|
3878
|
+
const ge = "discussion_form_", rs = ({
|
|
3879
3879
|
content: e = { type: "response", slugs: {} },
|
|
3880
3880
|
userHasPermissions: t = !0,
|
|
3881
3881
|
meta: n = {
|
|
@@ -3886,7 +3886,7 @@ const ge = "discussion_form_", ss = ({
|
|
|
3886
3886
|
},
|
|
3887
3887
|
inputRef: r,
|
|
3888
3888
|
maxLength: o = 5e4,
|
|
3889
|
-
minRows:
|
|
3889
|
+
minRows: i = 4,
|
|
3890
3890
|
forceShow: l = {
|
|
3891
3891
|
cancel: !1,
|
|
3892
3892
|
error: !1
|
|
@@ -3907,7 +3907,7 @@ const ge = "discussion_form_", ss = ({
|
|
|
3907
3907
|
gtmContext: u = "DiscussionForm"
|
|
3908
3908
|
}) => {
|
|
3909
3909
|
var Q, F;
|
|
3910
|
-
const
|
|
3910
|
+
const c = C(), m = we(Se), [d, p] = R(
|
|
3911
3911
|
n.isEditing && n.isEditing.text || ""
|
|
3912
3912
|
), [h, g] = R(l.error || !1), [v, _] = R(!1), y = ae(null);
|
|
3913
3913
|
if (r || (r = y), n.isLoading)
|
|
@@ -3923,12 +3923,12 @@ const ge = "discussion_form_", ss = ({
|
|
|
3923
3923
|
p(V);
|
|
3924
3924
|
let k;
|
|
3925
3925
|
!m || !m.id ? k = $e(
|
|
3926
|
-
|
|
3926
|
+
c.formatMessage,
|
|
3927
3927
|
`${ge}error_loggedOut`,
|
|
3928
3928
|
e.type,
|
|
3929
3929
|
"action"
|
|
3930
3930
|
) : t ? V.length >= o && (k = `${ge}error_tooLong`) : k = $e(
|
|
3931
|
-
|
|
3931
|
+
c.formatMessage,
|
|
3932
3932
|
`${ge}error_noPermission`,
|
|
3933
3933
|
e.type,
|
|
3934
3934
|
"action"
|
|
@@ -3980,12 +3980,12 @@ const ge = "discussion_form_", ss = ({
|
|
|
3980
3980
|
const J = L;
|
|
3981
3981
|
let q = `${ge}error`;
|
|
3982
3982
|
J.message.includes("entry already exists") && (q = $e(
|
|
3983
|
-
|
|
3983
|
+
c.formatMessage,
|
|
3984
3984
|
`${ge}error_alreadyExists`,
|
|
3985
3985
|
e.type,
|
|
3986
3986
|
"action"
|
|
3987
3987
|
)), J.message.includes("429") ? q = $e(
|
|
3988
|
-
|
|
3988
|
+
c.formatMessage,
|
|
3989
3989
|
`${ge}error_tooMany`,
|
|
3990
3990
|
e.type,
|
|
3991
3991
|
"action"
|
|
@@ -4004,7 +4004,7 @@ const ge = "discussion_form_", ss = ({
|
|
|
4004
4004
|
"data-gtm-event-context": u,
|
|
4005
4005
|
"data-gtm-event-type": `cancel-${e.type}-click`,
|
|
4006
4006
|
disabled: !l.cancel && (!m || !m.id || !d),
|
|
4007
|
-
children:
|
|
4007
|
+
children: c.formatMessage({ id: `${ge}cancel` })
|
|
4008
4008
|
}), O.push({
|
|
4009
4009
|
variant: "primary",
|
|
4010
4010
|
size: { mobile: "small", 600: "medium" },
|
|
@@ -4022,7 +4022,7 @@ const ge = "discussion_form_", ss = ({
|
|
|
4022
4022
|
"data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${e.type}-click`,
|
|
4023
4023
|
"data-testid": "save-button",
|
|
4024
4024
|
disabled: !m || !m.id || !t || A || N || n.isEditing && d === n.isEditing.text,
|
|
4025
|
-
children:
|
|
4025
|
+
children: c.formatMessage({
|
|
4026
4026
|
id: `${ge}${N ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
|
|
4027
4027
|
})
|
|
4028
4028
|
}), /* @__PURE__ */ s.jsxs(
|
|
@@ -4034,7 +4034,7 @@ const ge = "discussion_form_", ss = ({
|
|
|
4034
4034
|
}),
|
|
4035
4035
|
"data-testid": `discussion-${e.type}-form`,
|
|
4036
4036
|
children: [
|
|
4037
|
-
(n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(e.type) && /* @__PURE__ */ s.jsx("h2", { children: $e(
|
|
4037
|
+
(n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(e.type) && /* @__PURE__ */ s.jsx("h2", { children: $e(c.formatMessage, `${ge}title`, e.type, "action") }),
|
|
4038
4038
|
/* @__PURE__ */ s.jsx(
|
|
4039
4039
|
nn,
|
|
4040
4040
|
{
|
|
@@ -4043,7 +4043,7 @@ const ge = "discussion_form_", ss = ({
|
|
|
4043
4043
|
gtmType: "profile-click"
|
|
4044
4044
|
}
|
|
4045
4045
|
),
|
|
4046
|
-
/* @__PURE__ */ s.jsx(ue, { element: "label", showOnFocus: !1, htmlFor: `${x}-input`, children: $e(
|
|
4046
|
+
/* @__PURE__ */ s.jsx(ue, { element: "label", showOnFocus: !1, htmlFor: `${x}-input`, children: $e(c.formatMessage, `${ge}label`, e.type, "action") }),
|
|
4047
4047
|
/* @__PURE__ */ s.jsx(
|
|
4048
4048
|
Rs,
|
|
4049
4049
|
{
|
|
@@ -4051,7 +4051,7 @@ const ge = "discussion_form_", ss = ({
|
|
|
4051
4051
|
id: `${x}-input`,
|
|
4052
4052
|
name: e.type,
|
|
4053
4053
|
placeholder: $e(
|
|
4054
|
-
|
|
4054
|
+
c.formatMessage,
|
|
4055
4055
|
`${ge}placeholder`,
|
|
4056
4056
|
e.type,
|
|
4057
4057
|
"action"
|
|
@@ -4061,11 +4061,11 @@ const ge = "discussion_form_", ss = ({
|
|
|
4061
4061
|
maxLength: o,
|
|
4062
4062
|
"aria-invalid": !!h,
|
|
4063
4063
|
"aria-errormessage": "error-message",
|
|
4064
|
-
minRows:
|
|
4064
|
+
minRows: i,
|
|
4065
4065
|
autoFocus: !!n.isEditing
|
|
4066
4066
|
}
|
|
4067
4067
|
),
|
|
4068
|
-
/* @__PURE__ */ s.jsx("small", { children: $e(
|
|
4068
|
+
/* @__PURE__ */ s.jsx("small", { children: $e(c.formatMessage, `${ge}explainer`, e.type, "action", {
|
|
4069
4069
|
a: (b) => /* @__PURE__ */ s.jsx(
|
|
4070
4070
|
"a",
|
|
4071
4071
|
{
|
|
@@ -4080,11 +4080,11 @@ const ge = "discussion_form_", ss = ({
|
|
|
4080
4080
|
)
|
|
4081
4081
|
}) }),
|
|
4082
4082
|
/* @__PURE__ */ s.jsx(jt, { buttons: O }),
|
|
4083
|
-
v === "submitted" && /* @__PURE__ */ s.jsx(Xt, { className: "success", "data-testid": "success", children: $e(
|
|
4084
|
-
h && /* @__PURE__ */ s.jsx(Xt, { id: "error-message", className: "error", "data-testid": "error", children: l.error ? l.error : typeof h == "string" ? h.includes(" ") ? h :
|
|
4083
|
+
v === "submitted" && /* @__PURE__ */ s.jsx(Xt, { className: "success", "data-testid": "success", children: $e(c.formatMessage, `${ge}success`, e.type, "action") }),
|
|
4084
|
+
h && /* @__PURE__ */ s.jsx(Xt, { id: "error-message", className: "error", "data-testid": "error", children: l.error ? l.error : typeof h == "string" ? h.includes(" ") ? h : c.formatMessage(
|
|
4085
4085
|
{ id: h },
|
|
4086
4086
|
{
|
|
4087
|
-
action:
|
|
4087
|
+
action: c.formatMessage({
|
|
4088
4088
|
id: `discussion_action_${e.type}`
|
|
4089
4089
|
}),
|
|
4090
4090
|
maxLength: o
|
|
@@ -4096,18 +4096,18 @@ const ge = "discussion_form_", ss = ({
|
|
|
4096
4096
|
}, sn = ({
|
|
4097
4097
|
contentType: e,
|
|
4098
4098
|
createPost: t,
|
|
4099
|
-
membershipRequiredToPost: { isMember: n, required: r, join: o, leave:
|
|
4099
|
+
membershipRequiredToPost: { isMember: n, required: r, join: o, leave: i, notMemberStateText: l }
|
|
4100
4100
|
}) => r && !n ? /* @__PURE__ */ s.jsx(
|
|
4101
4101
|
Et,
|
|
4102
4102
|
{
|
|
4103
4103
|
text: l,
|
|
4104
4104
|
button: {
|
|
4105
4105
|
breakpoints: { mobile: !0, 901: !1 },
|
|
4106
|
-
component: /* @__PURE__ */ s.jsx(
|
|
4106
|
+
component: /* @__PURE__ */ s.jsx(Jn, { isShort: !0, functions: { join: o, leave: i } })
|
|
4107
4107
|
}
|
|
4108
4108
|
}
|
|
4109
4109
|
) : /* @__PURE__ */ s.jsx(
|
|
4110
|
-
|
|
4110
|
+
rs,
|
|
4111
4111
|
{
|
|
4112
4112
|
content: { type: e, slugs: {} },
|
|
4113
4113
|
functions: {
|
|
@@ -4141,13 +4141,13 @@ const Ut = () => {
|
|
|
4141
4141
|
peopleWhoLiked: n = !1,
|
|
4142
4142
|
isShort: r = !0,
|
|
4143
4143
|
userLiked: o = !1,
|
|
4144
|
-
content:
|
|
4144
|
+
content: i = { type: "reply", slugs: {} },
|
|
4145
4145
|
canLike: l = !0,
|
|
4146
4146
|
functions: { createLike: a = () => {
|
|
4147
4147
|
}, deleteLike: u = () => {
|
|
4148
4148
|
} } = {}
|
|
4149
4149
|
}) => {
|
|
4150
|
-
const
|
|
4150
|
+
const c = C();
|
|
4151
4151
|
G(() => {
|
|
4152
4152
|
h(o);
|
|
4153
4153
|
}, [o]);
|
|
@@ -4163,8 +4163,8 @@ const Ut = () => {
|
|
|
4163
4163
|
let M = p ? m - 1 : m + 1;
|
|
4164
4164
|
M < 0 && (M = 0), v(!0), d(M), h(!p);
|
|
4165
4165
|
try {
|
|
4166
|
-
if (
|
|
4167
|
-
const A = Zr(
|
|
4166
|
+
if (i && i.slugs) {
|
|
4167
|
+
const A = Zr(i.slugs);
|
|
4168
4168
|
p ? await u(A) : await a(A, { contentPath: window.location.pathname });
|
|
4169
4169
|
}
|
|
4170
4170
|
} catch {
|
|
@@ -4198,18 +4198,18 @@ const Ut = () => {
|
|
|
4198
4198
|
size: "medium",
|
|
4199
4199
|
icon: { icon: p ? "heart" : "heart_empty", animate: "bounce" },
|
|
4200
4200
|
className: E({ "do-animation": p && !o }),
|
|
4201
|
-
screenreaderText: l ?
|
|
4201
|
+
screenreaderText: l ? c.formatMessage({
|
|
4202
4202
|
id: `discussion_likes_${p ? "unlike" : "like"}`
|
|
4203
|
-
}, { action:
|
|
4203
|
+
}, { action: c.formatMessage({ id: `discussion_action_${i.type}` }) }) : !1,
|
|
4204
4204
|
onClick: x,
|
|
4205
4205
|
disabled: !l,
|
|
4206
4206
|
"aria-hidden": !l,
|
|
4207
4207
|
"data-testid": "like-button",
|
|
4208
4208
|
"data-gtm-event-context": "Likes",
|
|
4209
|
-
"data-gtm-event-type": `like-${
|
|
4209
|
+
"data-gtm-event-type": `like-${i.type}-click`
|
|
4210
4210
|
}
|
|
4211
4211
|
),
|
|
4212
|
-
/* @__PURE__ */ s.jsx("span", { className: E("number-of-likes", { "no-likes": m === 0 }), "data-testid": "number-of-likes", children:
|
|
4212
|
+
/* @__PURE__ */ s.jsx("span", { className: E("number-of-likes", { "no-likes": m === 0 }), "data-testid": "number-of-likes", children: c.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: m }) }),
|
|
4213
4213
|
n && /* @__PURE__ */ s.jsx(ar, { isOpen: _, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ s.jsxs("ul", { children: [
|
|
4214
4214
|
w.map((M) => typeof M == "string" || !M.name ? null : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
|
|
4215
4215
|
yt,
|
|
@@ -4221,12 +4221,12 @@ const Ut = () => {
|
|
|
4221
4221
|
children: M.name
|
|
4222
4222
|
}
|
|
4223
4223
|
) }, M.id || window.btoa(M.name))),
|
|
4224
|
-
n.length > Wt && /* @__PURE__ */ s.jsx("li", { children:
|
|
4224
|
+
n.length > Wt && /* @__PURE__ */ s.jsx("li", { children: c.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Wt }) })
|
|
4225
4225
|
] }) })
|
|
4226
4226
|
] })
|
|
4227
4227
|
}
|
|
4228
4228
|
);
|
|
4229
|
-
},
|
|
4229
|
+
}, $n = (e) => {
|
|
4230
4230
|
const t = {};
|
|
4231
4231
|
return Object.keys(e).forEach((n) => n.includes("Id") ? t[n] = e[n] : t[`${n}Slug`] = e[n]), t;
|
|
4232
4232
|
}, rn = (e, t) => e && !t;
|
|
@@ -4237,7 +4237,7 @@ const Ce = "discussion_", ta = 280, $t = ({
|
|
|
4237
4237
|
isLoading: r = !1,
|
|
4238
4238
|
originalAuthorId: o,
|
|
4239
4239
|
functions: {
|
|
4240
|
-
content: { createContent:
|
|
4240
|
+
content: { createContent: i, deleteContent: l, updateContent: a } = {
|
|
4241
4241
|
createContent: () => {
|
|
4242
4242
|
},
|
|
4243
4243
|
deleteContent: () => {
|
|
@@ -4245,7 +4245,7 @@ const Ce = "discussion_", ta = 280, $t = ({
|
|
|
4245
4245
|
updateContent: () => {
|
|
4246
4246
|
}
|
|
4247
4247
|
},
|
|
4248
|
-
likes: { createLike: u, deleteLike:
|
|
4248
|
+
likes: { createLike: u, deleteLike: c } = { createLike: () => {
|
|
4249
4249
|
}, deleteLike: () => {
|
|
4250
4250
|
} },
|
|
4251
4251
|
comments: { openComments: m } = { openComments: () => {
|
|
@@ -4275,7 +4275,7 @@ const Ce = "discussion_", ta = 280, $t = ({
|
|
|
4275
4275
|
try {
|
|
4276
4276
|
if (!As(B, x.body)) {
|
|
4277
4277
|
const de = t.type === "question" ? { title: B } : { body: B };
|
|
4278
|
-
await a(
|
|
4278
|
+
await a($n(t.slugs), de);
|
|
4279
4279
|
}
|
|
4280
4280
|
$({ body: B, isEditing: !1, didEdit: !0 });
|
|
4281
4281
|
} catch {
|
|
@@ -4289,7 +4289,7 @@ const Ce = "discussion_", ta = 280, $t = ({
|
|
|
4289
4289
|
}, le = () => {
|
|
4290
4290
|
A(!1);
|
|
4291
4291
|
try {
|
|
4292
|
-
l(
|
|
4292
|
+
l($n(t.slugs));
|
|
4293
4293
|
} catch {
|
|
4294
4294
|
O("delete-error");
|
|
4295
4295
|
}
|
|
@@ -4358,7 +4358,7 @@ const Ce = "discussion_", ta = 280, $t = ({
|
|
|
4358
4358
|
}
|
|
4359
4359
|
),
|
|
4360
4360
|
x.isEditing ? /* @__PURE__ */ s.jsx(
|
|
4361
|
-
|
|
4361
|
+
rs,
|
|
4362
4362
|
{
|
|
4363
4363
|
content: { type: t.type, slugs: t.slugs },
|
|
4364
4364
|
userHasPermissions: n,
|
|
@@ -4379,7 +4379,7 @@ const Ce = "discussion_", ta = 280, $t = ({
|
|
|
4379
4379
|
) : !1
|
|
4380
4380
|
},
|
|
4381
4381
|
functions: {
|
|
4382
|
-
create:
|
|
4382
|
+
create: i,
|
|
4383
4383
|
handleSaveEdit: se,
|
|
4384
4384
|
handleCancel: () => {
|
|
4385
4385
|
O(""), $({ ...x, isEditing: !1 });
|
|
@@ -4394,10 +4394,10 @@ const Ce = "discussion_", ta = 280, $t = ({
|
|
|
4394
4394
|
className: "gtm-trackable",
|
|
4395
4395
|
"data-gtm-event-context": h,
|
|
4396
4396
|
"data-gtm-event-type": "title-click",
|
|
4397
|
-
children: /* @__PURE__ */ s.jsx(
|
|
4397
|
+
children: /* @__PURE__ */ s.jsx(kn, { options: { overrides: { a: gr } }, children: q })
|
|
4398
4398
|
}
|
|
4399
4399
|
) : /* @__PURE__ */ s.jsx(
|
|
4400
|
-
|
|
4400
|
+
kn,
|
|
4401
4401
|
{
|
|
4402
4402
|
options: {
|
|
4403
4403
|
wrapper: t.type === "question" ? "h1" : D.Fragment,
|
|
@@ -4426,7 +4426,7 @@ const Ce = "discussion_", ta = 280, $t = ({
|
|
|
4426
4426
|
peopleWhoLiked: t.peopleWhoLiked,
|
|
4427
4427
|
functions: {
|
|
4428
4428
|
createLike: u,
|
|
4429
|
-
deleteLike:
|
|
4429
|
+
deleteLike: c
|
|
4430
4430
|
}
|
|
4431
4431
|
}
|
|
4432
4432
|
),
|
|
@@ -4489,7 +4489,7 @@ const Ce = "discussion_", ta = 280, $t = ({
|
|
|
4489
4489
|
),
|
|
4490
4490
|
g,
|
|
4491
4491
|
/* @__PURE__ */ s.jsx(
|
|
4492
|
-
|
|
4492
|
+
ss,
|
|
4493
4493
|
{
|
|
4494
4494
|
id: `delete-${t.slug}-modal`,
|
|
4495
4495
|
isOpen: M,
|
|
@@ -4548,7 +4548,7 @@ const zt = "discussion_responses_", ko = ({ type: e = "answer", responses: t = 0
|
|
|
4548
4548
|
] });
|
|
4549
4549
|
};
|
|
4550
4550
|
const na = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
|
|
4551
|
-
const r = C(), o = ae(null),
|
|
4551
|
+
const r = C(), o = ae(null), i = we(St), [l, a] = R(
|
|
4552
4552
|
"closed"
|
|
4553
4553
|
/* Closed */
|
|
4554
4554
|
);
|
|
@@ -4559,7 +4559,7 @@ const na = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
|
|
|
4559
4559
|
d.removeEventListener("transitionend", u);
|
|
4560
4560
|
};
|
|
4561
4561
|
}, []), Qe(() => {
|
|
4562
|
-
l === "closed" && !
|
|
4562
|
+
l === "closed" && !i.showThread || a(
|
|
4563
4563
|
[
|
|
4564
4564
|
"opening",
|
|
4565
4565
|
"open"
|
|
@@ -4567,7 +4567,7 @@ const na = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
|
|
|
4567
4567
|
].includes(l) ? "ready-to-close" : "opening"
|
|
4568
4568
|
/* Opening */
|
|
4569
4569
|
);
|
|
4570
|
-
}, [
|
|
4570
|
+
}, [i.showThread]), G(() => {
|
|
4571
4571
|
l === "ready-to-close" && a(
|
|
4572
4572
|
"closing"
|
|
4573
4573
|
/* Closing */
|
|
@@ -4575,7 +4575,7 @@ const na = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
|
|
|
4575
4575
|
}, [l]);
|
|
4576
4576
|
const u = ({ propertyName: d }) => {
|
|
4577
4577
|
d === "max-height" && a((p) => p === "opening" ? "open" : p === "closing" ? "closed" : p);
|
|
4578
|
-
},
|
|
4578
|
+
}, c = [
|
|
4579
4579
|
"opening",
|
|
4580
4580
|
"open"
|
|
4581
4581
|
/* Open */
|
|
@@ -4589,16 +4589,16 @@ const na = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
|
|
|
4589
4589
|
variant: "secondary",
|
|
4590
4590
|
size: "small",
|
|
4591
4591
|
styling: { muted: !0 },
|
|
4592
|
-
icon: { icon: `arrow_corner-down_${
|
|
4592
|
+
icon: { icon: `arrow_corner-down_${c ? "left" : "right"}` },
|
|
4593
4593
|
onClick: () => {
|
|
4594
4594
|
var d;
|
|
4595
|
-
(d =
|
|
4595
|
+
(d = i.updateConversation) == null || d.call(i, (p) => ({
|
|
4596
4596
|
showThread: !p.showThread,
|
|
4597
4597
|
showForm: !1
|
|
4598
4598
|
}));
|
|
4599
4599
|
},
|
|
4600
4600
|
children: r.formatMessage(
|
|
4601
|
-
{ id: `discussion_thread_${
|
|
4601
|
+
{ id: `discussion_thread_${c ? "hide" : "show"}` },
|
|
4602
4602
|
{ count: e }
|
|
4603
4603
|
)
|
|
4604
4604
|
}
|
|
@@ -4608,42 +4608,27 @@ const na = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
|
|
|
4608
4608
|
{
|
|
4609
4609
|
ref: o,
|
|
4610
4610
|
className: E("thread", l),
|
|
4611
|
-
hidden: !
|
|
4611
|
+
hidden: !i.showThread,
|
|
4612
4612
|
children: m
|
|
4613
4613
|
}
|
|
4614
4614
|
)
|
|
4615
4615
|
] });
|
|
4616
4616
|
};
|
|
4617
|
-
function sa(
|
|
4618
|
-
|
|
4619
|
-
if (c) {
|
|
4620
|
-
const { data: l } = c;
|
|
4621
|
-
e.setQueryData(t, l);
|
|
4622
|
-
}
|
|
4623
|
-
}
|
|
4624
|
-
return n;
|
|
4625
|
-
}
|
|
4626
|
-
function ra({ queryClient: e, queryKey: t }) {
|
|
4627
|
-
async function n(r) {
|
|
4628
|
-
await e.cancelQueries({ queryKey: t });
|
|
4629
|
-
const o = e.getQueryData(t);
|
|
4630
|
-
return e.setQueryData(t, r), { data: o };
|
|
4631
|
-
}
|
|
4632
|
-
return n;
|
|
4633
|
-
}
|
|
4634
|
-
function aa(e) {
|
|
4635
|
-
var t;
|
|
4617
|
+
function sa(e) {
|
|
4618
|
+
const { id: t = "", name: n = "", organization: r = "", jobTitle: o = "", image: i = {} } = e, { thumbnail: l = "" } = i;
|
|
4636
4619
|
return {
|
|
4637
|
-
|
|
4638
|
-
|
|
4639
|
-
|
|
4640
|
-
|
|
4641
|
-
|
|
4642
|
-
|
|
4620
|
+
actor: {
|
|
4621
|
+
id: t,
|
|
4622
|
+
data: {
|
|
4623
|
+
name: n,
|
|
4624
|
+
organization: r,
|
|
4625
|
+
jobTitle: o,
|
|
4626
|
+
thumbnail: l
|
|
4627
|
+
}
|
|
4643
4628
|
}
|
|
4644
4629
|
};
|
|
4645
4630
|
}
|
|
4646
|
-
function
|
|
4631
|
+
function ra() {
|
|
4647
4632
|
return {
|
|
4648
4633
|
latest_reactions: {
|
|
4649
4634
|
like: [],
|
|
@@ -4659,11 +4644,11 @@ function oa() {
|
|
|
4659
4644
|
}
|
|
4660
4645
|
};
|
|
4661
4646
|
}
|
|
4662
|
-
function
|
|
4647
|
+
function Tn({ activity: e, user: t }) {
|
|
4663
4648
|
const n = {
|
|
4664
4649
|
...e,
|
|
4665
|
-
|
|
4666
|
-
...
|
|
4650
|
+
...sa(t),
|
|
4651
|
+
...ra()
|
|
4667
4652
|
};
|
|
4668
4653
|
return n.id ? n : {
|
|
4669
4654
|
...n,
|
|
@@ -4672,26 +4657,41 @@ function $n({ activity: e, user: t }) {
|
|
|
4672
4657
|
verb: "post"
|
|
4673
4658
|
};
|
|
4674
4659
|
}
|
|
4675
|
-
function
|
|
4660
|
+
function Mn({ activity: e, reaction: t }) {
|
|
4676
4661
|
const { latest_reactions: n, own_reactions: r, reaction_counts: o } = e;
|
|
4677
4662
|
n && t && (n.like = [...n.like || [], t]), r && t && (r.like = [...r.like || [], t]), o && (o.like = o.like + 1 || 1);
|
|
4678
4663
|
}
|
|
4679
|
-
function
|
|
4664
|
+
function aa({ activity: e, user: t }) {
|
|
4680
4665
|
const { latest_reactions: n, own_reactions: r, reaction_counts: o } = e;
|
|
4681
|
-
o && (o.like = o.like - 1 || 0), n && (t != null && t.id) && (n.like = n.like.filter(({ user_id:
|
|
4666
|
+
o && (o.like = o.like - 1 || 0), n && (t != null && t.id) && (n.like = n.like.filter(({ user_id: i }) => i !== t.id)), r && (t != null && t.id) && (r.like = r.like.filter(({ user_id: i }) => i !== t.id));
|
|
4682
4667
|
}
|
|
4683
|
-
function
|
|
4668
|
+
function Cn(e, t) {
|
|
4684
4669
|
return [e, ...t];
|
|
4685
4670
|
}
|
|
4686
4671
|
function _t(e, t) {
|
|
4687
4672
|
return t.find(({ id: n }) => n === e);
|
|
4688
4673
|
}
|
|
4689
|
-
function
|
|
4674
|
+
function oa(e, t) {
|
|
4690
4675
|
return t.filter(({ id: n }) => n !== e);
|
|
4691
4676
|
}
|
|
4692
|
-
function
|
|
4677
|
+
function an(e) {
|
|
4693
4678
|
return (e == null ? void 0 : e.data) || [];
|
|
4694
4679
|
}
|
|
4680
|
+
function ia({ queryClient: e, queryKey: t }) {
|
|
4681
|
+
function n(r, o, i) {
|
|
4682
|
+
const l = an(i);
|
|
4683
|
+
e.setQueryData(t, l);
|
|
4684
|
+
}
|
|
4685
|
+
return n;
|
|
4686
|
+
}
|
|
4687
|
+
function ca({ queryClient: e, queryKey: t }) {
|
|
4688
|
+
async function n(r) {
|
|
4689
|
+
await e.cancelQueries({ queryKey: t });
|
|
4690
|
+
const o = e.getQueryData(t);
|
|
4691
|
+
return e.setQueryData(t, r), { data: o };
|
|
4692
|
+
}
|
|
4693
|
+
return n;
|
|
4694
|
+
}
|
|
4695
4695
|
function la({
|
|
4696
4696
|
mutationFn: e,
|
|
4697
4697
|
mutationHandlers: {
|
|
@@ -4700,18 +4700,18 @@ function la({
|
|
|
4700
4700
|
},
|
|
4701
4701
|
queryClient: r,
|
|
4702
4702
|
queryKey: o,
|
|
4703
|
-
user:
|
|
4703
|
+
user: i
|
|
4704
4704
|
}) {
|
|
4705
4705
|
const { mutate: l } = ne({
|
|
4706
4706
|
mutationFn: e,
|
|
4707
4707
|
onMutate: (a) => t((u) => {
|
|
4708
|
-
const
|
|
4709
|
-
return
|
|
4708
|
+
const c = Tn({ activity: a, user: i });
|
|
4709
|
+
return Cn(c, u);
|
|
4710
4710
|
}),
|
|
4711
4711
|
onError: n,
|
|
4712
|
-
onSuccess: (a, u,
|
|
4713
|
-
const m =
|
|
4714
|
-
r.setQueryData(o,
|
|
4712
|
+
onSuccess: (a, u, c) => {
|
|
4713
|
+
const m = an(c), d = Tn({ activity: a, user: i });
|
|
4714
|
+
r.setQueryData(o, Cn(d, m));
|
|
4715
4715
|
}
|
|
4716
4716
|
});
|
|
4717
4717
|
return l;
|
|
@@ -4725,9 +4725,9 @@ function da({
|
|
|
4725
4725
|
}) {
|
|
4726
4726
|
const { mutate: r } = ne({
|
|
4727
4727
|
mutationFn: e,
|
|
4728
|
-
onMutate: ({ activityId: o, body:
|
|
4728
|
+
onMutate: ({ activityId: o, body: i }) => t((l) => {
|
|
4729
4729
|
const a = _t(o, l);
|
|
4730
|
-
return a && (a.content =
|
|
4730
|
+
return a && (a.content = i), l;
|
|
4731
4731
|
}),
|
|
4732
4732
|
onError: n
|
|
4733
4733
|
});
|
|
@@ -4740,18 +4740,18 @@ function ua({
|
|
|
4740
4740
|
like: n,
|
|
4741
4741
|
list: r,
|
|
4742
4742
|
remove: o,
|
|
4743
|
-
unlike:
|
|
4743
|
+
unlike: i
|
|
4744
4744
|
},
|
|
4745
4745
|
queryKey: l
|
|
4746
4746
|
}) {
|
|
4747
|
-
const a = wt(), u = Tr(),
|
|
4747
|
+
const a = wt(), u = Tr(), c = { queryClient: a, queryKey: l }, m = {
|
|
4748
4748
|
mutationHandlers: {
|
|
4749
|
-
error:
|
|
4750
|
-
mutate:
|
|
4749
|
+
error: ia(c),
|
|
4750
|
+
mutate: ca(c)
|
|
4751
4751
|
},
|
|
4752
4752
|
user: u,
|
|
4753
|
-
...
|
|
4754
|
-
}, d = la({ ...m, mutationFn: e }), p = da({ ...m, mutationFn: t }), h = ma({ ...m, mutationFn: n }), g = ha({ ...m, mutationFn: o }), v = pa({ ...m, mutationFn:
|
|
4753
|
+
...c
|
|
4754
|
+
}, d = la({ ...m, mutationFn: e }), p = da({ ...m, mutationFn: t }), h = ma({ ...m, mutationFn: n }), g = ha({ ...m, mutationFn: o }), v = pa({ ...m, mutationFn: i }), { activities: _, ...y } = fa({ queryKey: l, queryFn: r });
|
|
4755
4755
|
return {
|
|
4756
4756
|
activities: _,
|
|
4757
4757
|
mutations: {
|
|
@@ -4774,32 +4774,32 @@ function ma({
|
|
|
4774
4774
|
queryClient: r,
|
|
4775
4775
|
queryKey: o
|
|
4776
4776
|
}) {
|
|
4777
|
-
const { mutate:
|
|
4777
|
+
const { mutate: i } = ne({
|
|
4778
4778
|
mutationFn: e,
|
|
4779
4779
|
onMutate: ({ activityId: l }) => t((a) => {
|
|
4780
4780
|
const u = _t(l, a);
|
|
4781
|
-
return u &&
|
|
4781
|
+
return u && Mn({ activity: u }), a;
|
|
4782
4782
|
}),
|
|
4783
4783
|
onError: n,
|
|
4784
4784
|
onSuccess: (l, { activityId: a }, u) => {
|
|
4785
|
-
const
|
|
4786
|
-
m &&
|
|
4785
|
+
const c = an(u), m = _t(a, c);
|
|
4786
|
+
m && Mn({ activity: m, reaction: l }), r.setQueryData(o, c);
|
|
4787
4787
|
}
|
|
4788
4788
|
});
|
|
4789
|
-
return
|
|
4789
|
+
return i;
|
|
4790
4790
|
}
|
|
4791
4791
|
function fa({ queryKey: e, queryFn: t }) {
|
|
4792
4792
|
const {
|
|
4793
4793
|
data: n,
|
|
4794
4794
|
error: r,
|
|
4795
4795
|
isFetching: o,
|
|
4796
|
-
isLoading:
|
|
4797
|
-
} =
|
|
4796
|
+
isLoading: i
|
|
4797
|
+
} = Pn({ queryKey: e, queryFn: t });
|
|
4798
4798
|
return {
|
|
4799
4799
|
activities: n,
|
|
4800
4800
|
error: r,
|
|
4801
4801
|
isFetching: o,
|
|
4802
|
-
isLoading:
|
|
4802
|
+
isLoading: i
|
|
4803
4803
|
};
|
|
4804
4804
|
}
|
|
4805
4805
|
function ha({
|
|
@@ -4811,7 +4811,7 @@ function ha({
|
|
|
4811
4811
|
}) {
|
|
4812
4812
|
const { mutate: r } = ne({
|
|
4813
4813
|
mutationFn: e,
|
|
4814
|
-
onMutate: ({ activityId: o }) => t((
|
|
4814
|
+
onMutate: ({ activityId: o }) => t((i) => oa(o, i)),
|
|
4815
4815
|
onError: n
|
|
4816
4816
|
});
|
|
4817
4817
|
return r;
|
|
@@ -4826,9 +4826,9 @@ function pa({
|
|
|
4826
4826
|
}) {
|
|
4827
4827
|
const { mutate: o } = ne({
|
|
4828
4828
|
mutationFn: e,
|
|
4829
|
-
onMutate: ({ activityId:
|
|
4830
|
-
const a = _t(
|
|
4831
|
-
return a &&
|
|
4829
|
+
onMutate: ({ activityId: i }) => t((l) => {
|
|
4830
|
+
const a = _t(i, l);
|
|
4831
|
+
return a && aa({ activity: a, user: r }), l;
|
|
4832
4832
|
}),
|
|
4833
4833
|
onError: n
|
|
4834
4834
|
});
|
|
@@ -4838,12 +4838,12 @@ const jo = ({
|
|
|
4838
4838
|
basePath: e,
|
|
4839
4839
|
parentId: t,
|
|
4840
4840
|
isMember: n,
|
|
4841
|
-
functions: { join: r, leave: o, ...
|
|
4841
|
+
functions: { join: r, leave: o, ...i }
|
|
4842
4842
|
}) => {
|
|
4843
4843
|
const l = C(), {
|
|
4844
4844
|
activities: a,
|
|
4845
4845
|
error: u,
|
|
4846
|
-
isFetching:
|
|
4846
|
+
isFetching: c,
|
|
4847
4847
|
mutations: {
|
|
4848
4848
|
create: m,
|
|
4849
4849
|
edit: d,
|
|
@@ -4852,7 +4852,7 @@ const jo = ({
|
|
|
4852
4852
|
unlike: g
|
|
4853
4853
|
},
|
|
4854
4854
|
user: v
|
|
4855
|
-
} = ua({ queryKey: [e, t], queryFns:
|
|
4855
|
+
} = ua({ queryKey: [e, t], queryFns: i });
|
|
4856
4856
|
return u ? /* @__PURE__ */ s.jsx(Et, { variant: "error", text: u.message }) : /* @__PURE__ */ s.jsxs("section", { children: [
|
|
4857
4857
|
/* @__PURE__ */ s.jsx(
|
|
4858
4858
|
sn,
|
|
@@ -4868,7 +4868,7 @@ const jo = ({
|
|
|
4868
4868
|
}
|
|
4869
4869
|
}
|
|
4870
4870
|
),
|
|
4871
|
-
!
|
|
4871
|
+
!c && Array.isArray(a) && (a == null ? void 0 : a.map((_) => {
|
|
4872
4872
|
var Q, F, b, V, k, L, J, q, ie;
|
|
4873
4873
|
const { own_reactions: y, latest_reactions: w } = _, x = (((Q = w == null ? void 0 : w.like) == null ? void 0 : Q.length) || 0) > 0, $ = (((F = y == null ? void 0 : y.like) == null ? void 0 : F.length) || 0) > 0, M = $ ? y == null ? void 0 : y.like[0].id : null, A = x ? (b = w == null ? void 0 : w.like) == null ? void 0 : b.map((Y) => {
|
|
4874
4874
|
var se, ce, le;
|
|
@@ -4915,9 +4915,7 @@ const jo = ({
|
|
|
4915
4915
|
updateContent: (Y, se) => d({ ...Y, ...se })
|
|
4916
4916
|
},
|
|
4917
4917
|
likes: {
|
|
4918
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4919
4918
|
createLike: () => h({ activityId: _ == null ? void 0 : _.id }),
|
|
4920
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4921
4919
|
deleteLike: () => g({ activityId: _ == null ? void 0 : _.id, reactionId: M })
|
|
4922
4920
|
},
|
|
4923
4921
|
comments: {
|
|
@@ -4937,13 +4935,13 @@ const jo = ({
|
|
|
4937
4935
|
mutationFn: n
|
|
4938
4936
|
}) => ({ mutationFn: n, onMutate: async () => {
|
|
4939
4937
|
await e.cancelQueries({ queryKey: t });
|
|
4940
|
-
}, onError: (a, u,
|
|
4941
|
-
e.setQueryData(t,
|
|
4938
|
+
}, onError: (a, u, c) => {
|
|
4939
|
+
e.setQueryData(t, c.previousActivity);
|
|
4942
4940
|
}, onSuccess: (a) => {
|
|
4943
|
-
var
|
|
4941
|
+
var c;
|
|
4944
4942
|
const u = e.getQueryData(t);
|
|
4945
4943
|
if (u)
|
|
4946
|
-
return (
|
|
4944
|
+
return (c = u == null ? void 0 : u.latest_reactions) != null && c.reply ? (u.latest_reactions.reply.unshift(a), u && (u.reaction_counts = {
|
|
4947
4945
|
reply: u.latest_reactions.reply.length
|
|
4948
4946
|
})) : (u.latest_reactions = { reply: [a] }, u.reaction_counts = { reply: 1 }), e.setQueryData(t, () => ({
|
|
4949
4947
|
...u
|
|
@@ -4957,52 +4955,52 @@ const jo = ({
|
|
|
4957
4955
|
}) => ({
|
|
4958
4956
|
mutationFn: n,
|
|
4959
4957
|
onMutate: async ({
|
|
4960
|
-
replyInfo:
|
|
4958
|
+
replyInfo: i,
|
|
4961
4959
|
content: { body: l }
|
|
4962
4960
|
}) => {
|
|
4963
|
-
var
|
|
4961
|
+
var c, m, d;
|
|
4964
4962
|
if (l.length === 0)
|
|
4965
4963
|
return;
|
|
4966
4964
|
await e.cancelQueries({ queryKey: t });
|
|
4967
4965
|
const a = e.getQueryData(t);
|
|
4968
|
-
if (!a || !((
|
|
4966
|
+
if (!a || !((c = a == null ? void 0 : a.latest_reactions) != null && c.reply))
|
|
4969
4967
|
return;
|
|
4970
|
-
const u = (d = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : d.map((p) => (p.id ===
|
|
4968
|
+
const u = (d = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : d.map((p) => (p.id === i.replySlug && (p.data.content = l), p));
|
|
4971
4969
|
return e.setQueryData(t, () => ({
|
|
4972
4970
|
...a,
|
|
4973
4971
|
latest_reactions: { reply: u }
|
|
4974
4972
|
})), { previousActivity: a };
|
|
4975
4973
|
},
|
|
4976
|
-
onError: (
|
|
4974
|
+
onError: (i, l, a) => {
|
|
4977
4975
|
e.setQueryData(t, a.previousActivity);
|
|
4978
4976
|
}
|
|
4979
4977
|
}), xa = ({
|
|
4980
4978
|
queryClient: e,
|
|
4981
4979
|
queryKey: t,
|
|
4982
4980
|
mutationFn: n
|
|
4983
|
-
}) => ({ mutationFn: n, onMutate: async ({ replyId:
|
|
4984
|
-
var u,
|
|
4981
|
+
}) => ({ mutationFn: n, onMutate: async ({ replyId: i }) => {
|
|
4982
|
+
var u, c, m;
|
|
4985
4983
|
await e.cancelQueries({ queryKey: t });
|
|
4986
4984
|
const l = e.getQueryData(t);
|
|
4987
4985
|
if (!l || !((u = l == null ? void 0 : l.latest_reactions) != null && u.reply))
|
|
4988
4986
|
return;
|
|
4989
|
-
const a = (m = (
|
|
4990
|
-
(d) => d.id !==
|
|
4987
|
+
const a = (m = (c = l == null ? void 0 : l.latest_reactions) == null ? void 0 : c.reply) == null ? void 0 : m.filter(
|
|
4988
|
+
(d) => d.id !== i
|
|
4991
4989
|
);
|
|
4992
4990
|
return e.setQueryData(t, () => ({
|
|
4993
4991
|
...l,
|
|
4994
4992
|
latest_reactions: { reply: a }
|
|
4995
4993
|
})), { previousActivity: l };
|
|
4996
|
-
}, onError: (
|
|
4994
|
+
}, onError: (i, l, a) => {
|
|
4997
4995
|
e.setQueryData(t, a.previousActivity);
|
|
4998
4996
|
} }), ba = ({
|
|
4999
4997
|
queryClient: e,
|
|
5000
4998
|
queryKey: t,
|
|
5001
4999
|
mutationFn: n
|
|
5002
5000
|
}) => ({ mutationFn: n, onMutate: async ({ replyId: l }) => {
|
|
5003
|
-
var
|
|
5001
|
+
var c, m;
|
|
5004
5002
|
await e.cancelQueries({ queryKey: t });
|
|
5005
|
-
const a = e.getQueryData(t), u = (m = (
|
|
5003
|
+
const a = e.getQueryData(t), u = (m = (c = a == null ? void 0 : a.latest_reactions) == null ? void 0 : c.reply) == null ? void 0 : m.map((d) => {
|
|
5006
5004
|
var p;
|
|
5007
5005
|
return d.id === l && ((p = d.children_counts) != null && p.like ? d.children_counts.like += 1 : d.children_counts = { like: 1 }), d;
|
|
5008
5006
|
});
|
|
@@ -5013,8 +5011,8 @@ const jo = ({
|
|
|
5013
5011
|
}, onError: (l, a, u) => {
|
|
5014
5012
|
e.setQueryData(t, u.previousActivity);
|
|
5015
5013
|
}, onSuccess: (l) => {
|
|
5016
|
-
var
|
|
5017
|
-
const a = e.getQueryData(t), u = (
|
|
5014
|
+
var c;
|
|
5015
|
+
const a = e.getQueryData(t), u = (c = a == null ? void 0 : a.latest_reactions.reply) == null ? void 0 : c.map((m) => {
|
|
5018
5016
|
var d, p;
|
|
5019
5017
|
return m.id === l.id && ((d = m.own_children) != null && d.like ? m.own_children.like.push(l) : m.own_children = { like: [l] }, (p = m.latest_children) != null && p.like ? m.latest_children.like.push(l) : m.latest_children = { like: [l] }), m;
|
|
5020
5018
|
});
|
|
@@ -5033,19 +5031,19 @@ const jo = ({
|
|
|
5033
5031
|
const u = e.getQueryData(t);
|
|
5034
5032
|
if (!u)
|
|
5035
5033
|
return;
|
|
5036
|
-
const
|
|
5034
|
+
const c = (m = u.latest_reactions.reply) == null ? void 0 : m.map((d) => (d.id === a && d.children_counts.like && (d.children_counts.like -= 1), d));
|
|
5037
5035
|
return e.setQueryData(t, () => ({
|
|
5038
5036
|
...u,
|
|
5039
|
-
latest_reactions: { reply:
|
|
5037
|
+
latest_reactions: { reply: c }
|
|
5040
5038
|
})), { previousActivity: u };
|
|
5041
|
-
}, onError: (a, u,
|
|
5042
|
-
e.setQueryData(t,
|
|
5039
|
+
}, onError: (a, u, c) => {
|
|
5040
|
+
e.setQueryData(t, c.previousActivity);
|
|
5043
5041
|
}, onSuccess: (a, { replyId: u }) => {
|
|
5044
5042
|
var d;
|
|
5045
|
-
const
|
|
5046
|
-
if (!
|
|
5043
|
+
const c = e.getQueryData(t);
|
|
5044
|
+
if (!c)
|
|
5047
5045
|
return;
|
|
5048
|
-
const m = (d =
|
|
5046
|
+
const m = (d = c.latest_reactions.reply) == null ? void 0 : d.map((p) => {
|
|
5049
5047
|
var h, g, v;
|
|
5050
5048
|
if (p.id === u) {
|
|
5051
5049
|
let _ = (h = p.latest_children.reply) == null ? void 0 : h.filter(
|
|
@@ -5058,9 +5056,9 @@ const jo = ({
|
|
|
5058
5056
|
return p;
|
|
5059
5057
|
});
|
|
5060
5058
|
return e.setQueryData(t, () => ({
|
|
5061
|
-
...
|
|
5059
|
+
...c,
|
|
5062
5060
|
latest_reactions: { reply: m }
|
|
5063
|
-
})), { previousActivity:
|
|
5061
|
+
})), { previousActivity: c };
|
|
5064
5062
|
} }), wa = ({
|
|
5065
5063
|
queryClient: e,
|
|
5066
5064
|
queryKey: t,
|
|
@@ -5072,14 +5070,14 @@ const jo = ({
|
|
|
5072
5070
|
},
|
|
5073
5071
|
onSuccess: (a) => {
|
|
5074
5072
|
var m;
|
|
5075
|
-
const u = e.getQueryData(t),
|
|
5073
|
+
const u = e.getQueryData(t), c = (m = u == null ? void 0 : u.latest_reactions.reply) == null ? void 0 : m.map((d) => (d.id === a.parent && (d.latest_children.reply && d.children_counts.reply ? (d.latest_children.reply.push(a), d.children_counts.reply += 1) : (d.latest_children.reply = [a], d.children_counts.reply = 1)), d));
|
|
5076
5074
|
return e.setQueryData(t, () => ({
|
|
5077
5075
|
...u,
|
|
5078
|
-
latest_reactions: { reply:
|
|
5076
|
+
latest_reactions: { reply: c }
|
|
5079
5077
|
})), { previousActivity: u };
|
|
5080
5078
|
},
|
|
5081
|
-
onError: (a, u,
|
|
5082
|
-
e.setQueryData(t,
|
|
5079
|
+
onError: (a, u, c) => {
|
|
5080
|
+
e.setQueryData(t, c.previousActivity);
|
|
5083
5081
|
},
|
|
5084
5082
|
onSettled: () => {
|
|
5085
5083
|
e.invalidateQueries({ queryKey: t });
|
|
@@ -5088,22 +5086,22 @@ const jo = ({
|
|
|
5088
5086
|
queryClient: e,
|
|
5089
5087
|
queryKey: t,
|
|
5090
5088
|
mutationFn: n
|
|
5091
|
-
}) => ({ mutationFn: n, onError: (
|
|
5089
|
+
}) => ({ mutationFn: n, onError: (i, l, a) => {
|
|
5092
5090
|
e.setQueryData(t, a.previousActivity);
|
|
5093
5091
|
}, onMutate: async ({
|
|
5094
|
-
replyInfo:
|
|
5092
|
+
replyInfo: i,
|
|
5095
5093
|
content: { body: l }
|
|
5096
5094
|
}) => {
|
|
5097
|
-
var
|
|
5095
|
+
var c, m, d;
|
|
5098
5096
|
if (l.length === 0)
|
|
5099
5097
|
return;
|
|
5100
5098
|
await e.cancelQueries({ queryKey: t });
|
|
5101
5099
|
const a = e.getQueryData(t);
|
|
5102
|
-
if (!a || !((
|
|
5100
|
+
if (!a || !((c = a == null ? void 0 : a.latest_reactions) != null && c.reply))
|
|
5103
5101
|
return;
|
|
5104
5102
|
const u = (d = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : d.map((p) => {
|
|
5105
5103
|
var h;
|
|
5106
|
-
return p.id ===
|
|
5104
|
+
return p.id === i.replyParentId && ((h = p.latest_children.reply) == null || h.map((g) => (g.id === i.replySlug && (g.data.content = l), g))), p;
|
|
5107
5105
|
});
|
|
5108
5106
|
return e.setQueryData(t, () => ({
|
|
5109
5107
|
...a,
|
|
@@ -5113,21 +5111,21 @@ const jo = ({
|
|
|
5113
5111
|
queryClient: e,
|
|
5114
5112
|
queryKey: t,
|
|
5115
5113
|
mutationFn: n
|
|
5116
|
-
}) => ({ mutationFn: n, onError: (
|
|
5114
|
+
}) => ({ mutationFn: n, onError: (i, l, a) => {
|
|
5117
5115
|
e.setQueryData(t, a.previousActivity);
|
|
5118
5116
|
}, onMutate: async ({
|
|
5119
|
-
replyId:
|
|
5117
|
+
replyId: i,
|
|
5120
5118
|
replyParentId: l
|
|
5121
5119
|
}) => {
|
|
5122
|
-
var
|
|
5120
|
+
var c, m, d;
|
|
5123
5121
|
await e.cancelQueries({ queryKey: t });
|
|
5124
5122
|
const a = e.getQueryData(t);
|
|
5125
|
-
if (!a || !((
|
|
5123
|
+
if (!a || !((c = a == null ? void 0 : a.latest_reactions) != null && c.reply))
|
|
5126
5124
|
return;
|
|
5127
5125
|
const u = (d = (m = a == null ? void 0 : a.latest_reactions) == null ? void 0 : m.reply) == null ? void 0 : d.map((p) => {
|
|
5128
5126
|
var h, g;
|
|
5129
5127
|
return p.id === l && (p.latest_children.reply = (h = p.latest_children.reply) == null ? void 0 : h.filter(
|
|
5130
|
-
(v) => v.id !==
|
|
5128
|
+
(v) => v.id !== i
|
|
5131
5129
|
), (g = p.children_counts) != null && g.reply && (p.children_counts.reply -= 1)), p;
|
|
5132
5130
|
});
|
|
5133
5131
|
return e.setQueryData(t, () => ({
|
|
@@ -5144,7 +5142,7 @@ const jo = ({
|
|
|
5144
5142
|
}) => {
|
|
5145
5143
|
var m;
|
|
5146
5144
|
await e.cancelQueries({ queryKey: t });
|
|
5147
|
-
const u = e.getQueryData(t),
|
|
5145
|
+
const u = e.getQueryData(t), c = (m = u == null ? void 0 : u.latest_reactions.reply) == null ? void 0 : m.map((d) => {
|
|
5148
5146
|
var p;
|
|
5149
5147
|
return d.id === a && ((p = d.latest_children.reply) == null || p.map((h) => {
|
|
5150
5148
|
var g;
|
|
@@ -5153,19 +5151,19 @@ const jo = ({
|
|
|
5153
5151
|
});
|
|
5154
5152
|
return e.setQueryData(t, () => ({
|
|
5155
5153
|
...u,
|
|
5156
|
-
latest_reactions: { reply:
|
|
5154
|
+
latest_reactions: { reply: c }
|
|
5157
5155
|
})), { previousActivity: u };
|
|
5158
5156
|
}, onError: (l, a, u) => {
|
|
5159
5157
|
e.setQueryData(t, u.previousActivity);
|
|
5160
5158
|
}, onSuccess: (l, a) => {
|
|
5161
5159
|
var m;
|
|
5162
|
-
const u = e.getQueryData(t),
|
|
5160
|
+
const u = e.getQueryData(t), c = (m = u == null ? void 0 : u.latest_reactions.reply) == null ? void 0 : m.map((d) => {
|
|
5163
5161
|
var p;
|
|
5164
5162
|
return d.id === a.replyParentId && ((p = d.latest_children.reply) == null || p.map((h) => (h.id === a.replyId && (h.latest_children = h.latest_children || {}, h.own_children = h.own_children || {}, h.latest_children.like = h.latest_children.like || [], h.own_children.like = h.own_children.like || [], h.latest_children.like.push(l), h.own_children.like.push(l)), h))), d;
|
|
5165
5163
|
});
|
|
5166
5164
|
return e.setQueryData(t, () => ({
|
|
5167
5165
|
...u,
|
|
5168
|
-
latest_reactions: { reply:
|
|
5166
|
+
latest_reactions: { reply: c }
|
|
5169
5167
|
})), { previousActivity: u };
|
|
5170
5168
|
} }), Ea = ({
|
|
5171
5169
|
queryClient: e,
|
|
@@ -5178,7 +5176,7 @@ const jo = ({
|
|
|
5178
5176
|
}) => {
|
|
5179
5177
|
var d;
|
|
5180
5178
|
await e.cancelQueries({ queryKey: t });
|
|
5181
|
-
const
|
|
5179
|
+
const c = e.getQueryData(t), m = (d = c == null ? void 0 : c.latest_reactions.reply) == null ? void 0 : d.map((p) => {
|
|
5182
5180
|
var h;
|
|
5183
5181
|
return p.id === u && ((h = p.latest_children.reply) == null || h.map((g) => {
|
|
5184
5182
|
var v;
|
|
@@ -5186,14 +5184,14 @@ const jo = ({
|
|
|
5186
5184
|
})), p;
|
|
5187
5185
|
});
|
|
5188
5186
|
return e.setQueryData(t, () => ({
|
|
5189
|
-
...
|
|
5187
|
+
...c,
|
|
5190
5188
|
latest_reactions: { reply: m }
|
|
5191
|
-
})), { previousActivity:
|
|
5192
|
-
}, onError: (a, u,
|
|
5193
|
-
e.setQueryData(t,
|
|
5189
|
+
})), { previousActivity: c };
|
|
5190
|
+
}, onError: (a, u, c) => {
|
|
5191
|
+
e.setQueryData(t, c.previousActivity);
|
|
5194
5192
|
}, onSuccess: (a, u) => {
|
|
5195
5193
|
var d;
|
|
5196
|
-
const
|
|
5194
|
+
const c = e.getQueryData(t), m = (d = c == null ? void 0 : c.latest_reactions.reply) == null ? void 0 : d.map((p) => {
|
|
5197
5195
|
var h;
|
|
5198
5196
|
return p.id === u.replyParentId && ((h = p.latest_children.reply) == null || h.map((g) => {
|
|
5199
5197
|
var v, _;
|
|
@@ -5205,17 +5203,17 @@ const jo = ({
|
|
|
5205
5203
|
})), p;
|
|
5206
5204
|
});
|
|
5207
5205
|
return e.setQueryData(t, () => ({
|
|
5208
|
-
...
|
|
5206
|
+
...c,
|
|
5209
5207
|
latest_reactions: { reply: m }
|
|
5210
|
-
})), { previousActivity:
|
|
5208
|
+
})), { previousActivity: c };
|
|
5211
5209
|
} }), Sa = ({
|
|
5212
5210
|
basePath: e,
|
|
5213
5211
|
parentId: t,
|
|
5214
5212
|
replyParentId: n,
|
|
5215
5213
|
activityId: r,
|
|
5216
5214
|
replyCount: o,
|
|
5217
|
-
replies:
|
|
5218
|
-
functions: { create: l, edit: a, remove: u, join:
|
|
5215
|
+
replies: i,
|
|
5216
|
+
functions: { create: l, edit: a, remove: u, join: c, leave: m, like: d, unlike: p }
|
|
5219
5217
|
}) => {
|
|
5220
5218
|
const h = C(), g = wt(), v = we(Se), _ = we(St), y = wa({
|
|
5221
5219
|
queryClient: g,
|
|
@@ -5267,13 +5265,13 @@ const jo = ({
|
|
|
5267
5265
|
membershipRequiredToPost: {
|
|
5268
5266
|
isMember: !0,
|
|
5269
5267
|
required: !0,
|
|
5270
|
-
join:
|
|
5268
|
+
join: c,
|
|
5271
5269
|
leave: m,
|
|
5272
5270
|
notMemberStateText: h.formatMessage({ id: "community_joinToPost" })
|
|
5273
5271
|
}
|
|
5274
5272
|
}
|
|
5275
5273
|
),
|
|
5276
|
-
(
|
|
5274
|
+
(i == null ? void 0 : i.length) === 0 || (i == null ? void 0 : i.map((k) => {
|
|
5277
5275
|
var L, J, q, ie, Y, se, ce, le, pe, B, de, _e, me, ke, xe, je, be;
|
|
5278
5276
|
return /* @__PURE__ */ s.jsx(
|
|
5279
5277
|
$t,
|
|
@@ -5345,12 +5343,12 @@ const jo = ({
|
|
|
5345
5343
|
activityId: n,
|
|
5346
5344
|
repliesList: r,
|
|
5347
5345
|
isMember: o,
|
|
5348
|
-
functions: { create:
|
|
5346
|
+
functions: { create: i, edit: l, remove: a, like: u, unlike: c, join: m, leave: d }
|
|
5349
5347
|
}) => {
|
|
5350
5348
|
const p = C(), h = wt(), g = we(Se), v = ga({
|
|
5351
5349
|
queryClient: h,
|
|
5352
5350
|
queryKey: [e, t, n],
|
|
5353
|
-
mutationFn: async (b) =>
|
|
5351
|
+
mutationFn: async (b) => i({ activityId: n, content: b.body })
|
|
5354
5352
|
}), { mutate: _ } = ne(v), y = _a({
|
|
5355
5353
|
queryClient: h,
|
|
5356
5354
|
queryKey: [e, t, n],
|
|
@@ -5373,7 +5371,7 @@ const jo = ({
|
|
|
5373
5371
|
queryClient: h,
|
|
5374
5372
|
queryKey: [e, t, n],
|
|
5375
5373
|
user: g,
|
|
5376
|
-
mutationFn:
|
|
5374
|
+
mutationFn: c
|
|
5377
5375
|
}), {
|
|
5378
5376
|
mutate: O
|
|
5379
5377
|
} = ne(N), Q = Ae(
|
|
@@ -5464,11 +5462,11 @@ const jo = ({
|
|
|
5464
5462
|
replies: (fe = b == null ? void 0 : b.latest_children) == null ? void 0 : fe.reply,
|
|
5465
5463
|
isMember: o,
|
|
5466
5464
|
functions: {
|
|
5467
|
-
create:
|
|
5465
|
+
create: i,
|
|
5468
5466
|
edit: l,
|
|
5469
5467
|
remove: a,
|
|
5470
5468
|
like: u,
|
|
5471
|
-
unlike:
|
|
5469
|
+
unlike: c,
|
|
5472
5470
|
join: m,
|
|
5473
5471
|
leave: d
|
|
5474
5472
|
}
|
|
@@ -5521,8 +5519,8 @@ const jo = ({
|
|
|
5521
5519
|
return (u = a == null ? void 0 : a.reaction_counts) != null && u.like ? a.reaction_counts.like += 1 : a && (a.reaction_counts = { like: 1 }), e.setQueryData(t, () => ({
|
|
5522
5520
|
...a
|
|
5523
5521
|
})), { previousActivity: a };
|
|
5524
|
-
}, onError: (a, u,
|
|
5525
|
-
e.setQueryData(t,
|
|
5522
|
+
}, onError: (a, u, c) => {
|
|
5523
|
+
e.setQueryData(t, c.previousActivity);
|
|
5526
5524
|
}, onSuccess: (a) => {
|
|
5527
5525
|
const u = e.getQueryData(t);
|
|
5528
5526
|
return u != null && u.own_reactions.like ? u.own_reactions.like.push(a) : u && (u.own_reactions = { like: [a] }), u != null && u.latest_reactions.like ? u.latest_reactions.like.push(a) : u && (u.own_reactions = { like: [a] }), e.setQueryData(t, () => ({
|
|
@@ -5539,24 +5537,24 @@ const jo = ({
|
|
|
5539
5537
|
}) => ({ mutationFn: o, onMutate: async () => {
|
|
5540
5538
|
var m;
|
|
5541
5539
|
await e.cancelQueries({ queryKey: t });
|
|
5542
|
-
const
|
|
5543
|
-
return (m =
|
|
5544
|
-
...
|
|
5545
|
-
})), { previousActivity:
|
|
5546
|
-
}, onError: (
|
|
5540
|
+
const c = e.getQueryData(t);
|
|
5541
|
+
return (m = c == null ? void 0 : c.reaction_counts) != null && m.like && c.reaction_counts.like > 0 && (c.reaction_counts.like -= 1), e.setQueryData(t, () => ({
|
|
5542
|
+
...c
|
|
5543
|
+
})), { previousActivity: c };
|
|
5544
|
+
}, onError: (c, m, d) => {
|
|
5547
5545
|
e.setQueryData(t, d.previousActivity);
|
|
5548
5546
|
}, onSuccess: () => {
|
|
5549
5547
|
var d, p, h;
|
|
5550
5548
|
if (!r)
|
|
5551
5549
|
return;
|
|
5552
|
-
const
|
|
5550
|
+
const c = (h = (p = (d = r.own_reactions) == null ? void 0 : d.like) == null ? void 0 : p.find(
|
|
5553
5551
|
(g) => g.user_id === (n == null ? void 0 : n.id)
|
|
5554
5552
|
)) == null ? void 0 : h.id, m = e.getQueryData(t);
|
|
5555
5553
|
if (m != null && m.own_reactions.like && (m.own_reactions.like = m.own_reactions.like.filter(
|
|
5556
|
-
(g) => g.id !==
|
|
5554
|
+
(g) => g.id !== c
|
|
5557
5555
|
), !!(m != null && m.latest_reactions.like)))
|
|
5558
5556
|
return m.latest_reactions.like = m.latest_reactions.like.filter(
|
|
5559
|
-
(g) => g.id !==
|
|
5557
|
+
(g) => g.id !== c
|
|
5560
5558
|
), e.setQueryData(t, () => ({
|
|
5561
5559
|
...m
|
|
5562
5560
|
})), { previousActivity: m };
|
|
@@ -5570,11 +5568,11 @@ const yo = ({
|
|
|
5570
5568
|
isMember: r,
|
|
5571
5569
|
functions: {
|
|
5572
5570
|
get: o,
|
|
5573
|
-
editActivity:
|
|
5571
|
+
editActivity: i,
|
|
5574
5572
|
removeActivity: l,
|
|
5575
5573
|
likeActivity: a,
|
|
5576
5574
|
unlikeActivity: u,
|
|
5577
|
-
createReply:
|
|
5575
|
+
createReply: c,
|
|
5578
5576
|
editReply: m,
|
|
5579
5577
|
removeReply: d,
|
|
5580
5578
|
likeReply: p,
|
|
@@ -5588,13 +5586,13 @@ const yo = ({
|
|
|
5588
5586
|
data: x,
|
|
5589
5587
|
isLoading: $,
|
|
5590
5588
|
isFetching: M
|
|
5591
|
-
} =
|
|
5589
|
+
} = Pn({
|
|
5592
5590
|
queryKey: [e, t, n],
|
|
5593
5591
|
queryFn: o
|
|
5594
5592
|
}), A = Ta({
|
|
5595
5593
|
queryClient: w,
|
|
5596
5594
|
queryKey: [e, t, n],
|
|
5597
|
-
mutationFn: async (ee) => await
|
|
5595
|
+
mutationFn: async (ee) => await i(ee)
|
|
5598
5596
|
}), {
|
|
5599
5597
|
mutate: N
|
|
5600
5598
|
} = ne(A), O = Ma({
|
|
@@ -5706,7 +5704,7 @@ const yo = ({
|
|
|
5706
5704
|
repliesList: (et = x == null ? void 0 : x.latest_reactions) == null ? void 0 : et.reply,
|
|
5707
5705
|
isMember: r,
|
|
5708
5706
|
functions: {
|
|
5709
|
-
create:
|
|
5707
|
+
create: c,
|
|
5710
5708
|
edit: m,
|
|
5711
5709
|
remove: d,
|
|
5712
5710
|
like: p,
|
|
@@ -5730,11 +5728,11 @@ const yo = ({
|
|
|
5730
5728
|
const n = C(), {
|
|
5731
5729
|
answers: r,
|
|
5732
5730
|
createdAt: o,
|
|
5733
|
-
dateHasPassed:
|
|
5731
|
+
dateHasPassed: i,
|
|
5734
5732
|
isOngoingEvent: l,
|
|
5735
5733
|
pill: a,
|
|
5736
5734
|
readingTime: u,
|
|
5737
|
-
publishedDate:
|
|
5735
|
+
publishedDate: c,
|
|
5738
5736
|
startDate: m
|
|
5739
5737
|
} = t;
|
|
5740
5738
|
if (e === "question") {
|
|
@@ -5757,8 +5755,8 @@ const yo = ({
|
|
|
5757
5755
|
] })
|
|
5758
5756
|
] });
|
|
5759
5757
|
}
|
|
5760
|
-
if (m && !
|
|
5761
|
-
return /* @__PURE__ */ s.jsx("p", { className: "details", children: l ? n.formatMessage({ id: "card_bootcamp" }) :
|
|
5758
|
+
if (m && !i || l)
|
|
5759
|
+
return /* @__PURE__ */ s.jsx("p", { className: "details", children: l ? n.formatMessage({ id: "card_bootcamp" }) : Bn(m) });
|
|
5762
5760
|
if (a)
|
|
5763
5761
|
return /* @__PURE__ */ s.jsx(
|
|
5764
5762
|
ft,
|
|
@@ -5769,11 +5767,11 @@ const yo = ({
|
|
|
5769
5767
|
children: a
|
|
5770
5768
|
}
|
|
5771
5769
|
);
|
|
5772
|
-
if (u ||
|
|
5773
|
-
const d =
|
|
5770
|
+
if (u || c) {
|
|
5771
|
+
const d = c && Jt(c);
|
|
5774
5772
|
return /* @__PURE__ */ s.jsxs("ul", { className: "details", children: [
|
|
5775
5773
|
u && /* @__PURE__ */ s.jsx("li", { "data-testid": "reading-time", children: n.formatMessage({ id: "card_time_read" }, { time: u }) }),
|
|
5776
|
-
|
|
5774
|
+
c && /* @__PURE__ */ s.jsx("li", { "data-testid": "published-date", children: n.formatMessage(
|
|
5777
5775
|
{ id: "card_time_ago" },
|
|
5778
5776
|
{
|
|
5779
5777
|
time: d ? n.formatMessage(
|
|
@@ -5844,14 +5842,14 @@ const yo = ({
|
|
|
5844
5842
|
}
|
|
5845
5843
|
}, Pa = ({ data: e, cta: t, link: n, gtmContext: r }) => {
|
|
5846
5844
|
var g;
|
|
5847
|
-
const o = C(), [
|
|
5845
|
+
const o = C(), [i, l] = R({
|
|
5848
5846
|
loading: !1,
|
|
5849
5847
|
registered: e.registered || !1
|
|
5850
5848
|
});
|
|
5851
5849
|
G(() => {
|
|
5852
5850
|
e.registered && l((v) => ({ ...v, registered: !0 }));
|
|
5853
5851
|
}, [e.registered]);
|
|
5854
|
-
const { startDate: a, dateHasPassed: u, pill:
|
|
5852
|
+
const { startDate: a, dateHasPassed: u, pill: c, slug: m } = e, d = e.contentType;
|
|
5855
5853
|
let p = "";
|
|
5856
5854
|
if ((g = xt[d]) != null && g.gtmEvent && (p = xt[d].gtmEvent), a && u)
|
|
5857
5855
|
return /* @__PURE__ */ s.jsx(
|
|
@@ -5878,8 +5876,8 @@ const yo = ({
|
|
|
5878
5876
|
}
|
|
5879
5877
|
);
|
|
5880
5878
|
const h = ["microcourse", "event"];
|
|
5881
|
-
if (t && t.onClick && h.includes(d) &&
|
|
5882
|
-
const v =
|
|
5879
|
+
if (t && t.onClick && h.includes(d) && c !== "premium") {
|
|
5880
|
+
const v = i.loading || i.registered, _ = async (y) => {
|
|
5883
5881
|
if (y.preventDefault(), y.stopPropagation(), !(v || !t || !t.onClick)) {
|
|
5884
5882
|
l((w) => ({ ...w, loading: !0 }));
|
|
5885
5883
|
try {
|
|
@@ -5902,13 +5900,13 @@ const yo = ({
|
|
|
5902
5900
|
"data-gtm-event-type": `${r}-${d}-register-click`,
|
|
5903
5901
|
"data-testid": "in-card-button",
|
|
5904
5902
|
children: o.formatMessage({
|
|
5905
|
-
id: `card_cta_${d}${v ? `_${
|
|
5903
|
+
id: `card_cta_${d}${v ? `_${i.loading ? "loading" : "done"}` : ""}`
|
|
5906
5904
|
})
|
|
5907
5905
|
}
|
|
5908
5906
|
);
|
|
5909
5907
|
}
|
|
5910
5908
|
return null;
|
|
5911
|
-
},
|
|
5909
|
+
}, Nn = {
|
|
5912
5910
|
cube: "box",
|
|
5913
5911
|
graduationCap: "graduation-cap",
|
|
5914
5912
|
person: "user",
|
|
@@ -5916,7 +5914,7 @@ const yo = ({
|
|
|
5916
5914
|
star: "star_empty_thin"
|
|
5917
5915
|
}, Ra = (e) => {
|
|
5918
5916
|
let t = e;
|
|
5919
|
-
return Object.keys(
|
|
5917
|
+
return Object.keys(Nn).includes(e) && (t = Nn[e]), `url(${mt}icons/${t}.svg)`;
|
|
5920
5918
|
};
|
|
5921
5919
|
const Aa = {
|
|
5922
5920
|
title: 66,
|
|
@@ -5929,12 +5927,12 @@ const Aa = {
|
|
|
5929
5927
|
buildCardData: n,
|
|
5930
5928
|
cta: r,
|
|
5931
5929
|
gtmContext: o = "Carousel",
|
|
5932
|
-
className:
|
|
5930
|
+
className: i = ""
|
|
5933
5931
|
}) => {
|
|
5934
|
-
const l = C(), a = we(Se), u = a && typeof a.id == "string", [
|
|
5932
|
+
const l = C(), a = we(Se), u = a && typeof a.id == "string", [c, m] = R({
|
|
5935
5933
|
data: null,
|
|
5936
5934
|
isLoading: !0
|
|
5937
|
-
}), { data: d, isLoading: p } =
|
|
5935
|
+
}), { data: d, isLoading: p } = c, h = Ae(() => {
|
|
5938
5936
|
n(t, u).then((O) => {
|
|
5939
5937
|
m(() => ({ data: O, isLoading: !1 }));
|
|
5940
5938
|
}).catch(() => m((O) => ({ ...O, isLoading: !1 })));
|
|
@@ -5958,7 +5956,7 @@ const Aa = {
|
|
|
5958
5956
|
className: _,
|
|
5959
5957
|
length: y,
|
|
5960
5958
|
gtmEvent: w
|
|
5961
|
-
} = xt[g], x =
|
|
5959
|
+
} = xt[g], x = Hn(`card_label_${g}`) ? l.formatMessage({ id: `card_label_${g}` }) : !1, $ = d.slug ? `${v}${d.slug}` : !1, M = { ...Aa, ...y };
|
|
5962
5960
|
let A = { className: "card" };
|
|
5963
5961
|
$ && (A = {
|
|
5964
5962
|
href: $,
|
|
@@ -5971,7 +5969,7 @@ const Aa = {
|
|
|
5971
5969
|
return /* @__PURE__ */ s.jsx(
|
|
5972
5970
|
"li",
|
|
5973
5971
|
{
|
|
5974
|
-
className: E("card-wrapper text-medium", _,
|
|
5972
|
+
className: E("card-wrapper text-medium", _, i, {
|
|
5975
5973
|
"has-link": $,
|
|
5976
5974
|
"no-link": !$,
|
|
5977
5975
|
"has-custom-icon": d.customIcon,
|
|
@@ -5995,7 +5993,7 @@ const Aa = {
|
|
|
5995
5993
|
),
|
|
5996
5994
|
d.banner ? /* @__PURE__ */ s.jsxs("p", { className: "img", children: [
|
|
5997
5995
|
d.registered && /* @__PURE__ */ s.jsx(ft, { size: "small", variant: "registered", children: l.formatMessage({ id: "card_registered" }) }),
|
|
5998
|
-
/* @__PURE__ */ s.jsx(
|
|
5996
|
+
/* @__PURE__ */ s.jsx(Qn, { image: d.banner })
|
|
5999
5997
|
] }) : _ === "people" ? /* @__PURE__ */ s.jsx(
|
|
6000
5998
|
Ke,
|
|
6001
5999
|
{
|
|
@@ -6005,7 +6003,7 @@ const Aa = {
|
|
|
6005
6003
|
}
|
|
6006
6004
|
) : null,
|
|
6007
6005
|
d.contributors && /* @__PURE__ */ s.jsx(
|
|
6008
|
-
|
|
6006
|
+
Gn,
|
|
6009
6007
|
{
|
|
6010
6008
|
contributors: { data: d.contributors },
|
|
6011
6009
|
styling: {
|
|
@@ -6032,19 +6030,19 @@ const Aa = {
|
|
|
6032
6030
|
}
|
|
6033
6031
|
);
|
|
6034
6032
|
};
|
|
6035
|
-
const La = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ s.jsx("ul", { className: E("card-block", n), children: e.map((o,
|
|
6036
|
-
const l = o.slug ? `${o.slug}-${t[
|
|
6033
|
+
const La = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ s.jsx("ul", { className: E("card-block", n), children: e.map((o, i) => {
|
|
6034
|
+
const l = o.slug ? `${o.slug}-${t[i]}` : `${t[i]}-${i}`;
|
|
6037
6035
|
return /* @__PURE__ */ s.jsx(
|
|
6038
6036
|
Fa,
|
|
6039
6037
|
{
|
|
6040
6038
|
id: l,
|
|
6041
|
-
card: { ...o, contentType: t[
|
|
6039
|
+
card: { ...o, contentType: t[i] },
|
|
6042
6040
|
...r
|
|
6043
6041
|
},
|
|
6044
6042
|
l
|
|
6045
6043
|
);
|
|
6046
6044
|
}) });
|
|
6047
|
-
const
|
|
6045
|
+
const Dn = [
|
|
6048
6046
|
{
|
|
6049
6047
|
contentType: "solutionArticle",
|
|
6050
6048
|
banner: {
|
|
@@ -6090,7 +6088,7 @@ const Nn = [
|
|
|
6090
6088
|
];
|
|
6091
6089
|
const lt = "notFoundError_", So = () => {
|
|
6092
6090
|
const e = C(), t = [];
|
|
6093
|
-
return
|
|
6091
|
+
return Dn.forEach((n, r) => {
|
|
6094
6092
|
n.title = e.formatMessage({ id: `${lt}post_${r + 1}` }), t.push("solutionArticle");
|
|
6095
6093
|
}), /* @__PURE__ */ s.jsxs(
|
|
6096
6094
|
Gr,
|
|
@@ -6101,7 +6099,7 @@ const lt = "notFoundError_", So = () => {
|
|
|
6101
6099
|
/* @__PURE__ */ s.jsx(
|
|
6102
6100
|
La,
|
|
6103
6101
|
{
|
|
6104
|
-
cards:
|
|
6102
|
+
cards: Dn,
|
|
6105
6103
|
cardTypes: t,
|
|
6106
6104
|
buildCardData: (n) => new Promise((r, o) => {
|
|
6107
6105
|
r(n);
|
|
@@ -6131,14 +6129,14 @@ export {
|
|
|
6131
6129
|
W as Button,
|
|
6132
6130
|
jt as ButtonWrapper,
|
|
6133
6131
|
jr as CacheProvider,
|
|
6134
|
-
|
|
6132
|
+
Un as CollapsibleSection,
|
|
6135
6133
|
Or as Columns,
|
|
6136
6134
|
co as CommunityDetails,
|
|
6137
|
-
|
|
6135
|
+
Gn as Contributors,
|
|
6138
6136
|
St as ConversationContext,
|
|
6139
6137
|
Br as CookieBanner,
|
|
6140
6138
|
Xr as DiscussionConversation,
|
|
6141
|
-
|
|
6139
|
+
rs as DiscussionForm,
|
|
6142
6140
|
ea as DiscussionLikes,
|
|
6143
6141
|
$t as DiscussionPost,
|
|
6144
6142
|
na as DiscussionThread,
|
|
@@ -6149,36 +6147,36 @@ export {
|
|
|
6149
6147
|
Et as EmptyStateBox,
|
|
6150
6148
|
uo as Filters,
|
|
6151
6149
|
Sr as FlagsProvider,
|
|
6152
|
-
|
|
6150
|
+
Xn as Footer,
|
|
6153
6151
|
tn as FullWidthSection,
|
|
6154
6152
|
io as GlobalProviders,
|
|
6155
|
-
|
|
6153
|
+
ts as Header,
|
|
6156
6154
|
cr as HelperTextBox,
|
|
6157
|
-
|
|
6155
|
+
Fn as HiddenFromScreenReaders,
|
|
6158
6156
|
ro as HideShowTextBox,
|
|
6159
6157
|
Re as HighlightedTextBox,
|
|
6160
6158
|
$r as IntlProvider,
|
|
6161
6159
|
Wr as InviteForm,
|
|
6162
6160
|
bo as InviteModal,
|
|
6163
|
-
|
|
6161
|
+
Jn as JoinButton,
|
|
6164
6162
|
mo as LanguageSwitcher,
|
|
6165
6163
|
yt as Link,
|
|
6166
6164
|
Nr as LoadMore,
|
|
6167
6165
|
ao as LoadingBlock,
|
|
6168
6166
|
Te as LoadingPlaceholder,
|
|
6169
6167
|
oo as LoadingState,
|
|
6170
|
-
|
|
6168
|
+
qn as Logo,
|
|
6171
6169
|
eo as LogoSection,
|
|
6172
|
-
|
|
6170
|
+
kn as MarkdownText,
|
|
6173
6171
|
no as MarketingBox,
|
|
6174
6172
|
nn as Member,
|
|
6175
6173
|
wo as MembersList,
|
|
6176
|
-
|
|
6174
|
+
ns as Modal,
|
|
6177
6175
|
Dr as MoreMenu,
|
|
6178
6176
|
so as NUMBER_OF_USERS,
|
|
6179
6177
|
Ar as NavigationMenu,
|
|
6180
6178
|
So as NotFoundError,
|
|
6181
|
-
|
|
6179
|
+
ss as Overlay,
|
|
6182
6180
|
_r as PageHeading,
|
|
6183
6181
|
Gr as PageLayout,
|
|
6184
6182
|
_o as PasswordRules,
|
|
@@ -6188,7 +6186,7 @@ export {
|
|
|
6188
6186
|
xo as Rating,
|
|
6189
6187
|
$a as RepliesFeed,
|
|
6190
6188
|
ko as ResponsesHeading,
|
|
6191
|
-
|
|
6189
|
+
Qn as ResponsiveImage,
|
|
6192
6190
|
Ur as SearchForm,
|
|
6193
6191
|
fo as ShareLinks,
|
|
6194
6192
|
gr as Span,
|
|
@@ -6201,7 +6199,7 @@ export {
|
|
|
6201
6199
|
Mr as UserProvider,
|
|
6202
6200
|
ue as VisuallyHidden,
|
|
6203
6201
|
Vr as addAriaProps,
|
|
6204
|
-
|
|
6202
|
+
Yn as getMember,
|
|
6205
6203
|
pt as headerData,
|
|
6206
6204
|
Eo as mapGetStreamData,
|
|
6207
6205
|
Ks as pageReady,
|