@mx-cartographer/experiences 8.1.0 → 8.1.1

package/dist/{ViewMoreMicroCard-BsEitNRJ.mjs → ViewMoreMicroCard-C7dC9lDT.mjs}

@@ -1,24 +1,24 @@
-import { jsx as o, jsxs as M, Fragment as Se } from "react/jsx-runtime";
+import { jsx as o, jsxs as N, Fragment as Se } from "react/jsx-runtime";
 import h, { useEffect as re, useState as ne } from "react";
 import { observer as U } from "mobx-react-lite";
 import w from "@mui/material/Stack";
 import ie from "@mui/material/Button";
 import { CategoryIcon as Ge, MerchantLogo as ke, InstitutionLogo as Ue, P as me, Text as ue, H3 as ze } from "@mxenabled/mxui";
-import { Icon as Ke, Close as Fe, ChevronLeft as $e, ChevronRight as Te } from "@mxenabled/mx-icons";
-import { L as He } from "./Loader-D3rjKx72.mjs";
-import H from "@mui/material/Box";
+import { Icon as Ke, Close as Fe, ChevronLeft as He, ChevronRight as Te } from "@mxenabled/mx-icons";
+import { L as $e } from "./Loader-CxeBwuPG.mjs";
+import $ from "@mui/material/Box";
 import ae from "@mui/material/IconButton";
 import { alpha as s, useTheme as j } from "@mui/material/styles";
 import { useInView as Re } from "react-intersection-observer";
-import { b as je } from "./Category-CevNQ03n.mjs";
 import se from "@mui/material/styles/useTheme";
+import { b as je } from "./Category-Ccoew_sA.mjs";
 import { b as Ye } from "./Localization-CkQ49EKr.mjs";
 import Xe from "@mui/material/CircularProgress";
 import { makeAutoObservable as ce, runInAction as Oe } from "mobx";
-import { b as Ze, u as Qe, a as qe } from "./Analytics-CjZ0emfs.mjs";
+import { a as Ze, u as Qe, b as qe } from "./Analytics-CxK7O19c.mjs";
 import { G as Ce } from "./GlobalCopyApi-DkS-2Zf_.mjs";
 import { B as he } from "./BeatApi-C6pBa0Rb.mjs";
-import { u as Je } from "./useWidgetLoadTimer-DgN1bTyu.mjs";
+import { u as Je } from "./useWidgetLoadTimer-wkBTL5xx.mjs";
 import et from "@mui/material/Card";
 import tt from "@mui/material/CardActionArea";
 import ot from "@mui/material/Avatar";
@@ -74,7 +74,7 @@ const le = {
   MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
 }, R = window?.app?.clientConfig?.microwidget_instance_id || "", Ee = {
   INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, We = (t) => `on${t}Click`, we = (t) => `on${t}View`, Me = (t) => `on${t}ViewFirstTime`, de = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2"), rt = () => Object.values(le).reduce(
+}, We = (t) => `on${t}Click`, we = (t) => `on${t}View`, Ne = (t) => `on${t}ViewFirstTime`, de = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2"), rt = () => Object.values(le).reduce(
   (t, e) => ({
     ...t,
     [We(e)]: {
@@ -99,7 +99,7 @@ const le = {
 ), at = () => Object.values(le).reduce(
   (t, e) => ({
     ...t,
-    [Me(e)]: {
+    [Ne(e)]: {
       action: D.MICRO_BEAT_DISPLAYED_FIRST_TIME,
       category: L.BEAT_INTERACTION,
       label: de(e),
@@ -108,7 +108,6 @@ const le = {
   }),
   {}
 ), b = {
-  CARD: "Card",
   CAROUSEL_CONTROL: "Carousel Control",
   MICRO_WIDGET: "Micro Widget",
   VIEW_MORE: "View More"
@@ -122,7 +121,7 @@ const le = {
   ON_CAROUSEL_FORWARD_SWIPE: "onCarouselForwardSwipe",
   ON_NO_RELEVANT_INSIGHTS_CLICKED: "onNoRelevantInsightsClicked",
   ON_VIEW_MORE_CLICKED: "onViewMoreClicked"
-}, Ne = {
+}, Me = {
   ON_VIEW_MORE_VIEWED: "onViewMoreCardView"
 }, D = {
   CONTROL_BACKWARD: "Control Backward",
@@ -190,7 +189,7 @@ const le = {
     label: b.VIEW_MORE,
     value: R
   },
-  [Ne.ON_VIEW_MORE_VIEWED]: {
+  [Me.ON_VIEW_MORE_VIEWED]: {
     action: D.MICRO_BEAT_DISPLAYED,
     category: L.BEAT_INTERACTION,
     label: b.VIEW_MORE,
@@ -255,7 +254,7 @@ const Y = h.createContext(null), lt = ({
 }) => /* @__PURE__ */ o(Y.Provider, { value: { onEvent: t, onPageview: e, store: n, children: r }, children: r }), dt = ({ beat: t }) => {
   const { primary_category_guid: e, category_guids: n } = t, r = e || n?.[0] || je.UNCATEGORIZED;
   return /* @__PURE__ */ o(Ge, { categoryGuid: r, size: 32, sx: { minWidth: 32 } });
-}, _t = ({
+}, c = ({
   avatarSx: t,
   bgColor: e,
   name: n,
@@ -274,7 +273,7 @@ const Y = h.createContext(null), lt = ({
     variant: "rounded",
     children: /* @__PURE__ */ o(Ke, { color: r, fill: i, name: n, size: 20, sx: l })
   }
-), c = _t, pt = ({ beat: t }) => {
+), _t = ({ beat: t }) => {
   const { category_guids: e, merchant_guids: n, primary_category_guid: r, primary_merchant_guid: i } = t;
   return /* @__PURE__ */ o(
     ke,
@@ -289,27 +288,27 @@ const Y = h.createContext(null), lt = ({
       }
     }
   );
-}, mt = (t) => t ? t.data ? t.data.map((e) => {
+}, pt = (t) => t ? t.data ? t.data.map((e) => {
   const n = {};
   return t.names?.map((r, i) => {
     n[r] = e[i];
   }), n;
 }) : [] : [], q = "primary", be = "success", Le = "error", De = (t) => {
-  const e = mt(t), n = Math.floor(e.length / 2);
+  const e = pt(t), n = Math.floor(e.length / 2);
   if (n === 0 || n === e.length) return q;
   const r = e[0]?.amount, i = e[n]?.amount;
   return r == null || i == null ? q : r > i ? Le : r < i ? be : q;
-}, ut = (t, e) => t < e ? be : t > e ? Le : q, Ct = ({ beat: t }) => {
+}, mt = (t, e) => t < e ? be : t > e ? Le : q, ut = ({ beat: t }) => {
   const e = se(), n = De(t.data_series), r = e.palette[n].main;
   return /* @__PURE__ */ o(c, { bgColor: s(r, 0.15), iconColor: n, name: "bar_chart" });
-}, ht = ({ beat: t }) => {
+}, Ct = ({ beat: t }) => {
   const e = se(), n = t.payload?.average_spend || 0;
   let r = 0;
   if (t.data_series?.data && t.data_series.data.length > 0) {
     const a = (t.data_series.names || []).indexOf("amount");
     a !== -1 && (r = t.data_series.data[0][a] || 0);
   }
-  const i = ut(r, n);
+  const i = mt(r, n);
   return /* @__PURE__ */ o(
     c,
     {
@@ -318,7 +317,7 @@ const Y = h.createContext(null), lt = ({
       name: "timeline"
     }
   );
-}, gt = ({ beat: t }) => {
+}, ht = ({ beat: t }) => {
   const e = se(), n = De(t.data_series), r = e.palette[n].main;
   return /* @__PURE__ */ o(
     c,
@@ -329,11 +328,11 @@ const Y = h.createContext(null), lt = ({
       name: "area_chart"
     }
   );
-}, Et = ({ beat: t }) => /* @__PURE__ */ o(Ue, { alt: t.institutionName || "", institutionGuid: t.institutionGuid || "" }), It = {
+}, gt = ({ beat: t }) => /* @__PURE__ */ o(Ue, { alt: t.institutionName || "", institutionGuid: t.institutionGuid || "" }), Et = {
   0: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "error" }),
   1: (t) => /* @__PURE__ */ o(dt, { beat: t }),
-  2: (t) => /* @__PURE__ */ o(pt, { beat: t }),
-  3: (t) => /* @__PURE__ */ o(Ct, { beat: t }),
+  2: (t) => /* @__PURE__ */ o(_t, { beat: t }),
+  3: (t) => /* @__PURE__ */ o(ut, { beat: t }),
   4: (t, e) => /* @__PURE__ */ o(
     c,
     {
@@ -366,7 +365,7 @@ const Y = h.createContext(null), lt = ({
       sx: { color: "text.primary" }
     }
   ),
-  12: (t) => /* @__PURE__ */ o(gt, { beat: t }),
+  12: (t) => /* @__PURE__ */ o(ht, { beat: t }),
   13: () => /* @__PURE__ */ o(
     c,
     {
@@ -435,7 +434,7 @@ const Y = h.createContext(null), lt = ({
   ),
   27: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "directions_car" }),
   28: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "contract" }),
-  29: (t) => /* @__PURE__ */ o(ht, { beat: t }),
+  29: (t) => /* @__PURE__ */ o(Ct, { beat: t }),
   30: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "calendar_month" }),
   31: (t, e) => /* @__PURE__ */ o(
     c,
@@ -454,16 +453,16 @@ const Y = h.createContext(null), lt = ({
       name: "storefront"
     }
   ),
-  34: (t) => /* @__PURE__ */ o(Et, { beat: t })
-}, ft = ({ beat: t }) => {
-  const e = j(), { icon_type: n } = t, r = n != null ? It[n] : null;
+  34: (t) => /* @__PURE__ */ o(gt, { beat: t })
+}, It = ({ beat: t }) => {
+  const e = j(), { icon_type: n } = t, r = n != null ? Et[n] : null;
   return r ? r(t, e) : /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "error" });
 }, x = () => {
   const t = h.useContext(Y);
   if (!t)
     throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
   return t.store.copyStore;
-}, yt = () => {
+}, ft = () => {
   const t = h.useContext(Y);
   if (!t?.store?.insightsMicroWidgetStore)
     throw new Error(
@@ -480,12 +479,12 @@ const Y = h.createContext(null), lt = ({
   if (!t)
     throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
   return { onPageview: t.onPageview };
-}, At = {
+}, yt = {
   LARGE: 180,
   STANDARD: 154,
   XLARGE: 200,
   XXLARGE: 248
-}, St = 50, ve = 1, Tt = h.forwardRef(
+}, At = 50, ve = 1, J = h.forwardRef(
   function({
     ariaLabel: e,
     cardSx: n,
@@ -504,9 +503,9 @@ const Y = h.createContext(null), lt = ({
     title: S,
     variant: y,
     widthOverrides: A,
-    ...N
+    ...M
   }, z) {
-    const E = !!(_ && m), v = !!(p && f), P = u ? et : H, T = /* @__PURE__ */ M(Se, { children: [
+    const E = !!(_ && m), v = !!(p && f), P = u ? et : $, T = /* @__PURE__ */ N(Se, { children: [
       g && /* @__PURE__ */ o(
         ae,
         {
@@ -524,10 +523,10 @@ const Y = h.createContext(null), lt = ({
           children: /* @__PURE__ */ o(Fe, {})
         }
       ),
-      /* @__PURE__ */ M(w, { sx: { gap: 6, height: "100%", justifyContent: "space-between" }, children: [
-        /* @__PURE__ */ M(w, { sx: { flexDirection: "row", gap: 12 }, children: [
+      /* @__PURE__ */ N(w, { sx: { gap: 6, height: "100%", justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ N(w, { sx: { flexDirection: "row", gap: 12 }, children: [
           l && l,
-          /* @__PURE__ */ M(w, { sx: { gap: 6 }, children: [
+          /* @__PURE__ */ N(w, { sx: { gap: 6 }, children: [
             /* @__PURE__ */ o(w, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: /* @__PURE__ */ o(me, { bold: !0, sx: { lineHeight: "16px" }, variant: "body1", children: S }) }),
             /* @__PURE__ */ o(
               me,
@@ -549,7 +548,7 @@ const Y = h.createContext(null), lt = ({
             )
           ] })
         ] }),
-        E && /* @__PURE__ */ M(
+        E && /* @__PURE__ */ N(
           w,
           {
             sx: {
@@ -618,7 +617,7 @@ const Y = h.createContext(null), lt = ({
         },
         tabIndex: d || !a ? -1 : 0,
         variant: y,
-        ...N,
+        ...M,
         children: d ? /* @__PURE__ */ o(
           tt,
           {
@@ -632,11 +631,11 @@ const Y = h.createContext(null), lt = ({
             },
             children: T
           }
-        ) : /* @__PURE__ */ o(H, { sx: { pb: 8, pt: 16, px: 16, height: "100%" }, children: T })
+        ) : /* @__PURE__ */ o($, { sx: { pb: 8, pt: 16, px: 16, height: "100%" }, children: T })
       }
     );
   }
-), J = Tt, Rt = ({
+), St = ({
   ariaLabel: t,
   beat: e,
   index: n,
@@ -650,7 +649,7 @@ const Y = h.createContext(null), lt = ({
 }) => {
   const { ref: d, inView: _ } = Re({
     threshold: ve
-  }), { cardsCopy: p } = x(), { onEvent: m } = X(), { updateBeat: f, updateOffer: S } = yt();
+  }), { cardsCopy: p } = x(), { onEvent: m } = X(), { updateBeat: f, updateOffer: S } = ft();
   re(() => {
     _ && (e.has_been_displayed ? m(we(e.template)) : (e.guid.startsWith("OFR") ? S({
       ...e,
@@ -658,7 +657,7 @@ const Y = h.createContext(null), lt = ({
     }) : f({
       ...e,
       has_been_displayed: !0
-    }), m(Me(e.template))));
+    }), m(Ne(e.template))));
   }, [_]), re(() => {
     if (_ && e)
       if (e.template === "MarketingOffer") {
@@ -701,7 +700,7 @@ const Y = h.createContext(null), lt = ({
       description: e?.html_micro_description && e?.html_micro_description.length > 0 ? e.html_micro_description : e.html_description || "",
       hasCardEffect: !0,
       heightOverrides: g,
-      icon: I && /* @__PURE__ */ o(ft, { beat: e }),
+      icon: I && /* @__PURE__ */ o(It, { beat: e }),
       isActiveCard: r,
       onCardClick: y,
       onPrimaryAction: y,
@@ -712,7 +711,7 @@ const Y = h.createContext(null), lt = ({
       widthOverrides: a
     }
   );
-}, Ot = ({
+}, Tt = ({
   currentBeatIndex: t,
   numBeats: e,
   onNextClick: n,
@@ -723,7 +722,7 @@ const Y = h.createContext(null), lt = ({
   visibleCardsCount: u = 1
 }) => {
   const I = j(), { carouselCopy: g } = x(), d = Math.floor(l) > i || t - u + 1 === 0, _ = l < 0 || e - 1 === t, p = I.palette.grey[500], m = I.palette.primary.main;
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ N(
     w,
     {
       direction: "row",
@@ -746,7 +745,7 @@ const Y = h.createContext(null), lt = ({
             disabled: d,
             onClick: r,
             children: /* @__PURE__ */ o(
-              $e,
+              He,
               {
                 style: {
                   color: d ? p : m
@@ -758,7 +757,7 @@ const Y = h.createContext(null), lt = ({
         Array.from({ length: e }).map((f, S) => {
           const y = S === t;
           return /* @__PURE__ */ o(
-            H,
+            $,
             {
               className: "mx-insights-micro-carousel-dots",
               sx: {
@@ -801,7 +800,7 @@ const Y = h.createContext(null), lt = ({
       ]
     }
   );
-}, Wt = ({
+}, Rt = ({
   activeCardIndex: t,
   beats: e,
   cardWidth: n,
@@ -817,17 +816,17 @@ const Y = h.createContext(null), lt = ({
     showIcon: a,
     variant: u
   };
-  return /* @__PURE__ */ M(Se, { children: [
+  return /* @__PURE__ */ N(Se, { children: [
     e.map((d, _) => {
       const p = _ + 1, m = e.length + 1, f = Ye(
         I?.card_position_in_carousel_aria,
         p.toString(),
         m.toString()
-      ), S = d.micro_title && d.micro_title.length > 0, y = d.micro_description && d.micro_description.length > 0, A = S ? d.micro_title : d.title, N = y ? d.micro_description : d.description;
+      ), S = d.micro_title && d.micro_title.length > 0, y = d.micro_description && d.micro_description.length > 0, A = S ? d.micro_title : d.title, M = y ? d.micro_description : d.description;
       return /* @__PURE__ */ o(
-        Rt,
+        St,
         {
-          ariaLabel: `${f}: ${A}, ${N}`,
+          ariaLabel: `${f}: ${A}, ${M}`,
           beat: d,
           index: _,
           isActiveCard: _ === t,
@@ -839,7 +838,7 @@ const Y = h.createContext(null), lt = ({
       );
     }),
     /* @__PURE__ */ o(
-      Pt,
+      xt,
       {
         isActiveCard: t === e.length,
         onCardClick: i,
@@ -848,7 +847,7 @@ const Y = h.createContext(null), lt = ({
       }
     )
   ] });
-}, wt = ({
+}, Ot = ({
   analyticsMetadata: t,
   allowSingleCardPeeking: e = !1,
   beats: n = [],
@@ -863,7 +862,7 @@ const Y = h.createContext(null), lt = ({
   visibleCardsCount: _ = 1
   // Default to 1 card visible
 }) => {
-  const p = h.useRef(null), m = h.useRef(null), [f, S] = h.useState(0), [y, A] = h.useState(null), [N, z] = h.useState(null), [E, v] = h.useState(null), { carouselCopy: P } = x(), { onEvent: T } = X();
+  const p = h.useRef(null), m = h.useRef(null), [f, S] = h.useState(0), [y, A] = h.useState(null), [M, z] = h.useState(null), [E, v] = h.useState(null), { carouselCopy: P } = x(), { onEvent: T } = X();
   h.useEffect(() => {
     if (p.current && !e) {
       const W = p.current.offsetWidth, F = 8;
@@ -878,20 +877,20 @@ const Y = h.createContext(null), lt = ({
   }, [_, p.current?.offsetWidth]), h.useEffect(() => {
     const W = m.current?.offsetWidth;
     if (typeof W == "number" && e) {
-      const F = ($) => {
+      const F = (H) => {
         const pe = [
           { maxWidth: 375, cardWidth: 268 },
           { maxWidth: 444, cardWidth: 300 },
           { maxWidth: 599, cardWidth: 350 },
           { maxWidth: 749, cardWidth: 450 },
           { maxWidth: 900, cardWidth: 600 }
-        ].find((Ve) => $ <= Ve.maxWidth);
+        ].find((Ve) => H <= Ve.maxWidth);
         return pe ? pe.cardWidth : 750;
       };
       v(F(W));
       const k = () => {
-        const $ = m.current?.offsetWidth;
-        typeof $ == "number" && v(F($));
+        const H = m.current?.offsetWidth;
+        typeof H == "number" && v(F(H));
       };
       return window.addEventListener("resize", k), () => {
         window.removeEventListener("resize", k);
@@ -913,14 +912,14 @@ const Y = h.createContext(null), lt = ({
   }, Q = () => {
     p.current && S(p.current.scrollLeft);
   }, ee = () => {
-    if (!N || !y) return;
-    N - y > St ? T(O.ON_CAROUSEL_FORWARD_SWIPE, t) : T(O.ON_CAROUSEL_BACK_SWIPE, t);
+    if (!M || !y) return;
+    M - y > At ? T(O.ON_CAROUSEL_FORWARD_SWIPE, t) : T(O.ON_CAROUSEL_BACK_SWIPE, t);
   }, te = (W) => {
     A(W.targetTouches[0].clientX);
   }, oe = (W) => {
     A(null), z(W.targetTouches[0].clientX);
   }, K = E ? Math.round(f / (E + 8)) : 0, B = p.current ? p.current.scrollWidth - p.current.offsetWidth : 0;
-  return /* @__PURE__ */ M(
+  return /* @__PURE__ */ N(
     w,
     {
       "aria-label": P?.carousel_title,
@@ -961,7 +960,7 @@ const Y = h.createContext(null), lt = ({
               }
             },
             children: /* @__PURE__ */ o(
-              Wt,
+              Rt,
               {
                 activeCardIndex: K,
                 beats: n,
@@ -976,7 +975,7 @@ const Y = h.createContext(null), lt = ({
           }
         ),
         a && /* @__PURE__ */ o(
-          Ot,
+          Tt,
           {
             currentBeatIndex: K + _ - 1,
             numBeats: n.length + 1,
@@ -991,7 +990,7 @@ const Y = h.createContext(null), lt = ({
       ]
     }
   );
-}, Mt = U(wt), Nt = ({
+}, Wt = U(Ot), wt = ({
   analyticsMetadata: t,
   onCardClick: e,
   posthog: n,
@@ -1001,7 +1000,7 @@ const Y = h.createContext(null), lt = ({
   const { carouselCopy: l } = x(), { onEvent: a } = X(), u = () => {
     a && (a(O.ON_VIEW_MORE_CLICKED, t), e(), n?.capture("clicked_view_more"));
   };
-  return l ? /* @__PURE__ */ M(
+  return l ? /* @__PURE__ */ N(
     w,
     {
       alignItems: "center",
@@ -1028,15 +1027,15 @@ const Y = h.createContext(null), lt = ({
         )
       ]
     }
-  ) : /* @__PURE__ */ o(He, {});
-}, bt = U(Nt), Lt = ({
+  ) : /* @__PURE__ */ o($e, {});
+}, Nt = U(wt), Mt = ({
   heightOverrides: t,
   widthOverrides: e,
   children: n
 }) => {
   const { carouselCopy: r } = x();
   return /* @__PURE__ */ o(
-    H,
+    $,
     {
       "aria-label": r?.carousel_title,
       "aria-roledescription": "carousel",
@@ -1085,7 +1084,7 @@ const Y = h.createContext(null), lt = ({
       variant: l
     }
   );
-}, so = U(Pe), Be = ({
+}, io = U(Pe), Be = ({
   ariaLabel: t,
   heightOverrides: e,
   onCardClick: n,
@@ -1111,8 +1110,8 @@ const Y = h.createContext(null), lt = ({
       variant: i
     }
   );
-}, co = U(Be), Dt = () => /* @__PURE__ */ o(
-  H,
+}, ao = U(Be), bt = () => /* @__PURE__ */ o(
+  $,
   {
     sx: {
       alignItems: "center",
@@ -1123,7 +1122,7 @@ const Y = h.createContext(null), lt = ({
     },
     children: /* @__PURE__ */ o(Xe, {})
   }
-), V = new ct(), xt = ({
+), V = new ct(), Lt = ({
   allowSingleCardPeeking: t,
   areBeatsLoading: e,
   beats: n = [],
@@ -1146,7 +1145,7 @@ const Y = h.createContext(null), lt = ({
   showWithMargin: S = !0,
   token: y = "",
   userHasFullInsightFeedBeats: A,
-  variant: N,
+  variant: M,
   visibleCardsCount: z = 1,
   widthOverrides: E
 }) => {
@@ -1171,16 +1170,16 @@ const Y = h.createContext(null), lt = ({
     widthOverrides: E
   }, K = {
     carouselSize: v,
-    variant: N,
+    variant: M,
     heightOverrides: i,
     onCardClick: u,
     posthog: d,
     showIcon: f
   };
-  return /* @__PURE__ */ o(lt, { onEvent: ee, onPageview: te, store: V, children: /* @__PURE__ */ M(Lt, { heightOverrides: i, widthOverrides: E, children: [
-    !T && /* @__PURE__ */ o(Dt, {}),
+  return /* @__PURE__ */ o(lt, { onEvent: ee, onPageview: te, store: V, children: /* @__PURE__ */ N(Mt, { heightOverrides: i, widthOverrides: E, children: [
+    !T && /* @__PURE__ */ o(bt, {}),
     T && m && /* @__PURE__ */ o(
-      bt,
+      Nt,
       {
         analyticsMetadata: ge,
         headerSx: l,
@@ -1190,13 +1189,13 @@ const Y = h.createContext(null), lt = ({
       }
     ),
     T && !!n.length && /* @__PURE__ */ o(
-      Mt,
+      Wt,
       {
         allowSingleCardPeeking: t,
         analyticsMetadata: ge,
         beats: n,
         showCarouselControls: p,
-        variant: _ ? N : void 0,
+        variant: _ ? M : void 0,
         visibleCardsCount: z,
         ...oe
       }
@@ -1213,7 +1212,7 @@ const Y = h.createContext(null), lt = ({
           w,
           {
             sx: {
-              height: `calc(${At[v]}px - 44px)`,
+              height: `calc(${yt[v]}px - 44px)`,
               width: S ? `calc(${E}px - 32px)` : "100%"
             },
             children: A ? /* @__PURE__ */ o(Pe, { ...K }) : /* @__PURE__ */ o(Be, { ...K })
@@ -1222,7 +1221,7 @@ const Y = h.createContext(null), lt = ({
       }
     )
   ] }) });
-}, lo = U(xt), vt = ({
+}, so = U(Lt), Dt = ({
   ariaLabel: t,
   heightOverrides: e,
   isActiveCard: n,
@@ -1236,7 +1235,7 @@ const Y = h.createContext(null), lt = ({
     threshold: ve
   }), { cardsCopy: _ } = x(), { onEvent: p } = X();
   re(() => {
-    d && (p(Ne.ON_VIEW_MORE_VIEWED), i?.capture("viewed_insight", {
+    d && (p(Me.ON_VIEW_MORE_VIEWED), i?.capture("viewed_insight", {
       template: "view_more_card"
     }));
   }, [d]);
@@ -1267,19 +1266,19 @@ const Y = h.createContext(null), lt = ({
       widthOverrides: l
     }
   );
-}, Pt = U(vt);
+}, xt = U(Dt);
 export {
   ct as A,
   c as B,
-  bt as C,
-  lt as I,
-  Mt as M,
-  so as N,
+  Nt as C,
+  St as I,
+  Wt as M,
+  io as N,
   ge as T,
-  Pt as V,
-  co as Z,
-  Rt as a,
-  lo as b,
-  Ct as c,
-  J as d
+  xt as V,
+  ao as Z,
+  so as a,
+  lt as b,
+  J as c,
+  ut as d
 };