@apolitical/component-library 1.17.2-beta.0 → 1.17.2-rc.1

package/index.mjs

@@ -54,7 +54,7 @@ var An = { exports: {} };
 })(An);
 var Qs = An.exports;
 const E = /* @__PURE__ */ Hs(Qs), Us = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => D.createElement(e, { ...r, className: E("hidden", { "show-on-focus": t }), children: n }), ce = We(Us), Ws = ({ element: e = "span", children: t = null, ...n }) => D.createElement(e, { ...n, "aria-hidden": !0 }, t), Fn = We(Ws);
-var Zt = { exports: {} }, Ye = {};
+var qt = { exports: {} }, Ye = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -262,8 +262,8 @@ function Vs() {
     }
     var je = !1, be;
     {
-      var q = typeof WeakMap == "function" ? WeakMap : Map;
-      be = new q();
+      var Z = typeof WeakMap == "function" ? WeakMap : Map;
+      be = new Z();
     }
     function ae(f, j) {
       if (!f || je)
@@ -315,18 +315,18 @@ function Vs() {
         if (Me && C && typeof Me.stack == "string") {
           for (var L = Me.stack.split(`
 `), pe = C.stack.split(`
-`), Z = L.length - 1, te = pe.length - 1; Z >= 1 && te >= 0 && L[Z] !== pe[te]; )
+`), q = L.length - 1, te = pe.length - 1; q >= 1 && te >= 0 && L[q] !== pe[te]; )
             te--;
-          for (; Z >= 1 && te >= 0; Z--, te--)
-            if (L[Z] !== pe[te]) {
-              if (Z !== 1 || te !== 1)
+          for (; q >= 1 && te >= 0; q--, te--)
+            if (L[q] !== pe[te]) {
+              if (q !== 1 || te !== 1)
                 do
-                  if (Z--, te--, te < 0 || L[Z] !== pe[te]) {
+                  if (q--, te--, te < 0 || L[q] !== pe[te]) {
                     var ye = `
-` + L[Z].replace(" at new ", " at ");
+` + L[q].replace(" at new ", " at ");
                     return f.displayName && ye.includes("<anonymous>") && (ye = ye.replace("<anonymous>", f.displayName)), typeof f == "function" && be.set(f, ye), ye;
                   }
-                while (Z >= 1 && te >= 0);
+                while (q >= 1 && te >= 0);
               break;
             }
         }
@@ -392,8 +392,8 @@ function Vs() {
                 throw pe.name = "Invariant Violation", pe;
               }
               L = f[B](j, B, C, S, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (Z) {
-              L = Z;
+            } catch (q) {
+              L = q;
             }
             L && !(L instanceof Error) && (Le(H), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", C || "React class", S, B, typeof L), Le(null)), L instanceof Error && !(L.message in Pe) && (Pe[L.message] = !0, Le(H), x("Failed %s type: %s", S, L.message), Le(null));
           }
@@ -510,9 +510,9 @@ function Vs() {
         for (W in j)
           ve.call(j, W) && !cs.hasOwnProperty(W) && (B[W] = j[W]);
         if (f && f.defaultProps) {
-          var Z = f.defaultProps;
-          for (W in Z)
-            B[W] === void 0 && (B[W] = Z[W]);
+          var q = f.defaultProps;
+          for (W in q)
+            B[W] === void 0 && (B[W] = q[W]);
         }
         if (L || pe) {
           var te = typeof f == "function" ? f.displayName || f.name || "Unknown" : f;
@@ -647,8 +647,8 @@ Check the top-level render call using <` + S + ">.");
           (f === void 0 || typeof f == "object" && f !== null && Object.keys(f).length === 0) && (L += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var pe = gs(H);
           pe ? L += pe : L += mn();
-          var Z;
-          f === null ? Z = "null" : Ee(f) ? Z = "array" : f !== void 0 && f.$$typeof === t ? (Z = "<" + (k(f.type) || "Unknown") + " />", L = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof f, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, L);
+          var q;
+          f === null ? q = "null" : Ee(f) ? q = "array" : f !== void 0 && f.$$typeof === t ? (q = "<" + (k(f.type) || "Unknown") + " />", L = " Did you accidentally export a JSX literal instead of a component?") : q = typeof f, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, L);
         }
         var te = ps(f, j, S, H, W);
         if (te == null)
@@ -679,8 +679,8 @@ Check the top-level render call using <` + S + ">.");
     Ge.Fragment = r, Ge.jsx = ks, Ge.jsxs = js;
   }()), Ge;
 }
-process.env.NODE_ENV === "production" ? Zt.exports = zs() : Zt.exports = Vs();
-var s = Zt.exports;
+process.env.NODE_ENV === "production" ? qt.exports = zs() : qt.exports = Vs();
+var s = qt.exports;
 const Ys = () => {
   const [e, t] = A(window.location.pathname), n = () => {
     const r = window.location.pathname;
@@ -834,12 +834,12 @@ const et = (e = !0, t = !1, n = "window") => {
       break;
   }
   return r;
-}, Zs = (e) => e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`), qs = (e, t = "en") => new Date(e).toLocaleString(t, { day: "numeric", month: "short" }), Bn = (e, t = "en") => new Date(e).toLocaleString(t, {
+}, qs = (e) => e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`), Zs = (e, t = "en") => new Date(e).toLocaleString(t, { day: "numeric", month: "short" }), Bn = (e, t = "en") => new Date(e).toLocaleString(t, {
   weekday: "long",
   day: "numeric",
   month: "short",
   year: "numeric"
-}), qt = (e) => {
+}), Zt = (e) => {
   let i;
   const l = vn(), a = vn(new Date(e));
   try {
@@ -1681,8 +1681,9 @@ const gr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_
     apiKey: atob(process.env.REACT_APP_PUBLIC_POSTHOG_KEY),
     options: {
       api_host: "/ph",
-      ui_host: "eu.posthog.com",
       autocapture: !1,
+      disable_session_recording: !0,
+      ui_host: "eu.posthog.com",
       secure_cookie: !0,
       bootstrap: {
         // The distinct ID is the user's ID if they are logged in, or a random ID otherwise
@@ -1709,7 +1710,7 @@ const br = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx(Se.Provider, { va
       o({ ...i, isLoading: !1 }), rr(5e3);
     }).catch(() => o({ isLoading: !1 }));
   }, []), /* @__PURE__ */ s.jsx(_r, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(As, { children: /* @__PURE__ */ s.jsx(br, { user: r, children: /* @__PURE__ */ s.jsx(fr, { children: /* @__PURE__ */ s.jsx(gr, { user: r, children: t }) }) }) }) });
-}, pt = "https://storage.googleapis.com/apolitical-assets/", Ze = {
+}, pt = "https://storage.googleapis.com/apolitical-assets/", qe = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
   "data-protection": {
@@ -2078,7 +2079,7 @@ const rn = ({
 }) => {
   const l = P(), a = Gn(t);
   a.name || (a.name = l.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
-  const { name: u, url: c, image: m } = a, d = Rr(a), p = n && n.createdAt ? qt(n.createdAt) : !1, h = n && n.createdAt ? Bn(n.createdAt) : "";
+  const { name: u, url: c, image: m } = a, d = Rr(a), p = n && n.createdAt ? Zt(n.createdAt) : !1, h = n && n.createdAt ? Bn(n.createdAt) : "";
   return D.createElement(e, {
     className: E("member text-medium", i),
     children: /* @__PURE__ */ s.jsxs(
@@ -2171,7 +2172,7 @@ const En = {
     startDate: m
   } = t;
   if (e === "question") {
-    const d = o && qt(o);
+    const d = o && Zt(o);
     return /* @__PURE__ */ s.jsxs("p", { className: "details answers", "data-testid": "question-answers", children: [
       n.formatMessage({ id: "card_answers" }, { number: r }),
       o && /* @__PURE__ */ s.jsxs("span", { "data-testid": "question-created-at", children: [
@@ -2203,7 +2204,7 @@ const En = {
       }
     );
   if (u || c) {
-    const d = c && qt(c);
+    const d = c && Zt(c);
     return /* @__PURE__ */ s.jsxs("ul", { className: "details", children: [
       u && /* @__PURE__ */ s.jsx("li", { "data-testid": "reading-time", children: n.formatMessage({ id: "card_time_read" }, { time: u }) }),
       c && /* @__PURE__ */ s.jsx("li", { "data-testid": "published-date", children: n.formatMessage(
@@ -2423,7 +2424,7 @@ const Ir = {
               size: "small",
               variant: d.dateHasPassed ? "default" : "information",
               "data-testid": "date",
-              children: d.dateHasPassed ? l.formatMessage({ id: "card_ended" }) : qs(d.startDate)
+              children: d.dateHasPassed ? l.formatMessage({ id: "card_ended" }) : Zs(d.startDate)
             }
           ),
           d.banner ? /* @__PURE__ */ s.jsxs("p", { className: "img", children: [
@@ -2455,7 +2456,7 @@ const Ir = {
             const $ = d[F];
             if (!$)
               return null;
-            const M = Zs(F);
+            const M = qs(F);
             return /* @__PURE__ */ s.jsx("p", { className: M, "data-testid": M, children: Qe($, N[F]) }, F);
           }),
           /* @__PURE__ */ s.jsx(Ar, { type: v || "", data: d }),
@@ -2685,7 +2686,7 @@ const Qr = ({
     ] }, `carousel-${m}`);
   }
 );
-const Ot = "joinCommunityButton", Zn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
+const Ot = "joinCommunityButton", qn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
   const o = P(), i = we(Se), l = i && typeof i.id == "string", [a, u] = A(e), [c, m] = A(e ? "joined" : "notJoined");
@@ -2744,7 +2745,7 @@ const Bt = "communityDetails_", go = ({
         }
       )
     ] }),
-    /* @__PURE__ */ s.jsx(Zn, { isMember: t, functions: { ...l } }),
+    /* @__PURE__ */ s.jsx(qn, { isMember: t, functions: { ...l } }),
     t && /* @__PURE__ */ s.jsx(
       Q,
       {
@@ -2847,7 +2848,7 @@ const Ht = { en: "English", es: "Español", fr: "Français", pt: "Português" },
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
       children: c.formatMessage({ id: `${it}disclaimer` }, {
-        email: Ze.support,
+        email: qe.support,
         link: (w) => {
           const v = `mailto:${w}`;
           return /* @__PURE__ */ s.jsx("a", { href: v, children: w });
@@ -2856,7 +2857,7 @@ const Ht = { en: "English", es: "Español", fr: "Français", pt: "Português" },
     })
   ] });
 };
-const Qt = Ms({ locale: "en", messages: sn }), qn = ({
+const Qt = Ms({ locale: "en", messages: sn }), Zn = ({
   hasNextPage: e = !0,
   loadNextPage: t = () => {
   },
@@ -2957,6 +2958,10 @@ const Vr = [
     key: "microcourses",
     href: "/microcourses/"
   },
+  {
+    key: "q-and-a",
+    href: "/questions-answers/"
+  },
   {
     key: "articles",
     href: "/solution-articles/"
@@ -3137,7 +3142,7 @@ const wo = ({ tabs: e, className: t = "" }) => {
 const Xr = {
   "2-1": 901,
   "1-3": 769
-}, Zr = ({
+}, qr = ({
   layout: e = "2-1",
   hideOnMobile: t = !1,
   className: n = "",
@@ -3146,11 +3151,11 @@ const Xr = {
   const o = et(!0);
   let i = r;
   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 < Xr[e] ? null : l) });
-}, ko = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(St, { children: /* @__PURE__ */ s.jsx(Zr, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+}, ko = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(St, { children: /* @__PURE__ */ s.jsx(qr, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
   /* @__PURE__ */ s.jsx(Yr, { activeLink: e }),
   /* @__PURE__ */ s.jsx(Mr, { ...t })
 ] }) }) });
-const Ut = "cookieBanner_", Wt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], zt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), qr = () => {
+const Ut = "cookieBanner_", Wt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], zt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), Zr = () => {
   const e = P(), [t, n, r] = Fs(Wt), [o, i] = A(!t["apol-cookie-banner"]), l = () => {
     Wt.forEach((m) => {
       n(m, !0, {
@@ -3198,10 +3203,11 @@ const Ut = "cookieBanner_", Wt = ["apol-cookie-banner", "apolitical-performance-
   ] });
 }, Ne = {
   platform: {
-    order: ["events", "courses", "articles"],
+    order: ["events", "courses", "qanda", "articles"],
     // An array guarantees the right order
     events: { href: "/events/", gtmType: "events-click" },
     courses: { href: "/microcourses/", gtmType: "microcourses-click" },
+    qanda: { href: "/questions-answers/", gtmType: "q-and-a-click" },
     articles: { href: "/solution-articles/", gtmType: "articles-click" }
   },
   community: {
@@ -3260,11 +3266,11 @@ const Ut = "cookieBanner_", Wt = ["apol-cookie-banner", "apolitical-performance-
     text: {
       order: ["dataProtection", "euDataProtection"],
       dataProtection: {
-        email: Ze["data-protection"].default,
+        email: qe["data-protection"].default,
         gtmType: "email-dpo-link"
       },
       euDataProtection: {
-        email: Ze["data-protection"].eu,
+        email: qe["data-protection"].eu,
         gtmType: "email-eu-dpo-link"
       }
     }
@@ -3276,10 +3282,10 @@ const Ut = "cookieBanner_", Wt = ["apol-cookie-banner", "apolitical-performance-
       registered: { address: !0 },
       berlin: { address: !0 },
       support: {
-        email: Ze.support,
+        email: qe.support,
         gtmType: "concierge-email-click"
       },
-      business: { email: Ze.general, gtmType: "hello-email-click" }
+      business: { email: qe.general, gtmType: "hello-email-click" }
     }
   },
   social: {
@@ -3823,13 +3829,14 @@ const na = ({
     order: ["explore", "topics"],
     menuId: "navigation",
     explore: {
-      order: ["events", "courses", "articles"],
+      order: ["events", "courses", "q-and-a", "articles"],
       events: { href: "/events/", className: "icon events" },
       courses: {
         href: "/microcourses/",
         gtmType: "microcourses-click",
         className: "icon courses"
       },
+      "q-and-a": { href: "/questions-answers/", className: "icon q-and-a" },
       articles: {
         href: "/solution-articles/",
         gtmType: "articles-click",
@@ -4294,7 +4301,7 @@ const aa = () => {
         ] }),
         v && /* @__PURE__ */ s.jsx("div", { className: "additional-content appended", children: v }),
         c && /* @__PURE__ */ s.jsx(es, {}),
-        /* @__PURE__ */ s.jsx(qr, {})
+        /* @__PURE__ */ s.jsx(Zr, {})
       ]
     }
   ) }) });
@@ -4381,7 +4388,7 @@ const To = ({
       u.isAdmin && /* @__PURE__ */ s.jsx(gt, { children: a.formatMessage({ id: "membersList_admin" }) })
     ] }, c)) }),
     n && /* @__PURE__ */ s.jsx(
-      qn,
+      Zn,
       {
         hasNextPage: n,
         loadNextPage: r,
@@ -4620,7 +4627,7 @@ const ge = "discussion_form_", is = ({
     text: l,
     button: {
       breakpoints: { mobile: !0, 901: !1 },
-      component: /* @__PURE__ */ s.jsx(Zn, { isShort: !0, functions: { join: o, leave: i } })
+      component: /* @__PURE__ */ s.jsx(qn, { isShort: !0, functions: { join: o, leave: i } })
     }
   }
 ) : /* @__PURE__ */ s.jsx(
@@ -4649,9 +4656,9 @@ const ge = "discussion_form_", is = ({
   ...t && { answerSlug: t },
   ...n && { replySlug: n }
 }), ua = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
-let qe = !1;
+let Ze = !1;
 const Yt = () => {
-  qe !== !1 && (clearTimeout(qe), qe = !1);
+  Ze !== !1 && (clearTimeout(Ze), Ze = !1);
 }, Gt = 5, ma = ({
   element: e = "div",
   likes: t = 0,
@@ -4669,11 +4676,11 @@ const Yt = () => {
     h(o);
   }, [o]);
   const [m, d] = A(t), [p, h] = A(o), [g, w] = A(!1), [v, y] = A(!1), x = kt(() => ua(n, Gt), [n]), _ = (N) => {
-    if (N.preventDefault(), N.stopPropagation(), y(!1), qe)
+    if (N.preventDefault(), N.stopPropagation(), y(!1), Ze)
       return Yt(), !1;
     if (Yt(), g || !l)
       return !1;
-    qe = setTimeout(T, 350);
+    Ze = setTimeout(T, 350);
   }, T = async () => {
     if (Yt(), g || !l)
       return !1;
@@ -5473,7 +5480,7 @@ const Co = ({
       ] }, x == null ? void 0 : x.id);
     }),
     !d && /* @__PURE__ */ s.jsx(
-      qn,
+      Zn,
       {
         hasNextPage: m,
         loadNextPage: () => c(),
@@ -5851,22 +5858,22 @@ const Co = ({
                 },
                 userLiked: ((fe = k == null ? void 0 : k.own_children) == null ? void 0 : fe.like) && ((ke = k == null ? void 0 : k.own_children) == null ? void 0 : ke.like.length) > 0,
                 likes: ((xe = k == null ? void 0 : k.children_counts) == null ? void 0 : xe.like) || 0,
-                peopleWhoLiked: ((je = k == null ? void 0 : k.latest_children) == null ? void 0 : je.like) && ((be = k == null ? void 0 : k.latest_children) == null ? void 0 : be.like.map((q) => {
+                peopleWhoLiked: ((je = k == null ? void 0 : k.latest_children) == null ? void 0 : je.like) && ((be = k == null ? void 0 : k.latest_children) == null ? void 0 : be.like.map((Z) => {
                   var ae, he;
                   return {
-                    id: q == null ? void 0 : q.user_id,
-                    name: (he = (ae = q == null ? void 0 : q.user) == null ? void 0 : ae.data) == null ? void 0 : he.name
+                    id: Z == null ? void 0 : Z.user_id,
+                    name: (he = (ae = Z == null ? void 0 : Z.user) == null ? void 0 : ae.data) == null ? void 0 : he.name
                   };
                 }))
               },
               functions: {
                 content: {
                   createContent: () => console.log("create"),
-                  deleteContent: (q) => {
-                    const { replySlug: ae, replyParentId: he } = q;
+                  deleteContent: (Z) => {
+                    const { replySlug: ae, replyParentId: he } = Z;
                     return R({ replyId: ae, replyParentId: he });
                   },
-                  updateContent: (q, ae) => T({ replyInfo: q, content: ae })
+                  updateContent: (Z, ae) => T({ replyInfo: Z, content: ae })
                 },
                 likes: {
                   createLike: () => b({
@@ -5875,9 +5882,9 @@ const Co = ({
                   }),
                   deleteLike: () => {
                     var ae, he, K;
-                    const q = ((ae = k == null ? void 0 : k.own_children) == null ? void 0 : ae.like) && ((K = (he = k == null ? void 0 : k.own_children) == null ? void 0 : he.like[0]) == null ? void 0 : K.id);
+                    const Z = ((ae = k == null ? void 0 : k.own_children) == null ? void 0 : ae.like) && ((K = (he = k == null ? void 0 : k.own_children) == null ? void 0 : he.like[0]) == null ? void 0 : K.id);
                     return z({
-                      replyId: q || ""
+                      replyId: Z || ""
                     });
                   }
                 },
@@ -5950,7 +5957,7 @@ const Co = ({
       }
     ),
     (r == null ? void 0 : r.length) === 0 || (r == null ? void 0 : r.map((b) => {
-      var I, J, X, le, de, ue, G, re, oe, O, me, _e, fe, ke, xe, je, be, q, ae, he;
+      var I, J, X, le, de, ue, G, re, oe, O, me, _e, fe, ke, xe, je, be, Z, ae, he;
       const z = ((I = b == null ? void 0 : b.user) == null ? void 0 : I.id) === (g == null ? void 0 : g.id), k = on(o, z);
       return /* @__PURE__ */ s.jsx(la, { children: /* @__PURE__ */ s.jsx(
         Ct,
@@ -5977,7 +5984,7 @@ const Co = ({
             },
             userLiked: ((ke = b == null ? void 0 : b.own_children) == null ? void 0 : ke.like) && ((xe = b == null ? void 0 : b.own_children) == null ? void 0 : xe.like.length) > 0,
             likes: ((je = b == null ? void 0 : b.children_counts) == null ? void 0 : je.like) || 0,
-            peopleWhoLiked: ((be = b == null ? void 0 : b.latest_children) == null ? void 0 : be.like) && ((q = b == null ? void 0 : b.latest_children) == null ? void 0 : q.like.map((K) => {
+            peopleWhoLiked: ((be = b == null ? void 0 : b.latest_children) == null ? void 0 : be.like) && ((Z = b == null ? void 0 : b.latest_children) == null ? void 0 : Z.like.map((K) => {
               var ie, ve;
               return {
                 id: K == null ? void 0 : K.user_id,
@@ -6134,7 +6141,7 @@ const No = ({
     leave: w
   }
 }) => {
-  var de, ue, G, re, oe, O, me, _e, fe, ke, xe, je, be, q, ae, he, K, ie, ve, Pe, ze, Le, nt;
+  var de, ue, G, re, oe, O, me, _e, fe, ke, xe, je, be, Z, ae, he, K, ie, ve, Pe, ze, Le, nt;
   const v = P(), y = we(Se), x = jt(), {
     data: _,
     isLoading: T,
@@ -6212,7 +6219,7 @@ const No = ({
           organization: ((O = _ == null ? void 0 : _.actor) == null ? void 0 : O.data) && ((_e = (me = _ == null ? void 0 : _.actor) == null ? void 0 : me.data) == null ? void 0 : _e.organization),
           jobTitle: ((fe = _ == null ? void 0 : _.actor) == null ? void 0 : fe.data) && ((xe = (ke = _ == null ? void 0 : _.actor) == null ? void 0 : ke.data) == null ? void 0 : xe.jobTitle),
           image: {
-            thumbnail: ((je = _ == null ? void 0 : _.actor) == null ? void 0 : je.data) && ((q = (be = _ == null ? void 0 : _.actor) == null ? void 0 : be.data) == null ? void 0 : q.thumbnail) || void 0
+            thumbnail: ((je = _ == null ? void 0 : _.actor) == null ? void 0 : je.data) && ((Z = (be = _ == null ? void 0 : _.actor) == null ? void 0 : be.data) == null ? void 0 : Z.thumbnail) || void 0
           }
         },
         userLiked: ((ae = _ == null ? void 0 : _.own_reactions) == null ? void 0 : ae.like) && ((he = _ == null ? void 0 : _.own_reactions) == null ? void 0 : he.like.length) > 0,
@@ -6368,11 +6375,11 @@ export {
   Or as CardBlock,
   po as Carousel,
   Un as CollapsibleSection,
-  Zr as Columns,
+  qr as Columns,
   go as CommunityDetails,
   Jn as Contributors,
   Mt as ConversationContext,
-  qr as CookieBanner,
+  Zr as CookieBanner,
   la as DiscussionConversation,
   is as DiscussionForm,
   ma as DiscussionLikes,
@@ -6380,7 +6387,7 @@ export {
   ha as DiscussionThread,
   Fe as Divider,
   oo as DownloadSection,
-  Ze as EMAILS,
+  qe as EMAILS,
   jo as EmailHelperTextBox,
   Tt as EmptyStateBox,
   xo as Filters,
@@ -6396,10 +6403,10 @@ export {
   _r as IntlProvider,
   na as InviteForm,
   $o as InviteModal,
-  Zn as JoinButton,
+  qn as JoinButton,
   bo as LanguageSwitcher,
   $t as Link,
-  qn as LoadMore,
+  Zn as LoadMore,
   ho as LoadingBlock,
   $e as LoadingPlaceholder,
   Vn as LoadingState,

package/layout/page-layout/components/header/header.data.d.ts

@@ -9,31 +9,27 @@ declare namespace _default {
         let order_1: string[];
         export { order_1 as order };
         export let menuId: string;
-        export namespace explore {
-            let order_2: string[];
-            export { order_2 as order };
-            export namespace events {
-                let href_1: string;
-                export { href_1 as href };
-                export let className: string;
-            }
-            export namespace courses {
-                let href_2: string;
-                export { href_2 as href };
-                let gtmType_1: string;
-                export { gtmType_1 as gtmType };
-                let className_1: string;
-                export { className_1 as className };
-            }
-            export namespace articles {
-                let href_3: string;
-                export { href_3 as href };
-                let gtmType_2: string;
-                export { gtmType_2 as gtmType };
-                let className_2: string;
-                export { className_2 as className };
-            }
-        }
+        export let explore: {
+            order: string[];
+            events: {
+                href: string;
+                className: string;
+            };
+            courses: {
+                href: string;
+                gtmType: string;
+                className: string;
+            };
+            'q-and-a': {
+                href: string;
+                className: string;
+            };
+            articles: {
+                href: string;
+                gtmType: string;
+                className: string;
+            };
+        };
         let topics_1: {
             order: string[];
             className: string;
@@ -77,8 +73,8 @@ declare namespace _default {
         export { topics_1 as topics };
     }
     namespace partners {
-        let href_4: string;
-        export { href_4 as href };
+        let href_1: string;
+        export { href_1 as href };
         export let onlyShow: string;
     }
     let account: {
@@ -98,15 +94,15 @@ declare namespace _default {
         };
     };
     namespace buttons {
-        let order_3: string[];
-        export { order_3 as order };
+        let order_2: string[];
+        export { order_2 as order };
         export namespace login {
-            let href_5: string;
-            export { href_5 as href };
+            let href_2: string;
+            export { href_2 as href };
         }
         export namespace signup {
-            let href_6: string;
-            export { href_6 as href };
+            let href_3: string;
+            export { href_3 as href };
             export namespace props {
                 let variant: string;
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "1.17.2-beta.0",
+  "version": "1.17.2-rc.1",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {