@mx-cartographer/experiences 7.4.7 → 7.4.8-alpha.mm0

package/dist/{ViewMoreMicroCard-C0832BMe.mjs → ViewMoreMicroCard-DfPXJzbv.mjs}

@@ -4,7 +4,7 @@ import { observer as P } from "mobx-react-lite";
 import k from "@mui/material/Stack";
 import xe from "@mui/material/Button";
 import Le from "@mui/material/Typography";
-import { BarChart as Ve, Error as ae, Campaign as Ne, ChevronLeft as He, ChevronRight as fe } from "@mxenabled/mx-icons";
+import { BarChart as Ve, Error as ae, Campaign as Ne, ChevronLeft as He, ChevronRight as Ce } from "@mxenabled/mx-icons";
 import { L as ke } from "./Loader-DUaFpDGv.mjs";
 import Z from "@mui/material/Box";
 import se from "@mui/material/IconButton";
@@ -18,14 +18,15 @@ import Ue from "@mui/material/CircularProgress";
 import { makeAutoObservable as ie, runInAction as Re } from "mobx";
 import { G as ce, a as ze, u as Ke, b as $e } from "./useCombineEvents-CRwX-qWE.mjs";
 import { B as de } from "./BeatApi-De2IaqH2.mjs";
-import Ye from "@mui/material/Card";
-import je from "@mui/material/CardActions";
-import Xe from "@mui/material/CardContent";
-import Qe from "@mui/material/CardHeader";
+import { u as Ye } from "./useWidgetLoadTimer-C1NBkyLd.mjs";
+import je from "@mui/material/Card";
+import Xe from "@mui/material/CardActions";
+import Qe from "@mui/material/CardContent";
+import qe from "@mui/material/CardHeader";
 const Ee = {
   featureVersion: "spendVsIncomeTrends"
 };
-class qe {
+class Je {
   copyApi = new ce("/", "");
   copyObject = {};
   namespace = "experiences";
@@ -74,7 +75,7 @@ const oe = {
   MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
 }, v = window?.app?.clientConfig?.microwidget_instance_id || "", he = {
   INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, ge = (i) => `on${i}Click`, Ie = (i) => `on${i}View`, ye = (i) => `on${i}ViewFirstTime`, le = (i) => i.replace(/([a-z])([A-Z])/g, "$1 $2"), Je = () => Object.values(oe).reduce(
+}, ge = (i) => `on${i}Click`, Ie = (i) => `on${i}View`, ye = (i) => `on${i}ViewFirstTime`, le = (i) => i.replace(/([a-z])([A-Z])/g, "$1 $2"), et = () => Object.values(oe).reduce(
   (i, o) => ({
     ...i,
     [ge(o)]: {
@@ -85,7 +86,7 @@ const oe = {
     }
   }),
   {}
-), et = () => Object.values(oe).reduce(
+), tt = () => Object.values(oe).reduce(
   (i, o) => ({
     ...i,
     [Ie(o)]: {
@@ -96,7 +97,7 @@ const oe = {
     }
   }),
   {}
-), tt = () => Object.values(oe).reduce(
+), it = () => Object.values(oe).reduce(
   (i, o) => ({
     ...i,
     [ye(o)]: {
@@ -196,17 +197,17 @@ const oe = {
     label: D.VIEW_MORE,
     value: v
   },
-  ...Je(),
   ...et(),
-  ...tt()
+  ...tt(),
+  ...it()
 }, _e = async (i, o) => !o || !pe[i] ? null : o.sendAnalyticEvent(pe[i]).then((t) => t).catch((t) => {
   throw t;
-}), Ce = async (i, o) => !o || !ue[i] ? null : o.sendAnalyticsPageview(ue[i]).then((t) => t).catch((t) => {
+}), fe = async (i, o) => !o || !ue[i] ? null : o.sendAnalyticsPageview(ue[i]).then((t) => t).catch((t) => {
   throw t;
 });
-class it {
+class ot {
   onAnalyticEvent = _e;
-  onAnalyticPageView = Ce;
+  onAnalyticPageView = fe;
   beatApi = new de("/", "");
   constructor() {
     ie(this);
@@ -217,7 +218,7 @@ class it {
         throw a.status === 401 && l(), a;
       });
     }, this.onAnalyticPageView = (n, r) => {
-      Ce(n, r).then((a) => a).catch((a) => {
+      fe(n, r).then((a) => a).catch((a) => {
         throw a.status === 401 && l(), a;
       });
     }, this.beatApi = new de(o, t);
@@ -229,7 +230,7 @@ class it {
     this.beatApi.updateOffer(o);
   };
 }
-class ot {
+class lt {
   copyStore;
   endpoint = "/";
   insightsMicroWidgetStore;
@@ -237,7 +238,7 @@ class ot {
   token = "";
   isInitialized = !1;
   constructor() {
-    this.copyStore = new qe(), this.insightsMicroWidgetStore = new it(), ie(this);
+    this.copyStore = new Je(), this.insightsMicroWidgetStore = new ot(), ie(this);
   }
   initialize = async (o, t, l) => {
     await this.copyStore.initialize(o, t), await this.insightsMicroWidgetStore.initialize(o, t, l);
@@ -247,7 +248,7 @@ class ot {
     });
   };
 }
-const U = u.createContext(null), lt = ({
+const U = u.createContext(null), nt = ({
   onEvent: i,
   onPageview: o,
   store: t,
@@ -261,13 +262,13 @@ const U = u.createContext(null), lt = ({
   icon: a,
   isActiveCard: c,
   isZeroState: h,
-  onCardClick: C = () => {
+  onCardClick: f = () => {
   },
   showIcon: p,
   style: d = {},
   title: E,
   variant: s,
-  widthOverrides: f
+  widthOverrides: C
 }, _) {
   const R = te(), [O, I] = u.useState(!1), { cardStyle: m, linkTextStyle: T } = d, y = s ? m : { border: "none", boxShadow: "none", ...m }, M = /* @__PURE__ */ e(
     Be,
@@ -306,7 +307,7 @@ const U = u.createContext(null), lt = ({
       role: "group",
       sx: {
         height: "100%",
-        minWidth: f ? `${f}px` : "100%",
+        minWidth: C ? `${C}px` : "100%",
         fontFamily: R.typography.fontFamily
       },
       children: /* @__PURE__ */ e(
@@ -315,7 +316,7 @@ const U = u.createContext(null), lt = ({
           "aria-hidden": !c,
           "aria-label": t,
           id: "divButton",
-          onClick: () => C(),
+          onClick: () => f(),
           onKeyDown: () => I(!1),
           onKeyUp: () => I(!0),
           ref: _,
@@ -327,7 +328,7 @@ const U = u.createContext(null), lt = ({
           },
           tabIndex: c ? 0 : -1,
           children: /* @__PURE__ */ e(
-            Ye,
+            je,
             {
               "aria-roledescription": "slide",
               className: "mx-micro-card",
@@ -353,7 +354,7 @@ const U = u.createContext(null), lt = ({
                   },
                   children: [
                     /* @__PURE__ */ e(
-                      Qe,
+                      qe,
                       {
                         avatar: p && a,
                         subheader: h && M,
@@ -362,9 +363,9 @@ const U = u.createContext(null), lt = ({
                         titleTypographyProps: { fontSize: 15, fontWeight: 600, variant: "h3" }
                       }
                     ),
-                    /* @__PURE__ */ e(Xe, { sx: { p: 0 }, children: !h && M }),
+                    /* @__PURE__ */ e(Qe, { sx: { p: 0 }, children: !h && M }),
                     !!o && /* @__PURE__ */ e(
-                      je,
+                      Xe,
                       {
                         sx: {
                           mt: "auto",
@@ -395,10 +396,10 @@ const U = u.createContext(null), lt = ({
       )
     }
   );
-}), nt = ({ beat: i }) => {
+}), rt = ({ beat: i }) => {
   const { primary_category_guid: o, category_guids: t } = i, l = o || t?.[0] || be.UNCATEGORIZED;
   return /* @__PURE__ */ e(Ze, { categoryGuid: l, size: 16, sx: { minWidth: 16 } });
-}, rt = ({ beat: i }) => {
+}, at = ({ beat: i }) => {
   const { category_guids: o, merchant_guids: t, primary_category_guid: l, primary_merchant_guid: n } = i;
   return /* @__PURE__ */ e(
     Pe,
@@ -412,7 +413,7 @@ const U = u.createContext(null), lt = ({
       }
     }
   );
-}, at = ({
+}, st = ({
   color: i = "currentColor",
   height: o,
   size: t = 16,
@@ -438,16 +439,16 @@ const U = u.createContext(null), lt = ({
       }
     )
   }
-), st = (i) => i ? i.data ? i.data.map((o) => {
+), ct = (i) => i ? i.data ? i.data.map((o) => {
   const t = {};
   return i.names?.map((l, n) => {
     t[l] = o[n];
   }), t;
-}) : [] : [], ct = (i, o) => {
-  const t = st(i), l = t.length / 2, n = t.slice(0, l), r = t.slice(l);
+}) : [] : [], dt = (i, o) => {
+  const t = ct(i), l = t.length / 2, n = t.slice(0, l), r = t.slice(l);
   return !n.length || !r.length ? o.palette.primary.main : n[0].amount > r[0].amount ? o.palette.error.main : n[0].amount < r[0].amount ? o.palette.success.main : o.palette.primary.main;
-}, dt = ({ beat: i }) => {
-  const o = te(), t = ct(i.data_series, o);
+}, Et = ({ beat: i }) => {
+  const o = te(), t = dt(i.data_series, o);
   return /* @__PURE__ */ e(Ve, { sx: { color: t } });
 }, Se = () => /* @__PURE__ */ g("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ e(
@@ -1230,9 +1231,9 @@ const U = u.createContext(null), lt = ({
       }
     )
   ] })
-] }), Et = ({ beat: i }) => {
+] }), ht = ({ beat: i }) => {
   const { icon_type: o, icon_color: t } = i;
-  return o === 0 ? /* @__PURE__ */ e(ae, { filled: !0, sx: { color: (l) => t || l.palette.primary.main } }) : o === 1 ? /* @__PURE__ */ e(nt, { beat: i }) : o === 2 ? /* @__PURE__ */ e(rt, { beat: i }) : o === 3 ? /* @__PURE__ */ e(dt, { beat: i }) : o === 5 ? /* @__PURE__ */ e(Ne, {}) : /* @__PURE__ */ e(
+  return o === 0 ? /* @__PURE__ */ e(ae, { filled: !0, sx: { color: (l) => t || l.palette.primary.main } }) : o === 1 ? /* @__PURE__ */ e(rt, { beat: i }) : o === 2 ? /* @__PURE__ */ e(at, { beat: i }) : o === 3 ? /* @__PURE__ */ e(Et, { beat: i }) : o === 5 ? /* @__PURE__ */ e(Ne, {}) : /* @__PURE__ */ e(
     ae,
     {
       filled: !0,
@@ -1246,7 +1247,7 @@ const U = u.createContext(null), lt = ({
   if (!i)
     throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
   return i.store.copyStore;
-}, ht = () => {
+}, ut = () => {
   const i = u.useContext(U);
   if (!i?.store?.insightsMicroWidgetStore)
     throw new Error(
@@ -1263,12 +1264,12 @@ const U = u.createContext(null), lt = ({
   if (!i)
     throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
   return { onPageview: i.onPageview };
-}, ut = {
+}, pt = {
   LARGE: 180,
   STANDARD: 154,
   XLARGE: 200,
   XXLARGE: 248
-}, pt = 50, Ae = 1, _t = ({
+}, _t = 50, Ae = 1, ft = ({
   ariaLabel: i,
   backgroundColor: o,
   beat: t,
@@ -1278,13 +1279,13 @@ const U = u.createContext(null), lt = ({
   isActiveCard: a,
   onCardClick: c,
   posthog: h,
-  showIcon: C,
+  showIcon: f,
   variant: p,
   widthOverrides: d
 }) => {
   const { ref: E, inView: s } = me({
     threshold: Ae
-  }), { cardsCopy: f } = V(), { onEvent: _ } = z(), { updateBeat: R, updateOffer: O } = ht();
+  }), { cardsCopy: C } = V(), { onEvent: _ } = z(), { updateBeat: R, updateOffer: O } = ut();
   ee(() => {
     s && (t.has_been_displayed ? _(Ie(t.template)) : (t.guid.startsWith("OFR") ? O({
       ...t,
@@ -1327,18 +1328,18 @@ const U = u.createContext(null), lt = ({
   return /* @__PURE__ */ e(
     j,
     {
-      actionText: t.micro_call_to_action || f.micro_card_cta,
+      actionText: t.micro_call_to_action || C.micro_card_cta,
       ariaLabel: i,
       backgroundColor: o,
       description: t?.html_micro_description && t?.html_micro_description.length > 0 ? t.html_micro_description : t.html_description,
       heightOverrides: n,
-      icon: /* @__PURE__ */ e(Et, { beat: t }),
+      icon: /* @__PURE__ */ e(ht, { beat: t }),
       isActiveCard: a,
       onCardClick: I,
       posthog: h,
       ref: E,
       showCTAColocatedWithText: l,
-      showIcon: C,
+      showIcon: f,
       title: t.micro_title && t.micro_title.length > 0 ? t.micro_title : t.title,
       variant: p,
       widthOverrides: d
@@ -1354,7 +1355,7 @@ const U = u.createContext(null), lt = ({
   shouldApplyDotAnimation: a = !1,
   visibleCardsCount: c = 1
 }) => {
-  const h = Fe(), { carouselCopy: C } = V(), p = Math.floor(r) > n || i - c + 1 === 0, d = r < 0 || o - 1 === i, E = h.palette.grey[500], s = h.palette.primary.main;
+  const h = Fe(), { carouselCopy: f } = V(), p = Math.floor(r) > n || i - c + 1 === 0, d = r < 0 || o - 1 === i, E = h.palette.grey[500], s = h.palette.primary.main;
   return /* @__PURE__ */ g(
     k,
     {
@@ -1374,7 +1375,7 @@ const U = u.createContext(null), lt = ({
           se,
           {
             "aria-disabled": p,
-            "aria-label": C.previous_insight_cta_aria,
+            "aria-label": f.previous_insight_cta_aria,
             disabled: p,
             onClick: l,
             children: /* @__PURE__ */ e(
@@ -1387,7 +1388,7 @@ const U = u.createContext(null), lt = ({
             )
           }
         ),
-        Array.from({ length: o }).map((f, _) => {
+        Array.from({ length: o }).map((C, _) => {
           const R = _ === i;
           return /* @__PURE__ */ e(
             Z,
@@ -1417,11 +1418,11 @@ const U = u.createContext(null), lt = ({
           se,
           {
             "aria-disabled": d,
-            "aria-label": C.next_insight_cta_aria,
+            "aria-label": f.next_insight_cta_aria,
             disabled: d,
             onClick: t,
             children: /* @__PURE__ */ e(
-              fe,
+              Ce,
               {
                 style: {
                   color: d ? E : s
@@ -1433,7 +1434,7 @@ const U = u.createContext(null), lt = ({
       ]
     }
   );
-}, ft = ({
+}, mt = ({
   activeCardIndex: i,
   beats: o,
   cardWidth: t,
@@ -1444,7 +1445,7 @@ const U = u.createContext(null), lt = ({
   showIcon: c,
   variant: h
 }) => {
-  const { carouselCopy: C } = V(), p = {
+  const { carouselCopy: f } = V(), p = {
     showCTAColocatedWithText: l,
     heightOverrides: n,
     posthog: a,
@@ -1453,13 +1454,13 @@ const U = u.createContext(null), lt = ({
   };
   return /* @__PURE__ */ g(De, { children: [
     o.map((d, E) => {
-      const s = E + 1, f = o.length + 1, _ = Ge(
-        C.card_position_in_carousel_aria,
+      const s = E + 1, C = o.length + 1, _ = Ge(
+        f.card_position_in_carousel_aria,
         s.toString(),
-        f.toString()
+        C.toString()
       ), R = d.micro_title && d.micro_title.length > 0, O = d.micro_description && d.micro_description.length > 0, I = R ? d.micro_title : d.title, m = O ? d.micro_description : d.description;
       return /* @__PURE__ */ e(
-        _t,
+        ft,
         {
           ariaLabel: `${_}: ${I}, ${m}`,
           beat: d,
@@ -1473,7 +1474,7 @@ const U = u.createContext(null), lt = ({
       );
     }),
     /* @__PURE__ */ e(
-      At,
+      Ot,
       {
         isActiveCard: i === o.length,
         onCardClick: r,
@@ -1482,7 +1483,7 @@ const U = u.createContext(null), lt = ({
       }
     )
   ] });
-}, mt = ({
+}, Rt = ({
   analyticsMetadata: i,
   allowSingleCardPeeking: o = !1,
   beats: t = [],
@@ -1492,13 +1493,13 @@ const U = u.createContext(null), lt = ({
   posthog: a,
   showCarouselControls: c,
   showIcon: h,
-  showWithMargin: C = !0,
+  showWithMargin: f = !0,
   variant: p,
   widthOverrides: d,
   visibleCardsCount: E = 1
   // Default to 1 card visible
 }) => {
-  const s = u.useRef(null), f = u.useRef(null), [_, R] = u.useState(0), [O, I] = u.useState(null), [m, T] = u.useState(null), [y, M] = u.useState(null), { carouselCopy: W } = V(), { onEvent: F } = z();
+  const s = u.useRef(null), C = u.useRef(null), [_, R] = u.useState(0), [O, I] = u.useState(null), [m, T] = u.useState(null), [y, M] = u.useState(null), { carouselCopy: W } = V(), { onEvent: F } = z();
   u.useEffect(() => {
     if (s.current && !o) {
       const A = s.current.offsetWidth, b = 8;
@@ -1511,7 +1512,7 @@ const U = u.createContext(null), lt = ({
       M(B);
     }
   }, [E, s.current?.offsetWidth]), u.useEffect(() => {
-    const A = f.current?.offsetWidth;
+    const A = C.current?.offsetWidth;
     if (typeof A == "number" && o) {
       const b = (G) => {
         const re = [
@@ -1525,14 +1526,14 @@ const U = u.createContext(null), lt = ({
       };
       M(b(A));
       const B = () => {
-        const G = f.current?.offsetWidth;
+        const G = C.current?.offsetWidth;
         typeof G == "number" && M(b(G));
       };
       return window.addEventListener("resize", B), () => {
         window.removeEventListener("resize", B);
       };
     }
-  }, [o, f]);
+  }, [o, C]);
   const K = () => {
     F(S.ON_CAROUSEL_FORWARD_CLICK, i), s.current && y && s.current.scrollTo({
       left: _ + y + 8,
@@ -1549,7 +1550,7 @@ const U = u.createContext(null), lt = ({
     s.current && R(s.current.scrollLeft);
   }, Q = () => {
     if (!m || !O) return;
-    m - O > pt ? F(S.ON_CAROUSEL_FORWARD_SWIPE, i) : F(S.ON_CAROUSEL_BACK_SWIPE, i);
+    m - O > _t ? F(S.ON_CAROUSEL_FORWARD_SWIPE, i) : F(S.ON_CAROUSEL_BACK_SWIPE, i);
   }, q = (A) => {
     I(A.targetTouches[0].clientX);
   }, Y = (A) => {
@@ -1560,7 +1561,7 @@ const U = u.createContext(null), lt = ({
     {
       "aria-label": W.carousel_title,
       "aria-roledescription": "carousel",
-      ref: f,
+      ref: C,
       role: "group/region",
       sx: {
         alignItems: "center",
@@ -1584,7 +1585,7 @@ const U = u.createContext(null), lt = ({
               gap: 8,
               listStyleType: "none",
               m: 0,
-              maxWidth: C ? "calc(100% - 32px)" : "100%",
+              maxWidth: f ? "calc(100% - 32px)" : "100%",
               overflowX: "auto",
               overflowY: "hidden",
               p: 0,
@@ -1596,7 +1597,7 @@ const U = u.createContext(null), lt = ({
               }
             },
             children: /* @__PURE__ */ e(
-              ft,
+              mt,
               {
                 activeCardIndex: w,
                 beats: t,
@@ -1627,7 +1628,7 @@ const U = u.createContext(null), lt = ({
       ]
     }
   );
-}, Rt = P(mt), gt = ({
+}, gt = P(Rt), It = ({
   analyticsMetadata: i,
   onCardClick: o,
   posthog: t,
@@ -1664,7 +1665,7 @@ const U = u.createContext(null), lt = ({
         /* @__PURE__ */ e(
           xe,
           {
-            endIcon: /* @__PURE__ */ e(fe, { size: 20 }),
+            endIcon: /* @__PURE__ */ e(Ce, { size: 20 }),
             onClick: a,
             size: "small",
             sx: (c) => ({
@@ -1677,7 +1678,7 @@ const U = u.createContext(null), lt = ({
       ]
     }
   ) : /* @__PURE__ */ e(ke, {});
-}, It = P(gt), yt = ({
+}, yt = P(It), vt = ({
   heightOverrides: i,
   widthOverrides: o,
   children: t
@@ -1710,7 +1711,7 @@ const U = u.createContext(null), lt = ({
   u.useEffect(() => {
     h(H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
   }, []);
-  const C = () => {
+  const f = () => {
     t && t(), c(S.ON_NO_RELEVANT_INSIGHTS_CLICKED), l?.capture("clicked_insight", {
       template: "no_relevant_insights"
     });
@@ -1724,7 +1725,7 @@ const U = u.createContext(null), lt = ({
       heightOverrides: o,
       icon: /* @__PURE__ */ e(Se, {}),
       isZeroState: !0,
-      onCardClick: C,
+      onCardClick: f,
       posthog: l,
       showIcon: n,
       style: {
@@ -1736,7 +1737,7 @@ const U = u.createContext(null), lt = ({
       variant: r
     }
   );
-}, Qt = P(Oe), Te = ({
+}, Jt = P(Oe), Te = ({
   ariaLabel: i,
   heightOverrides: o,
   onCardClick: t,
@@ -1762,7 +1763,7 @@ const U = u.createContext(null), lt = ({
       variant: r
     }
   );
-}, qt = P(Te), vt = () => /* @__PURE__ */ e(
+}, ei = P(Te), St = () => /* @__PURE__ */ e(
   Z,
   {
     sx: {
@@ -1774,7 +1775,7 @@ const U = u.createContext(null), lt = ({
     },
     children: /* @__PURE__ */ e(Ue, {})
   }
-), N = new ot(), St = ({
+), N = new lt(), Mt = ({
   allowSingleCardPeeking: i,
   areBeatsLoading: o,
   beats: t = [],
@@ -1787,13 +1788,13 @@ const U = u.createContext(null), lt = ({
   },
   onEvent: h = () => {
   },
-  onPageview: C = () => {
+  onPageview: f = () => {
   },
   posthog: p,
   showBorder: d = !0,
   showCarouselControls: E,
   showHeader: s,
-  showIcon: f,
+  showIcon: C,
   showWithMargin: _ = !0,
   token: R = "",
   userHasFullInsightFeedBeats: O,
@@ -1801,8 +1802,11 @@ const U = u.createContext(null), lt = ({
   visibleCardsCount: m = 1,
   widthOverrides: T
 }) => {
-  const [y, M] = J("STANDARD"), [W, F] = J(!1), [K, $] = J(!1), X = Ke([h], N), Q = $e([C], N);
-  u.useEffect(() => {
+  const [y, M] = J("STANDARD"), [W, F] = J(!1), [K, $] = J(!1), X = Ke([h], N), Q = $e([f], N);
+  Ye({
+    widgetName: "InsightsMicroWidget",
+    isLoaded: W
+  }), u.useEffect(() => {
     !N.isInitialized && !K && (N.initialize(n, R, a).catch(() => $(!1)), $(!0));
   }, [n, R, a, N.isInitialized, K]), u.useEffect(() => {
     const w = window.innerHeight;
@@ -1815,7 +1819,7 @@ const U = u.createContext(null), lt = ({
     heightOverrides: r,
     onCardClick: c,
     posthog: p,
-    showIcon: f,
+    showIcon: C,
     showWithMargin: _,
     widthOverrides: T
   }, Y = {
@@ -1825,12 +1829,12 @@ const U = u.createContext(null), lt = ({
     heightOverrides: r,
     onCardClick: c,
     posthog: p,
-    showIcon: f
+    showIcon: C
   };
-  return /* @__PURE__ */ e(lt, { onEvent: X, onPageview: Q, store: N, children: /* @__PURE__ */ g(yt, { heightOverrides: r, widthOverrides: T, children: [
-    !W && /* @__PURE__ */ e(vt, {}),
+  return /* @__PURE__ */ e(nt, { onEvent: X, onPageview: Q, store: N, children: /* @__PURE__ */ g(vt, { heightOverrides: r, widthOverrides: T, children: [
+    !W && /* @__PURE__ */ e(St, {}),
     W && s && /* @__PURE__ */ e(
-      It,
+      yt,
       {
         analyticsMetadata: Ee,
         onCardClick: c,
@@ -1839,7 +1843,7 @@ const U = u.createContext(null), lt = ({
       }
     ),
     W && !!t.length && /* @__PURE__ */ e(
-      Rt,
+      gt,
       {
         allowSingleCardPeeking: i,
         analyticsMetadata: Ee,
@@ -1862,7 +1866,7 @@ const U = u.createContext(null), lt = ({
           k,
           {
             sx: {
-              height: `calc(${ut[y]}px - 44px)`,
+              height: `calc(${pt[y]}px - 44px)`,
               width: _ ? `calc(${T}px - 32px)` : "100%"
             },
             children: O ? /* @__PURE__ */ e(Oe, { ...Y }) : /* @__PURE__ */ e(Te, { ...Y })
@@ -1871,7 +1875,7 @@ const U = u.createContext(null), lt = ({
       }
     )
   ] }) });
-}, Jt = P(St), Mt = ({
+}, ti = P(Mt), At = ({
   isActiveCard: i,
   ariaLabel: o,
   heightOverrides: t,
@@ -1881,7 +1885,7 @@ const U = u.createContext(null), lt = ({
   variant: a,
   widthOverrides: c
 }) => {
-  const h = te(), { ref: C, inView: p } = me({
+  const h = te(), { ref: f, inView: p } = me({
     threshold: Ae
   }), { cardsCopy: d } = V(), { onEvent: E } = z();
   ee(() => {
@@ -1901,31 +1905,31 @@ const U = u.createContext(null), lt = ({
       ariaLabel: o,
       description: d.view_more_card_description,
       heightOverrides: t,
-      icon: /* @__PURE__ */ e(at, { color: h.palette.primary.main }),
+      icon: /* @__PURE__ */ e(st, { color: h.palette.primary.main }),
       isActiveCard: i,
       onCardClick: s,
       posthog: n,
-      ref: C,
+      ref: f,
       showIcon: r,
       title: d.view_more_card_title,
       variant: a,
       widthOverrides: c
     }
   );
-}, At = P(Mt);
+}, Ot = P(At);
 export {
-  ot as A,
+  lt as A,
   j as B,
-  It as C,
-  lt as I,
-  Rt as M,
-  Qt as N,
+  yt as C,
+  nt as I,
+  gt as M,
+  Jt as N,
   Ee as T,
-  At as V,
-  qt as Z,
-  _t as a,
-  Jt as b,
-  at as c,
-  dt as d,
+  Ot as V,
+  ei as Z,
+  ft as a,
+  ti as b,
+  st as c,
+  Et as d,
   Se as e
 };

package/dist/{WidgetContainer-6dsjtOVg.mjs → WidgetContainer-CaPjoWeE.mjs}

@@ -13,7 +13,7 @@ import { ChevronLeft as le } from "@mxenabled/mx-icons";
 import { Icon as T, Text as X, DateRangePicker as J, H1 as Ce, H3 as de } from "@mxenabled/mxui";
 import { u as Te } from "./useDimensions-27p2evRx.mjs";
 import { L as Ie } from "./Loader-DUaFpDGv.mjs";
-import { g as Ee, b as Re, u as ge, a as Ae, W as Se } from "./hooks-C41HAxM5.mjs";
+import { g as Ee, b as Re, u as ge, a as Ae, W as Se } from "./hooks-ZMp65DFz.mjs";
 import { u as ie } from "./useScreenSize-B6JyS_Lj.mjs";
 import { addMonths as Q } from "date-fns/addMonths";
 import { addDays as ue } from "date-fns/addDays";
@@ -37,7 +37,7 @@ import Ke from "@mui/material/ToggleButtonGroup";
 import Ge from "@mui/material/styles/useTheme";
 import { f as K, a as G, D as Me } from "./Dialog-BPTr3qHE.mjs";
 import { D as We } from "./Drawer-BEtCk82g.mjs";
-import { k as ye, l as xe } from "./ConnectDrawer-CuUj16NH.mjs";
+import { k as ye, l as xe } from "./ConnectDrawer-KL8t1qSC.mjs";
 const ve = {
   ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
   ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",