@mx-cartographer/experiences 8.0.12 → 8.0.14

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

@@ -1,46 +1,46 @@
-import { jsx as o, jsxs as M, Fragment as Te } from "react/jsx-runtime";
-import h, { useEffect as ie, useState as re } from "react";
-import { observer as z } from "mobx-react-lite";
-import W from "@mui/material/Stack";
-import ae from "@mui/material/Button";
-import { CategoryIcon as ke, MerchantLogo as Ue, InstitutionLogo as ze, P as ue, Text as Ce, H3 as Ke } from "@mxenabled/mxui";
-import { Icon as Fe, Close as $e, ChevronLeft as He, ChevronRight as Re } from "@mxenabled/mx-icons";
-import { L as je } from "./Loader-D3rjKx72.mjs";
+import { jsx as o, jsxs as M, Fragment as Se } from "react/jsx-runtime";
+import h, { useEffect as re, useState as ne } from "react";
+import { observer as U } from "mobx-react-lite";
+import w from "@mui/material/Stack";
+import ie from "@mui/material/Button";
+import { CategoryIcon as Ge, MerchantLogo as ke, InstitutionLogo as Ue, P as me, Text as ue, H3 as ze } from "@mxenabled/mxui";
+import { Icon as Ke, Close as Fe, ChevronLeft as $e, ChevronRight as Te } from "@mxenabled/mx-icons";
+import { L as He } from "./Loader-D3rjKx72.mjs";
 import H from "@mui/material/Box";
-import se from "@mui/material/IconButton";
-import { alpha as c, useTheme as j } from "@mui/material/styles";
-import { useInView as Oe } from "react-intersection-observer";
-import { b as Ye } from "./Category-CevNQ03n.mjs";
-import ce from "@mui/material/styles/useTheme";
-import { b as Xe } from "./Localization-CPkpIwIx.mjs";
-import Ze from "@mui/material/CircularProgress";
-import { makeAutoObservable as le, runInAction as We } from "mobx";
-import { G as he, b as Qe, u as qe, a as Je } from "./useCombineEvents-Bqojlv8q.mjs";
-import { B as ge } from "./BeatApi-EFHXULDx.mjs";
-import { u as et } from "./useWidgetLoadTimer-DgN1bTyu.mjs";
-import tt from "@mui/material/Card";
-import ot from "@mui/material/CardActionArea";
-import nt from "@mui/material/Avatar";
-const Ee = {
+import ae from "@mui/material/IconButton";
+import { alpha as s, useTheme as j } from "@mui/material/styles";
+import { useInView as Re } from "react-intersection-observer";
+import { b as je } from "./Category-CevNQ03n.mjs";
+import se from "@mui/material/styles/useTheme";
+import { b as Ye } from "./Localization-CPkpIwIx.mjs";
+import Xe from "@mui/material/CircularProgress";
+import { makeAutoObservable as ce, runInAction as Oe } from "mobx";
+import { G as Ce, b as Ze, u as Qe, a as qe } from "./useCombineEvents-Bqojlv8q.mjs";
+import { B as he } from "./BeatApi-EFHXULDx.mjs";
+import { u as Je } from "./useWidgetLoadTimer-DgN1bTyu.mjs";
+import et from "@mui/material/Card";
+import tt from "@mui/material/CardActionArea";
+import ot from "@mui/material/Avatar";
+const ge = {
   featureVersion: "spendVsIncomeTrends"
 };
-class rt {
-  copyApi = new he("/", "");
+class nt {
+  copyApi = new Ce("/", "");
   copyObject = {};
   namespace = "experiences";
   translationKey = "micro_insights";
   constructor() {
-    le(this);
+    ce(this);
   }
   // NOTE: Not sure if this is special case, but other stores have this deprecation todo
   // DEPRECATED: Initialize api in constructor and use loadCopy instead
   // TODO: Remove this function
   initialize = async (e, n) => {
-    this.copyApi = new he(e, n), await this.loadCopy();
+    this.copyApi = new Ce(e, n), await this.loadCopy();
   };
   loadCopy = async () => {
     const e = await this.copyApi.getGlobalCopy(this.namespace, this.translationKey);
-    We(() => {
+    Oe(() => {
       this.copyObject = e[this.translationKey];
     });
   };
@@ -54,7 +54,7 @@ class rt {
     return this.copyObject.zero_state;
   }
 }
-const de = {
+const le = {
   BillAmountNotStandard: "BillAmountNotStandard",
   CanadianUpcomingDeadlineAlert: "CanadianUpcomingDeadlineAlert",
   DuplicatePaymentV2: "DuplicatePaymentV2",
@@ -71,38 +71,38 @@ const de = {
   WeeklyNewMerchantsV2: "WeeklyNewMerchantsV2",
   MonthlySpendComparison: "MonthlySpendComparison",
   MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
-}, T = window?.app?.clientConfig?.microwidget_instance_id || "", Ie = {
+}, R = window?.app?.clientConfig?.microwidget_instance_id || "", Ee = {
   INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, Me = (t) => `on${t}Click`, Ne = (t) => `on${t}View`, we = (t) => `on${t}ViewFirstTime`, _e = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2"), it = () => Object.values(de).reduce(
+}, We = (t) => `on${t}Click`, we = (t) => `on${t}View`, Me = (t) => `on${t}ViewFirstTime`, de = (t) => t.replace(/([a-z])([A-Z])/g, "$1 $2"), rt = () => Object.values(le).reduce(
   (t, e) => ({
     ...t,
-    [Me(e)]: {
+    [We(e)]: {
       action: D.MICRO_BEAT_CLICKED,
       category: L.BEAT_INTERACTION,
-      label: _e(e),
-      value: T
+      label: de(e),
+      value: R
     }
   }),
   {}
-), at = () => Object.values(de).reduce(
+), it = () => Object.values(le).reduce(
   (t, e) => ({
     ...t,
-    [Ne(e)]: {
+    [we(e)]: {
       action: D.MICRO_BEAT_DISPLAYED,
       category: L.BEAT_INTERACTION,
-      label: _e(e),
-      value: T
+      label: de(e),
+      value: R
     }
   }),
   {}
-), st = () => Object.values(de).reduce(
+), at = () => Object.values(le).reduce(
   (t, e) => ({
     ...t,
-    [we(e)]: {
+    [Me(e)]: {
       action: D.MICRO_BEAT_DISPLAYED_FIRST_TIME,
       category: L.BEAT_INTERACTION,
-      label: _e(e),
-      value: T
+      label: de(e),
+      value: R
     }
   }),
   {}
@@ -114,14 +114,14 @@ const de = {
 }, L = {
   MICRO_WIDGET_INTERACTION: "Micro Widget Interaction",
   BEAT_INTERACTION: "Beat Interaction"
-}, R = {
+}, O = {
   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 = {
+}, Ne = {
   ON_VIEW_MORE_VIEWED: "onViewMoreCardView"
 }, D = {
   CONTROL_BACKWARD: "Control Backward",
@@ -135,91 +135,91 @@ const de = {
   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 = {
+}, Ie = {
   [G.MICRO_WIDGET_CAROUSEL]: {
     label: b.MICRO_WIDGET,
     name: G.MICRO_WIDGET_CAROUSEL,
-    path: Ie.INSIGHTS_MICRO_WIDGET,
-    value: T
+    path: Ee.INSIGHTS_MICRO_WIDGET,
+    value: R
   },
   // zero state
   [G.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
     label: b.MICRO_WIDGET,
     name: G.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
-    path: Ie.INSIGHTS_MICRO_WIDGET,
-    value: T
+    path: Ee.INSIGHTS_MICRO_WIDGET,
+    value: R
   },
   // no relevant cards
   [G.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
     label: b.MICRO_WIDGET,
     name: G.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
     path: "/micro-widget",
-    value: T
+    value: R
   }
-}, ye = {
+}, fe = {
   // carousel control interaction events - clicks and swipes
-  [R.ON_CAROUSEL_BACK_CLICK]: {
+  [O.ON_CAROUSEL_BACK_CLICK]: {
     action: D.CONTROL_BACKWARD,
     category: L.MICRO_WIDGET_INTERACTION,
     label: b.CAROUSEL_CONTROL,
-    value: T
+    value: R
   },
-  [R.ON_CAROUSEL_FORWARD_CLICK]: {
+  [O.ON_CAROUSEL_FORWARD_CLICK]: {
     action: D.CONTROL_FORWARD,
     category: L.MICRO_WIDGET_INTERACTION,
     label: b.CAROUSEL_CONTROL,
-    value: T
+    value: R
   },
-  [R.ON_CAROUSEL_BACK_SWIPE]: {
+  [O.ON_CAROUSEL_BACK_SWIPE]: {
     action: D.SWIPE_BACKWARD,
     category: L.MICRO_WIDGET_INTERACTION,
     label: b.CAROUSEL_CONTROL,
-    value: T
+    value: R
   },
-  [R.ON_CAROUSEL_FORWARD_SWIPE]: {
+  [O.ON_CAROUSEL_FORWARD_SWIPE]: {
     action: D.SWIPE_FORWARD,
     category: L.MICRO_WIDGET_INTERACTION,
     label: b.CAROUSEL_CONTROL,
-    value: T
+    value: R
   },
   // read more card events
-  [R.ON_VIEW_MORE_CLICKED]: {
+  [O.ON_VIEW_MORE_CLICKED]: {
     action: D.MICRO_BEAT_CLICKED,
     category: L.BEAT_INTERACTION,
     label: b.VIEW_MORE,
-    value: T
+    value: R
   },
-  [be.ON_VIEW_MORE_VIEWED]: {
+  [Ne.ON_VIEW_MORE_VIEWED]: {
     action: D.MICRO_BEAT_DISPLAYED,
     category: L.BEAT_INTERACTION,
     label: b.VIEW_MORE,
-    value: T
+    value: R
   },
+  ...rt(),
   ...it(),
-  ...at(),
-  ...st()
-}, Ae = async (t, e) => !e || !ye[t] ? null : e.sendAnalyticEvent(ye[t]).then((n) => n).catch((n) => {
+  ...at()
+}, ye = async (t, e) => !e || !fe[t] ? null : e.sendAnalyticEvent(fe[t]).then((n) => n).catch((n) => {
   throw n;
-}), Se = async (t, e) => !e || !fe[t] ? null : e.sendAnalyticsPageview(fe[t]).then((n) => n).catch((n) => {
+}), Ae = async (t, e) => !e || !Ie[t] ? null : e.sendAnalyticsPageview(Ie[t]).then((n) => n).catch((n) => {
   throw n;
 });
-class ct {
-  onAnalyticEvent = Ae;
-  onAnalyticPageView = Se;
-  beatApi = new ge("/", "");
+class st {
+  onAnalyticEvent = ye;
+  onAnalyticPageView = Ae;
+  beatApi = new he("/", "");
   constructor() {
-    le(this);
+    ce(this);
   }
   initialize = async (e, n, r) => {
-    this.onAnalyticEvent = (i, a) => {
-      Ae(i, a).then((s) => s).catch((s) => {
-        throw s.status === 401 && r(), s;
+    this.onAnalyticEvent = (i, l) => {
+      ye(i, l).then((a) => a).catch((a) => {
+        throw a.status === 401 && r(), a;
       });
-    }, this.onAnalyticPageView = (i, a) => {
-      Se(i, a).then((s) => s).catch((s) => {
-        throw s.status === 401 && r(), s;
+    }, this.onAnalyticPageView = (i, l) => {
+      Ae(i, l).then((a) => a).catch((a) => {
+        throw a.status === 401 && r(), a;
       });
-    }, this.beatApi = new ge(e, n);
+    }, this.beatApi = new he(e, n);
   };
   updateBeat = async (e) => {
     this.beatApi.updateBeat(e);
@@ -228,7 +228,7 @@ class ct {
     this.beatApi.updateOffer(e);
   };
 }
-class lt {
+class ct {
   copyStore;
   endpoint = "/";
   insightsMicroWidgetStore;
@@ -236,33 +236,33 @@ class lt {
   token = "";
   isInitialized = !1;
   constructor() {
-    this.copyStore = new rt(), this.insightsMicroWidgetStore = new ct(), le(this);
+    this.copyStore = new nt(), this.insightsMicroWidgetStore = new st(), ce(this);
   }
   initialize = async (e, n, r) => {
     await this.copyStore.initialize(e, n), await this.insightsMicroWidgetStore.initialize(e, n, r);
-    const i = await Qe(e, n, "1.0.0", "Micro Insights Carousel");
-    We(() => {
+    const i = await Ze(e, n, "1.0.0", "Micro Insights Carousel");
+    Oe(() => {
       this.session = i, this.isInitialized = !0;
     });
   };
 }
-const Y = h.createContext(null), dt = ({
+const Y = h.createContext(null), lt = ({
   onEvent: t,
   onPageview: e,
   store: n,
   children: r
-}) => /* @__PURE__ */ o(Y.Provider, { value: { onEvent: t, onPageview: e, store: n, children: r }, children: r }), _t = ({ beat: t }) => {
-  const { primary_category_guid: e, category_guids: n } = t, r = e || n?.[0] || Ye.UNCATEGORIZED;
-  return /* @__PURE__ */ o(ke, { categoryGuid: r, size: 32, sx: { minWidth: 32 } });
-}, pt = ({
+}) => /* @__PURE__ */ o(Y.Provider, { value: { onEvent: t, onPageview: e, store: n, children: r }, children: r }), dt = ({ beat: t }) => {
+  const { primary_category_guid: e, category_guids: n } = t, r = e || n?.[0] || je.UNCATEGORIZED;
+  return /* @__PURE__ */ o(Ge, { categoryGuid: r, size: 32, sx: { minWidth: 32 } });
+}, _t = ({
   avatarSx: t,
   bgColor: e,
   name: n,
   iconColor: r = "primary",
   fill: i = !0,
-  sx: a
+  sx: l
 }) => /* @__PURE__ */ o(
-  nt,
+  ot,
   {
     sx: {
       bgcolor: e,
@@ -271,12 +271,12 @@ const Y = h.createContext(null), dt = ({
       ...t
     },
     variant: "rounded",
-    children: /* @__PURE__ */ o(Fe, { color: r, fill: i, name: n, size: 20, sx: a })
+    children: /* @__PURE__ */ o(Ke, { color: r, fill: i, name: n, size: 20, sx: l })
   }
-), l = pt, mt = ({ beat: t }) => {
+), c = _t, pt = ({ beat: t }) => {
   const { category_guids: e, merchant_guids: n, primary_category_guid: r, primary_merchant_guid: i } = t;
   return /* @__PURE__ */ o(
-    Ue,
+    ke,
     {
       categoryGuid: r || e && e[0] || "",
       merchantGuid: i || n[0],
@@ -288,181 +288,181 @@ const Y = h.createContext(null), dt = ({
       }
     }
   );
-}, ut = (t) => t ? t.data ? t.data.map((e) => {
+}, mt = (t) => t ? t.data ? t.data.map((e) => {
   const n = {};
   return t.names?.map((r, i) => {
     n[r] = e[i];
   }), n;
-}) : [] : [], q = "primary", Le = "success", De = "error", xe = (t) => {
-  const e = ut(t), n = Math.floor(e.length / 2);
+}) : [] : [], q = "primary", be = "success", Le = "error", De = (t) => {
+  const e = mt(t), n = Math.floor(e.length / 2);
   if (n === 0 || n === e.length) return q;
   const r = e[0]?.amount, i = e[n]?.amount;
-  return r == null || i == null ? q : r > i ? De : r < i ? Le : q;
-}, Ct = (t, e) => t < e ? Le : t > e ? De : q, ht = ({ beat: t }) => {
-  const e = ce(), n = xe(t.data_series), r = e.palette[n].main;
-  return /* @__PURE__ */ o(l, { bgColor: c(r, 0.15), iconColor: n, name: "bar_chart" });
-}, gt = ({ beat: t }) => {
-  const e = ce(), n = t.payload?.average_spend || 0;
+  return r == null || i == null ? q : r > i ? Le : r < i ? be : q;
+}, ut = (t, e) => t < e ? be : t > e ? Le : q, Ct = ({ beat: t }) => {
+  const e = se(), n = De(t.data_series), r = e.palette[n].main;
+  return /* @__PURE__ */ o(c, { bgColor: s(r, 0.15), iconColor: n, name: "bar_chart" });
+}, ht = ({ beat: t }) => {
+  const e = se(), n = t.payload?.average_spend || 0;
   let r = 0;
   if (t.data_series?.data && t.data_series.data.length > 0) {
-    const s = (t.data_series.names || []).indexOf("amount");
-    s !== -1 && (r = t.data_series.data[0][s] || 0);
+    const a = (t.data_series.names || []).indexOf("amount");
+    a !== -1 && (r = t.data_series.data[0][a] || 0);
   }
-  const i = Ct(r, n);
+  const i = ut(r, n);
   return /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: c(e.palette[i].main, 0.15),
+      bgColor: s(e.palette[i].main, 0.15),
       iconColor: i,
       name: "timeline"
     }
   );
-}, Et = ({ beat: t }) => {
-  const e = ce(), n = xe(t.data_series), r = e.palette[n].main;
+}, gt = ({ beat: t }) => {
+  const e = se(), n = De(t.data_series), r = e.palette[n].main;
   return /* @__PURE__ */ o(
-    l,
+    c,
     {
-      bgColor: c(r, 0.15),
+      bgColor: s(r, 0.15),
       fill: !1,
       iconColor: n,
       name: "area_chart"
     }
   );
-}, It = ({ beat: t }) => /* @__PURE__ */ o(ze, { alt: t.institutionName || "", institutionGuid: t.institutionGuid || "" }), ft = {
-  0: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "error" }),
-  1: (t) => /* @__PURE__ */ o(_t, { beat: t }),
-  2: (t) => /* @__PURE__ */ o(mt, { beat: t }),
-  3: (t) => /* @__PURE__ */ o(ht, { beat: t }),
+}, Et = ({ beat: t }) => /* @__PURE__ */ o(Ue, { alt: t.institutionName || "", institutionGuid: t.institutionGuid || "" }), It = {
+  0: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "error" }),
+  1: (t) => /* @__PURE__ */ o(dt, { beat: t }),
+  2: (t) => /* @__PURE__ */ o(pt, { beat: t }),
+  3: (t) => /* @__PURE__ */ o(Ct, { beat: t }),
   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" }
     }
   ),
-  12: (t) => /* @__PURE__ */ o(Et, { beat: t }),
+  12: (t) => /* @__PURE__ */ o(gt, { 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" }),
-  29: (t) => /* @__PURE__ */ o(gt, { beat: t }),
-  30: (t, e) => /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "calendar_month" }),
+  27: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "directions_car" }),
+  28: (t, e) => /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "contract" }),
+  29: (t) => /* @__PURE__ */ o(ht, { beat: t }),
+  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(It, { beat: t })
-}, yt = ({ beat: t }) => {
-  const e = j(), { icon_type: n } = t, r = n != null ? ft[n] : null;
-  return r ? r(t, e) : /* @__PURE__ */ o(l, { bgColor: c(e.palette.primary.main, 0.15), name: "error" });
+  34: (t) => /* @__PURE__ */ o(Et, { beat: t })
+}, ft = ({ beat: t }) => {
+  const e = j(), { icon_type: n } = t, r = n != null ? It[n] : null;
+  return r ? r(t, e) : /* @__PURE__ */ o(c, { bgColor: s(e.palette.primary.main, 0.15), name: "error" });
 }, x = () => {
   const t = h.useContext(Y);
   if (!t)
     throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
   return t.store.copyStore;
-}, At = () => {
+}, yt = () => {
   const t = h.useContext(Y);
   if (!t?.store?.insightsMicroWidgetStore)
     throw new Error(
@@ -474,62 +474,62 @@ const Y = h.createContext(null), dt = ({
   if (!t)
     throw new Error("useEvent() must be used within the InsightsMicroWidgetDataProvider");
   return { onEvent: t.onEvent };
-}, ve = () => {
+}, xe = () => {
   const t = h.useContext(Y);
   if (!t)
     throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
   return { onPageview: t.onPageview };
-}, St = {
+}, At = {
   LARGE: 180,
   STANDARD: 154,
   XLARGE: 200,
   XXLARGE: 248
-}, Tt = 50, Pe = 1, Rt = h.forwardRef(
+}, St = 50, ve = 1, Tt = h.forwardRef(
   function({
     ariaLabel: e,
     cardSx: n,
     closeAriaLabel: r,
     description: i,
-    icon: a,
-    isActiveCard: s,
-    hasCardEffect: C = !1,
-    heightOverrides: g,
-    onClose: E,
-    onCardClick: u,
-    onPrimaryAction: d,
-    onSecondaryAction: m,
-    primaryActionText: _,
-    secondaryActionText: A,
-    title: I,
-    variant: S,
-    widthOverrides: f,
-    ...v
-  }, N) {
-    const k = !!(d && _), y = !!(m && A), P = C ? tt : H, w = /* @__PURE__ */ M(Te, { children: [
-      E && /* @__PURE__ */ o(
-        se,
+    icon: l,
+    isActiveCard: a,
+    hasCardEffect: u = !1,
+    heightOverrides: I,
+    onClose: g,
+    onCardClick: d,
+    onPrimaryAction: _,
+    onSecondaryAction: p,
+    primaryActionText: m,
+    secondaryActionText: f,
+    title: S,
+    variant: y,
+    widthOverrides: A,
+    ...N
+  }, z) {
+    const E = !!(_ && m), v = !!(p && f), P = u ? et : H, T = /* @__PURE__ */ M(Se, { children: [
+      g && /* @__PURE__ */ o(
+        ae,
         {
           "aria-label": r,
-          onClick: (p) => {
-            p.stopPropagation(), E?.();
+          onClick: (C) => {
+            C.stopPropagation(), g?.();
           },
-          onMouseDown: (p) => {
-            p.stopPropagation();
+          onMouseDown: (C) => {
+            C.stopPropagation();
           },
-          onTouchStart: (p) => {
-            p.stopPropagation();
+          onTouchStart: (C) => {
+            C.stopPropagation();
           },
           sx: { minHeight: 40, minWidth: 40, position: "absolute", right: 4, top: 4 },
-          children: /* @__PURE__ */ o($e, {})
+          children: /* @__PURE__ */ o(Fe, {})
         }
       ),
-      /* @__PURE__ */ M(W, { sx: { gap: 6, height: "100%", justifyContent: "space-between" }, children: [
-        /* @__PURE__ */ M(W, { sx: { flexDirection: "row", gap: 12 }, children: [
-          a && a,
-          /* @__PURE__ */ M(W, { sx: { gap: 6 }, children: [
-            /* @__PURE__ */ o(W, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: /* @__PURE__ */ o(ue, { bold: !0, sx: { lineHeight: "16px" }, variant: "body1", children: I }) }),
+      /* @__PURE__ */ M(w, { sx: { gap: 6, height: "100%", justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ M(w, { sx: { flexDirection: "row", gap: 12 }, children: [
+          l && l,
+          /* @__PURE__ */ M(w, { sx: { gap: 6 }, children: [
+            /* @__PURE__ */ o(w, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: /* @__PURE__ */ o(me, { bold: !0, sx: { lineHeight: "16px" }, variant: "body1", children: S }) }),
             /* @__PURE__ */ o(
-              ue,
+              me,
               {
                 dangerouslySetInnerHTML: { __html: i },
                 sx: {
@@ -537,7 +537,7 @@ const Y = h.createContext(null), dt = ({
                   overflow: "hidden",
                   textOverflow: "ellipsis",
                   WebkitBoxOrient: "vertical",
-                  WebkitLineClamp: k ? 2 : 3,
+                  WebkitLineClamp: E ? 2 : 3,
                   "& .bold-copy": {
                     fontWeight: "bold",
                     fontFamily: "inherit"
@@ -548,51 +548,51 @@ const Y = h.createContext(null), dt = ({
             )
           ] })
         ] }),
-        k && /* @__PURE__ */ M(
-          W,
+        E && /* @__PURE__ */ M(
+          w,
           {
             sx: {
               alignItems: "center",
               flexDirection: "row",
               height: 28,
               pb: 4,
-              pl: a ? 36 : 0
+              pl: l ? 36 : 0
             },
             children: [
-              k && /* @__PURE__ */ o(
-                ae,
+              E && /* @__PURE__ */ o(
+                ie,
                 {
-                  onClick: (p) => {
-                    p.stopPropagation(), d?.();
+                  onClick: (C) => {
+                    C.stopPropagation(), _?.();
                   },
-                  onMouseDown: (p) => {
-                    p.stopPropagation();
+                  onMouseDown: (C) => {
+                    C.stopPropagation();
                   },
-                  onTouchStart: (p) => {
-                    p.stopPropagation();
+                  onTouchStart: (C) => {
+                    C.stopPropagation();
                   },
                   size: "small",
-                  sx: { px: 8, ml: a ? 0 : -8 },
+                  sx: { px: 8, ml: l ? 0 : -8 },
                   variant: "text",
-                  children: /* @__PURE__ */ o(Ce, { bold: !0, variant: "body2", children: _ })
+                  children: /* @__PURE__ */ o(ue, { bold: !0, variant: "body2", children: m })
                 }
               ),
-              y && /* @__PURE__ */ o(
-                ae,
+              v && /* @__PURE__ */ o(
+                ie,
                 {
-                  onClick: (p) => {
-                    p.stopPropagation(), m?.();
+                  onClick: (C) => {
+                    C.stopPropagation(), p?.();
                   },
-                  onMouseDown: (p) => {
-                    p.stopPropagation();
+                  onMouseDown: (C) => {
+                    C.stopPropagation();
                   },
-                  onTouchStart: (p) => {
-                    p.stopPropagation();
+                  onTouchStart: (C) => {
+                    C.stopPropagation();
                   },
                   size: "small",
                   sx: { px: 8 },
                   variant: "text",
-                  children: /* @__PURE__ */ o(Ce, { bold: !0, sx: { color: "text.secondary" }, variant: "body2", children: A })
+                  children: /* @__PURE__ */ o(ue, { bold: !0, sx: { color: "text.secondary" }, variant: "body2", children: f })
                 }
               )
             ]
@@ -603,87 +603,87 @@ const Y = h.createContext(null), dt = ({
     return /* @__PURE__ */ o(
       P,
       {
-        "aria-hidden": !s,
+        "aria-hidden": !a,
         "aria-label": e,
-        ref: N,
+        ref: z,
         role: "group",
         sx: {
           backgroundColor: "background.paper",
-          height: g ? "100%" : 120,
-          minWidth: f ? `${f}px` : "100%",
+          height: I ? "100%" : 120,
+          minWidth: A ? `${A}px` : "100%",
           position: "relative",
           my: 1,
           ...n
         },
-        tabIndex: u || !s ? -1 : 0,
-        variant: S,
-        ...v,
-        children: u ? /* @__PURE__ */ o(
-          ot,
+        tabIndex: d || !a ? -1 : 0,
+        variant: y,
+        ...N,
+        children: d ? /* @__PURE__ */ o(
+          tt,
           {
             component: "div",
-            onClick: u,
+            onClick: d,
             sx: {
               pb: 8,
               pt: 16,
               px: 16,
               height: "100%"
             },
-            children: w
+            children: T
           }
-        ) : /* @__PURE__ */ o(H, { sx: { pb: 8, pt: 16, px: 16, height: "100%" }, children: w })
+        ) : /* @__PURE__ */ o(H, { sx: { pb: 8, pt: 16, px: 16, height: "100%" }, children: T })
       }
     );
   }
-), J = Rt, Ot = ({
+), J = Tt, Rt = ({
   ariaLabel: t,
   beat: e,
   index: n,
   isActiveCard: r,
   onCardClick: i,
-  posthog: a,
-  widthOverrides: s,
-  variant: C,
-  showIcon: g,
-  heightOverrides: E
+  posthog: l,
+  widthOverrides: a,
+  variant: u,
+  showIcon: I,
+  heightOverrides: g
 }) => {
-  const { ref: u, inView: d } = Oe({
-    threshold: Pe
-  }), { cardsCopy: m } = x(), { onEvent: _ } = X(), { updateBeat: A, updateOffer: I } = At();
-  ie(() => {
-    d && (e.has_been_displayed ? _(Ne(e.template)) : (e.guid.startsWith("OFR") ? I({
+  const { ref: d, inView: _ } = Re({
+    threshold: ve
+  }), { cardsCopy: p } = x(), { onEvent: m } = X(), { updateBeat: f, updateOffer: S } = yt();
+  re(() => {
+    _ && (e.has_been_displayed ? m(we(e.template)) : (e.guid.startsWith("OFR") ? S({
       ...e,
       has_been_displayed: !0
-    }) : A({
+    }) : f({
       ...e,
       has_been_displayed: !0
-    }), _(we(e.template))));
-  }, [d]), ie(() => {
-    if (d && e)
+    }), m(Me(e.template))));
+  }, [_]), re(() => {
+    if (_ && e)
       if (e.template === "MarketingOffer") {
-        const f = e;
-        a?.capture("viewed_messaging_insight", {
+        const A = e;
+        l?.capture("viewed_messaging_insight", {
           template: e.template,
-          campaign_guid: f.campaign_guid,
-          campaign_name: f.pulse_campaign_name
+          campaign_guid: A.campaign_guid,
+          campaign_name: A.pulse_campaign_name
         });
       } else
-        a?.capture("viewed_insight", {
+        l?.capture("viewed_insight", {
           beat_guid: e.guid,
           template: e.template,
           position: n
         });
-  }, [e, n, d]);
-  const S = () => {
-    if (i && i(e), _(Me(e.template)), e.template === "MarketingOffer") {
-      const f = e;
-      a?.capture("clicked_messaging_insight", {
+  }, [e, n, _]);
+  const y = () => {
+    if (i && i(e), m(We(e.template)), e.template === "MarketingOffer") {
+      const A = e;
+      l?.capture("clicked_messaging_insight", {
         template: e.template,
-        campaign_guid: f.campaign_guid,
-        campaign_name: f.pulse_campaign_name
+        campaign_guid: A.campaign_guid,
+        campaign_name: A.pulse_campaign_name
       });
     } else
-      a?.capture("clicked_insight", {
+      l?.capture("clicked_insight", {
         beat_guid: e.guid,
         template: e.template,
         position: n
@@ -699,31 +699,31 @@ const Y = h.createContext(null), dt = ({
       },
       description: e?.html_micro_description && e?.html_micro_description.length > 0 ? e.html_micro_description : e.html_description || "",
       hasCardEffect: !0,
-      heightOverrides: E,
-      icon: g && /* @__PURE__ */ o(yt, { beat: e }),
+      heightOverrides: g,
+      icon: I && /* @__PURE__ */ o(ft, { beat: e }),
       isActiveCard: r,
-      onCardClick: S,
-      onPrimaryAction: S,
-      primaryActionText: e.micro_call_to_action || m?.micro_card_cta,
-      ref: u,
+      onCardClick: y,
+      onPrimaryAction: y,
+      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: s
+      variant: u,
+      widthOverrides: a
     }
   );
-}, Wt = ({
+}, Ot = ({
   currentBeatIndex: t,
   numBeats: e,
   onNextClick: n,
   onPreviousClick: r,
   scrollRightBoundary: i,
-  scrollX: a,
-  shouldApplyDotAnimation: s = !1,
-  visibleCardsCount: C = 1
+  scrollX: l,
+  shouldApplyDotAnimation: a = !1,
+  visibleCardsCount: u = 1
 }) => {
-  const g = j(), { carouselCopy: E } = x(), u = Math.floor(a) > i || t - C + 1 === 0, d = a < 0 || e - 1 === t, m = g.palette.grey[500], _ = g.palette.primary.main;
+  const I = j(), { carouselCopy: g } = x(), d = Math.floor(l) > i || t - u + 1 === 0, _ = l < 0 || e - 1 === t, p = I.palette.grey[500], m = I.palette.primary.main;
   return /* @__PURE__ */ M(
-    W,
+    w,
     {
       direction: "row",
       sx: {
@@ -738,34 +738,34 @@ const Y = h.createContext(null), dt = ({
       },
       children: [
         /* @__PURE__ */ o(
-          se,
+          ae,
           {
-            "aria-disabled": u,
-            "aria-label": E?.previous_insight_cta_aria,
-            disabled: u,
+            "aria-disabled": d,
+            "aria-label": g?.previous_insight_cta_aria,
+            disabled: d,
             onClick: r,
             children: /* @__PURE__ */ o(
-              He,
+              $e,
               {
                 style: {
-                  color: u ? m : _
+                  color: d ? p : m
                 }
               }
             )
           }
         ),
-        Array.from({ length: e }).map((A, I) => {
-          const S = I === t;
+        Array.from({ length: e }).map((f, S) => {
+          const y = S === t;
           return /* @__PURE__ */ o(
             H,
             {
               className: "mx-insights-micro-carousel-dots",
               sx: {
-                bgcolor: S ? _ : m,
+                bgcolor: y ? m : 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",
@@ -774,24 +774,24 @@ const Y = h.createContext(null), dt = ({
                   borderRadius: "50%",
                   p: 0
                 },
-                width: S && s ? 24 : 8
+                width: y && a ? 24 : 8
               }
             },
-            `carousel-button-${I}`
+            `carousel-button-${S}`
           );
         }),
         /* @__PURE__ */ o(
-          se,
+          ae,
           {
-            "aria-disabled": d,
-            "aria-label": E?.next_insight_cta_aria,
-            disabled: d,
+            "aria-disabled": _,
+            "aria-label": g?.next_insight_cta_aria,
+            disabled: _,
             onClick: n,
             children: /* @__PURE__ */ o(
-              Re,
+              Te,
               {
                 style: {
-                  color: d ? m : _
+                  color: _ ? p : m
                 }
               }
             )
@@ -800,158 +800,155 @@ const Y = h.createContext(null), dt = ({
       ]
     }
   );
-}, Mt = ({
+}, Wt = ({
   activeCardIndex: t,
   beats: e,
   cardWidth: n,
-  showCTAColocatedWithText: r,
-  heightOverrides: i,
-  onCardClick: a,
-  posthog: s,
-  showIcon: C,
-  variant: g
+  heightOverrides: r,
+  onCardClick: i,
+  posthog: l,
+  showIcon: a,
+  variant: u
 }) => {
-  const { carouselCopy: E } = x(), u = {
-    showCTAColocatedWithText: r,
-    heightOverrides: i,
-    posthog: s,
-    showIcon: C,
-    variant: g
+  const { carouselCopy: I } = x(), g = {
+    heightOverrides: r,
+    posthog: l,
+    showIcon: a,
+    variant: u
   };
-  return /* @__PURE__ */ M(Te, { children: [
-    e.map((d, m) => {
-      const _ = m + 1, A = e.length + 1, I = Xe(
-        E?.card_position_in_carousel_aria,
-        _.toString(),
-        A.toString()
-      ), S = d.micro_title && d.micro_title.length > 0, f = d.micro_description && d.micro_description.length > 0, v = S ? d.micro_title : d.title, N = f ? d.micro_description : d.description;
+  return /* @__PURE__ */ M(Se, { children: [
+    e.map((d, _) => {
+      const p = _ + 1, m = e.length + 1, f = Ye(
+        I?.card_position_in_carousel_aria,
+        p.toString(),
+        m.toString()
+      ), S = d.micro_title && d.micro_title.length > 0, y = d.micro_description && d.micro_description.length > 0, A = S ? d.micro_title : d.title, N = y ? d.micro_description : d.description;
       return /* @__PURE__ */ o(
-        Ot,
+        Rt,
         {
-          ariaLabel: `${I}: ${v}, ${N}`,
+          ariaLabel: `${f}: ${A}, ${N}`,
           beat: d,
-          index: m,
-          isActiveCard: m === t,
-          onCardClick: a,
+          index: _,
+          isActiveCard: _ === t,
+          onCardClick: i,
           widthOverrides: n || void 0,
-          ...u
+          ...g
         },
-        `${d.guid} ${m}`
+        `${d.guid} ${_}`
       );
     }),
     /* @__PURE__ */ o(
-      Bt,
+      Pt,
       {
         isActiveCard: t === e.length,
-        onCardClick: a,
+        onCardClick: i,
         widthOverrides: n || void 0,
-        ...u
+        ...g
       }
     )
   ] });
-}, Nt = ({
+}, wt = ({
   analyticsMetadata: t,
   allowSingleCardPeeking: e = !1,
   beats: n = [],
-  showCTAColocatedWithText: r,
-  heightOverrides: i,
-  onCardClick: a,
-  posthog: s,
-  showCarouselControls: C,
-  showIcon: g,
-  showWithMargin: E = !0,
-  variant: u,
+  heightOverrides: r,
+  onCardClick: i,
+  posthog: l,
+  showCarouselControls: a,
+  showIcon: u,
+  showWithMargin: I = !0,
+  variant: g,
   widthOverrides: d,
-  visibleCardsCount: m = 1
+  visibleCardsCount: _ = 1
   // Default to 1 card visible
 }) => {
-  const _ = h.useRef(null), A = h.useRef(null), [I, S] = h.useState(0), [f, v] = h.useState(null), [N, k] = h.useState(null), [y, P] = h.useState(null), { carouselCopy: w } = x(), { onEvent: p } = X();
+  const p = h.useRef(null), m = h.useRef(null), [f, S] = h.useState(0), [y, A] = h.useState(null), [N, z] = h.useState(null), [E, v] = h.useState(null), { carouselCopy: P } = x(), { onEvent: T } = X();
   h.useEffect(() => {
-    if (_.current && !e) {
-      const O = _.current.offsetWidth, F = 8;
-      let U;
-      if (m > 1) {
-        const pe = (O - (m - 1) * F) / m / 3;
-        U = (O - pe - (m - 1) * F) / m;
+    if (p.current && !e) {
+      const W = p.current.offsetWidth, F = 8;
+      let k;
+      if (_ > 1) {
+        const _e = (W - (_ - 1) * F) / _ / 3;
+        k = (W - _e - (_ - 1) * F) / _;
       } else
-        U = O;
-      P(U);
+        k = W;
+      v(k);
     }
-  }, [m, _.current?.offsetWidth]), h.useEffect(() => {
-    const O = A.current?.offsetWidth;
-    if (typeof O == "number" && e) {
+  }, [_, p.current?.offsetWidth]), h.useEffect(() => {
+    const W = m.current?.offsetWidth;
+    if (typeof W == "number" && e) {
       const F = ($) => {
-        const me = [
+        const pe = [
           { maxWidth: 375, cardWidth: 268 },
           { maxWidth: 444, cardWidth: 300 },
           { maxWidth: 599, cardWidth: 350 },
           { maxWidth: 749, cardWidth: 450 },
           { maxWidth: 900, cardWidth: 600 }
-        ].find((Ge) => $ <= Ge.maxWidth);
-        return me ? me.cardWidth : 750;
+        ].find((Ve) => $ <= Ve.maxWidth);
+        return pe ? pe.cardWidth : 750;
       };
-      P(F(O));
-      const U = () => {
-        const $ = A.current?.offsetWidth;
-        typeof $ == "number" && P(F($));
+      v(F(W));
+      const k = () => {
+        const $ = m.current?.offsetWidth;
+        typeof $ == "number" && v(F($));
       };
-      return window.addEventListener("resize", U), () => {
-        window.removeEventListener("resize", U);
+      return window.addEventListener("resize", k), () => {
+        window.removeEventListener("resize", k);
       };
     }
-  }, [e, A]);
-  const ee = () => {
-    p(R.ON_CAROUSEL_FORWARD_CLICK, t), _.current && y && _.current.scrollTo({
-      left: I + y + 8,
+  }, [e, m]);
+  const C = () => {
+    T(O.ON_CAROUSEL_FORWARD_CLICK, t), p.current && E && p.current.scrollTo({
+      left: f + E + 8,
       top: 0,
       behavior: "smooth"
     });
   }, Z = () => {
-    p(R.ON_CAROUSEL_BACK_CLICK, t), _.current && y && _.current.scrollTo({
-      left: Math.max(0, I - (y + 8)),
+    T(O.ON_CAROUSEL_BACK_CLICK, t), p.current && E && p.current.scrollTo({
+      left: Math.max(0, f - (E + 8)),
       top: 0,
       behavior: "smooth"
     });
   }, Q = () => {
-    _.current && S(_.current.scrollLeft);
-  }, te = () => {
-    if (!N || !f) return;
-    N - f > Tt ? p(R.ON_CAROUSEL_FORWARD_SWIPE, t) : p(R.ON_CAROUSEL_BACK_SWIPE, t);
-  }, oe = (O) => {
-    v(O.targetTouches[0].clientX);
-  }, ne = (O) => {
-    v(null), k(O.targetTouches[0].clientX);
-  }, K = y ? Math.round(I / (y + 8)) : 0, B = _.current ? _.current.scrollWidth - _.current.offsetWidth : 0;
+    p.current && S(p.current.scrollLeft);
+  }, ee = () => {
+    if (!N || !y) return;
+    N - y > St ? T(O.ON_CAROUSEL_FORWARD_SWIPE, t) : T(O.ON_CAROUSEL_BACK_SWIPE, t);
+  }, te = (W) => {
+    A(W.targetTouches[0].clientX);
+  }, oe = (W) => {
+    A(null), z(W.targetTouches[0].clientX);
+  }, K = E ? Math.round(f / (E + 8)) : 0, B = p.current ? p.current.scrollWidth - p.current.offsetWidth : 0;
   return /* @__PURE__ */ M(
-    W,
+    w,
     {
-      "aria-label": w?.carousel_title,
+      "aria-label": P?.carousel_title,
       "aria-roledescription": "carousel",
-      ref: A,
+      ref: m,
       role: "region",
       sx: {
         alignItems: "center",
         boxSizing: "border-box",
-        height: i,
+        height: r,
         width: d || "100%"
       },
       children: [
         /* @__PURE__ */ o(
-          W,
+          w,
           {
             direction: "row",
             onScroll: Q,
-            onTouchEnd: te,
-            onTouchMove: oe,
-            onTouchStart: ne,
-            ref: _,
+            onTouchEnd: ee,
+            onTouchMove: te,
+            onTouchStart: oe,
+            ref: p,
             sx: {
               alignItems: "center",
-              height: i && "100%",
+              height: r && "100%",
               gap: 8,
               listStyleType: "none",
               m: 0,
-              maxWidth: E ? "calc(100% - 32px)" : "100%",
+              maxWidth: I ? "calc(100% - 32px)" : "100%",
               overflowX: "auto",
               overflowY: "hidden",
               p: 0,
@@ -963,49 +960,48 @@ const Y = h.createContext(null), dt = ({
               }
             },
             children: /* @__PURE__ */ o(
-              Mt,
+              Wt,
               {
                 activeCardIndex: K,
                 beats: n,
-                cardWidth: y,
-                heightOverrides: i,
-                onCardClick: a,
-                posthog: s,
-                showCTAColocatedWithText: r,
-                showIcon: g,
-                variant: u
+                cardWidth: E,
+                heightOverrides: r,
+                onCardClick: i,
+                posthog: l,
+                showIcon: u,
+                variant: g
               }
             )
           }
         ),
-        C && /* @__PURE__ */ o(
-          Wt,
+        a && /* @__PURE__ */ o(
+          Ot,
           {
-            currentBeatIndex: K + m - 1,
+            currentBeatIndex: K + _ - 1,
             numBeats: n.length + 1,
-            onNextClick: ee,
+            onNextClick: C,
             onPreviousClick: Z,
             scrollRightBoundary: B,
-            scrollX: I,
+            scrollX: f,
             shouldApplyDotAnimation: e,
-            visibleCardsCount: m
+            visibleCardsCount: _
           }
         )
       ]
     }
   );
-}, wt = z(Nt), bt = ({
+}, Mt = U(wt), Nt = ({
   analyticsMetadata: t,
   onCardClick: e,
   posthog: n,
   widthOverrides: r,
   headerSx: i
 }) => {
-  const { carouselCopy: a } = x(), { onEvent: s } = X(), C = () => {
-    s && (s(R.ON_VIEW_MORE_CLICKED, t), e(), n?.capture("clicked_view_more"));
+  const { carouselCopy: l } = x(), { onEvent: a } = X(), u = () => {
+    a && (a(O.ON_VIEW_MORE_CLICKED, t), e(), n?.capture("clicked_view_more"));
   };
-  return a ? /* @__PURE__ */ M(
-    W,
+  return l ? /* @__PURE__ */ M(
+    w,
     {
       alignItems: "center",
       direction: "row",
@@ -1018,21 +1014,21 @@ const Y = h.createContext(null), dt = ({
         ...i
       },
       children: [
-        /* @__PURE__ */ o(Ke, { children: a.carousel_title }),
+        /* @__PURE__ */ o(ze, { children: l.carousel_title }),
         /* @__PURE__ */ o(
-          ae,
+          ie,
           {
-            endIcon: /* @__PURE__ */ o(Re, { size: 20 }),
-            onClick: C,
+            endIcon: /* @__PURE__ */ o(Te, { size: 20 }),
+            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(je, {});
-}, Lt = z(bt), Dt = ({
+  ) : /* @__PURE__ */ o(He, {});
+}, bt = U(Nt), Lt = ({
   heightOverrides: t,
   widthOverrides: e,
   children: n
@@ -1053,20 +1049,20 @@ const Y = h.createContext(null), dt = ({
       children: n
     }
   );
-}, Be = ({
+}, Pe = ({
   ariaLabel: t,
   heightOverrides: e,
   onCardClick: n,
   posthog: r,
   showIcon: i,
-  variant: a
+  variant: l
 }) => {
-  const { cardsCopy: s } = x(), C = j(), { onEvent: g } = X(), { onPageview: E } = ve();
+  const { cardsCopy: a } = x(), u = j(), { onEvent: I } = X(), { onPageview: g } = xe();
   h.useEffect(() => {
-    E(G.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
+    g(G.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
   }, []);
-  const u = () => {
-    n && n(), g(R.ON_NO_RELEVANT_INSIGHTS_CLICKED), r?.capture("clicked_insight", {
+  const d = () => {
+    n && n(), I(O.ON_NO_RELEVANT_INSIGHTS_CLICKED), r?.capture("clicked_insight", {
       template: "no_relevant_insights"
     });
   };
@@ -1077,27 +1073,27 @@ const Y = h.createContext(null), dt = ({
       cardSx: {
         borderRadius: 2
       },
-      description: s.no_relevant_insights_card_description,
+      description: a.no_relevant_insights_card_description,
       hasCardEffect: !0,
       heightOverrides: e,
-      icon: i && /* @__PURE__ */ o(l, { bgColor: c(C.palette.primary.main, 0.15), name: "lightbulb" }),
-      onCardClick: u,
-      onPrimaryAction: u,
-      primaryActionText: s.micro_card_cta,
-      title: s.no_relevant_insights_card_title,
-      variant: a
+      icon: i && /* @__PURE__ */ o(c, { bgColor: s(u.palette.primary.main, 0.15), name: "lightbulb" }),
+      onCardClick: d,
+      onPrimaryAction: d,
+      primaryActionText: a.micro_card_cta,
+      title: a.no_relevant_insights_card_title,
+      variant: l
     }
   );
-}, so = z(Be), Ve = ({
+}, ao = U(Pe), Be = ({
   ariaLabel: t,
   heightOverrides: e,
   onCardClick: n,
   showIcon: r,
   variant: i
 }) => {
-  const { onPageview: a } = ve(), { zeroStateCopy: s } = x(), C = j();
+  const { onPageview: l } = xe(), { zeroStateCopy: a } = x(), u = j();
   return h.useEffect(() => {
-    a(G.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
+    l(G.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
   }, []), /* @__PURE__ */ o(
     J,
     {
@@ -1105,16 +1101,16 @@ const Y = h.createContext(null), dt = ({
       cardSx: {
         borderRadius: 2
       },
-      description: s.carousel_zero_state_description,
+      description: a.carousel_zero_state_description,
       hasCardEffect: !0,
       heightOverrides: e,
-      icon: r && /* @__PURE__ */ o(l, { bgColor: c(C.palette.primary.main, 0.15), name: "lightbulb" }),
+      icon: r && /* @__PURE__ */ o(c, { bgColor: s(u.palette.primary.main, 0.15), name: "lightbulb" }),
       onCardClick: n,
-      title: s.carousel_zero_state_title,
+      title: a.carousel_zero_state_title,
       variant: i
     }
   );
-}, co = z(Ve), xt = () => /* @__PURE__ */ o(
+}, so = U(Be), Dt = () => /* @__PURE__ */ o(
   H,
   {
     sx: {
@@ -1124,130 +1120,127 @@ const Y = h.createContext(null), dt = ({
       justifyContent: "center",
       width: "100%"
     },
-    children: /* @__PURE__ */ o(Ze, {})
+    children: /* @__PURE__ */ o(Xe, {})
   }
-), V = new lt(), vt = ({
+), V = new ct(), xt = ({
   allowSingleCardPeeking: t,
   areBeatsLoading: e,
   beats: n = [],
   // This also determines the length of the carousel controls (beat.length + 1)
-  showCTAColocatedWithText: r = !0,
-  endpoint: i = "/",
-  heightOverrides: a,
-  headerSx: s,
-  logOutUser: C,
-  onCardClick: g = () => {
+  endpoint: r = "/",
+  heightOverrides: i,
+  headerSx: l,
+  logOutUser: a,
+  onCardClick: u = () => {
   },
-  onEvent: E = () => {
+  onEvent: I = () => {
   },
-  onPageview: u = () => {
+  onPageview: g = () => {
   },
   posthog: d,
-  showBorder: m = !0,
-  showCarouselControls: _,
-  showHeader: A,
-  showIcon: I,
+  showBorder: _ = !0,
+  showCarouselControls: p,
+  showHeader: m,
+  showIcon: f,
   showWithMargin: S = !0,
-  token: f = "",
-  userHasFullInsightFeedBeats: v,
+  token: y = "",
+  userHasFullInsightFeedBeats: A,
   variant: N,
-  visibleCardsCount: k = 1,
-  widthOverrides: y
+  visibleCardsCount: z = 1,
+  widthOverrides: E
 }) => {
-  const [P, w] = re("STANDARD"), [p, ee] = re(!1), [Z, Q] = re(!1), te = qe([E], V), oe = Je([u], V);
-  et({
+  const [v, P] = ne("STANDARD"), [T, C] = ne(!1), [Z, Q] = ne(!1), ee = Qe([I], V), te = qe([g], V);
+  Je({
     widgetName: "InsightsMicroWidget",
-    isLoaded: p
+    isLoaded: T
   }), h.useEffect(() => {
-    !V.isInitialized && !Z && (V.initialize(i, f, C).catch(() => Q(!1)), Q(!0));
-  }, [i, f, C, V.isInitialized, Z]), h.useEffect(() => {
+    !V.isInitialized && !Z && (V.initialize(r, y, a).catch(() => Q(!1)), Q(!0));
+  }, [r, y, a, V.isInitialized, Z]), h.useEffect(() => {
     const B = window.innerHeight;
-    B < 180 ? w("STANDARD") : B >= 180 && B < 200 ? w("LARGE") : B >= 200 && B < 248 ? w("XLARGE") : B >= 248 && w("XXLARGE");
+    B < 180 ? P("STANDARD") : B >= 180 && B < 200 ? P("LARGE") : B >= 200 && B < 248 ? P("XLARGE") : B >= 248 && P("XXLARGE");
   }, [window.innerHeight]), h.useEffect(() => {
-    ee(!e && V.isInitialized);
+    C(!e && V.isInitialized);
   }, [e, V.isInitialized]);
-  const ne = {
-    showCTAColocatedWithText: r,
-    heightOverrides: a,
-    onCardClick: g,
+  const oe = {
+    heightOverrides: i,
+    onCardClick: u,
     posthog: d,
-    showIcon: I,
+    showIcon: f,
     showWithMargin: S,
-    widthOverrides: y
+    widthOverrides: E
   }, K = {
-    carouselSize: P,
+    carouselSize: v,
     variant: N,
-    showCTAColocatedWithText: r,
-    heightOverrides: a,
-    onCardClick: g,
+    heightOverrides: i,
+    onCardClick: u,
     posthog: d,
-    showIcon: I
+    showIcon: f
   };
-  return /* @__PURE__ */ o(dt, { onEvent: te, onPageview: oe, store: V, children: /* @__PURE__ */ M(Dt, { heightOverrides: a, widthOverrides: y, children: [
-    !p && /* @__PURE__ */ o(xt, {}),
-    p && A && /* @__PURE__ */ o(
-      Lt,
+  return /* @__PURE__ */ o(lt, { onEvent: ee, onPageview: te, store: V, children: /* @__PURE__ */ M(Lt, { heightOverrides: i, widthOverrides: E, children: [
+    !T && /* @__PURE__ */ o(Dt, {}),
+    T && m && /* @__PURE__ */ o(
+      bt,
       {
-        analyticsMetadata: Ee,
-        headerSx: s,
-        onCardClick: g,
+        analyticsMetadata: ge,
+        headerSx: l,
+        onCardClick: u,
         posthog: d,
-        widthOverrides: y
+        widthOverrides: E
       }
     ),
-    p && !!n.length && /* @__PURE__ */ o(
-      wt,
+    T && !!n.length && /* @__PURE__ */ o(
+      Mt,
       {
         allowSingleCardPeeking: t,
-        analyticsMetadata: Ee,
+        analyticsMetadata: ge,
         beats: n,
-        showCarouselControls: _,
-        variant: m ? N : void 0,
-        visibleCardsCount: k,
-        ...ne
+        showCarouselControls: p,
+        variant: _ ? N : void 0,
+        visibleCardsCount: z,
+        ...oe
       }
     ),
-    p && !n.length && /* @__PURE__ */ o(
-      W,
+    T && !n.length && /* @__PURE__ */ o(
+      w,
       {
         sx: {
           alignItems: "center",
-          height: a,
-          width: y || "100%"
+          height: i,
+          width: E || "100%"
         },
         children: /* @__PURE__ */ o(
-          W,
+          w,
           {
             sx: {
-              height: `calc(${St[P]}px - 44px)`,
-              width: S ? `calc(${y}px - 32px)` : "100%"
+              height: `calc(${At[v]}px - 44px)`,
+              width: S ? `calc(${E}px - 32px)` : "100%"
             },
-            children: v ? /* @__PURE__ */ o(Be, { ...K }) : /* @__PURE__ */ o(Ve, { ...K })
+            children: A ? /* @__PURE__ */ o(Pe, { ...K }) : /* @__PURE__ */ o(Be, { ...K })
           }
         )
       }
     )
   ] }) });
-}, lo = z(vt), Pt = ({
+}, co = U(xt), vt = ({
   ariaLabel: t,
   heightOverrides: e,
   isActiveCard: n,
   onCardClick: r,
   posthog: i,
-  widthOverrides: a,
-  showIcon: s,
-  variant: C
+  widthOverrides: l,
+  showIcon: a,
+  variant: u
 }) => {
-  const g = j(), { ref: E, inView: u } = Oe({
-    threshold: Pe
-  }), { cardsCopy: d } = x(), { onEvent: m } = X();
-  ie(() => {
-    u && (m(be.ON_VIEW_MORE_VIEWED), i?.capture("viewed_insight", {
+  const I = j(), { ref: g, inView: d } = Re({
+    threshold: ve
+  }), { cardsCopy: _ } = x(), { onEvent: p } = X();
+  re(() => {
+    d && (p(Ne.ON_VIEW_MORE_VIEWED), i?.capture("viewed_insight", {
       template: "view_more_card"
     }));
-  }, [u]);
-  const _ = () => {
-    r && r(), m(R.ON_VIEW_MORE_CLICKED), i?.capture("clicked_insight", {
+  }, [d]);
+  const m = () => {
+    r && r(), p(O.ON_VIEW_MORE_CLICKED), i?.capture("clicked_insight", {
       template: "view_more_card"
     });
   };
@@ -1259,33 +1252,33 @@ const Y = h.createContext(null), dt = ({
       cardSx: {
         borderRadius: 2
       },
-      description: d?.view_more_card_description,
+      description: _?.view_more_card_description,
       hasCardEffect: !0,
       heightOverrides: e,
-      icon: s && /* @__PURE__ */ o(l, { bgColor: c(g.palette.primary.main, 0.15), name: "show_chart" }),
+      icon: a && /* @__PURE__ */ o(c, { bgColor: s(I.palette.primary.main, 0.15), name: "show_chart" }),
       isActiveCard: n,
-      onCardClick: _,
-      onPrimaryAction: _,
-      primaryActionText: d?.micro_card_cta,
-      ref: E,
-      title: d?.view_more_card_title,
-      variant: C,
-      widthOverrides: a
+      onCardClick: m,
+      onPrimaryAction: m,
+      primaryActionText: _?.micro_card_cta,
+      ref: g,
+      title: _?.view_more_card_title,
+      variant: u,
+      widthOverrides: l
     }
   );
-}, Bt = z(Pt);
+}, Pt = U(vt);
 export {
-  lt as A,
-  l as B,
-  Lt as C,
-  dt as I,
-  wt as M,
-  so as N,
-  Ee as T,
-  Bt as V,
-  co as Z,
-  Ot as a,
-  lo as b,
-  ht as c,
+  ct as A,
+  c as B,
+  bt as C,
+  lt as I,
+  Mt as M,
+  ao as N,
+  ge as T,
+  Pt as V,
+  so as Z,
+  Rt as a,
+  co as b,
+  Ct as c,
   J as d
 };