@mx-cartographer/experiences 7.13.0 → 7.13.2

package/dist/{ViewMoreMicroCard-BhG9hCoO.mjs → ViewMoreMicroCard-D24H9kDm.mjs}

@@ -3,28 +3,28 @@ import h, { useEffect as ie, useState as re } from "react";
 import { observer as z } from "mobx-react-lite";
 import W from "@mui/material/Stack";
 import ae from "@mui/material/Button";
-import { CategoryIcon as ke, MerchantLogo as Ue, P as ue, Text as Ce, H3 as ze } from "@mxenabled/mxui";
-import { Icon as Ke, Close as Fe, ChevronLeft as $e, ChevronRight as Re } from "@mxenabled/mx-icons";
-import { L as He } from "./Loader-D3rjKx72.mjs";
+import { CategoryIcon as ke, MerchantLogo as Ue, InstitutionLogo as ze, P as ue, Text as Ce, H3 as Ke } from "@mxenabled/mxui";
+import { Icon as Fe, Close as $e, ChevronLeft as He, ChevronRight as Re } from "@mxenabled/mx-icons";
+import { L as je } from "./Loader-D3rjKx72.mjs";
 import H from "@mui/material/Box";
 import se from "@mui/material/IconButton";
 import { alpha as c, useTheme as j } from "@mui/material/styles";
 import { useInView as Oe } from "react-intersection-observer";
-import { b as je } from "./Category-CevNQ03n.mjs";
+import { b as Ye } from "./Category-CevNQ03n.mjs";
 import ce from "@mui/material/styles/useTheme";
-import { b as Ye } from "./Localization-CPkpIwIx.mjs";
-import Xe from "@mui/material/CircularProgress";
+import { b as Xe } from "./Localization-CPkpIwIx.mjs";
+import Ze from "@mui/material/CircularProgress";
 import { makeAutoObservable as le, runInAction as We } from "mobx";
-import { G as he, b as Ze, u as Qe, a as qe } from "./useCombineEvents-Bqojlv8q.mjs";
+import { G as he, b as Qe, u as qe, a as Je } from "./useCombineEvents-Bqojlv8q.mjs";
 import { B as ge } from "./BeatApi-EFHXULDx.mjs";
-import { u as Je } from "./useWidgetLoadTimer-DgN1bTyu.mjs";
-import et from "@mui/material/Card";
-import tt from "@mui/material/CardActionArea";
-import ot from "@mui/material/Avatar";
+import { u as et } from "./useWidgetLoadTimer-DgN1bTyu.mjs";
+import tt from "@mui/material/Card";
+import ot from "@mui/material/CardActionArea";
+import nt from "@mui/material/Avatar";
 const Ee = {
   featureVersion: "spendVsIncomeTrends"
 };
-class nt {
+class rt {
   copyApi = new he("/", "");
   copyObject = {};
   namespace = "experiences";
@@ -73,7 +73,7 @@ const de = {
   MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
 }, T = window?.app?.clientConfig?.microwidget_instance_id || "", Ie = {
   INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, Me = (t) => `on${t}Click`, we = (t) => `on${t}View`, Ne = (t) => `on${t}ViewFirstTime`, _e = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2"), rt = () => Object.values(de).reduce(
+}, Me = (t) => `on${t}Click`, Ne = (t) => `on${t}View`, we = (t) => `on${t}ViewFirstTime`, _e = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2"), it = () => Object.values(de).reduce(
   (t, e) => ({
     ...t,
     [Me(e)]: {
@@ -84,10 +84,10 @@ const de = {
     }
   }),
   {}
-), it = () => Object.values(de).reduce(
+), at = () => Object.values(de).reduce(
   (t, e) => ({
     ...t,
-    [we(e)]: {
+    [Ne(e)]: {
       action: D.MICRO_BEAT_DISPLAYED,
       category: L.BEAT_INTERACTION,
       label: _e(e),
@@ -95,10 +95,10 @@ const de = {
     }
   }),
   {}
-), at = () => Object.values(de).reduce(
+), st = () => Object.values(de).reduce(
   (t, e) => ({
     ...t,
-    [Ne(e)]: {
+    [we(e)]: {
       action: D.MICRO_BEAT_DISPLAYED_FIRST_TIME,
       category: L.BEAT_INTERACTION,
       label: _e(e),
@@ -195,15 +195,15 @@ const de = {
     label: b.VIEW_MORE,
     value: T
   },
-  ...rt(),
   ...it(),
-  ...at()
+  ...at(),
+  ...st()
 }, Ae = async (t, e) => !e || !ye[t] ? null : e.sendAnalyticEvent(ye[t]).then((n) => n).catch((n) => {
   throw n;
 }), Se = async (t, e) => !e || !fe[t] ? null : e.sendAnalyticsPageview(fe[t]).then((n) => n).catch((n) => {
   throw n;
 });
-class st {
+class ct {
   onAnalyticEvent = Ae;
   onAnalyticPageView = Se;
   beatApi = new ge("/", "");
@@ -228,7 +228,7 @@ class st {
     this.beatApi.updateOffer(e);
   };
 }
-class ct {
+class lt {
   copyStore;
   endpoint = "/";
   insightsMicroWidgetStore;
@@ -236,25 +236,25 @@ class ct {
   token = "";
   isInitialized = !1;
   constructor() {
-    this.copyStore = new nt(), this.insightsMicroWidgetStore = new st(), le(this);
+    this.copyStore = new rt(), this.insightsMicroWidgetStore = new ct(), le(this);
   }
   initialize = async (e, n, r) => {
     await this.copyStore.initialize(e, n), await this.insightsMicroWidgetStore.initialize(e, n, r);
-    const i = await Ze(e, n, "1.0.0", "Micro Insights Carousel");
+    const i = await Qe(e, n, "1.0.0", "Micro Insights Carousel");
     We(() => {
       this.session = i, this.isInitialized = !0;
     });
   };
 }
-const Y = h.createContext(null), lt = ({
+const Y = h.createContext(null), dt = ({
   onEvent: t,
   onPageview: e,
   store: n,
   children: r
-}) => /* @__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;
+}) => /* @__PURE__ */ o(Y.Provider, { value: { onEvent: t, onPageview: e, store: n, children: r }, children: r }), _t = ({ beat: t }) => {
+  const { primary_category_guid: e, category_guids: n } = t, r = e || n?.[0] || Ye.UNCATEGORIZED;
   return /* @__PURE__ */ o(ke, { categoryGuid: r, size: 32, sx: { minWidth: 32 } });
-}, _t = ({
+}, pt = ({
   avatarSx: t,
   bgColor: e,
   name: n,
@@ -262,7 +262,7 @@ const Y = h.createContext(null), lt = ({
   fill: i = !0,
   sx: a
 }) => /* @__PURE__ */ o(
-  ot,
+  nt,
   {
     sx: {
       bgcolor: e,
@@ -271,9 +271,9 @@ const Y = h.createContext(null), lt = ({
       ...t
     },
     variant: "rounded",
-    children: /* @__PURE__ */ o(Ke, { color: r, fill: i, name: n, size: 20, sx: a })
+    children: /* @__PURE__ */ o(Fe, { color: r, fill: i, name: n, size: 20, sx: a })
   }
-), l = _t, pt = ({ beat: t }) => {
+), l = pt, mt = ({ beat: t }) => {
   const { category_guids: e, merchant_guids: n, primary_category_guid: r, primary_merchant_guid: i } = t;
   return /* @__PURE__ */ o(
     Ue,
@@ -288,27 +288,27 @@ const Y = h.createContext(null), lt = ({
       }
     }
   );
-}, mt = (t) => t ? t.data ? t.data.map((e) => {
+}, ut = (t) => t ? t.data ? t.data.map((e) => {
   const n = {};
   return t.names?.map((r, i) => {
     n[r] = e[i];
   }), n;
 }) : [] : [], q = "primary", Le = "success", De = "error", xe = (t) => {
-  const e = mt(t), n = Math.floor(e.length / 2);
+  const e = ut(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 ? De : r < i ? Le : q;
-}, ut = (t, e) => t < e ? Le : t > e ? De : q, Ct = ({ beat: t }) => {
+}, Ct = (t, e) => t < e ? Le : t > e ? De : q, ht = ({ beat: t }) => {
   const e = ce(), n = xe(t.data_series), r = e.palette[n].main;
   return /* @__PURE__ */ o(l, { bgColor: c(r, 0.15), iconColor: n, name: "bar_chart" });
-}, ht = ({ beat: t }) => {
+}, gt = ({ beat: t }) => {
   const e = ce(), n = t.payload?.average_spend || 0;
   let r = 0;
   if (t.data_series?.data && t.data_series.data.length > 0) {
     const s = (t.data_series.names || []).indexOf("amount");
     s !== -1 && (r = t.data_series.data[0][s] || 0);
   }
-  const i = ut(r, n);
+  const i = Ct(r, n);
   return /* @__PURE__ */ o(
     l,
     {
@@ -317,7 +317,7 @@ const Y = h.createContext(null), lt = ({
       name: "timeline"
     }
   );
-}, gt = ({ beat: t }) => {
+}, Et = ({ beat: t }) => {
   const e = ce(), n = xe(t.data_series), r = e.palette[n].main;
   return /* @__PURE__ */ o(
     l,
@@ -328,11 +328,11 @@ const Y = h.createContext(null), lt = ({
       name: "area_chart"
     }
   );
-}, Et = {
+}, It = ({ beat: t }) => /* @__PURE__ */ o(ze, { alt: t.institutionName || "", institutionGuid: t.institutionGuid || "" }), ft = {
   0: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(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 }),
+  1: (t) => /* @__PURE__ */ o(_t, { beat: t }),
+  2: (t) => /* @__PURE__ */ o(mt, { beat: t }),
+  3: (t) => /* @__PURE__ */ o(ht, { beat: t }),
   4: (t, e) => /* @__PURE__ */ o(
     l,
     {
@@ -365,7 +365,7 @@ const Y = h.createContext(null), lt = ({
       sx: { color: "text.primary" }
     }
   ),
-  12: (t) => /* @__PURE__ */ o(gt, { beat: t }),
+  12: (t) => /* @__PURE__ */ o(Et, { beat: t }),
   13: () => /* @__PURE__ */ o(
     l,
     {
@@ -434,7 +434,7 @@ const Y = h.createContext(null), lt = ({
   ),
   27: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "directions_car" }),
   28: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "contract" }),
-  29: (t) => /* @__PURE__ */ o(ht, { beat: t }),
+  29: (t) => /* @__PURE__ */ o(gt, { beat: t }),
   30: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "calendar_month" }),
   31: (t, e) => /* @__PURE__ */ o(
     l,
@@ -452,16 +452,17 @@ const Y = h.createContext(null), lt = ({
       fill: !1,
       name: "storefront"
     }
-  )
-}, It = ({ beat: t }) => {
-  const e = j(), { icon_type: n } = t, r = n != null ? Et[n] : null;
+  ),
+  34: (t) => /* @__PURE__ */ o(It, { beat: t })
+}, yt = ({ beat: t }) => {
+  const e = j(), { icon_type: n } = t, r = n != null ? ft[n] : null;
   return r ? r(t, e) : /* @__PURE__ */ o(l, { bgColor: c(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;
-}, ft = () => {
+}, At = () => {
   const t = h.useContext(Y);
   if (!t?.store?.insightsMicroWidgetStore)
     throw new Error(
@@ -478,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 };
-}, yt = {
+}, St = {
   LARGE: 180,
   STANDARD: 154,
   XLARGE: 200,
   XXLARGE: 248
-}, At = 50, Pe = 1, St = h.forwardRef(
+}, Tt = 50, Pe = 1, Rt = h.forwardRef(
   function({
     ariaLabel: e,
     cardSx: n,
@@ -503,8 +504,8 @@ const Y = h.createContext(null), lt = ({
     variant: S,
     widthOverrides: f,
     ...v
-  }, w) {
-    const k = !!(d && _), y = !!(m && A), P = C ? et : H, N = /* @__PURE__ */ M(Te, { children: [
+  }, N) {
+    const k = !!(d && _), y = !!(m && A), P = C ? tt : H, w = /* @__PURE__ */ M(Te, { children: [
       E && /* @__PURE__ */ o(
         se,
         {
@@ -519,7 +520,7 @@ const Y = h.createContext(null), lt = ({
             p.stopPropagation();
           },
           sx: { minHeight: 40, minWidth: 40, position: "absolute", right: 4, top: 4 },
-          children: /* @__PURE__ */ o(Fe, {})
+          children: /* @__PURE__ */ o($e, {})
         }
       ),
       /* @__PURE__ */ M(W, { sx: { gap: 6, height: "100%", justifyContent: "space-between" }, children: [
@@ -604,7 +605,7 @@ const Y = h.createContext(null), lt = ({
       {
         "aria-hidden": !s,
         "aria-label": e,
-        ref: w,
+        ref: N,
         role: "group",
         sx: {
           backgroundColor: "background.paper",
@@ -618,8 +619,9 @@ const Y = h.createContext(null), lt = ({
         variant: S,
         ...v,
         children: u ? /* @__PURE__ */ o(
-          tt,
+          ot,
           {
+            component: "div",
             onClick: u,
             sx: {
               pb: 8,
@@ -627,13 +629,13 @@ const Y = h.createContext(null), lt = ({
               px: 16,
               height: "100%"
             },
-            children: N
+            children: w
           }
-        ) : /* @__PURE__ */ o(H, { sx: { pb: 8, pt: 16, px: 16, height: "100%" }, children: N })
+        ) : /* @__PURE__ */ o(H, { sx: { pb: 8, pt: 16, px: 16, height: "100%" }, children: w })
       }
     );
   }
-), J = St, Tt = ({
+), J = Rt, Ot = ({
   ariaLabel: t,
   beat: e,
   index: n,
@@ -647,15 +649,15 @@ const Y = h.createContext(null), lt = ({
 }) => {
   const { ref: u, inView: d } = Oe({
     threshold: Pe
-  }), { cardsCopy: m } = x(), { onEvent: _ } = X(), { updateBeat: A, updateOffer: I } = ft();
+  }), { cardsCopy: m } = x(), { onEvent: _ } = X(), { updateBeat: A, updateOffer: I } = At();
   ie(() => {
-    d && (e.has_been_displayed ? _(we(e.template)) : (e.guid.startsWith("OFR") ? I({
+    d && (e.has_been_displayed ? _(Ne(e.template)) : (e.guid.startsWith("OFR") ? I({
       ...e,
       has_been_displayed: !0
     }) : A({
       ...e,
       has_been_displayed: !0
-    }), _(Ne(e.template))));
+    }), _(we(e.template))));
   }, [d]), ie(() => {
     if (d && e)
       if (e.template === "MarketingOffer") {
@@ -698,18 +700,18 @@ 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: E,
-      icon: g && /* @__PURE__ */ o(It, { beat: e }),
+      icon: g && /* @__PURE__ */ o(yt, { beat: e }),
       isActiveCard: r,
       onCardClick: S,
       onPrimaryAction: S,
-      primaryActionText: e.micro_call_to_action || m.micro_card_cta,
+      primaryActionText: e.micro_call_to_action || m?.micro_card_cta,
       ref: u,
       title: e.micro_title && e.micro_title.length > 0 ? e.micro_title : e.title,
       variant: C,
       widthOverrides: s
     }
   );
-}, Rt = ({
+}, Wt = ({
   currentBeatIndex: t,
   numBeats: e,
   onNextClick: n,
@@ -739,11 +741,11 @@ const Y = h.createContext(null), lt = ({
           se,
           {
             "aria-disabled": u,
-            "aria-label": E.previous_insight_cta_aria,
+            "aria-label": E?.previous_insight_cta_aria,
             disabled: u,
             onClick: r,
             children: /* @__PURE__ */ o(
-              $e,
+              He,
               {
                 style: {
                   color: u ? m : _
@@ -782,7 +784,7 @@ const Y = h.createContext(null), lt = ({
           se,
           {
             "aria-disabled": d,
-            "aria-label": E.next_insight_cta_aria,
+            "aria-label": E?.next_insight_cta_aria,
             disabled: d,
             onClick: n,
             children: /* @__PURE__ */ o(
@@ -798,7 +800,7 @@ const Y = h.createContext(null), lt = ({
       ]
     }
   );
-}, Ot = ({
+}, Mt = ({
   activeCardIndex: t,
   beats: e,
   cardWidth: n,
@@ -818,15 +820,15 @@ const Y = h.createContext(null), lt = ({
   };
   return /* @__PURE__ */ M(Te, { children: [
     e.map((d, m) => {
-      const _ = m + 1, A = e.length + 1, I = Ye(
-        E.card_position_in_carousel_aria,
+      const _ = m + 1, A = e.length + 1, I = Xe(
+        E?.card_position_in_carousel_aria,
         _.toString(),
         A.toString()
-      ), S = d.micro_title && d.micro_title.length > 0, f = d.micro_description && d.micro_description.length > 0, v = S ? d.micro_title : d.title, w = f ? d.micro_description : d.description;
+      ), S = d.micro_title && d.micro_title.length > 0, f = d.micro_description && d.micro_description.length > 0, v = S ? d.micro_title : d.title, N = f ? d.micro_description : d.description;
       return /* @__PURE__ */ o(
-        Tt,
+        Ot,
         {
-          ariaLabel: `${I}: ${v}, ${w}`,
+          ariaLabel: `${I}: ${v}, ${N}`,
           beat: d,
           index: m,
           isActiveCard: m === t,
@@ -838,7 +840,7 @@ const Y = h.createContext(null), lt = ({
       );
     }),
     /* @__PURE__ */ o(
-      vt,
+      Bt,
       {
         isActiveCard: t === e.length,
         onCardClick: a,
@@ -847,7 +849,7 @@ const Y = h.createContext(null), lt = ({
       }
     )
   ] });
-}, Wt = ({
+}, Nt = ({
   analyticsMetadata: t,
   allowSingleCardPeeking: e = !1,
   beats: n = [],
@@ -863,7 +865,7 @@ const Y = h.createContext(null), lt = ({
   visibleCardsCount: m = 1
   // Default to 1 card visible
 }) => {
-  const _ = h.useRef(null), A = h.useRef(null), [I, S] = h.useState(0), [f, v] = h.useState(null), [w, k] = h.useState(null), [y, P] = h.useState(null), { carouselCopy: N } = x(), { onEvent: p } = X();
+  const _ = h.useRef(null), A = h.useRef(null), [I, S] = h.useState(0), [f, v] = h.useState(null), [N, k] = h.useState(null), [y, P] = h.useState(null), { carouselCopy: w } = x(), { onEvent: p } = X();
   h.useEffect(() => {
     if (_.current && !e) {
       const O = _.current.offsetWidth, F = 8;
@@ -913,8 +915,8 @@ const Y = h.createContext(null), lt = ({
   }, Q = () => {
     _.current && S(_.current.scrollLeft);
   }, te = () => {
-    if (!w || !f) return;
-    w - f > At ? p(R.ON_CAROUSEL_FORWARD_SWIPE, t) : p(R.ON_CAROUSEL_BACK_SWIPE, t);
+    if (!N || !f) return;
+    N - f > Tt ? p(R.ON_CAROUSEL_FORWARD_SWIPE, t) : p(R.ON_CAROUSEL_BACK_SWIPE, t);
   }, oe = (O) => {
     v(O.targetTouches[0].clientX);
   }, ne = (O) => {
@@ -923,7 +925,7 @@ const Y = h.createContext(null), lt = ({
   return /* @__PURE__ */ M(
     W,
     {
-      "aria-label": N.carousel_title,
+      "aria-label": w?.carousel_title,
       "aria-roledescription": "carousel",
       ref: A,
       role: "region",
@@ -961,7 +963,7 @@ const Y = h.createContext(null), lt = ({
               }
             },
             children: /* @__PURE__ */ o(
-              Ot,
+              Mt,
               {
                 activeCardIndex: K,
                 beats: n,
@@ -977,7 +979,7 @@ const Y = h.createContext(null), lt = ({
           }
         ),
         C && /* @__PURE__ */ o(
-          Rt,
+          Wt,
           {
             currentBeatIndex: K + m - 1,
             numBeats: n.length + 1,
@@ -992,7 +994,7 @@ const Y = h.createContext(null), lt = ({
       ]
     }
   );
-}, Mt = z(Wt), wt = ({
+}, wt = z(Nt), bt = ({
   analyticsMetadata: t,
   onCardClick: e,
   posthog: n,
@@ -1016,7 +1018,7 @@ const Y = h.createContext(null), lt = ({
         ...i
       },
       children: [
-        /* @__PURE__ */ o(ze, { children: a.carousel_title }),
+        /* @__PURE__ */ o(Ke, { children: a.carousel_title }),
         /* @__PURE__ */ o(
           ae,
           {
@@ -1029,8 +1031,8 @@ const Y = h.createContext(null), lt = ({
         )
       ]
     }
-  ) : /* @__PURE__ */ o(He, {});
-}, Nt = z(wt), bt = ({
+  ) : /* @__PURE__ */ o(je, {});
+}, Lt = z(bt), Dt = ({
   heightOverrides: t,
   widthOverrides: e,
   children: n
@@ -1086,7 +1088,7 @@ const Y = h.createContext(null), lt = ({
       variant: a
     }
   );
-}, io = z(Be), Ve = ({
+}, so = z(Be), Ve = ({
   ariaLabel: t,
   heightOverrides: e,
   onCardClick: n,
@@ -1112,7 +1114,7 @@ const Y = h.createContext(null), lt = ({
       variant: i
     }
   );
-}, ao = z(Ve), Lt = () => /* @__PURE__ */ o(
+}, co = z(Ve), xt = () => /* @__PURE__ */ o(
   H,
   {
     sx: {
@@ -1122,9 +1124,9 @@ const Y = h.createContext(null), lt = ({
       justifyContent: "center",
       width: "100%"
     },
-    children: /* @__PURE__ */ o(Xe, {})
+    children: /* @__PURE__ */ o(Ze, {})
   }
-), V = new ct(), Dt = ({
+), V = new lt(), vt = ({
   allowSingleCardPeeking: t,
   areBeatsLoading: e,
   beats: n = [],
@@ -1148,19 +1150,19 @@ const Y = h.createContext(null), lt = ({
   showWithMargin: S = !0,
   token: f = "",
   userHasFullInsightFeedBeats: v,
-  variant: w,
+  variant: N,
   visibleCardsCount: k = 1,
   widthOverrides: y
 }) => {
-  const [P, N] = re("STANDARD"), [p, ee] = re(!1), [Z, Q] = re(!1), te = Qe([E], V), oe = qe([u], V);
-  Je({
+  const [P, w] = re("STANDARD"), [p, ee] = re(!1), [Z, Q] = re(!1), te = qe([E], V), oe = Je([u], V);
+  et({
     widgetName: "InsightsMicroWidget",
     isLoaded: p
   }), h.useEffect(() => {
     !V.isInitialized && !Z && (V.initialize(i, f, C).catch(() => Q(!1)), Q(!0));
   }, [i, f, C, V.isInitialized, Z]), h.useEffect(() => {
     const B = window.innerHeight;
-    B < 180 ? N("STANDARD") : B >= 180 && B < 200 ? N("LARGE") : B >= 200 && B < 248 ? N("XLARGE") : B >= 248 && N("XXLARGE");
+    B < 180 ? w("STANDARD") : B >= 180 && B < 200 ? w("LARGE") : B >= 200 && B < 248 ? w("XLARGE") : B >= 248 && w("XXLARGE");
   }, [window.innerHeight]), h.useEffect(() => {
     ee(!e && V.isInitialized);
   }, [e, V.isInitialized]);
@@ -1174,17 +1176,17 @@ const Y = h.createContext(null), lt = ({
     widthOverrides: y
   }, K = {
     carouselSize: P,
-    variant: w,
+    variant: N,
     showCTAColocatedWithText: r,
     heightOverrides: a,
     onCardClick: g,
     posthog: d,
     showIcon: I
   };
-  return /* @__PURE__ */ o(lt, { onEvent: te, onPageview: oe, store: V, children: /* @__PURE__ */ M(bt, { heightOverrides: a, widthOverrides: y, children: [
-    !p && /* @__PURE__ */ o(Lt, {}),
+  return /* @__PURE__ */ o(dt, { onEvent: te, onPageview: oe, store: V, children: /* @__PURE__ */ M(Dt, { heightOverrides: a, widthOverrides: y, children: [
+    !p && /* @__PURE__ */ o(xt, {}),
     p && A && /* @__PURE__ */ o(
-      Nt,
+      Lt,
       {
         analyticsMetadata: Ee,
         headerSx: s,
@@ -1194,13 +1196,13 @@ const Y = h.createContext(null), lt = ({
       }
     ),
     p && !!n.length && /* @__PURE__ */ o(
-      Mt,
+      wt,
       {
         allowSingleCardPeeking: t,
         analyticsMetadata: Ee,
         beats: n,
         showCarouselControls: _,
-        variant: m ? w : void 0,
+        variant: m ? N : void 0,
         visibleCardsCount: k,
         ...ne
       }
@@ -1217,7 +1219,7 @@ const Y = h.createContext(null), lt = ({
           W,
           {
             sx: {
-              height: `calc(${yt[P]}px - 44px)`,
+              height: `calc(${St[P]}px - 44px)`,
               width: S ? `calc(${y}px - 32px)` : "100%"
             },
             children: v ? /* @__PURE__ */ o(Be, { ...K }) : /* @__PURE__ */ o(Ve, { ...K })
@@ -1226,7 +1228,7 @@ const Y = h.createContext(null), lt = ({
       }
     )
   ] }) });
-}, so = z(Dt), xt = ({
+}, lo = z(vt), Pt = ({
   ariaLabel: t,
   heightOverrides: e,
   isActiveCard: n,
@@ -1257,33 +1259,33 @@ const Y = h.createContext(null), lt = ({
       cardSx: {
         borderRadius: 2
       },
-      description: d.view_more_card_description,
+      description: d?.view_more_card_description,
       hasCardEffect: !0,
       heightOverrides: e,
       icon: s && /* @__PURE__ */ o(l, { bgColor: c(g.palette.primary.main, 0.15), name: "show_chart" }),
       isActiveCard: n,
       onCardClick: _,
       onPrimaryAction: _,
-      primaryActionText: d.micro_card_cta,
+      primaryActionText: d?.micro_card_cta,
       ref: E,
-      title: d.view_more_card_title,
+      title: d?.view_more_card_title,
       variant: C,
       widthOverrides: a
     }
   );
-}, vt = z(xt);
+}, Bt = z(Pt);
 export {
-  ct as A,
+  lt as A,
   l as B,
-  Nt as C,
-  lt as I,
-  Mt as M,
-  io as N,
+  Lt as C,
+  dt as I,
+  wt as M,
+  so as N,
   Ee as T,
-  vt as V,
-  ao as Z,
-  Tt as a,
-  so as b,
-  Ct as c,
+  Bt as V,
+  co as Z,
+  Ot as a,
+  lo as b,
+  ht as c,
   J as d
 };

package/dist/accounts/index.es.js

@@ -11,7 +11,7 @@ import U from "@mui/material/ListSubheader";
 import P from "@mui/system/Stack";
 import { useTheme as M1, alpha as y1 } from "@mui/material/styles";
 import { u as S, A as x1 } from "../AccountDetailsHeader-D9gbTbUt.mjs";
-import { L as b1 } from "../LineChart-DBSlRSEm.mjs";
+import { L as b1 } from "../LineChart-DBcA1UJI.mjs";
 import { g as w1, a as R1, b as S1 } from "../SpendingData-Bz1bCWAs.mjs";
 import { l as T1, u as y, d as k, g as I, h as m1, b as G, a as E1 } from "../hooks-BxkfR-Ff.mjs";
 import { A as N, g as L, N as p1 } from "../Account-BiB1F8lL.mjs";
@@ -56,7 +56,7 @@ import t3 from "@mui/material/Link";
 import n3 from "@mui/material/Paper";
 import { subDays as o3, startOfToday as i3, endOfToday as c3 } from "date-fns";
 import { T as a3 } from "../StatusIndicator-CIKUOoN_.mjs";
-import { T as s3 } from "../TransactionDetails-BpcWeXNU.mjs";
+import { T as s3 } from "../TransactionDetails-CBrqmEw1.mjs";
 import { T as r1 } from "../TabContentContainer-j01JYR_7.mjs";
 import { f as d1 } from "../NumberFormatting-QCaNwbjv.mjs";
 import { C as l3 } from "../ConnectionsDrawer-IA7vnv1J.mjs";