@mx-cartographer/experiences 7.1.4 → 7.1.5-alpha.sms1

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.1.5] - 11-10-2025
+
+- **UPDATED** - View All link in Micro Insights to match the other experiences repo
+
 ## [7.1.4] - 11-10-2025
 
 - **UPDATED** - Cash Flow widget to show add income button when no recurring income transactions

package/dist/{ViewMoreMicroCard-DTtQNV3D.mjs → ViewMoreMicroCard-K-RUX-V6.mjs}

@@ -1,48 +1,48 @@
 import { jsx as e, jsxs as v } from "react/jsx-runtime";
 import u, { useState as te, useEffect as oe } from "react";
 import { observer as G } from "mobx-react-lite";
-import Ge from "@mui/material/Link";
+import Pe from "@mui/material/Button";
 import K from "@mui/material/Stack";
-import pe from "@mui/material/Typography";
-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 Ge from "@mui/material/Typography";
+import { ChevronLeft as Ue, ChevronRight as Se } from "@mxenabled/mx-icons";
+import { L as be } from "./Loader-DUaFpDGv.mjs";
+import b from "@mui/material/Box";
+import pe from "@mui/material/IconButton";
 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 de from "@mui/material/styles/useTheme";
+import { useInView as Me } from "react-intersection-observer";
+import { P as Ke, CategoryIcon as $e, useTokens as Ae, 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 se, 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 { makeAutoObservable as de, runInAction as Oe } from "mobx";
+import { G as _e, a as Je, u as et, b as tt } from "./useCombineEvents-BUDIR1ba.mjs";
+import { B as Ce } from "./BeatApi-DhJpgCLz.mjs";
 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 = {
+const fe = {
   featureVersion: "spendVsIncomeTrends"
 };
 class nt {
-  copyApi = new Ce("/", "");
+  copyApi = new _e("/", "");
   copyObject = {};
   namespace = "experiences";
   translationKey = "micro_insights";
   constructor() {
-    se(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
   // TODO: Remove this function
   initialize = async (o, t) => {
-    this.copyApi = new Ce(o, t), await this.loadCopy();
+    this.copyApi = new _e(o, t), await this.loadCopy();
   };
   loadCopy = async () => {
     const o = await this.copyApi.getGlobalCopy(this.namespace, this.translationKey);
-    Te(() => {
+    Oe(() => {
       this.copyObject = o[this.translationKey];
     });
   };
@@ -73,12 +73,12 @@ const he = {
   WeeklyNewMerchantsV2: "WeeklyNewMerchantsV2",
   MonthlySpendComparison: "MonthlySpendComparison",
   MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
-}, S = window?.app?.clientConfig?.microwidget_instance_id || "", ge = {
+}, S = window?.app?.clientConfig?.microwidget_instance_id || "", me = {
   INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
-}, 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(
+}, Te = (i) => `on${i}Click`, We = (i) => `on${i}View`, we = (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)]: {
+    [Te(o)]: {
       action: w.MICRO_BEAT_CLICKED,
       category: W.BEAT_INTERACTION,
       label: Ee(o),
@@ -89,7 +89,7 @@ const he = {
 ), ct = () => Object.values(he).reduce(
   (i, o) => ({
     ...i,
-    [we(o)]: {
+    [We(o)]: {
       action: w.MICRO_BEAT_DISPLAYED,
       category: W.BEAT_INTERACTION,
       label: Ee(o),
@@ -97,10 +97,10 @@ const he = {
     }
   }),
   {}
-), dt = () => Object.values(he).reduce(
+), st = () => Object.values(he).reduce(
   (i, o) => ({
     ...i,
-    [xe(o)]: {
+    [we(o)]: {
       action: w.MICRO_BEAT_DISPLAYED_FIRST_TIME,
       category: W.BEAT_INTERACTION,
       label: Ee(o),
@@ -141,14 +141,14 @@ const he = {
   [H.MICRO_WIDGET_CAROUSEL]: {
     label: T.MICRO_WIDGET,
     name: H.MICRO_WIDGET_CAROUSEL,
-    path: ge.INSIGHTS_MICRO_WIDGET,
+    path: me.INSIGHTS_MICRO_WIDGET,
     value: S
   },
   // zero state
   [H.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
     label: T.MICRO_WIDGET,
     name: H.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
-    path: ge.INSIGHTS_MICRO_WIDGET,
+    path: me.INSIGHTS_MICRO_WIDGET,
     value: S
   },
   // no relevant cards
@@ -158,7 +158,7 @@ const he = {
     path: "/micro-widget",
     value: S
   }
-}, Ie = {
+}, ge = {
   // carousel control interaction events - clicks and swipes
   [M.ON_CAROUSEL_BACK_CLICK]: {
     action: w.CONTROL_BACKWARD,
@@ -199,29 +199,29 @@ const he = {
   },
   ...at(),
   ...ct(),
-  ...dt()
-}, ye = async (i, o) => !o || !Ie[i] ? null : o.sendAnalyticEvent(Ie[i]).then((t) => t).catch((t) => {
+  ...st()
+}, Ie = async (i, o) => !o || !ge[i] ? null : o.sendAnalyticEvent(ge[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) => {
+}), ye = async (i, o) => !o || !Re[i] ? null : o.sendAnalyticsPageview(Re[i]).then((t) => t).catch((t) => {
   throw t;
 });
-class st {
-  onAnalyticEvent = ye;
-  onAnalyticPageView = ve;
-  beatApi = new fe("/", "");
+class dt {
+  onAnalyticEvent = Ie;
+  onAnalyticPageView = ye;
+  beatApi = new Ce("/", "");
   constructor() {
-    se(this);
+    de(this);
   }
   initialize = async (o, t, r) => {
     this.onAnalyticEvent = (n, l) => {
-      ye(n, l).then((a) => a).catch((a) => {
+      Ie(n, l).then((a) => a).catch((a) => {
         throw a.status === 401 && r(), a;
       });
     }, this.onAnalyticPageView = (n, l) => {
-      ve(n, l).then((a) => a).catch((a) => {
+      ye(n, l).then((a) => a).catch((a) => {
         throw a.status === 401 && r(), a;
       });
-    }, this.beatApi = new fe(o, t);
+    }, this.beatApi = new Ce(o, t);
   };
   updateBeat = async (o) => {
     this.beatApi.updateBeat(o);
@@ -238,12 +238,12 @@ class ht {
   token = "";
   isInitialized = !1;
   constructor() {
-    this.copyStore = new nt(), this.insightsMicroWidgetStore = new st(), se(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 n = await Je(o, t, "1.0.0", "Micro Insights Carousel");
-    Te(() => {
+    Oe(() => {
       this.session = n, this.isInitialized = !0;
     });
   };
@@ -261,7 +261,7 @@ const $ = u.createContext(null), Et = ({
     description: n,
     heightOverrides: l,
     icon: a,
-    isActiveCard: s,
+    isActiveCard: d,
     isZeroState: p,
     onCardClick: _ = () => {
     },
@@ -271,8 +271,8 @@ const $ = u.createContext(null), Et = ({
     title: m,
     variant: c,
     widthOverrides: E
-  }, g) {
-    const I = de(), [x, O] = u.useState(!1), { cardStyle: y, linkTextStyle: F } = f, z = c ? y : { border: "none", boxShadow: "none", ...y }, R = /* @__PURE__ */ e(
+  }, R) {
+    const I = se(), [D, O] = u.useState(!1), { cardStyle: y, linkTextStyle: F } = f, z = c ? y : { border: "none", boxShadow: "none", ...y }, g = /* @__PURE__ */ e(
       Ke,
       {
         className: "mx-micro-card-description",
@@ -299,13 +299,13 @@ const $ = u.createContext(null), Et = ({
       }
     );
     return /* @__PURE__ */ e(
-      U,
+      b,
       {
-        "aria-hidden": !s,
+        "aria-hidden": !d,
         "aria-label": t,
         "aria-labelledby": "divButton",
         "aria-roledescription": "slide",
-        ref: g,
+        ref: R,
         role: "group",
         sx: {
           height: "100%",
@@ -313,22 +313,22 @@ const $ = u.createContext(null), Et = ({
           fontFamily: I.typography.fontFamily
         },
         children: /* @__PURE__ */ e(
-          U,
+          b,
           {
-            "aria-hidden": !s,
+            "aria-hidden": !d,
             "aria-label": t,
             id: "divButton",
             onClick: () => _(),
             onKeyDown: () => O(!1),
             onKeyUp: () => O(!0),
-            ref: g,
+            ref: R,
             role: "button",
             sx: {
-              border: x ? "1px solid rgba(82, 138, 224, 0.8)" : void 0,
+              border: D ? "1px solid rgba(82, 138, 224, 0.8)" : void 0,
               borderRadius: "8px",
               height: "100%"
             },
-            tabIndex: s ? 0 : -1,
+            tabIndex: d ? 0 : -1,
             children: /* @__PURE__ */ e(
               it,
               {
@@ -359,13 +359,13 @@ const $ = u.createContext(null), Et = ({
                         lt,
                         {
                           avatar: C && a,
-                          subheader: p && R,
+                          subheader: p && g,
                           sx: { color: h.headerColor, p: 0 },
                           title: m,
                           titleTypographyProps: { fontSize: 15, fontWeight: 600, variant: "h3" }
                         }
                       ),
-                      /* @__PURE__ */ e(rt, { sx: { p: 0 }, children: !p && R }),
+                      /* @__PURE__ */ e(rt, { sx: { p: 0 }, children: !p && g }),
                       !!o && /* @__PURE__ */ e(
                         ot,
                         {
@@ -374,14 +374,14 @@ const $ = u.createContext(null), Et = ({
                             p: 0
                           },
                           children: /* @__PURE__ */ e(
-                            U,
+                            b,
                             {
-                              sx: (D) => ({
-                                color: h.buttonColor ? h.buttonColor : D.palette.primary.main,
+                              sx: (x) => ({
+                                color: h.buttonColor ? h.buttonColor : x.palette.primary.main,
                                 fontSize: 14,
                                 fontWeight: "bold",
                                 px: 28,
-                                fontFamily: D.typography.fontFamily,
+                                fontFamily: x.typography.fontFamily,
                                 ...F
                               }),
                               children: o
@@ -405,7 +405,7 @@ const $ = u.createContext(null), Et = ({
     i.primary_category_guid ? t(i.primary_category_guid) : i.category_guids?.length && t(i.category_guids[0]);
   }, []), /* @__PURE__ */ e($e, { categoryGuid: o, size: 16, sx: { minWidth: 16 } });
 }, pt = ({ beat: i }) => {
-  const o = Oe(), t = _t(o);
+  const o = Ae(), t = _t(o);
   return /* @__PURE__ */ e(
     Ye,
     {
@@ -451,13 +451,13 @@ const $ = u.createContext(null), Et = ({
   return i.names?.map((r, n) => {
     t[r] = o[n];
   }), t;
-}) : [] : [], gt = (i, o) => {
+}) : [] : [], Rt = (i, o) => {
   const t = mt(i), r = t.length / 2, n = t.slice(0, r), l = t.slice(r);
   return !n.length || !l.length ? o.Color.Primary300 : n[0].amount > l[0].amount ? o.Color.Error300 : n[0].amount < l[0].amount ? o.Color.Success300 : o.Color.Primary300;
-}, Rt = ({ beat: i }) => {
-  const o = Oe(), t = gt(i.data_series, o);
+}, gt = ({ beat: i }) => {
+  const o = Ae(), t = Rt(i.data_series, o);
   return /* @__PURE__ */ e(ie, { name: "bar_chart", sx: { color: t } });
-}, Le = () => /* @__PURE__ */ v("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
+}, xe = () => /* @__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",
     {
@@ -1238,9 +1238,9 @@ const $ = u.createContext(null), Et = ({
       }
     )
   ] })
-] }), Se = ({ beat: i, clientColorScheme: o, color: t, type: r }) => {
-  const n = de(), l = o?.primary_300 ? o.primary_300 : n.palette.primary.main;
-  return r === 0 ? /* @__PURE__ */ e(ie, { fill: !0, name: "error", sx: { color: t || l } }) : 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(
+] }), ve = ({ beat: i, clientColorScheme: o, color: t, type: r }) => {
+  const n = se(), l = o?.primary_300 ? o.primary_300 : n.palette.primary.main;
+  return r === 0 ? /* @__PURE__ */ e(ie, { fill: !0, name: "error", sx: { color: t || l } }) : r === 1 && i ? /* @__PURE__ */ e(ut, { beat: i }) : r === 2 && i ? /* @__PURE__ */ e(Ct, { beat: i }) : r === 3 && i ? /* @__PURE__ */ e(gt, { beat: i }) : r === 5 && i ? /* @__PURE__ */ e(ie, { name: "campaign" }) : /* @__PURE__ */ e(
     ie,
     {
       fill: !0,
@@ -1267,17 +1267,17 @@ const $ = u.createContext(null), Et = ({
   if (!i)
     throw new Error("useEvent() must be used within the InsightsMicroWidgetDataProvider");
   return { onEvent: i.onEvent };
-}, Ne = () => {
+}, Le = () => {
   const i = u.useContext($);
   if (!i)
     throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
   return { onPageview: i.onPageview };
-}, Ve = {
+}, Ne = {
   LARGE: 180,
   STANDARD: 154,
   XLARGE: 200,
   XXLARGE: 248
-}, yt = 50, He = 1, vt = ({
+}, yt = 50, Ve = 1, vt = ({
   ariaLabel: i,
   backgroundColor: o,
   beat: t,
@@ -1285,24 +1285,24 @@ const $ = u.createContext(null), Et = ({
   showCTAColocatedWithText: n = !0,
   heightOverrides: l,
   index: a,
-  isActiveCard: s,
+  isActiveCard: d,
   onCardClick: p,
   posthog: _,
   showIcon: C,
   variant: f,
   widthOverrides: h
 }) => {
-  const { ref: m, inView: c } = Ae({
-    threshold: He
-  }), { cardsCopy: E } = k(), { onEvent: g } = Y(), { updateBeat: I, updateOffer: x } = It();
+  const { ref: m, inView: c } = Me({
+    threshold: Ve
+  }), { cardsCopy: E } = k(), { onEvent: R } = Y(), { updateBeat: I, updateOffer: D } = It();
   oe(() => {
-    c && (t.has_been_displayed ? g(we(t.template)) : (t.guid.startsWith("OFR") ? x({
+    c && (t.has_been_displayed ? R(We(t.template)) : (t.guid.startsWith("OFR") ? D({
       ...t,
       has_been_displayed: !0
     }) : I({
       ...t,
       has_been_displayed: !0
-    }), g(xe(t.template))));
+    }), R(we(t.template))));
   }, [c]), oe(() => {
     if (c && t)
       if (t.template === "MarketingOffer") {
@@ -1320,7 +1320,7 @@ const $ = u.createContext(null), Et = ({
         });
   }, [t, a, c]);
   const O = () => {
-    if (p && p(t), g(We(t.template)), t.template === "MarketingOffer") {
+    if (p && p(t), R(Te(t.template)), t.template === "MarketingOffer") {
       const y = t;
       _?.capture("clicked_messaging_insight", {
         template: t.template,
@@ -1343,8 +1343,8 @@ const $ = u.createContext(null), Et = ({
       description: t?.html_micro_description && t?.html_micro_description.length > 0 ? t.html_micro_description : t.html_description,
       fontColors: { buttonColor: r?.primary_300 },
       heightOverrides: l,
-      icon: Se && /* @__PURE__ */ e(
-        Se,
+      icon: ve && /* @__PURE__ */ e(
+        ve,
         {
           beat: t,
           clientColorScheme: r,
@@ -1352,7 +1352,7 @@ const $ = u.createContext(null), Et = ({
           type: t?.icon_type
         }
       ),
-      isActiveCard: s,
+      isActiveCard: d,
       onCardClick: O,
       posthog: _,
       ref: m,
@@ -1371,7 +1371,7 @@ const $ = u.createContext(null), Et = ({
   onPreviousClick: n,
   scrollRightBoundary: l,
   scrollX: a,
-  shouldApplyNewAnimation: s = !1,
+  shouldApplyNewAnimation: d = !1,
   visibleCardsCount: p = 1
 }) => {
   const _ = ze(), { carouselCopy: C } = k(), f = Math.floor(a) > l || o - p + 1 === 0, h = a < 0 || t - 1 === o, m = _.palette.grey[500], c = i?.primary_300 ?? _.palette.primary.main;
@@ -1391,14 +1391,14 @@ const $ = u.createContext(null), Et = ({
       },
       children: [
         /* @__PURE__ */ e(
-          _e,
+          pe,
           {
             "aria-disabled": f,
             "aria-label": C.previous_insight_cta_aria,
             disabled: f,
             onClick: n,
             children: /* @__PURE__ */ e(
-              be,
+              Ue,
               {
                 style: {
                   color: f ? m : c
@@ -1407,10 +1407,10 @@ const $ = u.createContext(null), Et = ({
             )
           }
         ),
-        Array.from({ length: t }).map((E, g) => {
-          const I = g === o;
+        Array.from({ length: t }).map((E, R) => {
+          const I = R === o;
           return /* @__PURE__ */ e(
-            U,
+            b,
             {
               className: "mx-insights-micro-carousel-dots",
               sx: {
@@ -1418,7 +1418,7 @@ const $ = u.createContext(null), Et = ({
                 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 ? {
+                ...d ? {
                   borderRadius: "4px",
                   transformOrigin: "center",
                   transition: "all 0.5s ease-out",
@@ -1427,21 +1427,21 @@ const $ = u.createContext(null), Et = ({
                   borderRadius: "50%",
                   p: 0
                 },
-                width: I && s ? 24 : 8
+                width: I && d ? 24 : 8
               }
             },
-            `carousel-button-${g}`
+            `carousel-button-${R}`
           );
         }),
         /* @__PURE__ */ e(
-          _e,
+          pe,
           {
             "aria-disabled": h,
             "aria-label": C.next_insight_cta_aria,
             disabled: h,
             onClick: r,
             children: /* @__PURE__ */ e(
-              Me,
+              Se,
               {
                 style: {
                   color: h ? m : c
@@ -1461,7 +1461,7 @@ const $ = u.createContext(null), Et = ({
   showCTAColocatedWithText: n,
   heightOverrides: l,
   onCardClick: a,
-  posthog: s,
+  posthog: d,
   shouldApplyNewAnimation: p = !1,
   showCarouselControls: _,
   showIcon: C,
@@ -1471,21 +1471,21 @@ const $ = u.createContext(null), Et = ({
   visibleCardsCount: c = 1
   // Default to 1 card visible
 }) => {
-  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();
+  const E = u.useRef(null), R = u.useRef(null), [I, D] = u.useState(0), [O, y] = u.useState(null), [F, z] = u.useState(null), [g, x] = u.useState(null), [U, B] = u.useState(p), { carouselCopy: j } = k(), { onEvent: Z } = Y();
   u.useEffect(() => {
     if (E.current && !o) {
-      const d = E.current.offsetWidth, A = 8;
+      const s = E.current.offsetWidth, A = 8;
       let N;
       if (c > 1) {
-        const J = (d - (c - 1) * A) / c / 3;
-        N = (d - J - (c - 1) * A) / c;
+        const J = (s - (c - 1) * A) / c / 3;
+        N = (s - J - (c - 1) * A) / c;
       } else
-        N = d;
-      D(N);
+        N = s;
+      x(N);
     }
   }, [c, E.current?.offsetWidth]), u.useEffect(() => {
-    const d = g.current?.offsetWidth;
-    if (typeof d == "number" && o) {
+    const s = R.current?.offsetWidth;
+    if (typeof s == "number" && o) {
       const A = (P) => {
         B(!0);
         const ee = [
@@ -1497,51 +1497,51 @@ const $ = u.createContext(null), Et = ({
         ].find((ce) => P <= ce.maxWidth);
         return ee ? ee.cardWidth : 750;
       };
-      D(A(d));
+      x(A(s));
       const N = () => {
-        const P = g.current?.offsetWidth;
-        typeof P == "number" && D(A(P));
+        const P = R.current?.offsetWidth;
+        typeof P == "number" && x(A(P));
       };
       return window.addEventListener("resize", N), () => {
         window.removeEventListener("resize", N);
       };
     }
-  }, [o, g]);
+  }, [o, R]);
   const X = () => {
-    Z(M.ON_CAROUSEL_FORWARD_CLICK, i), E.current && R && E.current.scrollTo({
-      left: I + R + 8,
+    Z(M.ON_CAROUSEL_FORWARD_CLICK, i), E.current && g && E.current.scrollTo({
+      left: I + g + 8,
       top: 0,
       behavior: "smooth"
     });
   }, le = () => {
-    Z(M.ON_CAROUSEL_BACK_CLICK, i), E.current && R && E.current.scrollTo({
-      left: Math.max(0, I - (R + 8)),
+    Z(M.ON_CAROUSEL_BACK_CLICK, i), E.current && g && E.current.scrollTo({
+      left: Math.max(0, I - (g + 8)),
       top: 0,
       behavior: "smooth"
     });
   }, ne = () => {
-    E.current && x(E.current.scrollLeft);
+    E.current && D(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 = (d) => {
-    y(d.targetTouches[0].clientX);
-  }, L = (d) => {
-    y(null), z(d.targetTouches[0].clientX);
+  }, q = (s) => {
+    y(s.targetTouches[0].clientX);
+  }, L = (s) => {
+    y(null), z(s.targetTouches[0].clientX);
   }, ue = {
     clientColorScheme: r,
     showCTAColocatedWithText: n,
     heightOverrides: l,
-    posthog: s,
+    posthog: d,
     showIcon: C,
     variant: h
-  }, ae = R ? Math.round(I / (R + 8)) : 0, Be = E.current ? E.current.scrollWidth - E.current.offsetWidth : 0;
+  }, ae = g ? Math.round(I / (g + 8)) : 0, Fe = E.current ? E.current.scrollWidth - E.current.offsetWidth : 0;
   return /* @__PURE__ */ v(
     K,
     {
       "aria-label": j.carousel_title,
       "aria-roledescription": "carousel",
-      ref: g,
+      ref: R,
       role: "group/region",
       sx: {
         alignItems: "center",
@@ -1577,24 +1577,24 @@ const $ = u.createContext(null), Et = ({
               }
             },
             children: [
-              t.map((d, A) => {
+              t.map((s, A) => {
                 const N = A + 1, P = t.length + 1, J = Qe(
                   j.card_position_in_carousel_aria,
                   N.toString(),
                   P.toString()
-                ), ee = d.micro_title && d.micro_title.length > 0, ce = d.micro_description && d.micro_description.length > 0, Ze = ee ? d.micro_title : d.title, Pe = ce ? d.micro_description : d.description;
+                ), ee = s.micro_title && s.micro_title.length > 0, ce = s.micro_description && s.micro_description.length > 0, Be = ee ? s.micro_title : s.title, Ze = ce ? s.micro_description : s.description;
                 return /* @__PURE__ */ e(
                   vt,
                   {
-                    ariaLabel: `${J}: ${Ze}, ${Pe}`,
-                    beat: d,
+                    ariaLabel: `${J}: ${Be}, ${Ze}`,
+                    beat: s,
                     index: A,
                     isActiveCard: A === ae,
                     onCardClick: a,
-                    widthOverrides: R || void 0,
+                    widthOverrides: g || void 0,
                     ...ue
                   },
-                  `${d.guid} ${A}`
+                  `${s.guid} ${A}`
                 );
               }),
               /* @__PURE__ */ e(
@@ -1602,7 +1602,7 @@ const $ = u.createContext(null), Et = ({
                 {
                   isActiveCard: ae === t.length,
                   onCardClick: a,
-                  widthOverrides: R || void 0,
+                  widthOverrides: g || void 0,
                   ...ue
                 }
               )
@@ -1617,9 +1617,9 @@ const $ = u.createContext(null), Et = ({
             numBeats: t.length + 1,
             onNextClick: X,
             onPreviousClick: le,
-            scrollRightBoundary: Be,
+            scrollRightBoundary: Fe,
             scrollX: I,
-            shouldApplyNewAnimation: b,
+            shouldApplyNewAnimation: U,
             visibleCardsCount: c
           }
         )
@@ -1633,7 +1633,7 @@ const $ = u.createContext(null), Et = ({
   posthog: r,
   widthOverrides: n
 }) => {
-  const { carouselCopy: l } = k(), { onEvent: a } = Y(), s = () => {
+  const { carouselCopy: l } = k(), { onEvent: a } = Y(), d = () => {
     a && (a(M.ON_VIEW_MORE_CLICKED, i), t(), r?.capture("clicked_view_more"));
   };
   return l ? /* @__PURE__ */ v(
@@ -1649,9 +1649,10 @@ const $ = u.createContext(null), Et = ({
       },
       children: [
         /* @__PURE__ */ e(
-          pe,
+          Ge,
           {
             sx: {
+              color: o?.primary_300,
               fontSize: 18,
               fontWeight: 700,
               lineHeight: "24px"
@@ -1660,42 +1661,19 @@ const $ = u.createContext(null), Et = ({
             children: l.carousel_title
           }
         ),
-        /* @__PURE__ */ v(
-          Ge,
+        /* @__PURE__ */ e(
+          Pe,
           {
-            onClick: s,
-            sx: {
-              display: "flex",
-              alignItems: "center",
-              "&.MuiLink-underlineNone": {
-                textDecoration: "none",
-                ":hover": {
-                  borderBottom: "none"
-                }
-              }
-            },
-            underline: "none",
-            children: [
-              /* @__PURE__ */ e(
-                pe,
-                {
-                  sx: {
-                    color: o?.primary_300,
-                    fontSize: 15,
-                    fontWeight: 600,
-                    lineHeight: "20px"
-                  },
-                  variant: "body1",
-                  children: l.view_all_insights_in_full_feed_cta_aria
-                }
-              ),
-              /* @__PURE__ */ e(Me, { sx: { color: o?.primary_300, ml: "8px" } })
-            ]
+            endIcon: /* @__PURE__ */ e(Se, { size: 20 }),
+            onClick: d,
+            size: "small",
+            variant: "text",
+            children: l.view_all_insights_in_full_feed_cta_aria
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ e(Ue, {});
+  ) : /* @__PURE__ */ e(be, {});
 }, Tt = G(Ot), Wt = ({
   heightOverrides: i,
   widthOverrides: o,
@@ -1703,7 +1681,7 @@ const $ = u.createContext(null), Et = ({
 }) => {
   const { carouselCopy: r } = k();
   return /* @__PURE__ */ e(
-    U,
+    b,
     {
       "aria-label": r?.carousel_title,
       "aria-roledescription": "carousel",
@@ -1717,7 +1695,7 @@ const $ = u.createContext(null), Et = ({
       children: t
     }
   );
-}, ke = ({
+}, He = ({
   ariaLabel: i,
   carouselSize: o,
   clientColorScheme: t,
@@ -1725,11 +1703,11 @@ const $ = u.createContext(null), Et = ({
   onCardClick: n,
   posthog: l,
   showIcon: a,
-  showWithMargin: s,
+  showWithMargin: d,
   variant: p,
   widthOverrides: _
 }) => {
-  const { cardsCopy: C } = k(), { onEvent: f } = Y(), { onPageview: h } = Ne();
+  const { cardsCopy: C } = k(), { onEvent: f } = Y(), { onPageview: h } = Le();
   u.useEffect(() => {
     h(H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
   }, []);
@@ -1746,7 +1724,7 @@ const $ = u.createContext(null), Et = ({
       description: C.no_relevant_insights_card_description,
       fontColors: { buttonColor: t?.primary_300 },
       heightOverrides: r,
-      icon: /* @__PURE__ */ e(Le, {}),
+      icon: /* @__PURE__ */ e(xe, {}),
       isZeroState: !0,
       onCardClick: m,
       posthog: l,
@@ -1754,9 +1732,9 @@ const $ = u.createContext(null), Et = ({
       style: {
         cardStyle: {
           card: {
-            height: `calc(${Ve[o]}px - 44px)`,
+            height: `calc(${Ne[o]}px - 44px)`,
             m: "0 auto",
-            width: s ? "calc(100% - 32px)" : "100%"
+            width: d ? "calc(100% - 32px)" : "100%"
           },
           description: {
             WebkitLineClamp: 4
@@ -1771,7 +1749,7 @@ const $ = u.createContext(null), Et = ({
       widthOverrides: _
     }
   );
-}, li = G(ke), Fe = ({
+}, li = G(He), ke = ({
   ariaLabel: i,
   carouselSize: o,
   heightOverrides: t,
@@ -1779,10 +1757,10 @@ const $ = u.createContext(null), Et = ({
   posthog: n,
   showIcon: l,
   showWithMargin: a,
-  variant: s,
+  variant: d,
   widthOverrides: p
 }) => {
-  const { onPageview: _ } = Ne(), { zeroStateCopy: C } = k();
+  const { onPageview: _ } = Le(), { zeroStateCopy: C } = k();
   return u.useEffect(() => {
     _(H.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
   }, []), /* @__PURE__ */ e(
@@ -1791,7 +1769,7 @@ const $ = u.createContext(null), Et = ({
       ariaLabel: i,
       description: C.carousel_zero_state_description,
       heightOverrides: t,
-      icon: /* @__PURE__ */ e(Le, {}),
+      icon: /* @__PURE__ */ e(xe, {}),
       isZeroState: !0,
       onCardClick: r,
       posthog: n,
@@ -1799,7 +1777,7 @@ const $ = u.createContext(null), Et = ({
       style: {
         cardStyle: {
           card: {
-            height: `calc(${Ve[o]}px - 44px)`,
+            height: `calc(${Ne[o]}px - 44px)`,
             m: "0 auto",
             width: a ? "calc(100% - 32px)" : "100%"
           },
@@ -1809,12 +1787,12 @@ const $ = u.createContext(null), Et = ({
         }
       },
       title: C.carousel_zero_state_title,
-      variant: s,
+      variant: d,
       widthOverrides: p
     }
   );
-}, ni = G(Fe), wt = () => /* @__PURE__ */ e(
-  U,
+}, ni = G(ke), wt = () => /* @__PURE__ */ e(
+  b,
   {
     sx: {
       alignItems: "center",
@@ -1825,7 +1803,7 @@ const $ = u.createContext(null), Et = ({
     },
     children: /* @__PURE__ */ e(qe, {})
   }
-), V = new ht(), xt = ({
+), V = new ht(), Dt = ({
   allowSingleCardPeeking: i,
   areBeatsLoading: o,
   beats: t = [],
@@ -1835,7 +1813,7 @@ const $ = u.createContext(null), Et = ({
   showCTAColocatedWithText: n = !0,
   endpoint: l = "/",
   heightOverrides: a,
-  logOutUser: s,
+  logOutUser: d,
   onCardClick: p = () => {
   },
   onEvent: _ = () => {
@@ -1847,21 +1825,21 @@ const $ = u.createContext(null), Et = ({
   showBorder: m = !0,
   showCarouselControls: c,
   showHeader: E,
-  showIcon: g,
+  showIcon: R,
   showWithMargin: I = !0,
-  token: x = "",
+  token: D = "",
   useDarkMode: O,
   userHasFullInsightFeedBeats: y,
   variant: F,
   visibleCardsCount: z = 1,
-  widthOverrides: R
+  widthOverrides: g
 }) => {
-  const [D, b] = te("STANDARD"), [B, j] = te(!1), [Z, X] = te(!1), le = et([_], V), ne = tt([C], V);
+  const [x, U] = te("STANDARD"), [B, j] = te(!1), [Z, X] = te(!1), le = et([_], V), ne = tt([C], V);
   u.useEffect(() => {
-    !V.isInitialized && !Z && (V.initialize(l, x, s).catch(() => X(!1)), X(!0));
-  }, [l, x, s, V.isInitialized, Z]), u.useEffect(() => {
+    !V.isInitialized && !Z && (V.initialize(l, D, d).catch(() => X(!1)), X(!0));
+  }, [l, D, 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");
+    L < 180 ? U("STANDARD") : L >= 180 && L < 200 ? U("LARGE") : L >= 200 && L < 248 ? U("XLARGE") : L >= 248 && U("XXLARGE");
   }, [window.innerHeight]), u.useEffect(() => {
     j(!o && V.isInitialized);
   }, [o, V.isInitialized]);
@@ -1870,32 +1848,32 @@ const $ = u.createContext(null), Et = ({
     heightOverrides: a,
     onCardClick: p,
     posthog: f,
-    showIcon: g,
+    showIcon: R,
     showWithMargin: I,
     useDarkMode: O,
-    widthOverrides: R
+    widthOverrides: g
   }, q = {
-    carouselSize: D,
+    carouselSize: x,
     variant: F,
     ...Q
   };
-  return /* @__PURE__ */ e(Et, { onEvent: le, onPageview: ne, store: V, children: /* @__PURE__ */ v(Wt, { heightOverrides: a, widthOverrides: R, children: [
+  return /* @__PURE__ */ e(Et, { onEvent: le, onPageview: ne, store: V, children: /* @__PURE__ */ v(Wt, { heightOverrides: a, widthOverrides: g, children: [
     !B && /* @__PURE__ */ e(wt, {}),
     B && E && /* @__PURE__ */ e(
       Tt,
       {
-        analyticsMetadata: me,
+        analyticsMetadata: fe,
         clientColorScheme: r,
         onCardClick: p,
         posthog: f,
-        widthOverrides: R
+        widthOverrides: g
       }
     ),
     B && !!t.length && /* @__PURE__ */ e(
       At,
       {
         allowSingleCardPeeking: i,
-        analyticsMetadata: me,
+        analyticsMetadata: fe,
         beats: t,
         clientColorScheme: r,
         shouldApplyNewAnimation: h,
@@ -1905,10 +1883,10 @@ const $ = u.createContext(null), Et = ({
         ...Q
       }
     ),
-    B && !t.length && y && /* @__PURE__ */ e(ke, { clientColorScheme: r, ...q }),
-    B && !t.length && !y && /* @__PURE__ */ e(Fe, { ...q })
+    B && !t.length && y && /* @__PURE__ */ e(He, { clientColorScheme: r, ...q }),
+    B && !t.length && !y && /* @__PURE__ */ e(ke, { ...q })
   ] }) });
-}, ai = G(xt), Dt = ({
+}, ai = G(Dt), xt = ({
   isActiveCard: i,
   ariaLabel: o,
   clientColorScheme: t,
@@ -1916,11 +1894,11 @@ const $ = u.createContext(null), Et = ({
   onCardClick: n,
   posthog: l,
   showIcon: a,
-  variant: s,
+  variant: d,
   widthOverrides: p
 }) => {
-  const _ = de(), { ref: C, inView: f } = Ae({
-    threshold: He
+  const _ = se(), { ref: C, inView: f } = Me({
+    threshold: Ve
   }), { cardsCopy: h } = k(), { onEvent: m } = Y();
   oe(() => {
     f && (m(De.ON_VIEW_MORE_VIEWED), l?.capture("viewed_insight", {
@@ -1947,11 +1925,11 @@ const $ = u.createContext(null), Et = ({
       ref: C,
       showIcon: a,
       title: h.view_more_card_title,
-      variant: s,
+      variant: d,
       widthOverrides: p
     }
   );
-}, Lt = G(Dt);
+}, Lt = G(xt);
 export {
   ht as A,
   vt as B,
@@ -1959,12 +1937,12 @@ export {
   Et as I,
   At as M,
   li as N,
-  me as T,
+  fe as T,
   Lt as V,
   ni as Z,
   re as a,
   ai as b,
   ft as c,
-  Rt as d,
-  Le as e
+  gt as d,
+  xe 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-DTtQNV3D.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-K-RUX-V6.mjs";
 export {
   s as AppStore,
   e as BeatCard,

package/dist/trends/index.es.js

@@ -19,7 +19,7 @@ import { DataGridPro as ut } from "@mui/x-data-grid-pro";
 import { C as gt } from "../CurrencyText-kyC1aseI.mjs";
 import { b as mt } from "../Localization-2MODESHW.mjs";
 import { H as Ie } from "../HeaderCell-DjuifqHJ.mjs";
-import { T as A, b as pt } from "../ViewMoreMicroCard-DTtQNV3D.mjs";
+import { T as A, b as pt } from "../ViewMoreMicroCard-K-RUX-V6.mjs";
 import { A as y, W as ke } from "../WidgetContainer-DtPnPQZY.mjs";
 import { c as Ct } from "../Category-CevNQ03n.mjs";
 import { a as Ne, T as He } from "../TransactionDetails-_cXLXTd3.mjs";

package/package.json

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