@mx-cartographer/experiences 7.0.34-alpha.sms1 → 7.0.35

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.0.35] - 10-01-2025
+
+- **REMOVED** - ThemeProvider and CSSBaseline wrapping InsightsMicroWidget preventing background transparency
+
 ## [7.0.34] - 09-30-2025
 
 - **FIXED** - Initialize InsightsMicroWidget only once

package/dist/{ViewMoreMicroCard-CXxtKHUM.mjs → ViewMoreMicroCard-BAz2NyEO.mjs}

@@ -1,39 +1,38 @@
-import { jsx as e, jsxs as I } from "react/jsx-runtime";
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
 import u, { useState as te, useEffect as oe } from "react";
-import { observer as P } from "mobx-react-lite";
-import be from "@mui/material/CssBaseline";
-import { useTheme as Me, ThemeProvider as Ue } from "@mui/material/styles";
-import ze from "@mui/material/Link";
+import { observer as G } from "mobx-react-lite";
+import Ge from "@mui/material/Link";
 import K from "@mui/material/Stack";
 import pe from "@mui/material/Typography";
-import { ChevronLeft as Ke, ChevronRight as Ae } from "@mxenabled/mx-icons";
-import { L as $e } from "./Loader-DUaFpDGv.mjs";
+import { ChevronLeft as be, ChevronRight as Me } from "@mxenabled/mx-icons";
+import { L as Ue } from "./Loader-DUaFpDGv.mjs";
 import U from "@mui/material/Box";
 import _e from "@mui/material/IconButton";
-import { useInView as Oe } from "react-intersection-observer";
-import { P as je, CategoryIcon as Ye, useTokens as Te, MerchantLogo as Xe, Icon as ie } from "@mxenabled/mxui";
-import de from "@mui/material/styles/useTheme";
-import { b as Qe } from "./Category-CevNQ03n.mjs";
-import { css as qe } from "@mxenabled/cssinjs";
-import { b as Je } from "./Localization-2MODESHW.mjs";
-import et from "@mui/material/CircularProgress";
-import { makeAutoObservable as he, runInAction as We } from "mobx";
-import { G as Ce, a as tt, u as it, b as ot } from "./useCombineEvents-BUDIR1ba.mjs";
+import { useTheme as ze } from "@mui/material/styles";
+import { useInView as Ae } from "react-intersection-observer";
+import { P as Ke, CategoryIcon as $e, useTokens as Oe, MerchantLogo as Ye, Icon as ie } from "@mxenabled/mxui";
+import se from "@mui/material/styles/useTheme";
+import { b as je } from "./Category-CevNQ03n.mjs";
+import { css as Xe } from "@mxenabled/cssinjs";
+import { b as Qe } from "./Localization-2MODESHW.mjs";
+import qe from "@mui/material/CircularProgress";
+import { makeAutoObservable as de, runInAction as Te } from "mobx";
+import { G as Ce, a as Je, u as et, b as tt } from "./useCombineEvents-BUDIR1ba.mjs";
 import { B as fe } from "./BeatApi-DhJpgCLz.mjs";
-import rt from "@mui/material/Card";
-import lt from "@mui/material/CardActions";
-import nt from "@mui/material/CardContent";
-import at from "@mui/material/CardHeader";
+import it from "@mui/material/Card";
+import ot from "@mui/material/CardActions";
+import rt from "@mui/material/CardContent";
+import lt from "@mui/material/CardHeader";
 const me = {
   featureVersion: "spendVsIncomeTrends"
 };
-class ct {
+class nt {
   copyApi = new Ce("/", "");
   copyObject = {};
   namespace = "experiences";
   translationKey = "micro_insights";
   constructor() {
-    he(this);
+    de(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
@@ -43,8 +42,8 @@ class ct {
   };
   loadCopy = async () => {
     const o = await this.copyApi.getGlobalCopy(this.namespace, this.translationKey);
-    We(() => {
-      this.copyObject = o[this.translationKey], console.log("this.copyObject", this.copyObject);
+    Te(() => {
+      this.copyObject = o[this.translationKey];
     });
   };
   get cardsCopy() {
@@ -57,7 +56,7 @@ class ct {
     return this.copyObject.zero_state;
   }
 }
-const Ee = {
+const he = {
   BillAmountNotStandard: "BillAmountNotStandard",
   CanadianUpcomingDeadlineAlert: "CanadianUpcomingDeadlineAlert",
   DuplicatePaymentV2: "DuplicatePaymentV2",
@@ -76,45 +75,45 @@ const Ee = {
   MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
 }, S = window?.app?.clientConfig?.microwidget_instance_id || "", ge = {
   INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, we = (i) => `on${i}Click`, xe = (i) => `on${i}View`, De = (i) => `on${i}ViewFirstTime`, ue = (i) => i.replace(/([a-z])([A-Z])/g, "$1 $2"), st = () => Object.values(Ee).reduce(
+}, We = (i) => `on${i}Click`, we = (i) => `on${i}View`, xe = (i) => `on${i}ViewFirstTime`, Ee = (i) => i.replace(/([a-z])([A-Z])/g, "$1 $2"), at = () => Object.values(he).reduce(
   (i, o) => ({
     ...i,
-    [we(o)]: {
-      action: D.MICRO_BEAT_CLICKED,
-      category: x.BEAT_INTERACTION,
-      label: ue(o),
+    [We(o)]: {
+      action: w.MICRO_BEAT_CLICKED,
+      category: W.BEAT_INTERACTION,
+      label: Ee(o),
       value: S
     }
   }),
   {}
-), dt = () => Object.values(Ee).reduce(
+), ct = () => Object.values(he).reduce(
   (i, o) => ({
     ...i,
-    [xe(o)]: {
-      action: D.MICRO_BEAT_DISPLAYED,
-      category: x.BEAT_INTERACTION,
-      label: ue(o),
+    [we(o)]: {
+      action: w.MICRO_BEAT_DISPLAYED,
+      category: W.BEAT_INTERACTION,
+      label: Ee(o),
       value: S
     }
   }),
   {}
-), ht = () => Object.values(Ee).reduce(
+), st = () => Object.values(he).reduce(
   (i, o) => ({
     ...i,
-    [De(o)]: {
-      action: D.MICRO_BEAT_DISPLAYED_FIRST_TIME,
-      category: x.BEAT_INTERACTION,
-      label: ue(o),
+    [xe(o)]: {
+      action: w.MICRO_BEAT_DISPLAYED_FIRST_TIME,
+      category: W.BEAT_INTERACTION,
+      label: Ee(o),
       value: S
     }
   }),
   {}
-), w = {
+), T = {
   CARD: "Card",
   CAROUSEL_CONTROL: "Carousel Control",
   MICRO_WIDGET: "Micro Widget",
   VIEW_MORE: "View More"
-}, x = {
+}, W = {
   MICRO_WIDGET_INTERACTION: "Micro Widget Interaction",
   BEAT_INTERACTION: "Beat Interaction"
 }, M = {
@@ -124,9 +123,9 @@ const Ee = {
   ON_CAROUSEL_FORWARD_SWIPE: "onCarouselForwardSwipe",
   ON_NO_RELEVANT_INSIGHTS_CLICKED: "onNoRelevantInsightsClicked",
   ON_VIEW_MORE_CLICKED: "onViewMoreClicked"
-}, Le = {
+}, De = {
   ON_VIEW_MORE_VIEWED: "onViewMoreCardView"
-}, D = {
+}, w = {
   CONTROL_BACKWARD: "Control Backward",
   CONTROL_FORWARD: "Control Forward",
   MICRO_BEAT_CLICKED: "Micro Beat Clicked",
@@ -134,84 +133,84 @@ const Ee = {
   MICRO_BEAT_DISPLAYED_FIRST_TIME: "Micro Beat Displayed For First Time",
   SWIPE_BACKWARD: "Swipe Backward",
   SWIPE_FORWARD: "Swipe Forward"
-}, k = {
+}, H = {
   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"
 }, Re = {
-  [k.MICRO_WIDGET_CAROUSEL]: {
-    label: w.MICRO_WIDGET,
-    name: k.MICRO_WIDGET_CAROUSEL,
+  [H.MICRO_WIDGET_CAROUSEL]: {
+    label: T.MICRO_WIDGET,
+    name: H.MICRO_WIDGET_CAROUSEL,
     path: ge.INSIGHTS_MICRO_WIDGET,
     value: S
   },
   // zero state
-  [k.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
-    label: w.MICRO_WIDGET,
-    name: k.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
+  [H.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
+    label: T.MICRO_WIDGET,
+    name: H.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
     path: ge.INSIGHTS_MICRO_WIDGET,
     value: S
   },
   // no relevant cards
-  [k.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
-    label: w.MICRO_WIDGET,
-    name: k.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
+  [H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
+    label: T.MICRO_WIDGET,
+    name: H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
     path: "/micro-widget",
     value: S
   }
 }, Ie = {
   // carousel control interaction events - clicks and swipes
   [M.ON_CAROUSEL_BACK_CLICK]: {
-    action: D.CONTROL_BACKWARD,
-    category: x.MICRO_WIDGET_INTERACTION,
-    label: w.CAROUSEL_CONTROL,
+    action: w.CONTROL_BACKWARD,
+    category: W.MICRO_WIDGET_INTERACTION,
+    label: T.CAROUSEL_CONTROL,
     value: S
   },
   [M.ON_CAROUSEL_FORWARD_CLICK]: {
-    action: D.CONTROL_FORWARD,
-    category: x.MICRO_WIDGET_INTERACTION,
-    label: w.CAROUSEL_CONTROL,
+    action: w.CONTROL_FORWARD,
+    category: W.MICRO_WIDGET_INTERACTION,
+    label: T.CAROUSEL_CONTROL,
     value: S
   },
   [M.ON_CAROUSEL_BACK_SWIPE]: {
-    action: D.SWIPE_BACKWARD,
-    category: x.MICRO_WIDGET_INTERACTION,
-    label: w.CAROUSEL_CONTROL,
+    action: w.SWIPE_BACKWARD,
+    category: W.MICRO_WIDGET_INTERACTION,
+    label: T.CAROUSEL_CONTROL,
     value: S
   },
   [M.ON_CAROUSEL_FORWARD_SWIPE]: {
-    action: D.SWIPE_FORWARD,
-    category: x.MICRO_WIDGET_INTERACTION,
-    label: w.CAROUSEL_CONTROL,
+    action: w.SWIPE_FORWARD,
+    category: W.MICRO_WIDGET_INTERACTION,
+    label: T.CAROUSEL_CONTROL,
     value: S
   },
   // read more card events
   [M.ON_VIEW_MORE_CLICKED]: {
-    action: D.MICRO_BEAT_CLICKED,
-    category: x.BEAT_INTERACTION,
-    label: w.VIEW_MORE,
+    action: w.MICRO_BEAT_CLICKED,
+    category: W.BEAT_INTERACTION,
+    label: T.VIEW_MORE,
     value: S
   },
-  [Le.ON_VIEW_MORE_VIEWED]: {
-    action: D.MICRO_BEAT_DISPLAYED,
-    category: x.BEAT_INTERACTION,
-    label: w.VIEW_MORE,
+  [De.ON_VIEW_MORE_VIEWED]: {
+    action: w.MICRO_BEAT_DISPLAYED,
+    category: W.BEAT_INTERACTION,
+    label: T.VIEW_MORE,
     value: S
   },
-  ...st(),
-  ...dt(),
-  ...ht()
+  ...at(),
+  ...ct(),
+  ...st()
 }, ye = async (i, o) => !o || !Ie[i] ? null : o.sendAnalyticEvent(Ie[i]).then((t) => t).catch((t) => {
   throw t;
 }), ve = async (i, o) => !o || !Re[i] ? null : o.sendAnalyticsPageview(Re[i]).then((t) => t).catch((t) => {
   throw t;
 });
-class Et {
+class dt {
   onAnalyticEvent = ye;
   onAnalyticPageView = ve;
   beatApi = new fe("/", "");
   constructor() {
-    he(this);
+    de(this);
   }
   initialize = async (o, t, r) => {
     this.onAnalyticEvent = (l, n) => {
@@ -231,7 +230,7 @@ class Et {
     this.beatApi.updateOffer(o);
   };
 }
-class ut {
+class ht {
   copyStore;
   endpoint = "/";
   insightsMicroWidgetStore;
@@ -239,17 +238,17 @@ class ut {
   token = "";
   isInitialized = !1;
   constructor() {
-    this.copyStore = new ct(), this.insightsMicroWidgetStore = new Et(), he(this);
+    this.copyStore = new nt(), this.insightsMicroWidgetStore = new dt(), de(this);
   }
   initialize = async (o, t, r) => {
     await this.copyStore.initialize(o, t), await this.insightsMicroWidgetStore.initialize(o, t, r);
-    const l = await tt(o, t, "1.0.0", "Micro Insights Carousel");
-    We(() => {
+    const l = await Je(o, t, "1.0.0", "Micro Insights Carousel");
+    Te(() => {
       this.session = l, this.isInitialized = !0;
     });
   };
 }
-const $ = u.createContext(null), pt = ({
+const $ = u.createContext(null), Et = ({
   onEvent: i,
   onPageview: o,
   store: t,
@@ -273,8 +272,8 @@ const $ = u.createContext(null), pt = ({
     variant: c,
     widthOverrides: E
   }, g) {
-    const y = de(), [L, O] = u.useState(!1), { cardStyle: v, linkTextStyle: B } = f, z = c ? v : { border: "none", boxShadow: "none", ...v }, R = /* @__PURE__ */ e(
-      je,
+    const I = se(), [x, O] = u.useState(!1), { cardStyle: y, linkTextStyle: F } = f, z = c ? y : { border: "none", boxShadow: "none", ...y }, R = /* @__PURE__ */ e(
+      Ke,
       {
         className: "mx-micro-card-description",
         color: h.textColor ? "undefined" : "text.primary",
@@ -294,7 +293,7 @@ const $ = u.createContext(null), pt = ({
           "span",
           {
             dangerouslySetInnerHTML: { __html: l },
-            style: { fontFamily: y.typography.fontFamily }
+            style: { fontFamily: I.typography.fontFamily }
           }
         )
       }
@@ -311,7 +310,7 @@ const $ = u.createContext(null), pt = ({
         sx: {
           height: "100%",
           minWidth: E ? `${E}px` : "100%",
-          fontFamily: y.typography.fontFamily
+          fontFamily: I.typography.fontFamily
         },
         children: /* @__PURE__ */ e(
           U,
@@ -325,13 +324,13 @@ const $ = u.createContext(null), pt = ({
             ref: g,
             role: "button",
             sx: {
-              border: L ? "1px solid rgba(82, 138, 224, 0.8)" : void 0,
+              border: x ? "1px solid rgba(82, 138, 224, 0.8)" : void 0,
               borderRadius: "8px",
               height: "100%"
             },
             tabIndex: d ? 0 : -1,
             children: /* @__PURE__ */ e(
-              rt,
+              it,
               {
                 "aria-roledescription": "slide",
                 className: "mx-micro-card",
@@ -348,7 +347,7 @@ const $ = u.createContext(null), pt = ({
                   }
                 },
                 variant: c,
-                children: /* @__PURE__ */ I(
+                children: /* @__PURE__ */ v(
                   K,
                   {
                     sx: {
@@ -357,7 +356,7 @@ const $ = u.createContext(null), pt = ({
                     },
                     children: [
                       /* @__PURE__ */ e(
-                        at,
+                        lt,
                         {
                           avatar: C && a,
                           subheader: p && R,
@@ -366,9 +365,9 @@ const $ = u.createContext(null), pt = ({
                           titleTypographyProps: { fontSize: 15, fontWeight: 600, variant: "h3" }
                         }
                       ),
-                      /* @__PURE__ */ e(nt, { sx: { p: 0 }, children: !p && R }),
+                      /* @__PURE__ */ e(rt, { sx: { p: 0 }, children: !p && R }),
                       !!o && /* @__PURE__ */ e(
-                        lt,
+                        ot,
                         {
                           sx: {
                             mt: "auto",
@@ -377,13 +376,13 @@ const $ = u.createContext(null), pt = ({
                           children: /* @__PURE__ */ e(
                             U,
                             {
-                              sx: (N) => ({
-                                color: h.buttonColor ? h.buttonColor : N.palette.primary.main,
+                              sx: (D) => ({
+                                color: h.buttonColor ? h.buttonColor : D.palette.primary.main,
                                 fontSize: 14,
                                 fontWeight: "bold",
                                 px: 28,
-                                fontFamily: N.typography.fontFamily,
-                                ...B
+                                fontFamily: D.typography.fontFamily,
+                                ...F
                               }),
                               children: o
                             }
@@ -400,15 +399,15 @@ const $ = u.createContext(null), pt = ({
       }
     );
   }
-), _t = ({ beat: i }) => {
-  const [o, t] = te(Qe.UNCATEGORIZED);
+), ut = ({ beat: i }) => {
+  const [o, t] = te(je.UNCATEGORIZED);
   return oe(() => {
     i.primary_category_guid ? t(i.primary_category_guid) : i.category_guids?.length && t(i.category_guids[0]);
-  }, []), /* @__PURE__ */ e(Ye, { categoryGuid: o, size: 16, sx: { minWidth: 16 } });
-}, Ct = ({ beat: i }) => {
-  const o = Te(), t = ft(o);
+  }, []), /* @__PURE__ */ e($e, { categoryGuid: o, size: 16, sx: { minWidth: 16 } });
+}, pt = ({ beat: i }) => {
+  const o = Oe(), t = _t(o);
   return /* @__PURE__ */ e(
-    Xe,
+    Ye,
     {
       categoryGuid: i.primary_category_guid || i.category_guids && i.category_guids[0] || "",
       className: t,
@@ -416,12 +415,12 @@ const $ = u.createContext(null), pt = ({
       size: 16
     }
   );
-}, ft = (i) => qe({
+}, _t = (i) => Xe({
   marginTop: i.Spacing.XTiny,
   "& .kyper-categoryicon": {
     display: "flex"
   }
-}), mt = P(Ct), gt = ({
+}), Ct = G(pt), ft = ({
   color: i = "currentColor",
   height: o,
   size: t = 16,
@@ -447,18 +446,18 @@ const $ = u.createContext(null), pt = ({
       }
     )
   }
-), Rt = (i) => i ? i.data ? i.data.map((o) => {
+), mt = (i) => i ? i.data ? i.data.map((o) => {
   const t = {};
   return i.names?.map((r, l) => {
     t[r] = o[l];
   }), t;
-}) : [] : [], It = (i, o) => {
-  const t = Rt(i), r = t.length / 2, l = t.slice(0, r), n = t.slice(r);
+}) : [] : [], gt = (i, o) => {
+  const t = mt(i), r = t.length / 2, l = t.slice(0, r), n = t.slice(r);
   return !l.length || !n.length ? o.Color.Primary300 : l[0].amount > n[0].amount ? o.Color.Error300 : l[0].amount < n[0].amount ? o.Color.Success300 : o.Color.Primary300;
-}, yt = ({ beat: i }) => {
-  const o = Te(), t = It(i.data_series, o);
+}, Rt = ({ beat: i }) => {
+  const o = Oe(), t = gt(i.data_series, o);
   return /* @__PURE__ */ e(ie, { name: "bar_chart", sx: { color: t } });
-}, Ne = () => /* @__PURE__ */ I("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
+}, Le = () => /* @__PURE__ */ v("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ e(
     "path",
     {
@@ -702,7 +701,7 @@ const $ = u.createContext(null), pt = ({
       fillRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ I("g", { filter: "url(#filter0_d_1565_98011)", children: [
+  /* @__PURE__ */ v("g", { filter: "url(#filter0_d_1565_98011)", children: [
     /* @__PURE__ */ e("mask", { height: "22", id: "mask1_1565_98011", maskUnits: "userSpaceOnUse", width: "17", x: "16", y: "12", children: /* @__PURE__ */ e(
       "path",
       {
@@ -958,10 +957,10 @@ const $ = u.createContext(null), pt = ({
     ),
     /* @__PURE__ */ e("path", { d: "M17.9668 31.5737H19.4947", stroke: "#E4E8EE", strokeWidth: "0.264005" })
   ] }),
-  /* @__PURE__ */ I("g", { filter: "url(#filter1_d_1565_98011)", children: [
+  /* @__PURE__ */ v("g", { filter: "url(#filter1_d_1565_98011)", children: [
     /* @__PURE__ */ e("circle", { cx: "15.0441", cy: "16.0441", fill: "#CDD3DD", r: "15.0441" }),
     /* @__PURE__ */ e("mask", { height: "30", id: "mask2_1565_98011", maskUnits: "userSpaceOnUse", width: "30", x: "0", y: "1", children: /* @__PURE__ */ e("circle", { cx: "15.0435", cy: "16.0445", fill: "#F8F9FB", r: "14.3951" }) }),
-    /* @__PURE__ */ I("g", { mask: "url(#mask2_1565_98011)", children: [
+    /* @__PURE__ */ v("g", { mask: "url(#mask2_1565_98011)", children: [
       /* @__PURE__ */ e("rect", { fill: "white", height: "31.1359", transform: "translate(0 0.162598)", width: "31.0101" }),
       /* @__PURE__ */ e("rect", { fill: "#A8B1BD", height: "3.0172", rx: "0.167622", width: "3.0172", x: "3.26953", y: "4.52002" }),
       /* @__PURE__ */ e("rect", { fill: "#A8B1BD", height: "3.0172", rx: "0.167622", width: "3.0172", x: "3.26953", y: "17.1758" }),
@@ -1151,8 +1150,8 @@ const $ = u.createContext(null), pt = ({
       fill: "#CDD3DD"
     }
   ),
-  /* @__PURE__ */ I("defs", { children: [
-    /* @__PURE__ */ I(
+  /* @__PURE__ */ v("defs", { children: [
+    /* @__PURE__ */ v(
       "filter",
       {
         colorInterpolationFilters: "sRGB",
@@ -1195,7 +1194,7 @@ const $ = u.createContext(null), pt = ({
         ]
       }
     ),
-    /* @__PURE__ */ I(
+    /* @__PURE__ */ v(
       "filter",
       {
         colorInterpolationFilters: "sRGB",
@@ -1240,8 +1239,8 @@ const $ = u.createContext(null), pt = ({
     )
   ] })
 ] }), Se = ({ beat: i, clientColorScheme: o, color: t, type: r }) => {
-  const l = de(), n = o?.primary_300 ? o.primary_300 : l.palette.primary.main;
-  return r === 0 ? /* @__PURE__ */ e(ie, { fill: !0, name: "error", sx: { color: t || n } }) : r === 1 && i ? /* @__PURE__ */ e(_t, { beat: i }) : r === 2 && i ? /* @__PURE__ */ e(mt, { beat: i }) : r === 3 && i ? /* @__PURE__ */ e(yt, { beat: i }) : r === 5 && i ? /* @__PURE__ */ e(ie, { name: "campaign" }) : /* @__PURE__ */ e(
+  const l = se(), n = o?.primary_300 ? o.primary_300 : l.palette.primary.main;
+  return r === 0 ? /* @__PURE__ */ e(ie, { fill: !0, name: "error", sx: { color: t || n } }) : r === 1 && i ? /* @__PURE__ */ e(ut, { beat: i }) : r === 2 && i ? /* @__PURE__ */ e(Ct, { beat: i }) : r === 3 && i ? /* @__PURE__ */ e(Rt, { beat: i }) : r === 5 && i ? /* @__PURE__ */ e(ie, { name: "campaign" }) : /* @__PURE__ */ e(
     ie,
     {
       fill: !0,
@@ -1251,34 +1250,34 @@ const $ = u.createContext(null), pt = ({
       }
     }
   );
-}, F = () => {
+}, k = () => {
   const i = u.useContext($);
   if (!i)
     throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
   return i.store.copyStore;
-}, vt = () => {
+}, It = () => {
   const i = u.useContext($);
   if (!i?.store?.insightsMicroWidgetStore)
     throw new Error(
       "useInsightsMicroWidgetStore() must be used within the InsightsMicroWidgetDataProvider"
     );
   return i.store.insightsMicroWidgetStore;
-}, j = () => {
+}, Y = () => {
   const i = u.useContext($);
   if (!i)
     throw new Error("useEvent() must be used within the InsightsMicroWidgetDataProvider");
   return { onEvent: i.onEvent };
-}, Ve = () => {
+}, Ne = () => {
   const i = u.useContext($);
   if (!i)
     throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
   return { onPageview: i.onPageview };
-}, He = {
+}, Ve = {
   LARGE: 180,
   STANDARD: 154,
   XLARGE: 200,
   XXLARGE: 248
-}, St = 50, ke = 1, Mt = ({
+}, yt = 50, He = 1, vt = ({
   ariaLabel: i,
   backgroundColor: o,
   beat: t,
@@ -1293,25 +1292,25 @@ const $ = u.createContext(null), pt = ({
   variant: f,
   widthOverrides: h
 }) => {
-  const { ref: m, inView: c } = Oe({
-    threshold: ke
-  }), { cardsCopy: E } = F(), { onEvent: g } = j(), { updateBeat: y, updateOffer: L } = vt();
+  const { ref: m, inView: c } = Ae({
+    threshold: He
+  }), { cardsCopy: E } = k(), { onEvent: g } = Y(), { updateBeat: I, updateOffer: x } = It();
   oe(() => {
-    c && (t.has_been_displayed ? g(xe(t.template)) : (t.guid.startsWith("OFR") ? L({
+    c && (t.has_been_displayed ? g(we(t.template)) : (t.guid.startsWith("OFR") ? x({
       ...t,
       has_been_displayed: !0
-    }) : y({
+    }) : I({
       ...t,
       has_been_displayed: !0
-    }), g(De(t.template))));
+    }), g(xe(t.template))));
   }, [c]), oe(() => {
     if (c && t)
       if (t.template === "MarketingOffer") {
-        const v = t;
+        const y = t;
         _?.capture("viewed_messaging_insight", {
           template: t.template,
-          campaign_guid: v.campaign_guid,
-          campaign_name: v.pulse_campaign_name
+          campaign_guid: y.campaign_guid,
+          campaign_name: y.pulse_campaign_name
         });
       } else
         _?.capture("viewed_insight", {
@@ -1321,12 +1320,12 @@ const $ = u.createContext(null), pt = ({
         });
   }, [t, a, c]);
   const O = () => {
-    if (p && p(t), g(we(t.template)), t.template === "MarketingOffer") {
-      const v = t;
+    if (p && p(t), g(We(t.template)), t.template === "MarketingOffer") {
+      const y = t;
       _?.capture("clicked_messaging_insight", {
         template: t.template,
-        campaign_guid: v.campaign_guid,
-        campaign_name: v.pulse_campaign_name
+        campaign_guid: y.campaign_guid,
+        campaign_name: y.pulse_campaign_name
       });
     } else
       _?.capture("clicked_insight", {
@@ -1364,7 +1363,7 @@ const $ = u.createContext(null), pt = ({
       widthOverrides: h
     }
   );
-}, At = ({
+}, St = ({
   clientColorScheme: i,
   currentBeatIndex: o,
   numBeats: t,
@@ -1375,8 +1374,8 @@ const $ = u.createContext(null), pt = ({
   shouldApplyNewAnimation: d = !1,
   visibleCardsCount: p = 1
 }) => {
-  const _ = Me(), { carouselCopy: C } = F(), f = Math.floor(a) > n || o - p + 1 === 0, h = a < 0 || t - 1 === o, m = _.palette.grey[500], c = i?.primary_300 ?? _.palette.primary.main;
-  return /* @__PURE__ */ I(
+  const _ = ze(), { carouselCopy: C } = k(), f = Math.floor(a) > n || o - p + 1 === 0, h = a < 0 || t - 1 === o, m = _.palette.grey[500], c = i?.primary_300 ?? _.palette.primary.main;
+  return /* @__PURE__ */ v(
     K,
     {
       direction: "row",
@@ -1399,7 +1398,7 @@ const $ = u.createContext(null), pt = ({
             disabled: f,
             onClick: l,
             children: /* @__PURE__ */ e(
-              Ke,
+              be,
               {
                 style: {
                   color: f ? m : c
@@ -1409,13 +1408,13 @@ const $ = u.createContext(null), pt = ({
           }
         ),
         Array.from({ length: t }).map((E, g) => {
-          const y = g === o;
+          const I = g === o;
           return /* @__PURE__ */ e(
             U,
             {
               className: "mx-insights-micro-carousel-dots",
               sx: {
-                bgcolor: y ? c : m,
+                bgcolor: I ? c : m,
                 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"
@@ -1428,7 +1427,7 @@ const $ = u.createContext(null), pt = ({
                   borderRadius: "50%",
                   p: 0
                 },
-                width: y && d ? 24 : 8
+                width: I && d ? 24 : 8
               }
             },
             `carousel-button-${g}`
@@ -1442,7 +1441,7 @@ const $ = u.createContext(null), pt = ({
             disabled: h,
             onClick: r,
             children: /* @__PURE__ */ e(
-              Ae,
+              Me,
               {
                 style: {
                   color: h ? m : c
@@ -1454,7 +1453,7 @@ const $ = u.createContext(null), pt = ({
       ]
     }
   );
-}, Ot = ({
+}, Mt = ({
   analyticsMetadata: i,
   allowSingleCardPeeking: o = !1,
   beats: t = [],
@@ -1472,75 +1471,75 @@ const $ = u.createContext(null), pt = ({
   visibleCardsCount: c = 1
   // Default to 1 card visible
 }) => {
-  const E = u.useRef(null), g = u.useRef(null), [y, L] = u.useState(0), [O, v] = u.useState(null), [B, z] = u.useState(null), [R, N] = u.useState(null), [le, G] = u.useState(p), { carouselCopy: V } = F(), { onEvent: b } = j();
+  const E = u.useRef(null), g = u.useRef(null), [I, x] = u.useState(0), [O, y] = u.useState(null), [F, z] = u.useState(null), [R, D] = u.useState(null), [b, B] = u.useState(p), { carouselCopy: j } = k(), { onEvent: Z } = Y();
   u.useEffect(() => {
     if (E.current && !o) {
       const s = E.current.offsetWidth, A = 8;
-      let H;
+      let N;
       if (c > 1) {
         const J = (s - (c - 1) * A) / c / 3;
-        H = (s - J - (c - 1) * A) / c;
+        N = (s - J - (c - 1) * A) / c;
       } else
-        H = s;
-      N(H);
+        N = s;
+      D(N);
     }
   }, [c, E.current?.offsetWidth]), u.useEffect(() => {
     const s = g.current?.offsetWidth;
     if (typeof s == "number" && o) {
-      const A = (Z) => {
-        G(!0);
+      const A = (P) => {
+        B(!0);
         const ee = [
           { maxWidth: 375, cardWidth: 268 },
           { maxWidth: 444, cardWidth: 300 },
           { maxWidth: 599, cardWidth: 350 },
           { maxWidth: 749, cardWidth: 450 },
           { maxWidth: 900, cardWidth: 600 }
-        ].find((se) => Z <= se.maxWidth);
+        ].find((ce) => P <= ce.maxWidth);
         return ee ? ee.cardWidth : 750;
       };
-      N(A(s));
-      const H = () => {
-        const Z = g.current?.offsetWidth;
-        typeof Z == "number" && N(A(Z));
+      D(A(s));
+      const N = () => {
+        const P = g.current?.offsetWidth;
+        typeof P == "number" && D(A(P));
       };
-      return window.addEventListener("resize", H), () => {
-        window.removeEventListener("resize", H);
+      return window.addEventListener("resize", N), () => {
+        window.removeEventListener("resize", N);
       };
     }
   }, [o, g]);
-  const Y = () => {
-    b(M.ON_CAROUSEL_FORWARD_CLICK, i), E.current && R && E.current.scrollTo({
-      left: y + R + 8,
+  const X = () => {
+    Z(M.ON_CAROUSEL_FORWARD_CLICK, i), E.current && R && E.current.scrollTo({
+      left: I + R + 8,
       top: 0,
       behavior: "smooth"
     });
-  }, X = () => {
-    b(M.ON_CAROUSEL_BACK_CLICK, i), E.current && R && E.current.scrollTo({
-      left: Math.max(0, y - (R + 8)),
+  }, le = () => {
+    Z(M.ON_CAROUSEL_BACK_CLICK, i), E.current && R && E.current.scrollTo({
+      left: Math.max(0, I - (R + 8)),
       top: 0,
       behavior: "smooth"
     });
   }, ne = () => {
-    E.current && L(E.current.scrollLeft);
-  }, ae = () => {
-    if (!B || !O) return;
-    B - O > St ? b(M.ON_CAROUSEL_FORWARD_SWIPE, i) : b(M.ON_CAROUSEL_BACK_SWIPE, i);
-  }, Q = (s) => {
-    v(s.targetTouches[0].clientX);
+    E.current && x(E.current.scrollLeft);
+  }, Q = () => {
+    if (!F || !O) return;
+    F - O > yt ? Z(M.ON_CAROUSEL_FORWARD_SWIPE, i) : Z(M.ON_CAROUSEL_BACK_SWIPE, i);
   }, q = (s) => {
-    v(null), z(s.targetTouches[0].clientX);
-  }, T = {
+    y(s.targetTouches[0].clientX);
+  }, L = (s) => {
+    y(null), z(s.targetTouches[0].clientX);
+  }, ue = {
     clientColorScheme: r,
     showCTAColocatedWithText: l,
     heightOverrides: n,
     posthog: d,
     showIcon: C,
     variant: h
-  }, ce = R ? Math.round(y / (R + 8)) : 0, Ze = E.current ? E.current.scrollWidth - E.current.offsetWidth : 0;
-  return /* @__PURE__ */ I(
+  }, ae = R ? Math.round(I / (R + 8)) : 0, Be = E.current ? E.current.scrollWidth - E.current.offsetWidth : 0;
+  return /* @__PURE__ */ v(
     K,
     {
-      "aria-label": V.carousel_title,
+      "aria-label": j.carousel_title,
       "aria-roledescription": "carousel",
       ref: g,
       role: "group/region",
@@ -1551,14 +1550,14 @@ const $ = u.createContext(null), pt = ({
         width: m || "100%"
       },
       children: [
-        /* @__PURE__ */ I(
+        /* @__PURE__ */ v(
           K,
           {
             direction: "row",
             onScroll: ne,
-            onTouchEnd: ae,
-            onTouchMove: Q,
-            onTouchStart: q,
+            onTouchEnd: Q,
+            onTouchMove: q,
+            onTouchStart: L,
             ref: E,
             sx: {
               alignItems: "center",
@@ -1579,65 +1578,65 @@ const $ = u.createContext(null), pt = ({
             },
             children: [
               t.map((s, A) => {
-                const H = A + 1, Z = t.length + 1, J = Je(
-                  V.card_position_in_carousel_aria,
-                  H.toString(),
-                  Z.toString()
-                ), ee = s.micro_title && s.micro_title.length > 0, se = s.micro_description && s.micro_description.length > 0, Pe = ee ? s.micro_title : s.title, Ge = se ? s.micro_description : s.description;
+                const N = A + 1, P = t.length + 1, J = Qe(
+                  j.card_position_in_carousel_aria,
+                  N.toString(),
+                  P.toString()
+                ), ee = s.micro_title && s.micro_title.length > 0, ce = s.micro_description && s.micro_description.length > 0, Ze = ee ? s.micro_title : s.title, Pe = ce ? s.micro_description : s.description;
                 return /* @__PURE__ */ e(
-                  Mt,
+                  vt,
                   {
-                    ariaLabel: `${J}: ${Pe}, ${Ge}`,
+                    ariaLabel: `${J}: ${Ze}, ${Pe}`,
                     beat: s,
                     index: A,
-                    isActiveCard: A === ce,
+                    isActiveCard: A === ae,
                     onCardClick: a,
                     widthOverrides: R || void 0,
-                    ...T
+                    ...ue
                   },
                   `${s.guid} ${A}`
                 );
               }),
               /* @__PURE__ */ e(
-                Vt,
+                Lt,
                 {
-                  isActiveCard: ce === t.length,
+                  isActiveCard: ae === t.length,
                   onCardClick: a,
                   widthOverrides: R || void 0,
-                  ...T
+                  ...ue
                 }
               )
             ]
           }
         ),
         _ && /* @__PURE__ */ e(
-          At,
+          St,
           {
             clientColorScheme: r,
-            currentBeatIndex: ce + c - 1,
+            currentBeatIndex: ae + c - 1,
             numBeats: t.length + 1,
-            onNextClick: Y,
-            onPreviousClick: X,
-            scrollRightBoundary: Ze,
-            scrollX: y,
-            shouldApplyNewAnimation: le,
+            onNextClick: X,
+            onPreviousClick: le,
+            scrollRightBoundary: Be,
+            scrollX: I,
+            shouldApplyNewAnimation: b,
             visibleCardsCount: c
           }
         )
       ]
     }
   );
-}, Tt = P(Ot), Wt = ({
+}, At = G(Mt), Ot = ({
   analyticsMetadata: i,
   clientColorScheme: o,
   onCardClick: t,
   posthog: r,
   widthOverrides: l
 }) => {
-  const { carouselCopy: n } = F(), { onEvent: a } = j(), d = () => {
+  const { carouselCopy: n } = k(), { onEvent: a } = Y(), d = () => {
     a && (a(M.ON_VIEW_MORE_CLICKED, i), t(), r?.capture("clicked_view_more"));
   };
-  return n ? /* @__PURE__ */ I(
+  return n ? /* @__PURE__ */ v(
     K,
     {
       alignItems: "center",
@@ -1661,8 +1660,8 @@ const $ = u.createContext(null), pt = ({
             children: n.carousel_title
           }
         ),
-        /* @__PURE__ */ I(
-          ze,
+        /* @__PURE__ */ v(
+          Ge,
           {
             onClick: d,
             sx: {
@@ -1690,19 +1689,19 @@ const $ = u.createContext(null), pt = ({
                   children: n.view_all_insights_in_full_feed_cta_aria
                 }
               ),
-              /* @__PURE__ */ e(Ae, { sx: { color: o?.primary_300, ml: "8px" } })
+              /* @__PURE__ */ e(Me, { sx: { color: o?.primary_300, ml: "8px" } })
             ]
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e($e, {});
-}, wt = P(Wt), xt = ({
+  ) : /* @__PURE__ */ e(Ue, {});
+}, Tt = G(Ot), Wt = ({
   heightOverrides: i,
   widthOverrides: o,
   children: t
 }) => {
-  const { carouselCopy: r } = F();
+  const { carouselCopy: r } = k();
   return /* @__PURE__ */ e(
     U,
     {
@@ -1718,7 +1717,7 @@ const $ = u.createContext(null), pt = ({
       children: t
     }
   );
-}, Fe = ({
+}, ke = ({
   ariaLabel: i,
   carouselSize: o,
   clientColorScheme: t,
@@ -1730,9 +1729,9 @@ const $ = u.createContext(null), pt = ({
   variant: p,
   widthOverrides: _
 }) => {
-  const { cardsCopy: C } = F(), { onEvent: f } = j(), { onPageview: h } = Ve();
+  const { cardsCopy: C } = k(), { onEvent: f } = Y(), { onPageview: h } = Ne();
   u.useEffect(() => {
-    h(k.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
+    h(H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
   }, []);
   const m = () => {
     l && l(), f(M.ON_NO_RELEVANT_INSIGHTS_CLICKED), n?.capture("clicked_insight", {
@@ -1747,7 +1746,7 @@ const $ = u.createContext(null), pt = ({
       description: C.no_relevant_insights_card_description,
       fontColors: { buttonColor: t?.primary_300 },
       heightOverrides: r,
-      icon: /* @__PURE__ */ e(Ne, {}),
+      icon: /* @__PURE__ */ e(Le, {}),
       isZeroState: !0,
       onCardClick: m,
       posthog: n,
@@ -1755,7 +1754,7 @@ const $ = u.createContext(null), pt = ({
       style: {
         cardStyle: {
           card: {
-            height: `calc(${He[o]}px - 44px)`,
+            height: `calc(${Ve[o]}px - 44px)`,
             m: "0 auto",
             width: d ? "calc(100% - 32px)" : "100%"
           },
@@ -1772,7 +1771,7 @@ const $ = u.createContext(null), pt = ({
       widthOverrides: _
     }
   );
-}, ci = P(Fe), Be = ({
+}, li = G(ke), Fe = ({
   ariaLabel: i,
   carouselSize: o,
   heightOverrides: t,
@@ -1783,16 +1782,16 @@ const $ = u.createContext(null), pt = ({
   variant: d,
   widthOverrides: p
 }) => {
-  const { onPageview: _ } = Ve(), { zeroStateCopy: C } = F();
+  const { onPageview: _ } = Ne(), { zeroStateCopy: C } = k();
   return u.useEffect(() => {
-    _(k.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
+    _(H.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
   }, []), /* @__PURE__ */ e(
     re,
     {
       ariaLabel: i,
       description: C.carousel_zero_state_description,
       heightOverrides: t,
-      icon: /* @__PURE__ */ e(Ne, {}),
+      icon: /* @__PURE__ */ e(Le, {}),
       isZeroState: !0,
       onCardClick: r,
       posthog: l,
@@ -1800,7 +1799,7 @@ const $ = u.createContext(null), pt = ({
       style: {
         cardStyle: {
           card: {
-            height: `calc(${He[o]}px - 44px)`,
+            height: `calc(${Ve[o]}px - 44px)`,
             m: "0 auto",
             width: a ? "calc(100% - 32px)" : "100%"
           },
@@ -1814,7 +1813,7 @@ const $ = u.createContext(null), pt = ({
       widthOverrides: p
     }
   );
-}, si = P(Be), Dt = () => /* @__PURE__ */ e(
+}, ni = G(Fe), wt = () => /* @__PURE__ */ e(
   U,
   {
     sx: {
@@ -1824,9 +1823,9 @@ const $ = u.createContext(null), pt = ({
       justifyContent: "center",
       width: "100%"
     },
-    children: /* @__PURE__ */ e(et, {})
+    children: /* @__PURE__ */ e(qe, {})
   }
-), W = new ut(), Lt = ({
+), V = new ht(), xt = ({
   allowSingleCardPeeking: i,
   areBeatsLoading: o,
   beats: t = [],
@@ -1849,73 +1848,67 @@ const $ = u.createContext(null), pt = ({
   showCarouselControls: c,
   showHeader: E,
   showIcon: g,
-  showWithMargin: y = !0,
-  token: L = "",
+  showWithMargin: I = !0,
+  token: x = "",
   useDarkMode: O,
-  userHasFullInsightFeedBeats: v,
-  variant: B,
+  userHasFullInsightFeedBeats: y,
+  variant: F,
   visibleCardsCount: z = 1,
   widthOverrides: R
 }) => {
-  const N = Me(), [le, G] = te("STANDARD"), [V, b] = te(!1), [Y, X] = te(!1), ne = it([_], W), ae = ot([C], W);
+  const [D, b] = te("STANDARD"), [B, j] = te(!1), [Z, X] = te(!1), le = et([_], V), ne = tt([C], V);
   u.useEffect(() => {
-    !W.isInitialized && !Y && (W.initialize(n, L, d).catch(() => X(!1)), X(!0));
-  }, [n, L, d, W.isInitialized, Y]), u.useEffect(() => {
-    const T = window.innerHeight;
-    T < 180 ? G("STANDARD") : T >= 180 && T < 200 ? G("LARGE") : T >= 200 && T < 248 ? G("XLARGE") : T >= 248 && G("XXLARGE");
+    !V.isInitialized && !Z && (V.initialize(n, x, d).catch(() => X(!1)), X(!0));
+  }, [n, x, d, V.isInitialized, Z]), u.useEffect(() => {
+    const L = window.innerHeight;
+    L < 180 ? b("STANDARD") : L >= 180 && L < 200 ? b("LARGE") : L >= 200 && L < 248 ? b("XLARGE") : L >= 248 && b("XXLARGE");
   }, [window.innerHeight]), u.useEffect(() => {
-    b(!o && W.isInitialized);
-  }, [o, W.isInitialized]);
+    j(!o && V.isInitialized);
+  }, [o, V.isInitialized]);
   const Q = {
     showCTAColocatedWithText: l,
     heightOverrides: a,
     onCardClick: p,
     posthog: f,
     showIcon: g,
-    showWithMargin: y,
+    showWithMargin: I,
     useDarkMode: O,
     widthOverrides: R
   }, q = {
-    carouselSize: le,
-    variant: B,
+    carouselSize: D,
+    variant: F,
     ...Q
   };
-  return (
-    // The Theme provider must wrap the component so that the styles don't break when imported into other applications.
-    /* @__PURE__ */ I(Ue, { theme: N, children: [
-      /* @__PURE__ */ e(be, {}),
-      /* @__PURE__ */ e(pt, { onEvent: ne, onPageview: ae, store: W, children: /* @__PURE__ */ I(xt, { heightOverrides: a, widthOverrides: R, children: [
-        (!V || !W.isInitialized) && /* @__PURE__ */ e(Dt, {}),
-        V && E && /* @__PURE__ */ e(
-          wt,
-          {
-            analyticsMetadata: me,
-            clientColorScheme: r,
-            onCardClick: p,
-            posthog: f,
-            widthOverrides: R
-          }
-        ),
-        V && !!t.length && /* @__PURE__ */ e(
-          Tt,
-          {
-            allowSingleCardPeeking: i,
-            analyticsMetadata: me,
-            beats: t,
-            clientColorScheme: r,
-            shouldApplyNewAnimation: h,
-            showCarouselControls: c,
-            variant: m ? B : void 0,
-            visibleCardsCount: z,
-            ...Q
-          }
-        ),
-        V && !t.length && v && /* @__PURE__ */ e(Fe, { clientColorScheme: r, ...q }),
-        V && !t.length && !v && /* @__PURE__ */ e(Be, { ...q })
-      ] }) })
-    ] })
-  );
-}, di = P(Lt), Nt = ({
+  return /* @__PURE__ */ e(Et, { onEvent: le, onPageview: ne, store: V, children: /* @__PURE__ */ v(Wt, { heightOverrides: a, widthOverrides: R, children: [
+    !B && /* @__PURE__ */ e(wt, {}),
+    B && E && /* @__PURE__ */ e(
+      Tt,
+      {
+        analyticsMetadata: me,
+        clientColorScheme: r,
+        onCardClick: p,
+        posthog: f,
+        widthOverrides: R
+      }
+    ),
+    B && !!t.length && /* @__PURE__ */ e(
+      At,
+      {
+        allowSingleCardPeeking: i,
+        analyticsMetadata: me,
+        beats: t,
+        clientColorScheme: r,
+        shouldApplyNewAnimation: h,
+        showCarouselControls: c,
+        variant: m ? F : void 0,
+        visibleCardsCount: z,
+        ...Q
+      }
+    ),
+    B && !t.length && y && /* @__PURE__ */ e(ke, { clientColorScheme: r, ...q }),
+    B && !t.length && !y && /* @__PURE__ */ e(Fe, { ...q })
+  ] }) });
+}, ai = G(xt), Dt = ({
   isActiveCard: i,
   ariaLabel: o,
   clientColorScheme: t,
@@ -1926,11 +1919,11 @@ const $ = u.createContext(null), pt = ({
   variant: d,
   widthOverrides: p
 }) => {
-  const _ = de(), { ref: C, inView: f } = Oe({
-    threshold: ke
-  }), { cardsCopy: h } = F(), { onEvent: m } = j();
+  const _ = se(), { ref: C, inView: f } = Ae({
+    threshold: He
+  }), { cardsCopy: h } = k(), { onEvent: m } = Y();
   oe(() => {
-    f && (m(Le.ON_VIEW_MORE_VIEWED), n?.capture("viewed_insight", {
+    f && (m(De.ON_VIEW_MORE_VIEWED), n?.capture("viewed_insight", {
       template: "view_more_card"
     }));
   }, [f]);
@@ -1947,7 +1940,7 @@ const $ = u.createContext(null), pt = ({
       description: h.view_more_card_description,
       fontColors: { buttonColor: t?.primary_300 },
       heightOverrides: r,
-      icon: /* @__PURE__ */ e(gt, { color: t?.primary_300 ?? _.palette.primary.main }),
+      icon: /* @__PURE__ */ e(ft, { color: t?.primary_300 ?? _.palette.primary.main }),
       isActiveCard: i,
       onCardClick: c,
       posthog: n,
@@ -1958,20 +1951,20 @@ const $ = u.createContext(null), pt = ({
       widthOverrides: p
     }
   );
-}, Vt = P(Nt);
+}, Lt = G(Dt);
 export {
-  ut as A,
-  Mt as B,
-  wt as C,
-  pt as I,
-  Tt as M,
-  ci as N,
+  ht as A,
+  vt as B,
+  Tt as C,
+  Et as I,
+  At as M,
+  li as N,
   me as T,
-  Vt as V,
-  si as Z,
+  Lt as V,
+  ni as Z,
   re as a,
-  di as b,
-  gt as c,
-  yt as d,
-  Ne as e
+  ai as b,
+  ft as c,
+  Rt as d,
+  Le as e
 };

package/dist/microinsights/index.es.js

@@ -1,4 +1,4 @@
-import { A as s, B as e, C as o, c as t, b as i, I as d, M as n, a as C, d as c, N as I, V as M, Z as g, e as h } from "../ViewMoreMicroCard-CXxtKHUM.mjs";
+import { A as s, B as e, C as o, c as t, b as i, I as d, M as n, a as C, d as c, N as I, V as M, Z as g, e as h } from "../ViewMoreMicroCard-BAz2NyEO.mjs";
 export {
   s as AppStore,
   e as BeatCard,

package/dist/trends/index.es.js

@@ -20,7 +20,7 @@ import { C as st } from "../CurrencyText-YUhH2caW.mjs";
 import { c as Me } from "../Category-CevNQ03n.mjs";
 import { b as rt } from "../Localization-2MODESHW.mjs";
 import { H as be } from "../HeaderCell-DjuifqHJ.mjs";
-import { T as A, b as at } from "../ViewMoreMicroCard-CXxtKHUM.mjs";
+import { T as A, b as at } from "../ViewMoreMicroCard-BAz2NyEO.mjs";
 import { A as y, W as Ae } from "../WidgetContainer-CPBhSP3k.mjs";
 import { a as Re, T as ke } from "../TransactionDetails-BafSm7_T.mjs";
 import { D as fe } from "../Drawer-kEE73B87.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.0.34-alpha.sms1",
+  "version": "7.0.35",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",