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

package/index.mjs

@@ -1,4 +1,4 @@
-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";
@@ -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);
   };
@@ -1593,42 +1593,29 @@ 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",
-    {
-      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
-  )) }) });
-};
+const bl = ({ currentStep: t = 1, steps: e = 1 }) => /* @__PURE__ */ a.jsx(be, { children: /* @__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 +1640,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 +2018,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 +2118,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)
@@ -2469,7 +2456,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 +2761,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 +2773,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 +2950,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 +2993,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 +3030,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 +3043,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 +3058,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 +3081,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 +3106,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 +3123,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 +4266,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 +4326,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 +4507,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 +4642,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 +4844,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 +5334,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 +5416,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 +5466,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];
@@ -5590,7 +5577,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 +5662,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 +5672,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 +5686,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 +5695,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({
@@ -6242,7 +6229,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 +6385,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 +6472,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 +6626,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 +6806,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 +6917,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 +6965,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 +7028,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) {
@@ -7087,7 +7074,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 +7275,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(() => {
@@ -7398,7 +7385,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) => {
@@ -8301,9 +8288,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 +8505,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 +8537,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 +8674,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 +8724,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,7 +8962,7 @@ const Re = "discussion_", hc = 280, an = ({
             {
               variant: "primary",
               className: "destructive",
-              onClick: ee,
+              onClick: X,
               children: v.formatMessage({ id: "discussion_delete_delete" })
             }
           ],
@@ -10468,12 +10455,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 +10503,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 +10560,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 +10594,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 +10998,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 +11009,7 @@ export {
   Ml as ProfileImageChange,
   Ze as ProfilePicture,
   ys as ProgressBar,
+  bl as ProgressTracker,
   $l as Rating,
   Kc as RepliesFeed,
   gc as ResponsesHeading,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "3.0.2-ac.1",
+  "version": "3.0.2-ac.2",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {