@mx-cartographer/experiences 7.0.66 → 7.1.0

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.0.7] - 11-03-2025
+
+- **UPDATED** - Updated the `CarouselHeader` so widthOverrides no longer affect the components padding in `MicroInsights`
+
 ## [7.0.66] - 11-03-2025
 
 - **FIXED** - Subcategories visibility on `Trends`

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

@@ -11,12 +11,12 @@ import _e 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 se from "@mui/material/styles/useTheme";
+import de 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 { 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 it from "@mui/material/Card";
@@ -32,7 +32,7 @@ class nt {
   namespace = "experiences";
   translationKey = "micro_insights";
   constructor() {
-    de(this);
+    se(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
@@ -97,7 +97,7 @@ const he = {
     }
   }),
   {}
-), st = () => Object.values(he).reduce(
+), dt = () => Object.values(he).reduce(
   (i, o) => ({
     ...i,
     [xe(o)]: {
@@ -199,26 +199,26 @@ const he = {
   },
   ...at(),
   ...ct(),
-  ...st()
+  ...dt()
 }, 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 dt {
+class st {
   onAnalyticEvent = ye;
   onAnalyticPageView = ve;
   beatApi = new fe("/", "");
   constructor() {
-    de(this);
+    se(this);
   }
   initialize = async (o, t, r) => {
-    this.onAnalyticEvent = (l, n) => {
-      ye(l, n).then((a) => a).catch((a) => {
+    this.onAnalyticEvent = (n, l) => {
+      ye(n, l).then((a) => a).catch((a) => {
         throw a.status === 401 && r(), a;
       });
-    }, this.onAnalyticPageView = (l, n) => {
-      ve(l, n).then((a) => a).catch((a) => {
+    }, this.onAnalyticPageView = (n, l) => {
+      ve(n, l).then((a) => a).catch((a) => {
         throw a.status === 401 && r(), a;
       });
     }, this.beatApi = new fe(o, t);
@@ -238,13 +238,13 @@ class ht {
   token = "";
   isInitialized = !1;
   constructor() {
-    this.copyStore = new nt(), this.insightsMicroWidgetStore = new dt(), de(this);
+    this.copyStore = new nt(), this.insightsMicroWidgetStore = new st(), se(this);
   }
   initialize = async (o, t, r) => {
     await this.copyStore.initialize(o, t), await this.insightsMicroWidgetStore.initialize(o, t, r);
-    const l = await Je(o, t, "1.0.0", "Micro Insights Carousel");
+    const n = await Je(o, t, "1.0.0", "Micro Insights Carousel");
     Te(() => {
-      this.session = l, this.isInitialized = !0;
+      this.session = n, this.isInitialized = !0;
     });
   };
 }
@@ -258,10 +258,10 @@ const $ = u.createContext(null), Et = ({
     actionText: o,
     ariaLabel: t,
     backgroundColor: r,
-    description: l,
-    heightOverrides: n,
+    description: n,
+    heightOverrides: l,
     icon: a,
-    isActiveCard: d,
+    isActiveCard: s,
     isZeroState: p,
     onCardClick: _ = () => {
     },
@@ -272,7 +272,7 @@ const $ = u.createContext(null), Et = ({
     variant: c,
     widthOverrides: E
   }, g) {
-    const I = se(), [x, O] = u.useState(!1), { cardStyle: y, linkTextStyle: F } = f, z = c ? y : { border: "none", boxShadow: "none", ...y }, R = /* @__PURE__ */ e(
+    const I = de(), [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",
@@ -289,10 +289,10 @@ const $ = u.createContext(null), Et = ({
           WebkitLineClamp: 2,
           wordWrap: "break-word"
         },
-        children: l && /* @__PURE__ */ e(
+        children: n && /* @__PURE__ */ e(
           "span",
           {
-            dangerouslySetInnerHTML: { __html: l },
+            dangerouslySetInnerHTML: { __html: n },
             style: { fontFamily: I.typography.fontFamily }
           }
         )
@@ -301,7 +301,7 @@ const $ = u.createContext(null), Et = ({
     return /* @__PURE__ */ e(
       U,
       {
-        "aria-hidden": !d,
+        "aria-hidden": !s,
         "aria-label": t,
         "aria-labelledby": "divButton",
         "aria-roledescription": "slide",
@@ -315,7 +315,7 @@ const $ = u.createContext(null), Et = ({
         children: /* @__PURE__ */ e(
           U,
           {
-            "aria-hidden": !d,
+            "aria-hidden": !s,
             "aria-label": t,
             id: "divButton",
             onClick: () => _(),
@@ -328,7 +328,7 @@ const $ = u.createContext(null), Et = ({
               borderRadius: "8px",
               height: "100%"
             },
-            tabIndex: d ? 0 : -1,
+            tabIndex: s ? 0 : -1,
             children: /* @__PURE__ */ e(
               it,
               {
@@ -338,7 +338,7 @@ const $ = u.createContext(null), Et = ({
                 sx: {
                   backgroundColor: r,
                   cursor: "pointer",
-                  height: n ? "100%" : 124,
+                  height: l ? "100%" : 124,
                   p: 16,
                   ...z,
                   "& .MuiCardHeader-avatar": {
@@ -425,8 +425,8 @@ const $ = u.createContext(null), Et = ({
   height: o,
   size: t = 16,
   styles: r,
-  viewBox: l = "0 0 16 16",
-  width: n
+  viewBox: n = "0 0 16 16",
+  width: l
 }) => /* @__PURE__ */ e(
   "svg",
   {
@@ -435,8 +435,8 @@ const $ = u.createContext(null), Et = ({
     focusable: !1,
     height: o || t,
     style: r,
-    viewBox: l,
-    width: n || t,
+    viewBox: n,
+    width: l || t,
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ e(
       "path",
@@ -448,12 +448,12 @@ const $ = u.createContext(null), Et = ({
   }
 ), mt = (i) => i ? i.data ? i.data.map((o) => {
   const t = {};
-  return i.names?.map((r, l) => {
-    t[r] = o[l];
+  return i.names?.map((r, n) => {
+    t[r] = o[n];
   }), t;
 }) : [] : [], 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;
+  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);
   return /* @__PURE__ */ e(ie, { name: "bar_chart", sx: { color: t } });
@@ -1239,14 +1239,14 @@ const $ = u.createContext(null), Et = ({
     )
   ] })
 ] }), Se = ({ beat: i, clientColorScheme: o, color: t, type: r }) => {
-  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(
+  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(
     ie,
     {
       fill: !0,
       name: "info",
       sx: {
-        color: n
+        color: l
       }
     }
   );
@@ -1282,10 +1282,10 @@ const $ = u.createContext(null), Et = ({
   backgroundColor: o,
   beat: t,
   clientColorScheme: r,
-  showCTAColocatedWithText: l = !0,
-  heightOverrides: n,
+  showCTAColocatedWithText: n = !0,
+  heightOverrides: l,
   index: a,
-  isActiveCard: d,
+  isActiveCard: s,
   onCardClick: p,
   posthog: _,
   showIcon: C,
@@ -1342,7 +1342,7 @@ const $ = u.createContext(null), Et = ({
       backgroundColor: o,
       description: t?.html_micro_description && t?.html_micro_description.length > 0 ? t.html_micro_description : t.html_description,
       fontColors: { buttonColor: r?.primary_300 },
-      heightOverrides: n,
+      heightOverrides: l,
       icon: Se && /* @__PURE__ */ e(
         Se,
         {
@@ -1352,11 +1352,11 @@ const $ = u.createContext(null), Et = ({
           type: t?.icon_type
         }
       ),
-      isActiveCard: d,
+      isActiveCard: s,
       onCardClick: O,
       posthog: _,
       ref: m,
-      showCTAColocatedWithText: l,
+      showCTAColocatedWithText: n,
       showIcon: C,
       title: t.micro_title && t.micro_title.length > 0 ? t.micro_title : t.title,
       variant: f,
@@ -1368,13 +1368,13 @@ const $ = u.createContext(null), Et = ({
   currentBeatIndex: o,
   numBeats: t,
   onNextClick: r,
-  onPreviousClick: l,
-  scrollRightBoundary: n,
+  onPreviousClick: n,
+  scrollRightBoundary: l,
   scrollX: a,
-  shouldApplyNewAnimation: d = !1,
+  shouldApplyNewAnimation: s = !1,
   visibleCardsCount: p = 1
 }) => {
-  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;
+  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;
   return /* @__PURE__ */ v(
     K,
     {
@@ -1396,7 +1396,7 @@ const $ = u.createContext(null), Et = ({
             "aria-disabled": f,
             "aria-label": C.previous_insight_cta_aria,
             disabled: f,
-            onClick: l,
+            onClick: n,
             children: /* @__PURE__ */ e(
               be,
               {
@@ -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"
-                ...d ? {
+                ...s ? {
                   borderRadius: "4px",
                   transformOrigin: "center",
                   transition: "all 0.5s ease-out",
@@ -1427,7 +1427,7 @@ const $ = u.createContext(null), Et = ({
                   borderRadius: "50%",
                   p: 0
                 },
-                width: I && d ? 24 : 8
+                width: I && s ? 24 : 8
               }
             },
             `carousel-button-${g}`
@@ -1458,10 +1458,10 @@ const $ = u.createContext(null), Et = ({
   allowSingleCardPeeking: o = !1,
   beats: t = [],
   clientColorScheme: r,
-  showCTAColocatedWithText: l,
-  heightOverrides: n,
+  showCTAColocatedWithText: n,
+  heightOverrides: l,
   onCardClick: a,
-  posthog: d,
+  posthog: s,
   shouldApplyNewAnimation: p = !1,
   showCarouselControls: _,
   showIcon: C,
@@ -1474,18 +1474,18 @@ const $ = u.createContext(null), Et = ({
   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;
+      const d = E.current.offsetWidth, A = 8;
       let N;
       if (c > 1) {
-        const J = (s - (c - 1) * A) / c / 3;
-        N = (s - J - (c - 1) * A) / c;
+        const J = (d - (c - 1) * A) / c / 3;
+        N = (d - J - (c - 1) * A) / c;
       } else
-        N = s;
+        N = d;
       D(N);
     }
   }, [c, E.current?.offsetWidth]), u.useEffect(() => {
-    const s = g.current?.offsetWidth;
-    if (typeof s == "number" && o) {
+    const d = g.current?.offsetWidth;
+    if (typeof d == "number" && o) {
       const A = (P) => {
         B(!0);
         const ee = [
@@ -1497,7 +1497,7 @@ const $ = u.createContext(null), Et = ({
         ].find((ce) => P <= ce.maxWidth);
         return ee ? ee.cardWidth : 750;
       };
-      D(A(s));
+      D(A(d));
       const N = () => {
         const P = g.current?.offsetWidth;
         typeof P == "number" && D(A(P));
@@ -1524,15 +1524,15 @@ const $ = u.createContext(null), Et = ({
   }, Q = () => {
     if (!F || !O) return;
     F - O > yt ? Z(M.ON_CAROUSEL_FORWARD_SWIPE, i) : Z(M.ON_CAROUSEL_BACK_SWIPE, i);
-  }, q = (s) => {
-    y(s.targetTouches[0].clientX);
-  }, L = (s) => {
-    y(null), z(s.targetTouches[0].clientX);
+  }, q = (d) => {
+    y(d.targetTouches[0].clientX);
+  }, L = (d) => {
+    y(null), z(d.targetTouches[0].clientX);
   }, ue = {
     clientColorScheme: r,
-    showCTAColocatedWithText: l,
-    heightOverrides: n,
-    posthog: d,
+    showCTAColocatedWithText: n,
+    heightOverrides: l,
+    posthog: s,
     showIcon: C,
     variant: h
   }, ae = R ? Math.round(I / (R + 8)) : 0, Be = E.current ? E.current.scrollWidth - E.current.offsetWidth : 0;
@@ -1546,7 +1546,7 @@ const $ = u.createContext(null), Et = ({
       sx: {
         alignItems: "center",
         boxSizing: "border-box",
-        height: n,
+        height: l,
         width: m || "100%"
       },
       children: [
@@ -1561,7 +1561,7 @@ const $ = u.createContext(null), Et = ({
             ref: E,
             sx: {
               alignItems: "center",
-              height: n && "100%",
+              height: l && "100%",
               gap: 8,
               listStyleType: "none",
               m: 0,
@@ -1577,24 +1577,24 @@ const $ = u.createContext(null), Et = ({
               }
             },
             children: [
-              t.map((s, A) => {
+              t.map((d, A) => {
                 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;
+                ), 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;
                 return /* @__PURE__ */ e(
                   vt,
                   {
                     ariaLabel: `${J}: ${Ze}, ${Pe}`,
-                    beat: s,
+                    beat: d,
                     index: A,
                     isActiveCard: A === ae,
                     onCardClick: a,
                     widthOverrides: R || void 0,
                     ...ue
                   },
-                  `${s.guid} ${A}`
+                  `${d.guid} ${A}`
                 );
               }),
               /* @__PURE__ */ e(
@@ -1631,12 +1631,12 @@ const $ = u.createContext(null), Et = ({
   clientColorScheme: o,
   onCardClick: t,
   posthog: r,
-  widthOverrides: l
+  widthOverrides: n
 }) => {
-  const { carouselCopy: n } = k(), { onEvent: a } = Y(), d = () => {
+  const { carouselCopy: l } = k(), { onEvent: a } = Y(), s = () => {
     a && (a(M.ON_VIEW_MORE_CLICKED, i), t(), r?.capture("clicked_view_more"));
   };
-  return n ? /* @__PURE__ */ v(
+  return l ? /* @__PURE__ */ v(
     K,
     {
       alignItems: "center",
@@ -1644,8 +1644,8 @@ const $ = u.createContext(null), Et = ({
       justifyContent: "space-between",
       spacing: 2,
       sx: {
-        padding: l ? 0 : 16,
-        width: l || void 0
+        padding: 16,
+        width: n || void 0
       },
       children: [
         /* @__PURE__ */ e(
@@ -1657,13 +1657,13 @@ const $ = u.createContext(null), Et = ({
               lineHeight: "24px"
             },
             variant: "h3",
-            children: n.carousel_title
+            children: l.carousel_title
           }
         ),
         /* @__PURE__ */ v(
           Ge,
           {
-            onClick: d,
+            onClick: s,
             sx: {
               display: "flex",
               alignItems: "center",
@@ -1686,7 +1686,7 @@ const $ = u.createContext(null), Et = ({
                     lineHeight: "20px"
                   },
                   variant: "body1",
-                  children: n.view_all_insights_in_full_feed_cta_aria
+                  children: l.view_all_insights_in_full_feed_cta_aria
                 }
               ),
               /* @__PURE__ */ e(Me, { sx: { color: o?.primary_300, ml: "8px" } })
@@ -1722,10 +1722,10 @@ const $ = u.createContext(null), Et = ({
   carouselSize: o,
   clientColorScheme: t,
   heightOverrides: r,
-  onCardClick: l,
-  posthog: n,
+  onCardClick: n,
+  posthog: l,
   showIcon: a,
-  showWithMargin: d,
+  showWithMargin: s,
   variant: p,
   widthOverrides: _
 }) => {
@@ -1734,7 +1734,7 @@ const $ = u.createContext(null), Et = ({
     h(H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
   }, []);
   const m = () => {
-    l && l(), f(M.ON_NO_RELEVANT_INSIGHTS_CLICKED), n?.capture("clicked_insight", {
+    n && n(), f(M.ON_NO_RELEVANT_INSIGHTS_CLICKED), l?.capture("clicked_insight", {
       template: "no_relevant_insights"
     });
   };
@@ -1749,14 +1749,14 @@ const $ = u.createContext(null), Et = ({
       icon: /* @__PURE__ */ e(Le, {}),
       isZeroState: !0,
       onCardClick: m,
-      posthog: n,
+      posthog: l,
       showIcon: a,
       style: {
         cardStyle: {
           card: {
             height: `calc(${Ve[o]}px - 44px)`,
             m: "0 auto",
-            width: d ? "calc(100% - 32px)" : "100%"
+            width: s ? "calc(100% - 32px)" : "100%"
           },
           description: {
             WebkitLineClamp: 4
@@ -1776,10 +1776,10 @@ const $ = u.createContext(null), Et = ({
   carouselSize: o,
   heightOverrides: t,
   onCardClick: r,
-  posthog: l,
-  showIcon: n,
+  posthog: n,
+  showIcon: l,
   showWithMargin: a,
-  variant: d,
+  variant: s,
   widthOverrides: p
 }) => {
   const { onPageview: _ } = Ne(), { zeroStateCopy: C } = k();
@@ -1794,8 +1794,8 @@ const $ = u.createContext(null), Et = ({
       icon: /* @__PURE__ */ e(Le, {}),
       isZeroState: !0,
       onCardClick: r,
-      posthog: l,
-      showIcon: n,
+      posthog: n,
+      showIcon: l,
       style: {
         cardStyle: {
           card: {
@@ -1809,7 +1809,7 @@ const $ = u.createContext(null), Et = ({
         }
       },
       title: C.carousel_zero_state_title,
-      variant: d,
+      variant: s,
       widthOverrides: p
     }
   );
@@ -1832,10 +1832,10 @@ const $ = u.createContext(null), Et = ({
   // This also determines the length of the carousel controls (beat.length + 1)
   clientColorScheme: r,
   // Allows certain icons, view all and read more button to reflect the clients color scheme. Currently only supports primary_300
-  showCTAColocatedWithText: l = !0,
-  endpoint: n = "/",
+  showCTAColocatedWithText: n = !0,
+  endpoint: l = "/",
   heightOverrides: a,
-  logOutUser: d,
+  logOutUser: s,
   onCardClick: p = () => {
   },
   onEvent: _ = () => {
@@ -1858,15 +1858,15 @@ const $ = u.createContext(null), Et = ({
 }) => {
   const [D, b] = te("STANDARD"), [B, j] = te(!1), [Z, X] = te(!1), le = et([_], V), ne = tt([C], V);
   u.useEffect(() => {
-    !V.isInitialized && !Z && (V.initialize(n, x, d).catch(() => X(!1)), X(!0));
-  }, [n, x, d, V.isInitialized, Z]), u.useEffect(() => {
+    !V.isInitialized && !Z && (V.initialize(l, x, s).catch(() => X(!1)), X(!0));
+  }, [l, x, s, 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(() => {
     j(!o && V.isInitialized);
   }, [o, V.isInitialized]);
   const Q = {
-    showCTAColocatedWithText: l,
+    showCTAColocatedWithText: n,
     heightOverrides: a,
     onCardClick: p,
     posthog: f,
@@ -1913,22 +1913,22 @@ const $ = u.createContext(null), Et = ({
   ariaLabel: o,
   clientColorScheme: t,
   heightOverrides: r,
-  onCardClick: l,
-  posthog: n,
+  onCardClick: n,
+  posthog: l,
   showIcon: a,
-  variant: d,
+  variant: s,
   widthOverrides: p
 }) => {
-  const _ = se(), { ref: C, inView: f } = Ae({
+  const _ = de(), { ref: C, inView: f } = Ae({
     threshold: He
   }), { cardsCopy: h } = k(), { onEvent: m } = Y();
   oe(() => {
-    f && (m(De.ON_VIEW_MORE_VIEWED), n?.capture("viewed_insight", {
+    f && (m(De.ON_VIEW_MORE_VIEWED), l?.capture("viewed_insight", {
       template: "view_more_card"
     }));
   }, [f]);
   const c = () => {
-    l && l(), m(M.ON_VIEW_MORE_CLICKED), n?.capture("clicked_insight", {
+    n && n(), m(M.ON_VIEW_MORE_CLICKED), l?.capture("clicked_insight", {
       template: "view_more_card"
     });
   };
@@ -1943,11 +1943,11 @@ const $ = u.createContext(null), Et = ({
       icon: /* @__PURE__ */ e(ft, { color: t?.primary_300 ?? _.palette.primary.main }),
       isActiveCard: i,
       onCardClick: c,
-      posthog: n,
+      posthog: l,
       ref: C,
       showIcon: a,
       title: h.view_more_card_title,
-      variant: d,
+      variant: s,
       widthOverrides: p
     }
   );

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-BAz2NyEO.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-DTtQNV3D.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-BAz2NyEO.mjs";
+import { T as A, b as pt } from "../ViewMoreMicroCard-DTtQNV3D.mjs";
 import { A as y, W as ke } from "../WidgetContainer-B8MRJ5Y1.mjs";
 import { c as Ct } from "../Category-CevNQ03n.mjs";
 import { a as Ne, T as He } from "../TransactionDetails-B2Z5S7FM.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.0.66",
+  "version": "7.1.0",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",