@mx-cartographer/experiences 9.0.3 → 9.0.4

package/dist/{ViewMoreMicroCard-BD_MNc2z.mjs → ViewMoreMicroCard-Dxghxphh.mjs}

@@ -1,25 +1,25 @@
-import { jsx as o, jsxs as N, Fragment as Te } from "react/jsx-runtime";
+import { jsx as o, jsxs as w, Fragment as Te } from "react/jsx-runtime";
 import I, { useEffect as re, useState as ie } from "react";
 import { observer as U } from "mobx-react-lite";
 import k from "@mui/material/Stack";
 import ke from "@mui/material/Button";
 import { CategoryIcon as Ue, MerchantLogo as ze, InstitutionLogo as Ke, P as pe, Text as me, H3 as Fe } from "@mxenabled/mxui";
-import { Icon as He, Close as $e, ChevronLeft as je, ChevronRight as Re } from "@mxenabled/mx-icons";
-import { L as Ye } from "./Loader-CxeBwuPG.mjs";
+import { Close as He, ChevronLeft as $e, ChevronRight as Re } from "@mxenabled/mx-icons";
+import { L as je } from "./Loader-CxeBwuPG.mjs";
 import ae from "@mui/material/Box";
 import ue from "@mui/material/IconButton";
 import { useTheme as P, alpha as s } from "@mui/material/styles";
 import { useInView as Oe } from "react-intersection-observer";
-import { C as Xe } from "./Category-DEKZGLYe.mjs";
-import { b as Ze } from "./Localization-DnoVyBNK.mjs";
-import Qe from "@mui/material/CircularProgress";
+import { B as c } from "./BeatMaterialIcon-1KOfRZrA.mjs";
+import { C as Ye } from "./Category-DEKZGLYe.mjs";
+import { b as Xe } from "./Localization-DnoVyBNK.mjs";
+import Ze from "@mui/material/CircularProgress";
 import { makeAutoObservable as se, runInAction as We } from "mobx";
-import { a as qe, u as Je, b as et } from "./Analytics-CkYXKvco.mjs";
+import { a as Qe, u as qe, b as Je } from "./Analytics-CkYXKvco.mjs";
 import { G as Ce, B as he } from "./GlobalCopyApi-wcnDUzMV.mjs";
-import { u as tt } from "./useWidgetLoadTimer-CJb-RELP.mjs";
-import { Card as ot, CardActionArea as nt, Box as it, IconButton as rt, Stack as F, Button as ge } from "@mui/material";
-import at from "@mui/material/Avatar";
-class st {
+import { u as et } from "./useWidgetLoadTimer-B0tB-yzL.mjs";
+import { Card as tt, CardActionArea as ot, Box as nt, IconButton as it, Stack as F, Button as ge } from "@mui/material";
+class rt {
   copyApi = new Ce("/", "");
   copyObject = {};
   namespace = "experiences";
@@ -68,44 +68,44 @@ const ce = {
   MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
 }, O = window?.app?.clientConfig?.microwidget_instance_id || "", Ie = {
   INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, we = (t) => `on${t}Click`, Ne = (t) => `on${t}View`, Me = (t) => `on${t}ViewFirstTime`, le = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2"), ct = () => Object.values(ce).reduce(
+}, Ne = (t) => `on${t}Click`, we = (t) => `on${t}View`, Me = (t) => `on${t}ViewFirstTime`, le = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2"), at = () => Object.values(ce).reduce(
   (t, e) => ({
     ...t,
-    [we(e)]: {
-      action: b.MICRO_BEAT_CLICKED,
-      category: L.BEAT_INTERACTION,
+    [Ne(e)]: {
+      action: v.MICRO_BEAT_CLICKED,
+      category: b.BEAT_INTERACTION,
       label: le(e),
       value: O
     }
   }),
   {}
-), lt = () => Object.values(ce).reduce(
+), st = () => Object.values(ce).reduce(
   (t, e) => ({
     ...t,
-    [Ne(e)]: {
-      action: b.MICRO_BEAT_DISPLAYED,
-      category: L.BEAT_INTERACTION,
+    [we(e)]: {
+      action: v.MICRO_BEAT_DISPLAYED,
+      category: b.BEAT_INTERACTION,
       label: le(e),
       value: O
     }
   }),
   {}
-), dt = () => Object.values(ce).reduce(
+), ct = () => Object.values(ce).reduce(
   (t, e) => ({
     ...t,
     [Me(e)]: {
-      action: b.MICRO_BEAT_DISPLAYED_FIRST_TIME,
-      category: L.BEAT_INTERACTION,
+      action: v.MICRO_BEAT_DISPLAYED_FIRST_TIME,
+      category: b.BEAT_INTERACTION,
       label: le(e),
       value: O
     }
   }),
   {}
-), v = {
+), L = {
   CAROUSEL_CONTROL: "Carousel Control",
   MICRO_WIDGET: "Micro Widget",
   VIEW_MORE: "View More"
-}, L = {
+}, b = {
   MICRO_WIDGET_INTERACTION: "Micro Widget Interaction",
   BEAT_INTERACTION: "Beat Interaction"
 }, W = {
@@ -115,9 +115,9 @@ const ce = {
   ON_CAROUSEL_FORWARD_SWIPE: "onCarouselForwardSwipe",
   ON_NO_RELEVANT_INSIGHTS_CLICKED: "onNoRelevantInsightsClicked",
   ON_VIEW_MORE_CLICKED: "onViewMoreClicked"
-}, ve = {
+}, Le = {
   ON_VIEW_MORE_VIEWED: "onViewMoreCardView"
-}, b = {
+}, v = {
   CONTROL_BACKWARD: "Control Backward",
   CONTROL_FORWARD: "Control Forward",
   MICRO_BEAT_CLICKED: "Micro Beat Clicked",
@@ -131,21 +131,21 @@ const ce = {
   MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS: "Micro Widget Carousel No Relevant Insights"
 }, Ee = {
   [B.MICRO_WIDGET_CAROUSEL]: {
-    label: v.MICRO_WIDGET,
+    label: L.MICRO_WIDGET,
     name: B.MICRO_WIDGET_CAROUSEL,
     path: Ie.INSIGHTS_MICRO_WIDGET,
     value: O
   },
   // zero state
   [B.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
-    label: v.MICRO_WIDGET,
+    label: L.MICRO_WIDGET,
     name: B.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
     path: Ie.INSIGHTS_MICRO_WIDGET,
     value: O
   },
   // no relevant cards
   [B.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
-    label: v.MICRO_WIDGET,
+    label: L.MICRO_WIDGET,
     name: B.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
     path: "/micro-widget",
     value: O
@@ -153,51 +153,51 @@ const ce = {
 }, fe = {
   // carousel control interaction events - clicks and swipes
   [W.ON_CAROUSEL_BACK_CLICK]: {
-    action: b.CONTROL_BACKWARD,
-    category: L.MICRO_WIDGET_INTERACTION,
-    label: v.CAROUSEL_CONTROL,
+    action: v.CONTROL_BACKWARD,
+    category: b.MICRO_WIDGET_INTERACTION,
+    label: L.CAROUSEL_CONTROL,
     value: O
   },
   [W.ON_CAROUSEL_FORWARD_CLICK]: {
-    action: b.CONTROL_FORWARD,
-    category: L.MICRO_WIDGET_INTERACTION,
-    label: v.CAROUSEL_CONTROL,
+    action: v.CONTROL_FORWARD,
+    category: b.MICRO_WIDGET_INTERACTION,
+    label: L.CAROUSEL_CONTROL,
     value: O
   },
   [W.ON_CAROUSEL_BACK_SWIPE]: {
-    action: b.SWIPE_BACKWARD,
-    category: L.MICRO_WIDGET_INTERACTION,
-    label: v.CAROUSEL_CONTROL,
+    action: v.SWIPE_BACKWARD,
+    category: b.MICRO_WIDGET_INTERACTION,
+    label: L.CAROUSEL_CONTROL,
     value: O
   },
   [W.ON_CAROUSEL_FORWARD_SWIPE]: {
-    action: b.SWIPE_FORWARD,
-    category: L.MICRO_WIDGET_INTERACTION,
-    label: v.CAROUSEL_CONTROL,
+    action: v.SWIPE_FORWARD,
+    category: b.MICRO_WIDGET_INTERACTION,
+    label: L.CAROUSEL_CONTROL,
     value: O
   },
   // read more card events
   [W.ON_VIEW_MORE_CLICKED]: {
-    action: b.MICRO_BEAT_CLICKED,
-    category: L.BEAT_INTERACTION,
-    label: v.VIEW_MORE,
+    action: v.MICRO_BEAT_CLICKED,
+    category: b.BEAT_INTERACTION,
+    label: L.VIEW_MORE,
     value: O
   },
-  [ve.ON_VIEW_MORE_VIEWED]: {
-    action: b.MICRO_BEAT_DISPLAYED,
-    category: L.BEAT_INTERACTION,
-    label: v.VIEW_MORE,
+  [Le.ON_VIEW_MORE_VIEWED]: {
+    action: v.MICRO_BEAT_DISPLAYED,
+    category: b.BEAT_INTERACTION,
+    label: L.VIEW_MORE,
     value: O
   },
-  ...ct(),
-  ...lt(),
-  ...dt()
+  ...at(),
+  ...st(),
+  ...ct()
 }, ye = async (t, e) => !e || !fe[t] ? null : e.sendAnalyticEvent(fe[t]).then((n) => n).catch((n) => {
   throw n;
 }), Ae = async (t, e) => !e || !Ee[t] ? null : e.sendAnalyticsPageview(Ee[t]).then((n) => n).catch((n) => {
   throw n;
 });
-class _t {
+class lt {
   onAnalyticEvent = ye;
   onAnalyticPageView = Ae;
   beatApi = new he("/", "");
@@ -205,13 +205,13 @@ class _t {
     se(this);
   }
   initialize = async (e, n, i) => {
-    this.onAnalyticEvent = (r, l) => {
-      ye(r, l).then((a) => a).catch((a) => {
-        throw a.status === 401 && i(), a;
+    this.onAnalyticEvent = (a, l) => {
+      ye(a, l).then((r) => r).catch((r) => {
+        throw r.status === 401 && i(), r;
       });
-    }, this.onAnalyticPageView = (r, l) => {
-      Ae(r, l).then((a) => a).catch((a) => {
-        throw a.status === 401 && i(), a;
+    }, this.onAnalyticPageView = (a, l) => {
+      Ae(a, l).then((r) => r).catch((r) => {
+        throw r.status === 401 && i(), r;
       });
     }, this.beatApi = new he(e, n);
   };
@@ -222,7 +222,7 @@ class _t {
     this.beatApi.updateOffer(e);
   };
 }
-class pt {
+class dt {
   copyStore;
   endpoint = "/";
   insightsMicroWidgetStore;
@@ -230,50 +230,31 @@ class pt {
   token = "";
   isInitialized = !1;
   constructor() {
-    this.copyStore = new st(), this.insightsMicroWidgetStore = new _t(), se(this);
+    this.copyStore = new rt(), this.insightsMicroWidgetStore = new lt(), se(this);
   }
   initialize = async (e, n, i) => {
     await this.copyStore.initialize(e, n), await this.insightsMicroWidgetStore.initialize(e, n, i);
-    const r = await qe(e, n, "1.0.0", "Micro Insights Carousel");
+    const a = await Qe(e, n, "1.0.0", "Micro Insights Carousel");
     We(() => {
-      this.session = r, this.isInitialized = !0;
+      this.session = a, this.isInitialized = !0;
     });
   };
 }
-const H = I.createContext(null), mt = ({
+const H = I.createContext(null), _t = ({
   onEvent: t,
   onPageview: e,
   store: n,
   children: i
-}) => /* @__PURE__ */ o(H.Provider, { value: { onEvent: t, onPageview: e, store: n, children: i }, children: i }), ut = ({ beat: t }) => {
-  const { primary_category_guid: e, category_guids: n } = t, i = e || n?.[0] || Xe.UNCATEGORIZED;
+}) => /* @__PURE__ */ o(H.Provider, { value: { onEvent: t, onPageview: e, store: n, children: i }, children: i }), pt = ({ beat: t }) => {
+  const { primary_category_guid: e, category_guids: n } = t, i = e || n?.[0] || Ye.UNCATEGORIZED;
   return /* @__PURE__ */ o(Ue, { categoryGuid: i, size: 32, sx: { minWidth: 32 } });
-}, c = ({
-  avatarSx: t,
-  bgColor: e,
-  name: n,
-  iconColor: i = "primary",
-  fill: r = !0,
-  sx: l
-}) => /* @__PURE__ */ o(
-  at,
-  {
-    sx: {
-      bgcolor: e,
-      width: 32,
-      height: 32,
-      ...t
-    },
-    variant: "rounded",
-    children: /* @__PURE__ */ o(He, { color: i, fill: r, name: n, size: 20, sx: l })
-  }
-), Ct = ({ beat: t }) => {
-  const { category_guids: e, merchant_guids: n, primary_category_guid: i, primary_merchant_guid: r } = t;
+}, mt = ({ beat: t }) => {
+  const { category_guids: e, merchant_guids: n, primary_category_guid: i, primary_merchant_guid: a } = t;
   return /* @__PURE__ */ o(
     ze,
     {
       categoryGuid: i || e && e[0] || "",
-      merchantGuid: r || n[0],
+      merchantGuid: a || n[0],
       size: 32,
       sx: {
         display: "flex",
@@ -282,36 +263,36 @@ const H = I.createContext(null), mt = ({
       }
     }
   );
-}, ht = (t) => t ? t.data ? t.data.map((e) => {
+}, ut = (t) => t ? t.data ? t.data.map((e) => {
   const n = {};
-  return t.names?.map((i, r) => {
-    n[i] = e[r];
+  return t.names?.map((i, a) => {
+    n[i] = e[a];
   }), n;
-}) : [] : [], q = "primary", Le = "success", be = "error", De = (t) => {
-  const e = ht(t), n = Math.floor(e.length / 2);
+}) : [] : [], q = "primary", be = "success", ve = "error", De = (t) => {
+  const e = ut(t), n = Math.floor(e.length / 2);
   if (n === 0 || n === e.length) return q;
-  const i = e[0]?.amount, r = e[n]?.amount;
-  return i == null || r == null ? q : i > r ? be : i < r ? Le : q;
-}, gt = (t, e) => t < e ? Le : t > e ? be : q, It = ({ beat: t }) => {
+  const i = e[0]?.amount, a = e[n]?.amount;
+  return i == null || a == null ? q : i > a ? ve : i < a ? be : q;
+}, Ct = (t, e) => t < e ? be : t > e ? ve : q, ht = ({ beat: t }) => {
   const e = P(), n = De(t.data_series), i = e.palette[n].main;
   return /* @__PURE__ */ o(c, { bgColor: s(i, 0.15), iconColor: n, name: "bar_chart" });
-}, Et = ({ beat: t }) => {
+}, gt = ({ beat: t }) => {
   const e = P(), n = t.payload?.average_spend || 0;
   let i = 0;
   if (t.data_series?.data && t.data_series.data.length > 0) {
-    const a = (t.data_series.names || []).indexOf("amount");
-    a !== -1 && (i = t.data_series.data[0][a] || 0);
+    const r = (t.data_series.names || []).indexOf("amount");
+    r !== -1 && (i = t.data_series.data[0][r] || 0);
   }
-  const r = gt(i, n);
+  const a = Ct(i, n);
   return /* @__PURE__ */ o(
     c,
     {
-      bgColor: s(e.palette[r].main, 0.15),
-      iconColor: r,
+      bgColor: s(e.palette[a].main, 0.15),
+      iconColor: a,
       name: "timeline"
     }
   );
-}, ft = ({ beat: t }) => {
+}, It = ({ beat: t }) => {
   const e = P(), n = De(t.data_series), i = e.palette[n].main;
   return /* @__PURE__ */ o(
     c,
@@ -322,11 +303,11 @@ const H = I.createContext(null), mt = ({
       name: "area_chart"
     }
   );
-}, yt = ({ beat: t }) => /* @__PURE__ */ o(Ke, { alt: t.institutionName || "", institutionGuid: t.institutionGuid || "" }), At = {
+}, Et = ({ beat: t }) => /* @__PURE__ */ o(Ke, { alt: t.institutionName || "", institutionGuid: t.institutionGuid || "" }), ft = {
   0: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "error" }),
-  1: (t) => /* @__PURE__ */ o(ut, { beat: t }),
-  2: (t) => /* @__PURE__ */ o(Ct, { beat: t }),
-  3: (t) => /* @__PURE__ */ o(It, { beat: t }),
+  1: (t) => /* @__PURE__ */ o(pt, { beat: t }),
+  2: (t) => /* @__PURE__ */ o(mt, { beat: t }),
+  3: (t) => /* @__PURE__ */ o(ht, { beat: t }),
   4: (t, e) => /* @__PURE__ */ o(
     c,
     {
@@ -359,7 +340,7 @@ const H = I.createContext(null), mt = ({
       sx: { color: "text.primary" }
     }
   ),
-  12: (t) => /* @__PURE__ */ o(ft, { beat: t }),
+  12: (t) => /* @__PURE__ */ o(It, { beat: t }),
   13: () => /* @__PURE__ */ o(
     c,
     {
@@ -440,7 +421,7 @@ const H = I.createContext(null), mt = ({
   ),
   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(Et, { beat: t }),
+  29: (t) => /* @__PURE__ */ o(gt, { beat: t }),
   30: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "calendar_month" }),
   31: (t, e) => /* @__PURE__ */ o(
     c,
@@ -459,16 +440,16 @@ const H = I.createContext(null), mt = ({
       name: "storefront"
     }
   ),
-  34: (t) => /* @__PURE__ */ o(yt, { beat: t })
-}, St = ({ beat: t }) => {
-  const e = P(), { icon_type: n } = t, i = n != null ? At[n] : null;
+  34: (t) => /* @__PURE__ */ o(Et, { beat: t })
+}, yt = ({ beat: t }) => {
+  const e = P(), { icon_type: n } = t, i = n != null ? ft[n] : null;
   return i ? i(t, e) : /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "error" });
 }, D = () => {
   const t = I.useContext(H);
   if (!t)
     throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
   return t.store.copyStore;
-}, Tt = () => {
+}, At = () => {
   const t = I.useContext(H);
   if (!t?.store?.insightsMicroWidgetStore)
     throw new Error(
@@ -485,19 +466,19 @@ const H = I.createContext(null), mt = ({
   if (!t)
     throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
   return { onPageview: t.onPageview };
-}, Rt = {
+}, St = {
   LARGE: 180,
   STANDARD: 154,
   XLARGE: 200,
   XXLARGE: 248
-}, Ot = 50, Be = 1, J = I.forwardRef(
+}, Tt = 50, Be = 1, J = I.forwardRef(
   function({
     ariaLabel: e,
     closeAriaLabel: n,
     description: i,
-    elevation: r,
+    elevation: a,
     icon: l,
-    isActiveCard: a,
+    isActiveCard: r,
     heightOverrides: u,
     onClose: C,
     onCardClick: E,
@@ -508,11 +489,11 @@ const H = I.createContext(null), mt = ({
     title: g,
     variant: y,
     widthOverrides: S,
-    ...w
+    ...N
   }, T) {
-    const A = !!(h && _), R = /* @__PURE__ */ N(Te, { children: [
+    const A = !!(h && _), R = /* @__PURE__ */ w(Te, { children: [
       C && /* @__PURE__ */ o(
-        rt,
+        it,
         {
           "aria-label": n,
           onClick: (m) => {
@@ -525,13 +506,13 @@ const H = I.createContext(null), mt = ({
             m.stopPropagation();
           },
           sx: { minHeight: 40, minWidth: 40, position: "absolute", right: 4, top: 4 },
-          children: /* @__PURE__ */ o($e, {})
+          children: /* @__PURE__ */ o(He, {})
         }
       ),
-      /* @__PURE__ */ N(F, { sx: { gap: 6, height: "100%", justifyContent: "space-between" }, children: [
-        /* @__PURE__ */ N(F, { sx: { flexDirection: "row", gap: 12 }, children: [
+      /* @__PURE__ */ w(F, { sx: { gap: 6, height: "100%", justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ w(F, { sx: { flexDirection: "row", gap: 12 }, children: [
           l && l,
-          /* @__PURE__ */ N(F, { sx: { gap: 6 }, children: [
+          /* @__PURE__ */ w(F, { sx: { gap: 6 }, children: [
             /* @__PURE__ */ o(F, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: /* @__PURE__ */ o(pe, { bold: !0, sx: { lineHeight: "16px" }, variant: "body1", children: g }) }),
             /* @__PURE__ */ o(
               pe,
@@ -553,7 +534,7 @@ const H = I.createContext(null), mt = ({
             )
           ] })
         ] }),
-        A && /* @__PURE__ */ N(
+        A && /* @__PURE__ */ w(
           F,
           {
             sx: {
@@ -606,11 +587,11 @@ const H = I.createContext(null), mt = ({
       ] })
     ] });
     return /* @__PURE__ */ o(
-      ot,
+      tt,
       {
-        "aria-hidden": !a,
+        "aria-hidden": !r,
         "aria-label": e,
-        elevation: r,
+        elevation: a,
         ref: T,
         role: "group",
         sx: {
@@ -621,11 +602,11 @@ const H = I.createContext(null), mt = ({
           my: 1,
           borderRadius: 2
         },
-        tabIndex: E || !a ? -1 : 0,
+        tabIndex: E || !r ? -1 : 0,
         variant: y,
-        ...w,
+        ...N,
         children: E ? /* @__PURE__ */ o(
-          nt,
+          ot,
           {
             component: "div",
             onClick: E,
@@ -637,18 +618,18 @@ const H = I.createContext(null), mt = ({
             },
             children: R
           }
-        ) : /* @__PURE__ */ o(it, { sx: { pb: 8, pt: 16, px: 16, height: "100%" }, children: R })
+        ) : /* @__PURE__ */ o(nt, { sx: { pb: 8, pt: 16, px: 16, height: "100%" }, children: R })
       }
     );
   }
-), Wt = ({
+), Rt = ({
   ariaLabel: t,
   beat: e,
   elevation: n,
   index: i,
-  isActiveCard: r,
+  isActiveCard: a,
   onCardClick: l,
-  posthog: a,
+  posthog: r,
   widthOverrides: u,
   variant: C,
   showIcon: E,
@@ -656,9 +637,9 @@ const H = I.createContext(null), mt = ({
 }) => {
   const { ref: d, inView: _ } = Oe({
     threshold: Be
-  }), { cardsCopy: p } = D(), { onEvent: g } = $(), { updateBeat: y, updateOffer: S } = Tt();
+  }), { cardsCopy: p } = D(), { onEvent: g } = $(), { updateBeat: y, updateOffer: S } = At();
   re(() => {
-    _ && (e.has_been_displayed ? g(Ne(e.template)) : (e.guid.startsWith("OFR") ? S({
+    _ && (e.has_been_displayed ? g(we(e.template)) : (e.guid.startsWith("OFR") ? S({
       ...e,
       has_been_displayed: !0
     }) : y({
@@ -669,28 +650,28 @@ const H = I.createContext(null), mt = ({
     if (_ && e)
       if (e.template === "MarketingOffer") {
         const T = e;
-        a?.capture("viewed_messaging_insight", {
+        r?.capture("viewed_messaging_insight", {
           template: e.template,
           campaign_guid: T.campaign_guid,
           campaign_name: T.pulse_campaign_name
         });
       } else
-        a?.capture("viewed_insight", {
+        r?.capture("viewed_insight", {
           beat_guid: e.guid,
           template: e.template,
           position: i
         });
   }, [e, i, _]);
-  const w = () => {
-    if (l && l(e), g(we(e.template)), e.template === "MarketingOffer") {
+  const N = () => {
+    if (l && l(e), g(Ne(e.template)), e.template === "MarketingOffer") {
       const T = e;
-      a?.capture("clicked_messaging_insight", {
+      r?.capture("clicked_messaging_insight", {
         template: e.template,
         campaign_guid: T.campaign_guid,
         campaign_name: T.pulse_campaign_name
       });
     } else
-      a?.capture("clicked_insight", {
+      r?.capture("clicked_insight", {
         beat_guid: e.guid,
         template: e.template,
         position: i
@@ -704,10 +685,10 @@ const H = I.createContext(null), mt = ({
       description: e?.html_micro_description && e?.html_micro_description.length > 0 ? e.html_micro_description : e.html_description || "",
       elevation: n,
       heightOverrides: h,
-      icon: E && /* @__PURE__ */ o(St, { beat: e }),
-      isActiveCard: r,
-      onCardClick: w,
-      onPrimaryAction: w,
+      icon: E && /* @__PURE__ */ o(yt, { beat: e }),
+      isActiveCard: a,
+      onCardClick: N,
+      onPrimaryAction: N,
       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,
@@ -715,18 +696,18 @@ const H = I.createContext(null), mt = ({
       widthOverrides: u
     }
   );
-}, wt = ({
+}, Ot = ({
   currentBeatIndex: t,
   numBeats: e,
   onNextClick: n,
   onPreviousClick: i,
-  scrollRightBoundary: r,
+  scrollRightBoundary: a,
   scrollX: l,
-  shouldApplyDotAnimation: a = !1,
+  shouldApplyDotAnimation: r = !1,
   visibleCardsCount: u = 1
 }) => {
-  const C = P(), { 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(
+  const C = P(), { carouselCopy: E } = D(), h = Math.floor(l) > a || t - u + 1 === 0, d = l < 0 || e - 1 === t, _ = C.palette.grey[500], p = C.palette.primary.main;
+  return /* @__PURE__ */ w(
     k,
     {
       direction: "row",
@@ -749,7 +730,7 @@ const H = I.createContext(null), mt = ({
             disabled: h,
             onClick: i,
             children: /* @__PURE__ */ o(
-              je,
+              $e,
               {
                 sx: {
                   color: h ? _ : p
@@ -769,7 +750,7 @@ const H = I.createContext(null), mt = ({
                 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"
-                ...a ? {
+                ...r ? {
                   borderRadius: "4px",
                   transformOrigin: "center",
                   transition: "all 0.5s ease-out",
@@ -778,7 +759,7 @@ const H = I.createContext(null), mt = ({
                   borderRadius: "50%",
                   p: 0
                 },
-                width: S && a ? 24 : 8
+                width: S && r ? 24 : 8
               }
             },
             `carousel-button-${y}`
@@ -804,33 +785,33 @@ const H = I.createContext(null), mt = ({
       ]
     }
   );
-}, Nt = ({
+}, Wt = ({
   activeCardIndex: t,
   beats: e,
   cardWidth: n,
   elevation: i,
-  heightOverrides: r,
+  heightOverrides: a,
   onCardClick: l,
-  posthog: a,
+  posthog: r,
   showIcon: u,
   variant: C
 }) => {
   const { carouselCopy: E } = D(), h = {
     elevation: i,
-    heightOverrides: r,
-    posthog: a,
+    heightOverrides: a,
+    posthog: r,
     showIcon: u,
     variant: C
   };
-  return /* @__PURE__ */ N(Te, { children: [
+  return /* @__PURE__ */ w(Te, { children: [
     e.map((d, _) => {
-      const p = _ + 1, g = e.length + 1, y = Ze(
+      const p = _ + 1, g = e.length + 1, y = Xe(
         E?.card_position_in_carousel_aria,
         p.toString(),
         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;
+      ), S = d.micro_title && d.micro_title.length > 0, N = d.micro_description && d.micro_description.length > 0, T = S ? d.micro_title : d.title, A = N ? d.micro_description : d.description;
       return /* @__PURE__ */ o(
-        Wt,
+        Rt,
         {
           ariaLabel: `${y}: ${T}, ${A}`,
           beat: d,
@@ -844,7 +825,7 @@ const H = I.createContext(null), mt = ({
       );
     }),
     /* @__PURE__ */ o(
-      Vt,
+      Bt,
       {
         isActiveCard: t === e.length,
         onCardClick: l,
@@ -853,14 +834,14 @@ const H = I.createContext(null), mt = ({
       }
     )
   ] });
-}, Mt = ({
+}, Nt = ({
   analyticsMetadata: t,
   allowSingleCardPeeking: e,
   beats: n = [],
   elevation: i,
-  heightOverrides: r,
+  heightOverrides: a,
   onCardClick: l,
-  posthog: a,
+  posthog: r,
   showCarouselControls: u,
   showIcon: C,
   showWithMargin: E = !0,
@@ -869,7 +850,7 @@ const H = I.createContext(null), mt = ({
   visibleCardsCount: _ = 1
   // Default to 1 card visible
 }) => {
-  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 } = $();
+  const p = I.useRef(null), g = I.useRef(null), [y, S] = I.useState(0), [N, 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 f = p.current.offsetWidth, z = 8;
@@ -919,14 +900,14 @@ const H = I.createContext(null), mt = ({
   }, Y = () => {
     p.current && S(p.current.scrollLeft);
   }, X = () => {
-    if (!A || !w) return;
-    A - w > Ot ? M(W.ON_CAROUSEL_FORWARD_SWIPE, t) : M(W.ON_CAROUSEL_BACK_SWIPE, t);
+    if (!A || !N) return;
+    A - N > Tt ? 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(
+  return /* @__PURE__ */ w(
     k,
     {
       "aria-label": j?.carousel_title,
@@ -936,7 +917,7 @@ const H = I.createContext(null), mt = ({
       sx: {
         alignItems: "center",
         boxSizing: "border-box",
-        height: r,
+        height: a,
         width: d || "100%"
       },
       children: [
@@ -951,7 +932,7 @@ const H = I.createContext(null), mt = ({
             ref: p,
             sx: {
               alignItems: "center",
-              height: r && "100%",
+              height: a && "100%",
               gap: 8,
               listStyleType: "none",
               m: 0,
@@ -967,15 +948,15 @@ const H = I.createContext(null), mt = ({
               }
             },
             children: /* @__PURE__ */ o(
-              Nt,
+              Wt,
               {
                 activeCardIndex: Z,
                 beats: n,
                 cardWidth: R,
                 elevation: i,
-                heightOverrides: r,
+                heightOverrides: a,
                 onCardClick: l,
-                posthog: a,
+                posthog: r,
                 showIcon: C,
                 variant: h
               }
@@ -983,7 +964,7 @@ const H = I.createContext(null), mt = ({
           }
         ),
         u && /* @__PURE__ */ o(
-          wt,
+          Ot,
           {
             currentBeatIndex: Z + _ - 1,
             numBeats: n.length + 1,
@@ -998,17 +979,17 @@ const H = I.createContext(null), mt = ({
       ]
     }
   );
-}, vt = U(Mt), Lt = ({
+}, wt = U(Nt), Mt = ({
   analyticsMetadata: t,
   onCardClick: e,
   posthog: n,
   widthOverrides: i,
-  headerSx: r
+  headerSx: a
 }) => {
-  const { carouselCopy: l } = D(), { onEvent: a } = $(), u = () => {
-    a && (a(W.ON_VIEW_MORE_CLICKED, t), e(), n?.capture("clicked_view_more"));
+  const { carouselCopy: l } = D(), { onEvent: r } = $(), u = () => {
+    r && (r(W.ON_VIEW_MORE_CLICKED, t), e(), n?.capture("clicked_view_more"));
   };
-  return l ? /* @__PURE__ */ N(
+  return l ? /* @__PURE__ */ w(
     k,
     {
       alignItems: "center",
@@ -1019,7 +1000,7 @@ const H = I.createContext(null), mt = ({
         p: 16,
         pb: 8,
         width: i || void 0,
-        ...r
+        ...a
       },
       children: [
         /* @__PURE__ */ o(Fe, { children: l.carousel_title }),
@@ -1035,8 +1016,8 @@ const H = I.createContext(null), mt = ({
         )
       ]
     }
-  ) : /* @__PURE__ */ o(Ye, {});
-}, bt = U(Lt), Dt = ({
+  ) : /* @__PURE__ */ o(je, {});
+}, Lt = U(Mt), bt = ({
   heightOverrides: t,
   widthOverrides: e,
   children: n
@@ -1062,16 +1043,16 @@ const H = I.createContext(null), mt = ({
   elevation: e,
   heightOverrides: n,
   onCardClick: i,
-  posthog: r,
+  posthog: a,
   showIcon: l,
-  variant: a
+  variant: r
 }) => {
   const { cardsCopy: u } = D(), C = P(), { onEvent: E } = $(), { onPageview: h } = xe();
   I.useEffect(() => {
     h(B.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
   }, []);
   const d = () => {
-    i && i(), E(W.ON_NO_RELEVANT_INSIGHTS_CLICKED), r?.capture("clicked_insight", {
+    i && i(), E(W.ON_NO_RELEVANT_INSIGHTS_CLICKED), a?.capture("clicked_insight", {
       template: "no_relevant_insights"
     });
   };
@@ -1087,20 +1068,20 @@ const H = I.createContext(null), mt = ({
       onPrimaryAction: d,
       primaryActionText: u.micro_card_cta,
       title: u.no_relevant_insights_card_title,
-      variant: a
+      variant: r
     }
   );
-}, ao = U(Pe), Ve = ({
+}, io = U(Pe), Ve = ({
   ariaLabel: t,
   elevation: e,
   heightOverrides: n,
   onCardClick: i,
-  showIcon: r,
+  showIcon: a,
   variant: l
 }) => {
-  const { onPageview: a } = xe(), { zeroStateCopy: u } = D(), C = P();
+  const { onPageview: r } = xe(), { zeroStateCopy: u } = D(), C = P();
   return I.useEffect(() => {
-    a(B.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
+    r(B.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
   }, []), /* @__PURE__ */ o(
     J,
     {
@@ -1108,13 +1089,13 @@ const H = I.createContext(null), mt = ({
       description: u.carousel_zero_state_description,
       elevation: e,
       heightOverrides: n,
-      icon: r && /* @__PURE__ */ o(c, { bgColor: s(C.palette.primary.main, 0.15), name: "lightbulb" }),
+      icon: a && /* @__PURE__ */ o(c, { bgColor: s(C.palette.primary.main, 0.15), name: "lightbulb" }),
       onCardClick: i,
       title: u.carousel_zero_state_title,
       variant: l
     }
   );
-}, so = U(Ve), xt = () => /* @__PURE__ */ o(
+}, ro = U(Ve), vt = () => /* @__PURE__ */ o(
   ae,
   {
     sx: {
@@ -1124,19 +1105,19 @@ const H = I.createContext(null), mt = ({
       justifyContent: "center",
       width: "100%"
     },
-    children: /* @__PURE__ */ o(Qe, {})
+    children: /* @__PURE__ */ o(Ze, {})
   }
 ), Se = {
   featureVersion: "spendVsIncomeTrends"
-}, x = new pt(), Bt = ({
+}, x = new dt(), Dt = ({
   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 = "/",
+  endpoint: a = "/",
   headerSx: l,
-  heightOverrides: a,
+  heightOverrides: r,
   logOutUser: u = () => {
   },
   onCardClick: C = () => {
@@ -1151,7 +1132,7 @@ const H = I.createContext(null), mt = ({
   showIcon: g,
   showWithMargin: y = !0,
   token: S = "",
-  userHasFullInsightFeedBeats: w,
+  userHasFullInsightFeedBeats: N,
   visibleCardsCount: T = 1,
   widthOverrides: A
 }) => {
@@ -1160,20 +1141,20 @@ const H = I.createContext(null), mt = ({
     if (i === "elevation 1") return "elevation";
     if (i !== "flat")
       return "elevation";
-  })(), m = i === "flat" ? 0 : 1, [j, M] = ie("STANDARD"), [V, te] = ie(!1), [Y, X] = ie(!1), oe = Je([E], x), ne = et([h], x);
-  tt({
+  })(), m = i === "flat" ? 0 : 1, [j, M] = ie("STANDARD"), [V, te] = ie(!1), [Y, X] = ie(!1), oe = qe([E], x), ne = Je([h], x);
+  et({
     widgetName: "InsightsMicroWidget",
     isLoaded: V
   }), I.useEffect(() => {
-    !x.isInitialized && !Y && (x.initialize(r, S, u).catch(() => X(!1)), X(!0));
-  }, [r, S, u, x.isInitialized, Y]), I.useEffect(() => {
+    !x.isInitialized && !Y && (x.initialize(a, S, u).catch(() => X(!1)), X(!0));
+  }, [a, 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,
+    heightOverrides: r,
     onCardClick: C,
     posthog: d,
     showIcon: g,
@@ -1183,15 +1164,15 @@ const H = I.createContext(null), mt = ({
     carouselSize: j,
     elevation: m,
     variant: R,
-    heightOverrides: a,
+    heightOverrides: r,
     onCardClick: C,
     posthog: d,
     showIcon: g
   };
-  return /* @__PURE__ */ o(mt, { onEvent: oe, onPageview: ne, store: x, children: /* @__PURE__ */ N(Dt, { heightOverrides: a, widthOverrides: A, children: [
-    !V && /* @__PURE__ */ o(xt, {}),
+  return /* @__PURE__ */ o(_t, { onEvent: oe, onPageview: ne, store: x, children: /* @__PURE__ */ w(bt, { heightOverrides: r, widthOverrides: A, children: [
+    !V && /* @__PURE__ */ o(vt, {}),
     V && p && /* @__PURE__ */ o(
-      bt,
+      Lt,
       {
         analyticsMetadata: Se,
         headerSx: l,
@@ -1201,7 +1182,7 @@ const H = I.createContext(null), mt = ({
       }
     ),
     V && !!n.length && /* @__PURE__ */ o(
-      vt,
+      wt,
       {
         allowSingleCardPeeking: t,
         analyticsMetadata: Se,
@@ -1218,30 +1199,30 @@ const H = I.createContext(null), mt = ({
       {
         sx: {
           alignItems: "center",
-          height: a,
+          height: r,
           width: A || "100%"
         },
         children: /* @__PURE__ */ o(
           k,
           {
             sx: {
-              height: `calc(${Rt[j]}px - 44px)`,
+              height: `calc(${St[j]}px - 44px)`,
               width: y ? `calc(${A}px - 32px)` : "100%"
             },
-            children: w ? /* @__PURE__ */ o(Pe, { ...Q }) : /* @__PURE__ */ o(Ve, { ...Q })
+            children: N ? /* @__PURE__ */ o(Pe, { ...Q }) : /* @__PURE__ */ o(Ve, { ...Q })
           }
         )
       }
     )
   ] }) });
-}, co = U(Bt), Pt = ({
+}, ao = U(Dt), xt = ({
   ariaLabel: t,
   elevation: e,
   heightOverrides: n,
   isActiveCard: i,
-  onCardClick: r,
+  onCardClick: a,
   posthog: l,
-  widthOverrides: a,
+  widthOverrides: r,
   showIcon: u,
   variant: C
 }) => {
@@ -1249,12 +1230,12 @@ const H = I.createContext(null), mt = ({
     threshold: Be
   }), { cardsCopy: _ } = D(), { onEvent: p } = $();
   re(() => {
-    d && (p(ve.ON_VIEW_MORE_VIEWED), l?.capture("viewed_insight", {
+    d && (p(Le.ON_VIEW_MORE_VIEWED), l?.capture("viewed_insight", {
       template: "view_more_card"
     }));
   }, [d]);
   const g = () => {
-    r && r(), p(W.ON_VIEW_MORE_CLICKED), l?.capture("clicked_insight", {
+    a && a(), p(W.ON_VIEW_MORE_CLICKED), l?.capture("clicked_insight", {
       template: "view_more_card"
     });
   };
@@ -1274,22 +1255,21 @@ const H = I.createContext(null), mt = ({
       ref: h,
       title: _?.view_more_card_title,
       variant: C,
-      widthOverrides: a
+      widthOverrides: r
     }
   );
-}, Vt = U(Pt);
+}, Bt = U(xt);
 export {
-  pt as A,
-  c as B,
-  bt as C,
-  Wt as I,
-  vt as M,
-  ao as N,
+  dt as A,
+  Lt as C,
+  Rt as I,
+  wt as M,
+  io as N,
   Se as T,
-  Vt as V,
-  so as Z,
-  co as a,
-  mt as b,
+  Bt as V,
+  ro as Z,
+  ao as a,
+  _t as b,
   J as c,
-  It as d
+  ht as d
 };