@apolitical/component-library 3.0.2-ac.1 → 3.0.2-ac.3

package/index.mjs

@@ -1,7 +1,7 @@
-import K, { memo as Oe, useState as X, useEffect as ae, useRef as pe, useMemo as bt, createContext as Zn, useContext as Ne, Children as An, useCallback as Jr, useReducer as Hn, Fragment as gt, Suspense as pi } from "react";
+import K, { memo as Oe, useState as ee, useEffect as ae, useRef as pe, useMemo as bt, createContext as Zn, useContext as Ne, Children as An, useCallback as Jr, useReducer as Hn, Fragment as gt, Suspense as pi } from "react";
 import ft from "lodash.clonedeep";
 import hi from "lodash.set";
-import { useIntl as G, IntlProvider as gi, FormattedMessage as _e, createIntl as vi } from "react-intl";
+import { FormattedMessage as ye, useIntl as G, IntlProvider as gi, createIntl as vi } from "react-intl";
 import Qe from "truncate";
 import { QueryClient as bi, QueryClientProvider as yi, useMutation as ke, useQueryClient as Vn, useInfiniteQuery as Xr, useQuery as _i } from "@tanstack/react-query";
 import { ReactQueryDevtools as xi } from "@tanstack/react-query-devtools";
@@ -281,7 +281,7 @@ function $i() {
       }
     }
     var Y = v.ReactCurrentDispatcher, V;
-    function ee(h, $, L) {
+    function X(h, $, L) {
       {
         if (V === void 0)
           try {
@@ -367,7 +367,7 @@ function $i() {
       } finally {
         re = !1, Y.current = me, te(), Error.prepareStackTrace = le;
       }
-      var Ve = h ? h.displayName || h.name : "", gr = Ve ? ee(Ve) : "";
+      var Ve = h ? h.displayName || h.name : "", gr = Ve ? X(Ve) : "";
       return typeof h == "function" && M.set(h, gr), gr;
     }
     function ve(h, $, L) {
@@ -383,12 +383,12 @@ function $i() {
       if (typeof h == "function")
         return D(h, Pe(h));
       if (typeof h == "string")
-        return ee(h);
+        return X(h);
       switch (h) {
         case l:
-          return ee("Suspense");
+          return X("Suspense");
         case d:
-          return ee("SuspenseList");
+          return X("SuspenseList");
       }
       if (typeof h == "object")
         switch (h.$$typeof) {
@@ -716,7 +716,7 @@ Check the top-level render call using <` + L + ">.");
 process.env.NODE_ENV === "production" ? In.exports = Pi() : In.exports = $i();
 var a = In.exports;
 const Ri = () => {
-  const [t, e] = X(window.location.pathname), n = () => {
+  const [t, e] = ee(window.location.pathname), n = () => {
     const r = window.location.pathname;
     e(r);
   };
@@ -1162,6 +1162,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   /* General */
   tooltip_loading: "Loading...",
   return_to_nav_button: "Back to top",
+  progress_tracker_steps: "Step {current} of {total}",
   /* Layout */
   cookieBanner_title: "Cookies and your privacy",
   cookieBanner_text: "We take your trust and privacy very seriously. Apolitical uses safe cookies (small files on your device) to run the site. You can reject non-essential cookies, but some site features may not work without them.",
@@ -1593,42 +1594,38 @@ const vl = ({ image: t, className: e, testId: n }) => /* @__PURE__ */ a.jsx(
   }
   return n ? K.createElement(n, { children: e, className: r, ...c }) : e;
 };
-const bl = ({ currentStep: t = 1, steps: e = 1 }) => {
-  const [n, r] = X([]);
-  return ae(() => {
-    const i = [];
-    for (let s = 1; s < e + 1; s++)
-      i.push(s);
-    r(i);
-  }, [e]), /* @__PURE__ */ a.jsx("div", { className: "navigation-dots-wrapper", children: /* @__PURE__ */ a.jsx("div", { className: "dots-wrapper", children: n.map((i) => /* @__PURE__ */ a.jsxs(
-    "div",
+const bl = ({ currentStep: t = 1, steps: e = 1 }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  /* @__PURE__ */ a.jsx(be, { children: /* @__PURE__ */ a.jsx(
+    ye,
     {
-      className: "dot-wrapper",
-      "aria-label": `Step ${t} of ${i}`,
-      children: [
-        /* @__PURE__ */ a.jsx(
-          "div",
-          {
-            className: S("dot", {
-              active: i === t,
-              completed: i < t
-            }),
-            "data-testid": "navigation-dot"
-          }
-        ),
-        /* @__PURE__ */ a.jsx(
-          "div",
-          {
-            className: S("line", {
-              active: i < t
-            })
-          }
-        )
-      ]
-    },
-    i
-  )) }) });
-};
+      id: "progress_tracker_steps",
+      values: { currentStep: t, total: e }
+    }
+  ) }),
+  /* @__PURE__ */ a.jsx("div", { className: "wrapper", children: /* @__PURE__ */ a.jsx("div", { className: "dots-wrapper", children: new Array(e).fill("").map((n, r) => {
+    const i = r + 1;
+    return /* @__PURE__ */ a.jsxs("div", { className: "dot-wrapper", children: [
+      /* @__PURE__ */ a.jsx(
+        "div",
+        {
+          className: S("dot", {
+            active: i === t,
+            completed: i < t
+          }),
+          "data-testid": "progress-dot"
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        "div",
+        {
+          className: S("line", {
+            active: i < t
+          })
+        }
+      )
+    ] }, r);
+  }) }) })
+] });
 const yl = ({ elementId: t, offset: e = 20 }) => {
   const n = G(), r = () => {
     const i = document.getElementById(t);
@@ -1653,7 +1650,7 @@ const yl = ({ elementId: t, offset: e = 20 }) => {
 };
 let st = !1;
 const Gi = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
-  const r = G(), i = pe(null), [s, o] = X("hidden");
+  const r = G(), i = pe(null), [s, o] = ee("hidden");
   ae(() => {
     const f = i.current;
     if (f)
@@ -2031,7 +2028,7 @@ function Gn() {
   return Ne(De);
 }
 const ss = ({ children: t, user: e }) => /* @__PURE__ */ a.jsx(De.Provider, { value: e, children: t }), Sl = ({ bootstrap: t, children: e, intl: n, showDevTools: r }) => {
-  const [i, s] = X({ isLoading: !0 });
+  const [i, s] = ee({ isLoading: !0 });
   return ae(() => {
     t().then((o) => {
       s({ ...o, isLoading: !1 }), Hi(5e3);
@@ -2131,7 +2128,7 @@ const Cl = ({
   text: r,
   children: i
 }) => {
-  const s = G(), o = pe(null), [c, f] = X(""), [l, d] = X("closed");
+  const s = G(), o = pe(null), [c, f] = ee(""), [l, d] = ee("closed");
   ae(() => {
     const p = o.current;
     if (p)
@@ -2182,7 +2179,7 @@ const Cl = ({
       ]
     }
   );
-}, ye = () => K.Fragment, cs = ({ children: t }) => /* @__PURE__ */ a.jsx(Ie, { variant: "secondary", children: t }), ls = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], ds = ({ children: t }) => {
+}, _e = () => K.Fragment, cs = ({ children: t }) => /* @__PURE__ */ a.jsx(Ie, { variant: "secondary", children: t }), ls = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], ds = ({ children: t }) => {
   const e = G();
   if (!t)
     return null;
@@ -2283,27 +2280,27 @@ const hs = {
     CaseStudy: cs,
     // Override embedded HTML
     // Our content team previously used real HTML, which we need to tear out and replace with React components
-    style: ye,
+    style: _e,
     details: ds,
     div: us,
     iframe: fs
   },
   "text-only": {
-    h1: ye,
-    h2: ye,
-    h3: ye,
-    h4: ye,
-    h5: ye,
-    h6: ye,
-    style: ye,
-    details: ye,
-    div: ye,
-    TextBox: ye,
-    CollapsibleSection: ye,
-    CaseStudy: ye,
-    blockquote: ye,
-    iframe: ye,
-    button: ye
+    h1: _e,
+    h2: _e,
+    h3: _e,
+    h4: _e,
+    h5: _e,
+    h6: _e,
+    style: _e,
+    details: _e,
+    div: _e,
+    TextBox: _e,
+    CollapsibleSection: _e,
+    CaseStudy: _e,
+    blockquote: _e,
+    iframe: _e,
+    button: _e
   }
 }, Lt = ({
   className: t = "",
@@ -2469,7 +2466,7 @@ const wr = 256, Ze = ({
   height: s = wr,
   ...o
 }) => {
-  const [c, f] = X(!1), l = pe(null);
+  const [c, f] = ee(!1), l = pe(null);
   ae(() => {
     const u = l.current;
     if (!u)
@@ -2774,7 +2771,7 @@ function js() {
     function V(D) {
       return j(D) === p;
     }
-    function ee(D) {
+    function X(D) {
       return j(D) === n;
     }
     function re(D) {
@@ -2786,7 +2783,7 @@ function js() {
     function oe(D) {
       return j(D) === u;
     }
-    ue.AsyncMode = w, ue.ConcurrentMode = U, ue.ContextConsumer = F, ue.ContextProvider = q, ue.Element = R, ue.ForwardRef = O, ue.Fragment = C, ue.Lazy = T, ue.Memo = x, ue.Portal = N, ue.Profiler = I, ue.StrictMode = W, ue.Suspense = A, ue.isAsyncMode = J, ue.isConcurrentMode = k, ue.isContextConsumer = P, ue.isContextProvider = z, ue.isElement = B, ue.isForwardRef = H, ue.isFragment = te, ue.isLazy = Y, ue.isMemo = V, ue.isPortal = ee, ue.isProfiler = re, ue.isStrictMode = M, ue.isSuspense = oe, ue.isValidElementType = E, ue.typeOf = j;
+    ue.AsyncMode = w, ue.ConcurrentMode = U, ue.ContextConsumer = F, ue.ContextProvider = q, ue.Element = R, ue.ForwardRef = O, ue.Fragment = C, ue.Lazy = T, ue.Memo = x, ue.Portal = N, ue.Profiler = I, ue.StrictMode = W, ue.Suspense = A, ue.isAsyncMode = J, ue.isConcurrentMode = k, ue.isContextConsumer = P, ue.isContextProvider = z, ue.isElement = B, ue.isForwardRef = H, ue.isFragment = te, ue.isLazy = Y, ue.isMemo = V, ue.isPortal = X, ue.isProfiler = re, ue.isStrictMode = M, ue.isSuspense = oe, ue.isValidElementType = E, ue.typeOf = j;
   }()), ue;
 }
 var Er;
@@ -2963,31 +2960,31 @@ function Ss() {
     function _(k) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, z = 0;
-      function B(te, Y, V, ee, re, M, oe) {
-        if (ee = ee || m, M = M || V, oe !== n) {
+      function B(te, Y, V, X, re, M, oe) {
+        if (X = X || m, M = M || V, oe !== n) {
           if (f) {
             var D = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw D.name = "Invariant Violation", D;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ve = ee + ":" + V;
+            var ve = X + ":" + V;
             !P[ve] && // Avoid spamming the console because they are often not actionable except for lib authors
             z < 3 && (s(
-              "You are manually calling a React.PropTypes validation function for the `" + M + "` prop on `" + ee + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+              "You are manually calling a React.PropTypes validation function for the `" + M + "` prop on `" + X + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), P[ve] = !0, z++);
           }
         }
-        return Y[V] == null ? te ? Y[V] === null ? new y("The " + re + " `" + M + "` is marked as required " + ("in `" + ee + "`, but its value is `null`.")) : new y("The " + re + " `" + M + "` is marked as required in " + ("`" + ee + "`, but its value is `undefined`.")) : null : k(Y, V, ee, re, M);
+        return Y[V] == null ? te ? Y[V] === null ? new y("The " + re + " `" + M + "` is marked as required " + ("in `" + X + "`, but its value is `null`.")) : new y("The " + re + " `" + M + "` is marked as required in " + ("`" + X + "`, but its value is `undefined`.")) : null : k(Y, V, X, re, M);
       }
       var H = B.bind(null, !1);
       return H.isRequired = B.bind(null, !0), H;
     }
     function v(k) {
       function P(z, B, H, te, Y, V) {
-        var ee = z[B], re = W(ee);
+        var X = z[B], re = W(X);
         if (re !== k) {
-          var M = A(ee);
+          var M = A(X);
           return new y(
             "Invalid " + te + " `" + Y + "` of type " + ("`" + M + "` supplied to `" + H + "`, expected ") + ("`" + k + "`."),
             { expectedType: k }
@@ -3006,8 +3003,8 @@ function Ss() {
           return new y("Property `" + Y + "` of component `" + H + "` has invalid PropType notation inside arrayOf.");
         var V = z[B];
         if (!Array.isArray(V)) {
-          var ee = W(V);
-          return new y("Invalid " + te + " `" + Y + "` of type " + ("`" + ee + "` supplied to `" + H + "`, expected an array."));
+          var X = W(V);
+          return new y("Invalid " + te + " `" + Y + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected an array."));
         }
         for (var re = 0; re < V.length; re++) {
           var M = k(V, re, H, te, Y + "[" + re + "]", n);
@@ -3043,8 +3040,8 @@ function Ss() {
     function U(k) {
       function P(z, B, H, te, Y) {
         if (!(z[B] instanceof k)) {
-          var V = k.name || m, ee = J(z[B]);
-          return new y("Invalid " + te + " `" + Y + "` of type " + ("`" + ee + "` supplied to `" + H + "`, expected ") + ("instance of `" + V + "`."));
+          var V = k.name || m, X = J(z[B]);
+          return new y("Invalid " + te + " `" + Y + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected ") + ("instance of `" + V + "`."));
         }
         return null;
       }
@@ -3056,8 +3053,8 @@ function Ss() {
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : s("Invalid argument supplied to oneOf, expected an array.")), o;
       function P(z, B, H, te, Y) {
-        for (var V = z[B], ee = 0; ee < k.length; ee++)
-          if (g(V, k[ee]))
+        for (var V = z[B], X = 0; X < k.length; X++)
+          if (g(V, k[X]))
             return null;
         var re = JSON.stringify(k, function(oe, D) {
           var ve = A(D);
@@ -3071,9 +3068,9 @@ function Ss() {
       function P(z, B, H, te, Y) {
         if (typeof k != "function")
           return new y("Property `" + Y + "` of component `" + H + "` has invalid PropType notation inside objectOf.");
-        var V = z[B], ee = W(V);
-        if (ee !== "object")
-          return new y("Invalid " + te + " `" + Y + "` of type " + ("`" + ee + "` supplied to `" + H + "`, expected an object."));
+        var V = z[B], X = W(V);
+        if (X !== "object")
+          return new y("Invalid " + te + " `" + Y + "` of type " + ("`" + X + "` supplied to `" + H + "`, expected an object."));
         for (var re in V)
           if (r(V, re)) {
             var M = k(V, re, H, te, Y + "." + re, n);
@@ -3094,15 +3091,15 @@ function Ss() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Z(z) + " at index " + P + "."
           ), o;
       }
-      function B(H, te, Y, V, ee) {
+      function B(H, te, Y, V, X) {
         for (var re = [], M = 0; M < k.length; M++) {
-          var oe = k[M], D = oe(H, te, Y, V, ee, n);
+          var oe = k[M], D = oe(H, te, Y, V, X, n);
           if (D == null)
             return null;
           D.data && r(D.data, "expectedType") && re.push(D.data.expectedType);
         }
         var ve = re.length > 0 ? ", expected one of type [" + re.join(", ") + "]" : "";
-        return new y("Invalid " + V + " `" + ee + "` supplied to " + ("`" + Y + "`" + ve + "."));
+        return new y("Invalid " + V + " `" + X + "` supplied to " + ("`" + Y + "`" + ve + "."));
       }
       return _(B);
     }
@@ -3119,9 +3116,9 @@ function Ss() {
     }
     function T(k) {
       function P(z, B, H, te, Y) {
-        var V = z[B], ee = W(V);
-        if (ee !== "object")
-          return new y("Invalid " + te + " `" + Y + "` of type `" + ee + "` " + ("supplied to `" + H + "`, expected `object`."));
+        var V = z[B], X = W(V);
+        if (X !== "object")
+          return new y("Invalid " + te + " `" + Y + "` of type `" + X + "` " + ("supplied to `" + H + "`, expected `object`."));
         for (var re in k) {
           var M = k[re];
           if (typeof M != "function")
@@ -3136,9 +3133,9 @@ function Ss() {
     }
     function x(k) {
       function P(z, B, H, te, Y) {
-        var V = z[B], ee = W(V);
-        if (ee !== "object")
-          return new y("Invalid " + te + " `" + Y + "` of type `" + ee + "` " + ("supplied to `" + H + "`, expected `object`."));
+        var V = z[B], X = W(V);
+        if (X !== "object")
+          return new y("Invalid " + te + " `" + Y + "` of type `" + X + "` " + ("supplied to `" + H + "`, expected `object`."));
         var re = e({}, z[B], k);
         for (var M in re) {
           var oe = k[M];
@@ -4279,7 +4276,7 @@ const en = ({
   className: d = "",
   gtmContext: u = "Modal"
 }) => {
-  const m = G(), [p, g] = X(e), y = (b) => {
+  const m = G(), [p, g] = ee(e), y = (b) => {
     b.key === "Escape" && _(!1);
   };
   ae(() => (window.addEventListener("keyup", y), () => {
@@ -4339,13 +4336,13 @@ const Ct = "emailHelperTextBox_", wo = ({
   redirectPath: n,
   resendVerificationCode: r
 }) => {
-  const i = G(), [s, o] = X({
+  const i = G(), [s, o] = ee({
     path: `${Ct}default`,
     type: "default",
     link: {},
     mail: {},
     error: ""
-  }), [c, f] = X(!1), l = Jr(
+  }), [c, f] = ee(!1), l = Jr(
     (p) => {
       p.preventDefault(), p.stopPropagation();
       const g = (y) => {
@@ -4520,11 +4517,11 @@ const Ye = {
 }) => {
   const { onChange: r = () => {
   }, onKeyInput: i = async () => {
-  } } = n, [{ input: s, displayInput: o, debouncedInput: c }, f] = X({
+  } } = n, [{ input: s, displayInput: o, debouncedInput: c }, f] = ee({
     input: t,
     displayInput: t,
     debouncedInput: t
-  }), [{ predictions: l, activePredictionIndex: d, isPredictionSelected: u }, m] = X({
+  }), [{ predictions: l, activePredictionIndex: d, isPredictionSelected: u }, m] = ee({
     predictions: [],
     activePredictionIndex: -1,
     isPredictionSelected: !!t
@@ -4655,7 +4652,7 @@ const Eo = ({
   multiSelectOptions: f,
   id: l
 }) => {
-  const d = G(), [u, m] = X(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [y, _] = X(g);
+  const d = G(), [u, m] = ee(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [y, _] = ee(g);
   let v;
   Array.isArray(y) && y.length === 1 && typeof y[0] == "string" ? v = e && y ? e.find((F) => F.id === y[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(y) && y.length === 1 && typeof y[0] != "string" ? v = y[0] : v = { id: "", label: "" }, ae(() => {
     _(g);
@@ -4857,7 +4854,7 @@ const Co = ({
   gtm: { context: n } = { context: void 0 },
   ...r
 }) => {
-  const i = G(), s = pe(), o = t || s, [c, f] = X(!1), [l, d] = X(e), u = () => {
+  const i = G(), s = pe(), o = t || s, [c, f] = ee(!1), [l, d] = ee(e), u = () => {
     var m;
     f(!c), d(c ? "password" : "text"), (m = o.current) == null || m.focus();
   };
@@ -5347,7 +5344,7 @@ const $l = ({
   className: s = "",
   hasLoaded: o = !1
 }) => {
-  const c = G(), [f, l] = X({
+  const c = G(), [f, l] = ee({
     setUp: !1,
     id: null,
     rating: null,
@@ -5429,7 +5426,7 @@ const Rl = ({
   isDisabled: s = !1,
   className: o = ""
 }) => {
-  const [c, f] = X(
+  const [c, f] = ee(
     typeof r == "boolean" || typeof r == "string" ? r : n[0].value
   );
   ae(() => {
@@ -5479,7 +5476,7 @@ const Rl = ({
   );
 };
 function Ml({ className: t = "", userId: e, userName: n, src: r, setUserImage: i, uploadImage: s }) {
-  const [o, c] = X(!1), [f, l] = X(!1), d = pe(null), u = async (m) => {
+  const [o, c] = ee(!1), [f, l] = ee(!1), d = pe(null), u = async (m) => {
     c(!0), l(!1);
     try {
       const p = m.target.files && m.target.files[0];
@@ -5502,7 +5499,7 @@ function Ml({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
   };
   return /* @__PURE__ */ a.jsxs("div", { className: S("profile-image-change-figure", t), children: [
     /* @__PURE__ */ a.jsx(Ze, { className: "profile-image-change-picture", name: n, src: r, "data-testid": "profile-picture" }),
-    f && /* @__PURE__ */ a.jsx("p", { className: "error text-small", children: /* @__PURE__ */ a.jsx(_e, { id: "profile_image_change_error" }) }),
+    f && /* @__PURE__ */ a.jsx("p", { className: "error text-small", children: /* @__PURE__ */ a.jsx(ye, { id: "profile_image_change_error" }) }),
     /* @__PURE__ */ a.jsx(
       "input",
       {
@@ -5524,7 +5521,7 @@ function Ml({ className: t = "", userId: e, userName: n, src: r, setUserImage: i
         "data-gtm-event-type": `${r ? "change-photo" : "add-photo"}-click`,
         className: "gtm-trackable",
         disabled: o,
-        children: /* @__PURE__ */ a.jsx(_e, { id: o ? "profile_image_change_uploading_text" : r ? "profile_image_change_cta_with_picture" : "profile_image_change_cta_without_picture" })
+        children: /* @__PURE__ */ a.jsx(ye, { id: o ? "profile_image_change_uploading_text" : r ? "profile_image_change_cta_with_picture" : "profile_image_change_cta_without_picture" })
       }
     )
   ] });
@@ -5590,7 +5587,7 @@ const Oo = ({
   initialFormStatus: l = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [d, u] = X([]), [m, p] = X(!0), [g, y] = X(l), { formatMessage: _ } = G(), v = async (j) => {
+  const [d, u] = ee([]), [m, p] = ee(!0), [g, y] = ee(l), { formatMessage: _ } = G(), v = async (j) => {
     j.preventDefault();
     try {
       await f(d), u([]), y(
@@ -5675,7 +5672,7 @@ const Oo = ({
   CONFIRMED_PASSWORD: "confirmedPassword",
   CURRENT_PASSWORD: "oldPassword"
 }, Fl = ({ functions: t, ...e }) => {
-  const { formatMessage: n } = G(), [r, i] = X(null), [s, o] = X(!1), [c, f] = X({
+  const { formatMessage: n } = G(), [r, i] = ee(null), [s, o] = ee(!1), [c, f] = ee({
     isMoreThanEightCharacters: !1,
     includesNumberAndSymbol: !1,
     includesLowerAndUppercase: !1
@@ -5685,7 +5682,7 @@ const Oo = ({
       id: Te.NEW_PASSWORD,
       type: "password",
       autoComplete: "password",
-      placeholder: "•••••••••",
+      placeholder: "",
       label: n({ id: "passwordRules_newPassword_label" }),
       validation: xn(["required", d]),
       functions: {
@@ -5699,7 +5696,7 @@ const Oo = ({
       id: Te.CONFIRMED_PASSWORD,
       type: "password",
       autoComplete: "password",
-      placeholder: "•••••••••",
+      placeholder: "",
       label: n({ id: "passwordRules_confirmPassword_label" }),
       validation: xn(["required", l])
     }
@@ -5708,7 +5705,7 @@ const Oo = ({
     "data-testid": Te.CURRENT_PASSWORD,
     id: Te.CURRENT_PASSWORD,
     type: "password",
-    placeholder: "•••••••••",
+    placeholder: "",
     label: n({ id: "passwordRules_currentPassword_label" }),
     validation: xn(["required"])
   }), s && u.push({
@@ -6045,9 +6042,9 @@ const Bo = ({ className: t = "" }) => /* @__PURE__ */ a.jsxs(
     className: S("success-message", t),
     "data-testid": "success-message",
     children: [
-      /* @__PURE__ */ a.jsx("p", { className: "success-title", children: /* @__PURE__ */ a.jsx(_e, { id: "signup_success_title" }) }),
+      /* @__PURE__ */ a.jsx("p", { className: "success-title", children: /* @__PURE__ */ a.jsx(ye, { id: "signup_success_title" }) }),
       /* @__PURE__ */ a.jsx(
-        _e,
+        ye,
         {
           id: "signup_success_text",
           values: {
@@ -6137,7 +6134,7 @@ const qo = {
       className: S("signup-form-fieldset", t),
       "data-testid": "signup-form",
       children: [
-        n.title && /* @__PURE__ */ a.jsx("p", { className: "signup-title", children: /* @__PURE__ */ a.jsx(_e, { id: "signup_title" }) }),
+        n.title && /* @__PURE__ */ a.jsx("p", { className: "signup-title", children: /* @__PURE__ */ a.jsx(ye, { id: "signup_title" }) }),
         p && /* @__PURE__ */ a.jsx(
           ze,
           {
@@ -6242,7 +6239,7 @@ const Dl = ({
   }
 );
 const Al = ({ members: t }) => {
-  const [e, n] = X(!1), r = (i) => {
+  const [e, n] = ee(!1), r = (i) => {
     const { fullName: s, jobTitle: o, organisation: c, photo: f } = i || {};
     return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(Ze, { name: s, src: f }),
@@ -6398,7 +6395,7 @@ const Al = ({ members: t }) => {
   }
 }, Uo = ({ data: t, cta: e, link: n, gtmContext: r }) => {
   var g;
-  const i = G(), [s, o] = X({
+  const i = G(), [s, o] = ee({
     loading: !1,
     registered: t.registered || !1
   });
@@ -6485,7 +6482,7 @@ const Zo = {
   gtmContext: i = "Carousel",
   className: s = ""
 }) => {
-  const o = G(), c = Ne(De), f = c && typeof c.id == "string", [l, d] = X({
+  const o = G(), c = Ne(De), f = c && typeof c.id == "string", [l, d] = ee({
     data: null,
     isLoading: !0
   }), { data: u, isLoading: m } = l, p = Jr(() => {
@@ -6639,10 +6636,10 @@ const Ko = ({
   className: s,
   gtmContext: o
 }) => {
-  const c = G(), [f, l] = X({
+  const c = G(), [f, l] = ee({
     cardsPerPage: 4,
     isLoading: !0
-  }), { cardsPerPage: d, isLoading: u } = f, [m, p] = X({
+  }), { cardsPerPage: d, isLoading: u } = f, [m, p] = ee({
     currentPage: 0,
     loadedPages: [0]
   }), { currentPage: g, loadedPages: y } = m, _ = e.length, v = Math.ceil(_ / d), b = pe(null), E = yt(!0, !0, b == null ? void 0 : b.current);
@@ -6819,7 +6816,7 @@ const kn = "joinCommunityButton", Da = ({
   }, leave: () => {
   } }
 }) => {
-  const i = G(), s = Ne(De), o = s && typeof s.id == "string", [c, f] = X(t), [l, d] = X(t ? "joined" : "notJoined");
+  const i = G(), s = Ne(De), o = s && typeof s.id == "string", [c, f] = ee(t), [l, d] = ee(t ? "joined" : "notJoined");
   ae(() => {
     l === "joining" ? d("joined") : l === "leaving" && d("notJoined");
   }, [c]);
@@ -6930,7 +6927,7 @@ const ql = ({
       text: typeof e != "boolean" && e.text || s.formatMessage({ id: "filters_all" })
     },
     ...t
-  ] : t, [c, f] = X(e ? ["all"] : []), l = (d, u) => {
+  ] : t, [c, f] = ee(e ? ["all"] : []), l = (d, u) => {
     let m = [];
     c.includes(d) ? m = c.filter((p) => p !== d) : d === "all" ? m = ["all"] : n ? m = [...c.filter((p) => p !== "all"), d] : m = [d], f((p) => (r && typeof r == "function" && r({ current: m, previous: p }), m)), u && typeof u == "function" && u();
   };
@@ -6978,7 +6975,7 @@ const Tn = {
   label: c,
   className: f = ""
 }) => {
-  const l = G(), [d, u] = X(t);
+  const l = G(), [d, u] = ee(t);
   if (ae(() => {
     t !== d && u(t);
   }, [t]), !r || !Object.values(r).some(
@@ -7041,7 +7038,7 @@ const En = vi({ locale: "en", messages: Kn }), nn = ({
   className: c = "",
   gtmContext: f = "LoadMore"
 }) => {
-  const [l, d] = X(""), u = async (m) => {
+  const [l, d] = ee(""), u = async (m) => {
     try {
       await e(m);
     } catch (p) {
@@ -7075,7 +7072,7 @@ const Aa = ({
     href: "/home/",
     className: S("logo", t, e, n),
     ...r,
-    children: /* @__PURE__ */ a.jsx(be, { children: /* @__PURE__ */ a.jsx(_e, { id: "apolitical" }) })
+    children: /* @__PURE__ */ a.jsx(be, { children: /* @__PURE__ */ a.jsx(ye, { id: "apolitical" }) })
   }
 ) });
 let Rt = !1;
@@ -7087,7 +7084,7 @@ const Qo = ({
 }) => {
   const i = G(), s = pe(
     null
-  ), [o, c] = X(!1), f = (l) => {
+  ), [o, c] = ee(!1), f = (l) => {
     s.current && l.target instanceof HTMLElement && !s.current.contains(l.target) && c(!1);
   };
   return ae(() => (document.addEventListener("click", f, !0), () => {
@@ -7288,7 +7285,7 @@ const zl = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
         }
     }
   }
-  const [s, o] = X(
+  const [s, o] = ee(
     (l = t[i]) != null && l.id ? t[i].id : r(t[i].id, t[i].text, i)
   );
   ae(() => {
@@ -7365,7 +7362,7 @@ const Cn = "contactFooter_", Zl = ({ onSuccess: t = async () => {
   return ae(() => (c(), window.addEventListener("resize", f), () => {
     clearTimeout(Sn), window.removeEventListener("resize", f);
   }), []), /* @__PURE__ */ a.jsx(nt, { id: "contactForm", className: "contact-footer", children: /* @__PURE__ */ a.jsxs("div", { className: "inner-wrapper", children: [
-    /* @__PURE__ */ a.jsx("h2", { children: /* @__PURE__ */ a.jsx(_e, { id: `${Cn}title` }) }),
+    /* @__PURE__ */ a.jsx("h2", { children: /* @__PURE__ */ a.jsx(ye, { id: `${Cn}title` }) }),
     /* @__PURE__ */ a.jsxs(
       "div",
       {
@@ -7375,8 +7372,8 @@ const Cn = "contactFooter_", Zl = ({ onSuccess: t = async () => {
         style: s ? {} : { minHeight: r },
         children: [
           /* @__PURE__ */ a.jsxs("aside", { children: [
-            /* @__PURE__ */ a.jsx("p", { children: /* @__PURE__ */ a.jsx(_e, { id: `${Cn}text` }) }),
-            /* @__PURE__ */ a.jsx(wt, { className: "mailto-link", href: "mailto:hello@apolitical.co", children: /* @__PURE__ */ a.jsx(_e, { id: `${Cn}email` }) })
+            /* @__PURE__ */ a.jsx("p", { children: /* @__PURE__ */ a.jsx(ye, { id: `${Cn}text` }) }),
+            /* @__PURE__ */ a.jsx(wt, { className: "mailto-link", href: "mailto:hello@apolitical.co", children: /* @__PURE__ */ a.jsx(ye, { id: `${Cn}email` }) })
           ] }),
           /* @__PURE__ */ a.jsx(
             Fo,
@@ -7398,7 +7395,7 @@ const Nn = "cookieBanner_", Pn = [
   "apolitical-performance-cookie-consent",
   "functional-cookie-consent"
 ], $n = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), ic = () => {
-  const t = G(), [e, n, r] = ea(Pn), [i, s] = X(
+  const t = G(), [e, n, r] = ea(Pn), [i, s] = ee(
     !e["apol-cookie-banner"]
   ), o = () => {
     Pn.forEach((d) => {
@@ -7542,7 +7539,7 @@ const Ge = "footer_", Yt = "SiteFooter", Wr = ({ group: t }) => {
   const e = Me[t].order || [];
   let n = !1;
   return "text" in Me[t] && (n = Me[t].text), /* @__PURE__ */ a.jsxs(gt, { children: [
-    /* @__PURE__ */ a.jsx("p", { className: "pre-title", children: /* @__PURE__ */ a.jsx(_e, { id: `${Ge}${t}` }) }),
+    /* @__PURE__ */ a.jsx("p", { className: "pre-title", children: /* @__PURE__ */ a.jsx(ye, { id: `${Ge}${t}` }) }),
     Array.isArray(e) && e.length > 0 && /* @__PURE__ */ a.jsx("ul", { className: "text-medium", children: e.map((r) => {
       if (["order", "child", "text"].includes(r))
         return null;
@@ -7555,15 +7552,15 @@ const Ge = "footer_", Yt = "SiteFooter", Wr = ({ group: t }) => {
           "data-gtm-event-context": Yt,
           "data-gtm-event-type": s,
           ...o,
-          children: /* @__PURE__ */ a.jsx(_e, { id: `${Ge}${t}_${r}` })
+          children: /* @__PURE__ */ a.jsx(ye, { id: `${Ge}${t}_${r}` })
         }
       ) }, `${t}_${r}`);
     }) }),
     typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ a.jsx("dl", { className: "text-medium", children: n.order.map((r) => /* @__PURE__ */ a.jsxs(gt, { children: [
-      /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsx(_e, { id: `${Ge}${t}_${r}` }) }),
+      /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsx(ye, { id: `${Ge}${t}_${r}` }) }),
       /* @__PURE__ */ a.jsxs("dd", { children: [
         typeof n != "boolean" && n[r].address && /* @__PURE__ */ a.jsx("address", { children: /* @__PURE__ */ a.jsx(
-          _e,
+          ye,
           {
             id: `${Ge}${t}_${r}_address`,
             values: { br: /* @__PURE__ */ a.jsx("br", {}) }
@@ -7611,12 +7608,12 @@ const Ge = "footer_", Yt = "SiteFooter", Wr = ({ group: t }) => {
           className: "gtm-trackable",
           "data-gtm-event-context": Yt,
           "data-gtm-event-type": "social-click",
-          children: /* @__PURE__ */ a.jsx("span", { className: "hidden", children: /* @__PURE__ */ a.jsx(_e, { id: `${Ge}social_${t}` }) })
+          children: /* @__PURE__ */ a.jsx("span", { className: "hidden", children: /* @__PURE__ */ a.jsx(ye, { id: `${Ge}social_${t}` }) })
         }
       ) }, t);
     }) }),
     /* @__PURE__ */ a.jsx("small", { children: /* @__PURE__ */ a.jsx(
-      _e,
+      ye,
       {
         id: `${Ge}copyright`,
         values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() }
@@ -8301,9 +8298,9 @@ const we = "discussion_form_", er = ({
   gtmContext: l = "DiscussionForm"
 }) => {
   var O, C, T;
-  const d = G(), u = Ne(De), [m, p] = X(
+  const d = G(), u = Ne(De), [m, p] = ee(
     n.isEditing && n.isEditing.text || ""
-  ), [g, y] = X(c.error || !1), [_, v] = X(!1), b = pe(null);
+  ), [g, y] = ee(c.error || !1), [_, v] = ee(!1), b = pe(null);
   if (r || (r = b), n.isLoading)
     return /* @__PURE__ */ a.jsx(
       Ee,
@@ -8518,7 +8515,7 @@ const we = "discussion_form_", er = ({
 }, dc = {
   showForm: !1
 }, tr = Zn(dc), uc = ({ children: t }) => {
-  const [e, n] = X({
+  const [e, n] = ee({
     showForm: !1
   });
   return /* @__PURE__ */ a.jsx(tr.Provider, { value: { ...e, updateConversation: n }, children: t });
@@ -8550,7 +8547,7 @@ const Mn = () => {
   ae(() => {
     p(i);
   }, [i]);
-  const [d, u] = X(e), [m, p] = X(i), [g, y] = X(!1), [_, v] = X(!1), b = bt(
+  const [d, u] = ee(e), [m, p] = ee(i), [g, y] = ee(!1), [_, v] = ee(!1), b = bt(
     () => mc(n, Fn),
     [n]
   ), E = (w) => {
@@ -8687,14 +8684,14 @@ const Re = "discussion_", hc = 280, an = ({
   children: y,
   isTruncated: _ = !1
 }) => {
-  const v = G(), b = Ne(De), E = Ne(tr), { author: j, canLike: w, createdAt: U, id: F, likes: q = 0, userLiked: R, comments: O = 0 } = e, C = b && b.id && typeof j != "string" && j.id && j.id === b.id || !1, T = typeof w == "boolean" ? w : n ? !C : !1, x = C && (!e.createdAt || Li(e.createdAt, 10, "seconds")), N = pe(null), [I, W] = X({
+  const v = G(), b = Ne(De), E = Ne(tr), { author: j, canLike: w, createdAt: U, id: F, likes: q = 0, userLiked: R, comments: O = 0 } = e, C = b && b.id && typeof j != "string" && j.id && j.id === b.id || !1, T = typeof w == "boolean" ? w : n ? !C : !1, x = C && (!e.createdAt || Li(e.createdAt, 10, "seconds")), N = pe(null), [I, W] = ee({
     body: e && e.body || "",
     isEditing: !1,
     didEdit: e && e.isEdited || !1
-  }), [A, Z] = X(!1), [J, k] = X(
+  }), [A, Z] = ee(!1), [J, k] = ee(
     x ? "highlighted" : "default"
     /* Default */
-  ), [P, z] = X("");
+  ), [P, z] = ee("");
   ae(() => {
     const M = N.current;
     if (!(!M || J === "default"))
@@ -8737,7 +8734,7 @@ const Re = "discussion_", hc = 280, an = ({
       const oe = `reply-form-${(e.type === "answer" ? e.slug : ((Pe = e.slugs) == null ? void 0 : Pe.reply) || ((Se = e.slugs) == null ? void 0 : Se.answer) || ((Be = e.slugs) == null ? void 0 : Be.question) || "").toLowerCase().slice(-15)}`, D = document.getElementById(oe), ve = document.getElementById(`${oe}-input`);
       ve && ve.focus(), D && D.scrollIntoView({ behavior: "smooth" });
     }, 0);
-  }, ee = async () => {
+  }, X = async () => {
     Z(!1);
     try {
       await c(zr(e.slugs));
@@ -8975,13 +8972,13 @@ const Re = "discussion_", hc = 280, an = ({
             {
               variant: "primary",
               className: "destructive",
-              onClick: ee,
+              onClick: X,
               children: v.formatMessage({ id: "discussion_delete_delete" })
             }
           ],
           gtmContext: `${e.type.charAt(0).toUpperCase()}${e.type.slice(1)}:${e.slug}`,
           children: /* @__PURE__ */ a.jsx(
-            _e,
+            ye,
             {
               id: "discussion_delete_text",
               values: {
@@ -10468,12 +10465,12 @@ const Yc = ({
           latest_children: E,
           children_counts: j
         } = _, U = (((I = b == null ? void 0 : b.like) == null ? void 0 : I.length) || 0) > 0 ? (W = b == null ? void 0 : b.like) == null ? void 0 : W.find((V) => {
-          var ee;
-          return ((ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id) === (y == null ? void 0 : y.id);
+          var X;
+          return ((X = V == null ? void 0 : V.user) == null ? void 0 : X.id) === (y == null ? void 0 : y.id);
         }) : !1, F = U ? U == null ? void 0 : U.id : "", q = !!U, O = (((A = E == null ? void 0 : E.like) == null ? void 0 : A.length) || 0) > 0 ? (Z = E == null ? void 0 : E.like) == null ? void 0 : Z.map((V) => {
-          var ee, re, M;
+          var X, re, M;
           return {
-            id: (ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id,
+            id: (X = V == null ? void 0 : V.user) == null ? void 0 : X.id,
             name: (M = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : M.name
           };
         }) : !1, C = _ == null ? void 0 : _.user, T = (C == null ? void 0 : C.id) === (y == null ? void 0 : y.id), x = rn(i, T), N = typeof _.data.content == "string" ? (J = _ == null ? void 0 : _.data) == null ? void 0 : J.content : (
@@ -10516,7 +10513,7 @@ const Yc = ({
                 createContent: () => null,
                 deleteContent: () => p({ replyId: v }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (V, { body: ee }) => u({ replyId: v, content: ee })
+                updateContent: (V, { body: X }) => u({ replyId: v, content: X })
               },
               likes: {
                 createLike: () => m({ replyId: v }),
@@ -10573,7 +10570,7 @@ const Yc = ({
       }
     ),
     f == null ? void 0 : f.map((E) => {
-      var Z, J, k, P, z, B, H, te, Y, V, ee, re;
+      var Z, J, k, P, z, B, H, te, Y, V, X, re;
       const { id: j, own_children: w, latest_children: U, children_counts: F } = E, R = (((Z = w == null ? void 0 : w.like) == null ? void 0 : Z.length) || 0) > 0 ? (J = w == null ? void 0 : w.like) == null ? void 0 : J.find((M) => {
         var oe;
         return ((oe = M == null ? void 0 : M.user) == null ? void 0 : oe.id) === (b == null ? void 0 : b.id);
@@ -10607,7 +10604,7 @@ const Yc = ({
               name: (te = N.data) == null ? void 0 : te.name,
               organization: (Y = N.data) == null ? void 0 : Y.organization,
               jobTitle: (V = N.data) == null ? void 0 : V.jobTitle,
-              location: (ee = N.data) == null ? void 0 : ee.location,
+              location: (X = N.data) == null ? void 0 : X.location,
               image: {
                 thumbnail: ((re = N.data) == null ? void 0 : re.thumbnail) || void 0
               }
@@ -11011,7 +11008,6 @@ export {
   Pa as Modal,
   Qo as MoreMenu,
   gl as NUMBER_OF_USERS,
-  bl as NavigationDots,
   ec as NavigationMenu,
   Xl as NotFoundError,
   en as Overlay,
@@ -11023,6 +11019,7 @@ export {
   Ml as ProfileImageChange,
   Ze as ProfilePicture,
   ys as ProgressBar,
+  bl as ProgressTracker,
   $l as Rating,
   Kc as RepliesFeed,
   gc as ResponsesHeading,