@mx-cartographer/experiences 8.2.3 → 8.2.4

package/dist/{ViewMoreMicroCard-D_LoKlJU.mjs → ViewMoreMicroCard-CQBFy9AF.mjs}

@@ -1,14 +1,14 @@
-import { jsx as o, jsxs as M, Fragment as Re } from "react/jsx-runtime";
-import g, { useEffect as re, useState as ie } from "react";
-import { observer as z } from "mobx-react-lite";
-import U from "@mui/material/Stack";
+import { jsx as o, jsxs as N, Fragment as Re } from "react/jsx-runtime";
+import I, { useEffect as re, useState as ie } from "react";
+import { observer as k } from "mobx-react-lite";
+import G from "@mui/material/Stack";
 import Ue from "@mui/material/Button";
 import { CategoryIcon as ze, MerchantLogo as Ke, InstitutionLogo as Fe, P as me, Text as ue, H3 as He } from "@mxenabled/mxui";
 import { Icon as $e, Close as je, ChevronLeft as Ye, ChevronRight as Oe } from "@mxenabled/mx-icons";
 import { L as Xe } from "./Loader-CxeBwuPG.mjs";
 import ae from "@mui/material/Box";
 import Ce from "@mui/material/IconButton";
-import { alpha as c, useTheme as H } from "@mui/material/styles";
+import { alpha as s, useTheme as F } from "@mui/material/styles";
 import { useInView as We } from "react-intersection-observer";
 import se from "@mui/material/styles/useTheme";
 import { C as Ze } from "./Category-DEKZGLYe.mjs";
@@ -18,7 +18,7 @@ import { makeAutoObservable as ce, runInAction as we } from "mobx";
 import { a as Je, u as et, b as tt } from "./Analytics-CkYXKvco.mjs";
 import { G as he, B as ge } from "./GlobalCopyApi-wcnDUzMV.mjs";
 import { u as ot } from "./useWidgetLoadTimer-CJb-RELP.mjs";
-import { Card as nt, CardActionArea as it, Box as rt, IconButton as at, Stack as F, Button as Ie } from "@mui/material";
+import { Card as nt, CardActionArea as it, Box as rt, IconButton as at, Stack as K, Button as Ie } from "@mui/material";
 import st from "@mui/material/Avatar";
 class ct {
   copyApi = new he("/", "");
@@ -67,16 +67,16 @@ const le = {
   WeeklyNewMerchantsV2: "WeeklyNewMerchantsV2",
   MonthlySpendComparison: "MonthlySpendComparison",
   MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
-}, W = window?.app?.clientConfig?.microwidget_instance_id || "", Ee = {
+}, O = window?.app?.clientConfig?.microwidget_instance_id || "", Ee = {
   INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, Ne = (t) => `on${t}Click`, Me = (t) => `on${t}View`, Le = (t) => `on${t}ViewFirstTime`, de = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2"), lt = () => Object.values(le).reduce(
+}, Ne = (t) => `on${t}Click`, Me = (t) => `on${t}View`, ve = (t) => `on${t}ViewFirstTime`, de = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2"), lt = () => Object.values(le).reduce(
   (t, e) => ({
     ...t,
     [Ne(e)]: {
-      action: v.MICRO_BEAT_CLICKED,
-      category: b.BEAT_INTERACTION,
+      action: b.MICRO_BEAT_CLICKED,
+      category: L.BEAT_INTERACTION,
       label: de(e),
-      value: W
+      value: O
     }
   }),
   {}
@@ -84,41 +84,41 @@ const le = {
   (t, e) => ({
     ...t,
     [Me(e)]: {
-      action: v.MICRO_BEAT_DISPLAYED,
-      category: b.BEAT_INTERACTION,
+      action: b.MICRO_BEAT_DISPLAYED,
+      category: L.BEAT_INTERACTION,
       label: de(e),
-      value: W
+      value: O
     }
   }),
   {}
 ), _t = () => Object.values(le).reduce(
   (t, e) => ({
     ...t,
-    [Le(e)]: {
-      action: v.MICRO_BEAT_DISPLAYED_FIRST_TIME,
-      category: b.BEAT_INTERACTION,
+    [ve(e)]: {
+      action: b.MICRO_BEAT_DISPLAYED_FIRST_TIME,
+      category: L.BEAT_INTERACTION,
       label: de(e),
-      value: W
+      value: O
     }
   }),
   {}
-), L = {
+), v = {
   CAROUSEL_CONTROL: "Carousel Control",
   MICRO_WIDGET: "Micro Widget",
   VIEW_MORE: "View More"
-}, b = {
+}, L = {
   MICRO_WIDGET_INTERACTION: "Micro Widget Interaction",
   BEAT_INTERACTION: "Beat Interaction"
-}, w = {
+}, W = {
   ON_CAROUSEL_BACK_CLICK: "onCarouselBackClick",
   ON_CAROUSEL_BACK_SWIPE: "onCarouselBackSwipe",
   ON_CAROUSEL_FORWARD_CLICK: "onCarouselForwardClick",
   ON_CAROUSEL_FORWARD_SWIPE: "onCarouselForwardSwipe",
   ON_NO_RELEVANT_INSIGHTS_CLICKED: "onNoRelevantInsightsClicked",
   ON_VIEW_MORE_CLICKED: "onViewMoreClicked"
-}, be = {
+}, Le = {
   ON_VIEW_MORE_VIEWED: "onViewMoreCardView"
-}, v = {
+}, b = {
   CONTROL_BACKWARD: "Control Backward",
   CONTROL_FORWARD: "Control Forward",
   MICRO_BEAT_CLICKED: "Micro Beat Clicked",
@@ -126,69 +126,69 @@ const le = {
   MICRO_BEAT_DISPLAYED_FIRST_TIME: "Micro Beat Displayed For First Time",
   SWIPE_BACKWARD: "Swipe Backward",
   SWIPE_FORWARD: "Swipe Forward"
-}, P = {
+}, B = {
   MICRO_WIDGET_CAROUSEL: "Micro Widget Carousel",
   MICRO_WIDGET_CAROUSEL_ZERO_STATE: "Micro Widget Carousel Zero State",
   MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS: "Micro Widget Carousel No Relevant Insights"
 }, fe = {
-  [P.MICRO_WIDGET_CAROUSEL]: {
-    label: L.MICRO_WIDGET,
-    name: P.MICRO_WIDGET_CAROUSEL,
+  [B.MICRO_WIDGET_CAROUSEL]: {
+    label: v.MICRO_WIDGET,
+    name: B.MICRO_WIDGET_CAROUSEL,
     path: Ee.INSIGHTS_MICRO_WIDGET,
-    value: W
+    value: O
   },
   // zero state
-  [P.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
-    label: L.MICRO_WIDGET,
-    name: P.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
+  [B.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
+    label: v.MICRO_WIDGET,
+    name: B.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
     path: Ee.INSIGHTS_MICRO_WIDGET,
-    value: W
+    value: O
   },
   // no relevant cards
-  [P.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
-    label: L.MICRO_WIDGET,
-    name: P.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
+  [B.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
+    label: v.MICRO_WIDGET,
+    name: B.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
     path: "/micro-widget",
-    value: W
+    value: O
   }
 }, ye = {
   // carousel control interaction events - clicks and swipes
-  [w.ON_CAROUSEL_BACK_CLICK]: {
-    action: v.CONTROL_BACKWARD,
-    category: b.MICRO_WIDGET_INTERACTION,
-    label: L.CAROUSEL_CONTROL,
-    value: W
+  [W.ON_CAROUSEL_BACK_CLICK]: {
+    action: b.CONTROL_BACKWARD,
+    category: L.MICRO_WIDGET_INTERACTION,
+    label: v.CAROUSEL_CONTROL,
+    value: O
   },
-  [w.ON_CAROUSEL_FORWARD_CLICK]: {
-    action: v.CONTROL_FORWARD,
-    category: b.MICRO_WIDGET_INTERACTION,
-    label: L.CAROUSEL_CONTROL,
-    value: W
+  [W.ON_CAROUSEL_FORWARD_CLICK]: {
+    action: b.CONTROL_FORWARD,
+    category: L.MICRO_WIDGET_INTERACTION,
+    label: v.CAROUSEL_CONTROL,
+    value: O
   },
-  [w.ON_CAROUSEL_BACK_SWIPE]: {
-    action: v.SWIPE_BACKWARD,
-    category: b.MICRO_WIDGET_INTERACTION,
-    label: L.CAROUSEL_CONTROL,
-    value: W
+  [W.ON_CAROUSEL_BACK_SWIPE]: {
+    action: b.SWIPE_BACKWARD,
+    category: L.MICRO_WIDGET_INTERACTION,
+    label: v.CAROUSEL_CONTROL,
+    value: O
   },
-  [w.ON_CAROUSEL_FORWARD_SWIPE]: {
-    action: v.SWIPE_FORWARD,
-    category: b.MICRO_WIDGET_INTERACTION,
-    label: L.CAROUSEL_CONTROL,
-    value: W
+  [W.ON_CAROUSEL_FORWARD_SWIPE]: {
+    action: b.SWIPE_FORWARD,
+    category: L.MICRO_WIDGET_INTERACTION,
+    label: v.CAROUSEL_CONTROL,
+    value: O
   },
   // read more card events
-  [w.ON_VIEW_MORE_CLICKED]: {
-    action: v.MICRO_BEAT_CLICKED,
-    category: b.BEAT_INTERACTION,
-    label: L.VIEW_MORE,
-    value: W
+  [W.ON_VIEW_MORE_CLICKED]: {
+    action: b.MICRO_BEAT_CLICKED,
+    category: L.BEAT_INTERACTION,
+    label: v.VIEW_MORE,
+    value: O
   },
-  [be.ON_VIEW_MORE_VIEWED]: {
-    action: v.MICRO_BEAT_DISPLAYED,
-    category: b.BEAT_INTERACTION,
-    label: L.VIEW_MORE,
-    value: W
+  [Le.ON_VIEW_MORE_VIEWED]: {
+    action: b.MICRO_BEAT_DISPLAYED,
+    category: L.BEAT_INTERACTION,
+    label: v.VIEW_MORE,
+    value: O
   },
   ...lt(),
   ...dt(),
@@ -206,13 +206,13 @@ class pt {
     ce(this);
   }
   initialize = async (e, n, i) => {
-    this.onAnalyticEvent = (r, a) => {
-      Ae(r, a).then((s) => s).catch((s) => {
-        throw s.status === 401 && i(), s;
+    this.onAnalyticEvent = (r, l) => {
+      Ae(r, l).then((a) => a).catch((a) => {
+        throw a.status === 401 && i(), a;
       });
-    }, this.onAnalyticPageView = (r, a) => {
-      Se(r, a).then((s) => s).catch((s) => {
-        throw s.status === 401 && i(), s;
+    }, this.onAnalyticPageView = (r, l) => {
+      Se(r, l).then((a) => a).catch((a) => {
+        throw a.status === 401 && i(), a;
       });
     }, this.beatApi = new ge(e, n);
   };
@@ -241,21 +241,21 @@ class mt {
     });
   };
 }
-const $ = g.createContext(null), ut = ({
+const H = I.createContext(null), ut = ({
   onEvent: t,
   onPageview: e,
   store: n,
   children: i
-}) => /* @__PURE__ */ o($.Provider, { value: { onEvent: t, onPageview: e, store: n, children: i }, children: i }), Ct = ({ beat: t }) => {
+}) => /* @__PURE__ */ o(H.Provider, { value: { onEvent: t, onPageview: e, store: n, children: i }, children: i }), Ct = ({ beat: t }) => {
   const { primary_category_guid: e, category_guids: n } = t, i = e || n?.[0] || Ze.UNCATEGORIZED;
   return /* @__PURE__ */ o(ze, { categoryGuid: i, size: 32, sx: { minWidth: 32 } });
-}, l = ({
+}, c = ({
   avatarSx: t,
   bgColor: e,
   name: n,
   iconColor: i = "primary",
   fill: r = !0,
-  sx: a
+  sx: l
 }) => /* @__PURE__ */ o(
   st,
   {
@@ -266,7 +266,7 @@ const $ = g.createContext(null), ut = ({
       ...t
     },
     variant: "rounded",
-    children: /* @__PURE__ */ o($e, { color: i, fill: r, name: n, size: 20, sx: a })
+    children: /* @__PURE__ */ o($e, { color: i, fill: r, name: n, size: 20, sx: l })
   }
 ), ht = ({ beat: t }) => {
   const { category_guids: e, merchant_guids: n, primary_category_guid: i, primary_merchant_guid: r } = t;
@@ -288,26 +288,26 @@ const $ = g.createContext(null), ut = ({
   return t.names?.map((i, r) => {
     n[i] = e[r];
   }), n;
-}) : [] : [], ee = "primary", ve = "success", De = "error", xe = (t) => {
+}) : [] : [], q = "primary", be = "success", De = "error", xe = (t) => {
   const e = gt(t), n = Math.floor(e.length / 2);
-  if (n === 0 || n === e.length) return ee;
+  if (n === 0 || n === e.length) return q;
   const i = e[0]?.amount, r = e[n]?.amount;
-  return i == null || r == null ? ee : i > r ? De : i < r ? ve : ee;
-}, It = (t, e) => t < e ? ve : t > e ? De : ee, Et = ({ beat: t }) => {
+  return i == null || r == null ? q : i > r ? De : i < r ? be : q;
+}, It = (t, e) => t < e ? be : t > e ? De : q, Et = ({ beat: t }) => {
   const e = se(), n = xe(t.data_series), i = e.palette[n].main;
-  return /* @__PURE__ */ o(l, { bgColor: c(i, 0.15), iconColor: n, name: "bar_chart" });
+  return /* @__PURE__ */ o(c, { bgColor: s(i, 0.15), iconColor: n, name: "bar_chart" });
 }, ft = ({ beat: t }) => {
   const e = se(), n = t.payload?.average_spend || 0;
   let i = 0;
   if (t.data_series?.data && t.data_series.data.length > 0) {
-    const s = (t.data_series.names || []).indexOf("amount");
-    s !== -1 && (i = t.data_series.data[0][s] || 0);
+    const a = (t.data_series.names || []).indexOf("amount");
+    a !== -1 && (i = t.data_series.data[0][a] || 0);
   }
   const r = It(i, n);
   return /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: c(e.palette[r].main, 0.15),
+      bgColor: s(e.palette[r].main, 0.15),
       iconColor: r,
       name: "timeline"
     }
@@ -315,46 +315,46 @@ const $ = g.createContext(null), ut = ({
 }, yt = ({ beat: t }) => {
   const e = se(), n = xe(t.data_series), i = e.palette[n].main;
   return /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: c(i, 0.15),
+      bgColor: s(i, 0.15),
       fill: !1,
       iconColor: n,
       name: "area_chart"
     }
   );
 }, At = ({ beat: t }) => /* @__PURE__ */ o(Fe, { alt: t.institutionName || "", institutionGuid: t.institutionGuid || "" }), St = {
-  0: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "error" }),
+  0: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "error" }),
   1: (t) => /* @__PURE__ */ o(Ct, { beat: t }),
   2: (t) => /* @__PURE__ */ o(ht, { beat: t }),
   3: (t) => /* @__PURE__ */ o(Et, { beat: t }),
   4: (t, e) => /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: c(e.palette.secondary.main, 0.15),
+      bgColor: s(e.palette.secondary.main, 0.15),
       iconColor: "secondary",
       name: "info"
     }
   ),
-  5: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "campaign" }),
+  5: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "campaign" }),
   6: (t, e) => /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: c(e.palette.success.main, 0.15),
+      bgColor: s(e.palette.success.main, 0.15),
       iconColor: "success",
       name: "check_circle"
     }
   ),
-  7: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "today" }),
-  8: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "calendar_clock" }),
-  9: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "celebration" }),
+  7: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "today" }),
+  8: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "calendar_clock" }),
+  9: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "celebration" }),
   // TODO: Waiting for the backend to accommodate the below icon types
-  10: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "problem" }),
+  10: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "problem" }),
   11: (t, e) => /* @__PURE__ */ o(
-    l,
+    c,
     {
       avatarSx: { border: `1px solid ${e.palette.secondary.main}` },
-      bgColor: c(e.palette.secondary.main, 0.15),
+      bgColor: s(e.palette.secondary.main, 0.15),
       fill: !1,
       name: "category",
       sx: { color: "text.primary" }
@@ -362,115 +362,115 @@ const $ = g.createContext(null), ut = ({
   ),
   12: (t) => /* @__PURE__ */ o(yt, { beat: t }),
   13: () => /* @__PURE__ */ o(
-    l,
+    c,
     {
       avatarSx: { border: "1px solid #EB00D0" },
-      bgColor: c("#EB00D0", 0.25),
+      bgColor: s("#EB00D0", 0.25),
       fill: !1,
       name: "money_bag",
       sx: { color: "text.primary" }
     }
   ),
   14: (t, e) => /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: c(e.palette.secondary.main, 0.15),
+      bgColor: s(e.palette.secondary.main, 0.15),
       fill: !1,
       iconColor: "secondary",
       name: "person"
     }
   ),
-  15: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "payment_arrow_down" }),
+  15: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "payment_arrow_down" }),
   16: (t, e) => /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: c(e.palette.success.main, 0.15),
+      bgColor: s(e.palette.success.main, 0.15),
       name: "beenhere",
       sx: { color: "success.main" }
     }
   ),
-  17: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "savings" }),
+  17: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "savings" }),
   18: (t, e) => /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: t.payload.projected_overdraft_amount < 0 ? c(e.palette.warning.main, 0.15) : c(e.palette.error.main, 0.15),
+      bgColor: t.payload.projected_overdraft_amount < 0 ? s(e.palette.warning.main, 0.15) : s(e.palette.error.main, 0.15),
       iconColor: t?.payload?.projected_overdraft_amount < 0 ? "warning" : "error",
       name: "error"
     }
   ),
-  19: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "finance_mode" }),
-  20: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "tips_and_updates" }),
-  21: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "currency_exchange" }),
+  19: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "finance_mode" }),
+  20: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "tips_and_updates" }),
+  21: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "currency_exchange" }),
   22: (t, e) => /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: c(e.palette.warning.main, 0.15),
+      bgColor: s(e.palette.warning.main, 0.15),
       name: "flag",
       sx: { color: "warning.main" }
     }
   ),
-  23: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "thumb_up" }),
+  23: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "thumb_up" }),
   24: () => /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: c("#EB00D0", 0.15),
+      bgColor: s("#EB00D0", 0.15),
       name: "attach_money",
       sx: { color: "#EB00D0" }
     }
   ),
-  25: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "note_stack" }),
+  25: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "note_stack" }),
   26: (t, e) => /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: c(e.palette.primary.main, 0.15),
+      bgColor: s(e.palette.primary.main, 0.15),
       fill: !1,
       name: "price_change"
     }
   ),
-  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" }),
+  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(ft, { beat: t }),
-  30: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "calendar_month" }),
+  30: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "calendar_month" }),
   31: (t, e) => /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: c(e.palette.warning.main, 0.15),
+      bgColor: s(e.palette.warning.main, 0.15),
       name: "star_rate",
       sx: { color: "warning.400" }
     }
   ),
-  32: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "help" }),
+  32: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "help" }),
   33: (t, e) => /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: c(e.palette.primary.main, 0.15),
+      bgColor: s(e.palette.primary.main, 0.15),
       fill: !1,
       name: "storefront"
     }
   ),
   34: (t) => /* @__PURE__ */ o(At, { beat: t })
 }, Tt = ({ beat: t }) => {
-  const e = H(), { icon_type: n } = t, i = n != null ? St[n] : null;
-  return i ? i(t, e) : /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "error" });
+  const e = F(), { icon_type: n } = t, i = n != null ? St[n] : null;
+  return i ? i(t, e) : /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "error" });
 }, D = () => {
-  const t = g.useContext($);
+  const t = I.useContext(H);
   if (!t)
     throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
   return t.store.copyStore;
 }, Rt = () => {
-  const t = g.useContext($);
+  const t = I.useContext(H);
   if (!t?.store?.insightsMicroWidgetStore)
     throw new Error(
       "useInsightsMicroWidgetStore() must be used within the InsightsMicroWidgetDataProvider"
     );
   return t.store.insightsMicroWidgetStore;
-}, j = () => {
-  const t = g.useContext($);
+}, $ = () => {
+  const t = I.useContext(H);
   if (!t)
     throw new Error("useEvent() must be used within the InsightsMicroWidgetDataProvider");
   return { onEvent: t.onEvent };
 }, Be = () => {
-  const t = g.useContext($);
+  const t = I.useContext(H);
   if (!t)
     throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
   return { onPageview: t.onPageview };
@@ -479,49 +479,49 @@ const $ = g.createContext(null), ut = ({
   STANDARD: 154,
   XLARGE: 200,
   XXLARGE: 248
-}, Wt = 50, Pe = 1, te = g.forwardRef(
+}, Wt = 50, Pe = 1, J = I.forwardRef(
   function({
     ariaLabel: e,
     closeAriaLabel: n,
     description: i,
     elevation: r,
-    icon: a,
-    isActiveCard: s,
-    heightOverrides: m,
+    icon: l,
+    isActiveCard: a,
+    heightOverrides: u,
     onClose: C,
-    onCardClick: I,
+    onCardClick: E,
     onPrimaryAction: h,
     onSecondaryAction: d,
     primaryActionText: _,
     secondaryActionText: p,
-    title: E,
+    title: g,
     variant: y,
-    widthOverrides: A,
-    ...O
-  }, S) {
-    const N = !!(h && _), f = /* @__PURE__ */ M(Re, { children: [
+    widthOverrides: S,
+    ...w
+  }, T) {
+    const A = !!(h && _), R = /* @__PURE__ */ N(Re, { children: [
       C && /* @__PURE__ */ o(
         at,
         {
           "aria-label": n,
-          onClick: (u) => {
-            u.stopPropagation(), C?.();
+          onClick: (m) => {
+            m.stopPropagation(), C?.();
           },
-          onMouseDown: (u) => {
-            u.stopPropagation();
+          onMouseDown: (m) => {
+            m.stopPropagation();
           },
-          onTouchStart: (u) => {
-            u.stopPropagation();
+          onTouchStart: (m) => {
+            m.stopPropagation();
           },
           sx: { minHeight: 40, minWidth: 40, position: "absolute", right: 4, top: 4 },
           children: /* @__PURE__ */ o(je, {})
         }
       ),
-      /* @__PURE__ */ M(F, { sx: { gap: 6, height: "100%", justifyContent: "space-between" }, children: [
-        /* @__PURE__ */ M(F, { sx: { flexDirection: "row", gap: 12 }, children: [
-          a && a,
-          /* @__PURE__ */ M(F, { sx: { gap: 6 }, children: [
-            /* @__PURE__ */ o(F, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: /* @__PURE__ */ o(me, { bold: !0, sx: { lineHeight: "16px" }, variant: "body1", children: E }) }),
+      /* @__PURE__ */ N(K, { sx: { gap: 6, height: "100%", justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ N(K, { sx: { flexDirection: "row", gap: 12 }, children: [
+          l && l,
+          /* @__PURE__ */ N(K, { sx: { gap: 6 }, children: [
+            /* @__PURE__ */ o(K, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: /* @__PURE__ */ o(me, { bold: !0, sx: { lineHeight: "16px" }, variant: "body1", children: g }) }),
             /* @__PURE__ */ o(
               me,
               {
@@ -531,7 +531,7 @@ const $ = g.createContext(null), ut = ({
                   overflow: "hidden",
                   textOverflow: "ellipsis",
                   WebkitBoxOrient: "vertical",
-                  WebkitLineClamp: N ? 2 : 3,
+                  WebkitLineClamp: A ? 2 : 3,
                   "& .bold-copy": {
                     fontWeight: "bold",
                     fontFamily: "inherit"
@@ -542,31 +542,31 @@ const $ = g.createContext(null), ut = ({
             )
           ] })
         ] }),
-        N && /* @__PURE__ */ M(
-          F,
+        A && /* @__PURE__ */ N(
+          K,
           {
             sx: {
               alignItems: "center",
               flexDirection: "row",
               height: 28,
               pb: 4,
-              pl: a ? 36 : 0
+              pl: l ? 36 : 0
             },
             children: [
-              N && /* @__PURE__ */ o(
+              A && /* @__PURE__ */ o(
                 Ie,
                 {
-                  onClick: (u) => {
-                    u.stopPropagation(), h?.();
+                  onClick: (m) => {
+                    m.stopPropagation(), h?.();
                   },
-                  onMouseDown: (u) => {
-                    u.stopPropagation();
+                  onMouseDown: (m) => {
+                    m.stopPropagation();
                   },
-                  onTouchStart: (u) => {
-                    u.stopPropagation();
+                  onTouchStart: (m) => {
+                    m.stopPropagation();
                   },
                   size: "small",
-                  sx: { px: 8, ml: a ? 0 : -8 },
+                  sx: { px: 8, ml: l ? 0 : -8 },
                   variant: "text",
                   children: /* @__PURE__ */ o(ue, { bold: !0, variant: "body2", children: _ })
                 }
@@ -574,14 +574,14 @@ const $ = g.createContext(null), ut = ({
               !!(d && p) && /* @__PURE__ */ o(
                 Ie,
                 {
-                  onClick: (u) => {
-                    u.stopPropagation(), d?.();
+                  onClick: (m) => {
+                    m.stopPropagation(), d?.();
                   },
-                  onMouseDown: (u) => {
-                    u.stopPropagation();
+                  onMouseDown: (m) => {
+                    m.stopPropagation();
                   },
-                  onTouchStart: (u) => {
-                    u.stopPropagation();
+                  onTouchStart: (m) => {
+                    m.stopPropagation();
                   },
                   size: "small",
                   sx: { px: 8 },
@@ -597,36 +597,36 @@ const $ = g.createContext(null), ut = ({
     return /* @__PURE__ */ o(
       nt,
       {
-        "aria-hidden": !s,
+        "aria-hidden": !a,
         "aria-label": e,
         elevation: r,
-        ref: S,
+        ref: T,
         role: "group",
         sx: {
           backgroundColor: "background.paper",
-          height: m ? "100%" : 120,
-          minWidth: A ? `${A}px` : "100%",
+          height: u ? "100%" : 120,
+          minWidth: S ? `${S}px` : "100%",
           position: "relative",
           my: 1,
           borderRadius: 2
         },
-        tabIndex: I || !s ? -1 : 0,
+        tabIndex: E || !a ? -1 : 0,
         variant: y,
-        ...O,
-        children: I ? /* @__PURE__ */ o(
+        ...w,
+        children: E ? /* @__PURE__ */ o(
           it,
           {
             component: "div",
-            onClick: I,
+            onClick: E,
             sx: {
               pb: 8,
               pt: 16,
               px: 16,
               height: "100%"
             },
-            children: f
+            children: R
           }
-        ) : /* @__PURE__ */ o(rt, { sx: { pb: 8, pt: 16, px: 16, height: "100%" }, children: f })
+        ) : /* @__PURE__ */ o(rt, { sx: { pb: 8, pt: 16, px: 16, height: "100%" }, children: R })
       }
     );
   }
@@ -636,72 +636,72 @@ const $ = g.createContext(null), ut = ({
   elevation: n,
   index: i,
   isActiveCard: r,
-  onCardClick: a,
-  posthog: s,
-  widthOverrides: m,
+  onCardClick: l,
+  posthog: a,
+  widthOverrides: u,
   variant: C,
-  showIcon: I,
+  showIcon: E,
   heightOverrides: h
 }) => {
   const { ref: d, inView: _ } = We({
     threshold: Pe
-  }), { cardsCopy: p } = D(), { onEvent: E } = j(), { updateBeat: y, updateOffer: A } = Rt();
+  }), { cardsCopy: p } = D(), { onEvent: g } = $(), { updateBeat: y, updateOffer: S } = Rt();
   re(() => {
-    _ && (e.has_been_displayed ? E(Me(e.template)) : (e.guid.startsWith("OFR") ? A({
+    _ && (e.has_been_displayed ? g(Me(e.template)) : (e.guid.startsWith("OFR") ? S({
       ...e,
       has_been_displayed: !0
     }) : y({
       ...e,
       has_been_displayed: !0
-    }), E(Le(e.template))));
+    }), g(ve(e.template))));
   }, [_]), re(() => {
     if (_ && e)
       if (e.template === "MarketingOffer") {
-        const S = e;
-        s?.capture("viewed_messaging_insight", {
+        const T = e;
+        a?.capture("viewed_messaging_insight", {
           template: e.template,
-          campaign_guid: S.campaign_guid,
-          campaign_name: S.pulse_campaign_name
+          campaign_guid: T.campaign_guid,
+          campaign_name: T.pulse_campaign_name
         });
       } else
-        s?.capture("viewed_insight", {
+        a?.capture("viewed_insight", {
           beat_guid: e.guid,
           template: e.template,
           position: i
         });
   }, [e, i, _]);
-  const O = () => {
-    if (a && a(e), E(Ne(e.template)), e.template === "MarketingOffer") {
-      const S = e;
-      s?.capture("clicked_messaging_insight", {
+  const w = () => {
+    if (l && l(e), g(Ne(e.template)), e.template === "MarketingOffer") {
+      const T = e;
+      a?.capture("clicked_messaging_insight", {
         template: e.template,
-        campaign_guid: S.campaign_guid,
-        campaign_name: S.pulse_campaign_name
+        campaign_guid: T.campaign_guid,
+        campaign_name: T.pulse_campaign_name
       });
     } else
-      s?.capture("clicked_insight", {
+      a?.capture("clicked_insight", {
         beat_guid: e.guid,
         template: e.template,
         position: i
       });
   };
   return /* @__PURE__ */ o(
-    te,
+    J,
     {
       "aria-roledescription": "slide",
       ariaLabel: t,
       description: e?.html_micro_description && e?.html_micro_description.length > 0 ? e.html_micro_description : e.html_description || "",
       elevation: n,
       heightOverrides: h,
-      icon: I && /* @__PURE__ */ o(Tt, { beat: e }),
+      icon: E && /* @__PURE__ */ o(Tt, { beat: e }),
       isActiveCard: r,
-      onCardClick: O,
-      onPrimaryAction: O,
+      onCardClick: w,
+      onPrimaryAction: w,
       primaryActionText: e.micro_call_to_action || p?.micro_card_cta,
       ref: d,
       title: e.micro_title && e.micro_title.length > 0 ? e.micro_title : e.title,
       variant: C,
-      widthOverrides: m
+      widthOverrides: u
     }
   );
 }, Nt = ({
@@ -710,13 +710,13 @@ const $ = g.createContext(null), ut = ({
   onNextClick: n,
   onPreviousClick: i,
   scrollRightBoundary: r,
-  scrollX: a,
-  shouldApplyDotAnimation: s = !1,
-  visibleCardsCount: m = 1
+  scrollX: l,
+  shouldApplyDotAnimation: a = !1,
+  visibleCardsCount: u = 1
 }) => {
-  const C = H(), { carouselCopy: I } = D(), h = Math.floor(a) > r || t - m + 1 === 0, d = a < 0 || e - 1 === t, _ = C.palette.grey[500], p = C.palette.primary.main;
-  return /* @__PURE__ */ M(
-    U,
+  const C = F(), { carouselCopy: E } = D(), h = Math.floor(l) > r || t - u + 1 === 0, d = l < 0 || e - 1 === t, _ = C.palette.grey[500], p = C.palette.primary.main;
+  return /* @__PURE__ */ N(
+    G,
     {
       direction: "row",
       sx: {
@@ -734,7 +734,7 @@ const $ = g.createContext(null), ut = ({
           Ce,
           {
             "aria-disabled": h,
-            "aria-label": I?.previous_insight_cta_aria,
+            "aria-label": E?.previous_insight_cta_aria,
             disabled: h,
             onClick: i,
             children: /* @__PURE__ */ o(
@@ -747,18 +747,18 @@ const $ = g.createContext(null), ut = ({
             )
           }
         ),
-        Array.from({ length: e }).map((E, y) => {
-          const A = y === t;
+        Array.from({ length: e }).map((g, y) => {
+          const S = y === t;
           return /* @__PURE__ */ o(
             ae,
             {
               className: "mx-insights-micro-carousel-dots",
               sx: {
-                bgcolor: A ? p : _,
+                bgcolor: S ? p : _,
                 height: 8,
                 mr: 8,
                 // existing comment from meganthan "we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1"
-                ...s ? {
+                ...a ? {
                   borderRadius: "4px",
                   transformOrigin: "center",
                   transition: "all 0.5s ease-out",
@@ -767,7 +767,7 @@ const $ = g.createContext(null), ut = ({
                   borderRadius: "50%",
                   p: 0
                 },
-                width: A && s ? 24 : 8
+                width: S && a ? 24 : 8
               }
             },
             `carousel-button-${y}`
@@ -777,7 +777,7 @@ const $ = g.createContext(null), ut = ({
           Ce,
           {
             "aria-disabled": d,
-            "aria-label": I?.next_insight_cta_aria,
+            "aria-label": E?.next_insight_cta_aria,
             disabled: d,
             onClick: n,
             children: /* @__PURE__ */ o(
@@ -799,33 +799,33 @@ const $ = g.createContext(null), ut = ({
   cardWidth: n,
   elevation: i,
   heightOverrides: r,
-  onCardClick: a,
-  posthog: s,
-  showIcon: m,
+  onCardClick: l,
+  posthog: a,
+  showIcon: u,
   variant: C
 }) => {
-  const { carouselCopy: I } = D(), h = {
+  const { carouselCopy: E } = D(), h = {
     elevation: i,
     heightOverrides: r,
-    posthog: s,
-    showIcon: m,
+    posthog: a,
+    showIcon: u,
     variant: C
   };
-  return /* @__PURE__ */ M(Re, { children: [
+  return /* @__PURE__ */ N(Re, { children: [
     e.map((d, _) => {
-      const p = _ + 1, E = e.length + 1, y = Qe(
-        I?.card_position_in_carousel_aria,
+      const p = _ + 1, g = e.length + 1, y = Qe(
+        E?.card_position_in_carousel_aria,
         p.toString(),
-        E.toString()
-      ), A = d.micro_title && d.micro_title.length > 0, O = d.micro_description && d.micro_description.length > 0, S = A ? d.micro_title : d.title, N = O ? d.micro_description : d.description;
+        g.toString()
+      ), S = d.micro_title && d.micro_title.length > 0, w = d.micro_description && d.micro_description.length > 0, T = S ? d.micro_title : d.title, A = w ? d.micro_description : d.description;
       return /* @__PURE__ */ o(
         wt,
         {
-          ariaLabel: `${y}: ${S}, ${N}`,
+          ariaLabel: `${y}: ${T}, ${A}`,
           beat: d,
           index: _,
           isActiveCard: _ === t,
-          onCardClick: a,
+          onCardClick: l,
           widthOverrides: n || void 0,
           ...h
         },
@@ -836,91 +836,91 @@ const $ = g.createContext(null), ut = ({
       Gt,
       {
         isActiveCard: t === e.length,
-        onCardClick: a,
+        onCardClick: l,
         widthOverrides: n || void 0,
         ...h
       }
     )
   ] });
-}, Lt = ({
+}, vt = ({
   analyticsMetadata: t,
-  allowSingleCardPeeking: e = !1,
+  allowSingleCardPeeking: e,
   beats: n = [],
   elevation: i,
   heightOverrides: r,
-  onCardClick: a,
-  posthog: s,
-  showCarouselControls: m,
+  onCardClick: l,
+  posthog: a,
+  showCarouselControls: u,
   showIcon: C,
-  showWithMargin: I = !0,
+  showWithMargin: E = !0,
   variant: h,
   widthOverrides: d,
   visibleCardsCount: _ = 1
   // Default to 1 card visible
 }) => {
-  const p = g.useRef(null), E = g.useRef(null), [y, A] = g.useState(0), [O, S] = g.useState(null), [N, Y] = g.useState(null), [f, u] = g.useState(null), { carouselCopy: X } = D(), { onEvent: V } = j();
-  g.useEffect(() => {
+  const p = I.useRef(null), g = I.useRef(null), [y, S] = I.useState(0), [w, T] = I.useState(null), [A, ee] = I.useState(null), [R, m] = I.useState(null), { carouselCopy: j } = D(), { onEvent: M } = $();
+  I.useEffect(() => {
     if (p.current && !e) {
-      const T = p.current.offsetWidth, x = 8;
-      let R;
+      const f = p.current.offsetWidth, U = 8;
+      let V;
       if (_ > 1) {
-        const _e = (T - (_ - 1) * x) / _ / 3;
-        R = (T - _e - (_ - 1) * x) / _;
+        const _e = (f - (_ - 1) * U) / _ / 3;
+        V = (f - _e - (_ - 1) * U) / _;
       } else
-        R = T;
-      u(R);
+        V = f;
+      m(V);
     }
-  }, [_, p.current?.offsetWidth]), g.useEffect(() => {
-    const T = E.current?.offsetWidth;
-    if (typeof T == "number" && e) {
-      const x = (K) => {
+  }, [_, p.current?.offsetWidth]), I.useEffect(() => {
+    const f = g.current?.offsetWidth;
+    if (typeof f == "number" && e) {
+      const U = (z) => {
         const pe = [
           { maxWidth: 375, cardWidth: 268 },
           { maxWidth: 444, cardWidth: 300 },
           { maxWidth: 599, cardWidth: 350 },
           { maxWidth: 749, cardWidth: 450 },
           { maxWidth: 900, cardWidth: 600 }
-        ].find((ke) => K <= ke.maxWidth);
+        ].find((ke) => z <= ke.maxWidth);
         return pe ? pe.cardWidth : 750;
       };
-      u(x(T));
-      const R = () => {
-        const K = E.current?.offsetWidth;
-        typeof K == "number" && u(x(K));
+      m(U(f));
+      const V = () => {
+        const z = g.current?.offsetWidth;
+        typeof z == "number" && m(U(z));
       };
-      return window.addEventListener("resize", R), () => {
-        window.removeEventListener("resize", R);
+      return window.addEventListener("resize", V), () => {
+        window.removeEventListener("resize", V);
       };
     }
-  }, [e, E]);
-  const Z = () => {
-    V(w.ON_CAROUSEL_FORWARD_CLICK, t), p.current && f && p.current.scrollTo({
-      left: y + f + 8,
+  }, [e, g]);
+  const P = () => {
+    M(W.ON_CAROUSEL_FORWARD_CLICK, t), p.current && R && p.current.scrollTo({
+      left: y + R + 8,
       top: 0,
       behavior: "smooth"
     });
-  }, k = () => {
-    V(w.ON_CAROUSEL_BACK_CLICK, t), p.current && f && p.current.scrollTo({
-      left: Math.max(0, y - (f + 8)),
+  }, te = () => {
+    M(W.ON_CAROUSEL_BACK_CLICK, t), p.current && R && p.current.scrollTo({
+      left: Math.max(0, y - (R + 8)),
       top: 0,
       behavior: "smooth"
     });
-  }, G = () => {
-    p.current && A(p.current.scrollLeft);
-  }, oe = () => {
-    if (!N || !O) return;
-    N - O > Wt ? V(w.ON_CAROUSEL_FORWARD_SWIPE, t) : V(w.ON_CAROUSEL_BACK_SWIPE, t);
-  }, Q = (T) => {
-    S(T.targetTouches[0].clientX);
-  }, q = (T) => {
-    S(null), Y(T.targetTouches[0].clientX);
-  }, J = f ? Math.round(y / (f + 8)) : 0, ne = p.current ? p.current.scrollWidth - p.current.offsetWidth : 0;
-  return /* @__PURE__ */ M(
-    U,
+  }, Y = () => {
+    p.current && S(p.current.scrollLeft);
+  }, X = () => {
+    if (!A || !w) return;
+    A - w > Wt ? M(W.ON_CAROUSEL_FORWARD_SWIPE, t) : M(W.ON_CAROUSEL_BACK_SWIPE, t);
+  }, oe = (f) => {
+    T(f.targetTouches[0].clientX);
+  }, ne = (f) => {
+    T(null), ee(f.targetTouches[0].clientX);
+  }, Z = R ? Math.round(y / (R + 8)) : 0, Q = p.current ? p.current.scrollWidth - p.current.offsetWidth : 0;
+  return /* @__PURE__ */ N(
+    G,
     {
-      "aria-label": X?.carousel_title,
+      "aria-label": j?.carousel_title,
       "aria-roledescription": "carousel",
-      ref: E,
+      ref: g,
       role: "region",
       sx: {
         alignItems: "center",
@@ -930,13 +930,13 @@ const $ = g.createContext(null), ut = ({
       },
       children: [
         /* @__PURE__ */ o(
-          U,
+          G,
           {
             direction: "row",
-            onScroll: G,
-            onTouchEnd: oe,
-            onTouchMove: Q,
-            onTouchStart: q,
+            onScroll: Y,
+            onTouchEnd: X,
+            onTouchMove: oe,
+            onTouchStart: ne,
             ref: p,
             sx: {
               alignItems: "center",
@@ -944,7 +944,7 @@ const $ = g.createContext(null), ut = ({
               gap: 8,
               listStyleType: "none",
               m: 0,
-              maxWidth: I ? "calc(100% - 32px)" : "100%",
+              maxWidth: E ? "calc(100% - 32px)" : "100%",
               overflowX: "auto",
               overflowY: "hidden",
               p: 0,
@@ -958,27 +958,27 @@ const $ = g.createContext(null), ut = ({
             children: /* @__PURE__ */ o(
               Mt,
               {
-                activeCardIndex: J,
+                activeCardIndex: Z,
                 beats: n,
-                cardWidth: f,
+                cardWidth: R,
                 elevation: i,
                 heightOverrides: r,
-                onCardClick: a,
-                posthog: s,
+                onCardClick: l,
+                posthog: a,
                 showIcon: C,
                 variant: h
               }
             )
           }
         ),
-        m && /* @__PURE__ */ o(
+        u && /* @__PURE__ */ o(
           Nt,
           {
-            currentBeatIndex: J + _ - 1,
+            currentBeatIndex: Z + _ - 1,
             numBeats: n.length + 1,
-            onNextClick: Z,
-            onPreviousClick: k,
-            scrollRightBoundary: ne,
+            onNextClick: P,
+            onPreviousClick: te,
+            scrollRightBoundary: Q,
             scrollX: y,
             shouldApplyDotAnimation: e,
             visibleCardsCount: _
@@ -987,18 +987,18 @@ const $ = g.createContext(null), ut = ({
       ]
     }
   );
-}, bt = z(Lt), vt = ({
+}, Lt = k(vt), bt = ({
   analyticsMetadata: t,
   onCardClick: e,
   posthog: n,
   widthOverrides: i,
   headerSx: r
 }) => {
-  const { carouselCopy: a } = D(), { onEvent: s } = j(), m = () => {
-    s && (s(w.ON_VIEW_MORE_CLICKED, t), e(), n?.capture("clicked_view_more"));
+  const { carouselCopy: l } = D(), { onEvent: a } = $(), u = () => {
+    a && (a(W.ON_VIEW_MORE_CLICKED, t), e(), n?.capture("clicked_view_more"));
   };
-  return a ? /* @__PURE__ */ M(
-    U,
+  return l ? /* @__PURE__ */ N(
+    G,
     {
       alignItems: "center",
       direction: "row",
@@ -1011,21 +1011,21 @@ const $ = g.createContext(null), ut = ({
         ...r
       },
       children: [
-        /* @__PURE__ */ o(He, { children: a.carousel_title }),
+        /* @__PURE__ */ o(He, { children: l.carousel_title }),
         /* @__PURE__ */ o(
           Ue,
           {
             endIcon: /* @__PURE__ */ o(Oe, { size: 20 }),
-            onClick: m,
+            onClick: u,
             size: "small",
             variant: "text",
-            children: a.view_all_insights_in_full_feed_cta_aria
+            children: l.view_all_insights_in_full_feed_cta_aria
           }
         )
       ]
     }
   ) : /* @__PURE__ */ o(Xe, {});
-}, Dt = z(vt), xt = ({
+}, Dt = k(bt), xt = ({
   heightOverrides: t,
   widthOverrides: e,
   children: n
@@ -1052,58 +1052,58 @@ const $ = g.createContext(null), ut = ({
   heightOverrides: n,
   onCardClick: i,
   posthog: r,
-  showIcon: a,
-  variant: s
+  showIcon: l,
+  variant: a
 }) => {
-  const { cardsCopy: m } = D(), C = H(), { onEvent: I } = j(), { onPageview: h } = Be();
-  g.useEffect(() => {
-    h(P.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
+  const { cardsCopy: u } = D(), C = F(), { onEvent: E } = $(), { onPageview: h } = Be();
+  I.useEffect(() => {
+    h(B.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
   }, []);
   const d = () => {
-    i && i(), I(w.ON_NO_RELEVANT_INSIGHTS_CLICKED), r?.capture("clicked_insight", {
+    i && i(), E(W.ON_NO_RELEVANT_INSIGHTS_CLICKED), r?.capture("clicked_insight", {
       template: "no_relevant_insights"
     });
   };
   return /* @__PURE__ */ o(
-    te,
+    J,
     {
       ariaLabel: t,
-      description: m.no_relevant_insights_card_description,
+      description: u.no_relevant_insights_card_description,
       elevation: e,
       heightOverrides: n,
-      icon: a && /* @__PURE__ */ o(l, { bgColor: c(C.palette.primary.main, 0.15), name: "lightbulb" }),
+      icon: l && /* @__PURE__ */ o(c, { bgColor: s(C.palette.primary.main, 0.15), name: "lightbulb" }),
       onCardClick: d,
       onPrimaryAction: d,
-      primaryActionText: m.micro_card_cta,
-      title: m.no_relevant_insights_card_title,
-      variant: s
+      primaryActionText: u.micro_card_cta,
+      title: u.no_relevant_insights_card_title,
+      variant: a
     }
   );
-}, co = z(Ve), Ge = ({
+}, co = k(Ve), Ge = ({
   ariaLabel: t,
   elevation: e,
   heightOverrides: n,
   onCardClick: i,
   showIcon: r,
-  variant: a
+  variant: l
 }) => {
-  const { onPageview: s } = Be(), { zeroStateCopy: m } = D(), C = H();
-  return g.useEffect(() => {
-    s(P.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
+  const { onPageview: a } = Be(), { zeroStateCopy: u } = D(), C = F();
+  return I.useEffect(() => {
+    a(B.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
   }, []), /* @__PURE__ */ o(
-    te,
+    J,
     {
       ariaLabel: t,
-      description: m.carousel_zero_state_description,
+      description: u.carousel_zero_state_description,
       elevation: e,
       heightOverrides: n,
-      icon: r && /* @__PURE__ */ o(l, { bgColor: c(C.palette.primary.main, 0.15), name: "lightbulb" }),
+      icon: r && /* @__PURE__ */ o(c, { bgColor: s(C.palette.primary.main, 0.15), name: "lightbulb" }),
       onCardClick: i,
-      title: m.carousel_zero_state_title,
-      variant: a
+      title: u.carousel_zero_state_title,
+      variant: l
     }
   );
-}, lo = z(Ge), Bt = () => /* @__PURE__ */ o(
+}, lo = k(Ge), Bt = () => /* @__PURE__ */ o(
   ae,
   {
     sx: {
@@ -1117,171 +1117,168 @@ const $ = g.createContext(null), ut = ({
   }
 ), Te = {
   featureVersion: "spendVsIncomeTrends"
-}, B = new mt(), Pt = ({
+}, x = new mt(), Pt = ({
   allowSingleCardPeeking: t = !0,
   areBeatsLoading: e = !1,
   beats: n = [],
   // This also determines the length of the carousel controls (beat.length + 1)
   cardStyle: i = "elevation 1",
   endpoint: r = "/",
+  headerSx: l,
   heightOverrides: a,
-  headerSx: s,
-  logOutUser: m = () => {
+  logOutUser: u = () => {
   },
   onCardClick: C = () => {
   },
-  onEvent: I = () => {
+  onEvent: E = () => {
   },
   onPageview: h = () => {
   },
   posthog: d,
-  showBorder: _ = !0,
-  showCarouselControls: p,
-  showHeader: E,
-  showIcon: y,
-  showWithMargin: A = !0,
-  token: O = "",
-  userHasFullInsightFeedBeats: S,
-  variant: N,
-  visibleCardsCount: Y = 1,
-  widthOverrides: f
+  showCarouselControls: _,
+  showHeader: p,
+  showIcon: g,
+  showWithMargin: y = !0,
+  token: S = "",
+  userHasFullInsightFeedBeats: w,
+  visibleCardsCount: T = 1,
+  widthOverrides: A
 }) => {
-  const X = (() => {
-    if (i === "border" || _) return "outlined";
-    if (N) return N;
+  const R = (() => {
+    if (i === "border") return "outlined";
     if (i === "elevation 1") return "elevation";
     if (i !== "flat")
       return "elevation";
-  })(), V = i === "flat" ? 0 : 1, [Z, k] = ie("STANDARD"), [G, oe] = ie(!1), [Q, q] = ie(!1), J = et([I], B), ne = tt([h], B);
+  })(), m = i === "flat" ? 0 : 1, [j, M] = ie("STANDARD"), [P, te] = ie(!1), [Y, X] = ie(!1), oe = et([E], x), ne = tt([h], x);
   ot({
     widgetName: "InsightsMicroWidget",
-    isLoaded: G
-  }), g.useEffect(() => {
-    !B.isInitialized && !Q && (B.initialize(r, O, m).catch(() => q(!1)), q(!0));
-  }, [r, O, m, B.isInitialized, Q]), g.useEffect(() => {
-    const R = window.innerHeight;
-    R < 180 ? k("STANDARD") : R >= 180 && R < 200 ? k("LARGE") : R >= 200 && R < 248 ? k("XLARGE") : R >= 248 && k("XXLARGE");
-  }, [window.innerHeight]), g.useEffect(() => {
-    oe(!e && B.isInitialized);
-  }, [e, B.isInitialized]);
-  const T = {
+    isLoaded: P
+  }), I.useEffect(() => {
+    !x.isInitialized && !Y && (x.initialize(r, S, u).catch(() => X(!1)), X(!0));
+  }, [r, S, u, x.isInitialized, Y]), I.useEffect(() => {
+    const f = window.innerHeight;
+    f < 180 ? M("STANDARD") : f >= 180 && f < 200 ? M("LARGE") : f >= 200 && f < 248 ? M("XLARGE") : f >= 248 && M("XXLARGE");
+  }, [window.innerHeight]), I.useEffect(() => {
+    te(!e && x.isInitialized);
+  }, [e, x.isInitialized]);
+  const Z = {
     heightOverrides: a,
     onCardClick: C,
     posthog: d,
-    showIcon: y,
-    showWithMargin: A,
-    widthOverrides: f
-  }, x = {
-    carouselSize: Z,
-    elevation: V,
-    variant: X,
+    showIcon: g,
+    showWithMargin: y,
+    widthOverrides: A
+  }, Q = {
+    carouselSize: j,
+    elevation: m,
+    variant: R,
     heightOverrides: a,
     onCardClick: C,
     posthog: d,
-    showIcon: y
+    showIcon: g
   };
-  return /* @__PURE__ */ o(ut, { onEvent: J, onPageview: ne, store: B, children: /* @__PURE__ */ M(xt, { heightOverrides: a, widthOverrides: f, children: [
-    !G && /* @__PURE__ */ o(Bt, {}),
-    G && E && /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(ut, { onEvent: oe, onPageview: ne, store: x, children: /* @__PURE__ */ N(xt, { heightOverrides: a, widthOverrides: A, children: [
+    !P && /* @__PURE__ */ o(Bt, {}),
+    P && p && /* @__PURE__ */ o(
       Dt,
       {
         analyticsMetadata: Te,
-        headerSx: s,
+        headerSx: l,
         onCardClick: C,
         posthog: d,
-        widthOverrides: f
+        widthOverrides: A
       }
     ),
-    G && !!n.length && /* @__PURE__ */ o(
-      bt,
+    P && !!n.length && /* @__PURE__ */ o(
+      Lt,
       {
         allowSingleCardPeeking: t,
         analyticsMetadata: Te,
         beats: n,
-        elevation: V,
-        showCarouselControls: p,
-        variant: X,
-        visibleCardsCount: Y,
-        ...T
+        elevation: m,
+        showCarouselControls: _,
+        variant: R,
+        visibleCardsCount: T,
+        ...Z
       }
     ),
-    G && !n.length && /* @__PURE__ */ o(
-      U,
+    P && !n.length && /* @__PURE__ */ o(
+      G,
       {
         sx: {
           alignItems: "center",
           height: a,
-          width: f || "100%"
+          width: A || "100%"
         },
         children: /* @__PURE__ */ o(
-          U,
+          G,
           {
             sx: {
-              height: `calc(${Ot[Z]}px - 44px)`,
-              width: A ? `calc(${f}px - 32px)` : "100%"
+              height: `calc(${Ot[j]}px - 44px)`,
+              width: y ? `calc(${A}px - 32px)` : "100%"
             },
-            children: S ? /* @__PURE__ */ o(Ve, { ...x }) : /* @__PURE__ */ o(Ge, { ...x })
+            children: w ? /* @__PURE__ */ o(Ve, { ...Q }) : /* @__PURE__ */ o(Ge, { ...Q })
           }
         )
       }
     )
   ] }) });
-}, _o = z(Pt), Vt = ({
+}, _o = k(Pt), Vt = ({
   ariaLabel: t,
   elevation: e,
   heightOverrides: n,
   isActiveCard: i,
   onCardClick: r,
-  posthog: a,
-  widthOverrides: s,
-  showIcon: m,
+  posthog: l,
+  widthOverrides: a,
+  showIcon: u,
   variant: C
 }) => {
-  const I = H(), { ref: h, inView: d } = We({
+  const E = F(), { ref: h, inView: d } = We({
     threshold: Pe
-  }), { cardsCopy: _ } = D(), { onEvent: p } = j();
+  }), { cardsCopy: _ } = D(), { onEvent: p } = $();
   re(() => {
-    d && (p(be.ON_VIEW_MORE_VIEWED), a?.capture("viewed_insight", {
+    d && (p(Le.ON_VIEW_MORE_VIEWED), l?.capture("viewed_insight", {
       template: "view_more_card"
     }));
   }, [d]);
-  const E = () => {
-    r && r(), p(w.ON_VIEW_MORE_CLICKED), a?.capture("clicked_insight", {
+  const g = () => {
+    r && r(), p(W.ON_VIEW_MORE_CLICKED), l?.capture("clicked_insight", {
       template: "view_more_card"
     });
   };
   return /* @__PURE__ */ o(
-    te,
+    J,
     {
       "aria-roledescription": "slide",
       ariaLabel: t,
       description: _?.view_more_card_description,
       elevation: e,
       heightOverrides: n,
-      icon: m && /* @__PURE__ */ o(l, { bgColor: c(I.palette.primary.main, 0.15), name: "show_chart" }),
+      icon: u && /* @__PURE__ */ o(c, { bgColor: s(E.palette.primary.main, 0.15), name: "show_chart" }),
       isActiveCard: i,
-      onCardClick: E,
-      onPrimaryAction: E,
+      onCardClick: g,
+      onPrimaryAction: g,
       primaryActionText: _?.micro_card_cta,
       ref: h,
       title: _?.view_more_card_title,
       variant: C,
-      widthOverrides: s
+      widthOverrides: a
     }
   );
-}, Gt = z(Vt);
+}, Gt = k(Vt);
 export {
   mt as A,
-  l as B,
+  c as B,
   Dt as C,
   wt as I,
-  bt as M,
+  Lt as M,
   co as N,
   Te as T,
   Gt as V,
   lo as Z,
   _o as a,
   ut as b,
-  te as c,
+  J as c,
   Et as d
 };