@mx-cartographer/experiences 7.10.5 → 7.10.6

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.10.6] - 02-09-2026
+
+- **UPDATED** - MicroInsight Design fix
+
 ## [7.10.5] - 02-09-2026
 
 - **FIXED** - `Trends` Header ADA Fix

package/dist/{ViewMoreMicroCard-B8C76vIW.mjs → ViewMoreMicroCard-CO1x7Twm.mjs}

@@ -6,9 +6,9 @@ import ne from "@mui/material/Button";
 import { CategoryIcon as be, MerchantLogo as Pe, P as _e, Text as ue, H3 as Be } from "@mxenabled/mxui";
 import { Icon as Ve, Close as Ge, ChevronLeft as ke, ChevronRight as Te } from "@mxenabled/mx-icons";
 import { L as ze } from "./Loader-DUaFpDGv.mjs";
-import Q from "@mui/material/Box";
+import H from "@mui/material/Box";
 import re from "@mui/material/IconButton";
-import { alpha as f, useTheme as H } from "@mui/material/styles";
+import { alpha as f, useTheme as $ } from "@mui/material/styles";
 import { useInView as fe } from "react-intersection-observer";
 import { b as Ue } from "./Category-CevNQ03n.mjs";
 import Ke from "@mui/material/styles/useTheme";
@@ -156,7 +156,7 @@ const se = {
     path: "/micro-widget",
     value: O
   }
-}, Ie = {
+}, ge = {
   // carousel control interaction events - clicks and swipes
   [y.ON_CAROUSEL_BACK_CLICK]: {
     action: P.CONTROL_BACKWARD,
@@ -198,13 +198,13 @@ const se = {
   ...et(),
   ...tt(),
   ...ot()
-}, ge = async (t, e) => !e || !Ie[t] ? null : e.sendAnalyticEvent(Ie[t]).then((o) => o).catch((o) => {
+}, Ie = async (t, e) => !e || !ge[t] ? null : e.sendAnalyticEvent(ge[t]).then((o) => o).catch((o) => {
   throw o;
 }), Ae = async (t, e) => !e || !Ee[t] ? null : e.sendAnalyticsPageview(Ee[t]).then((o) => o).catch((o) => {
   throw o;
 });
 class it {
-  onAnalyticEvent = ge;
+  onAnalyticEvent = Ie;
   onAnalyticPageView = Ae;
   beatApi = new he("/", "");
   constructor() {
@@ -212,7 +212,7 @@ class it {
   }
   initialize = async (e, o, n) => {
     this.onAnalyticEvent = (r, a) => {
-      ge(r, a).then((s) => s).catch((s) => {
+      Ie(r, a).then((s) => s).catch((s) => {
         throw s.status === 401 && n(), s;
       });
     }, this.onAnalyticPageView = (r, a) => {
@@ -246,12 +246,12 @@ class nt {
     });
   };
 }
-const $ = h.createContext(null), rt = ({
+const j = h.createContext(null), rt = ({
   onEvent: t,
   onPageview: e,
   store: o,
   children: n
-}) => /* @__PURE__ */ i($.Provider, { value: { onEvent: t, onPageview: e, store: o, children: n }, children: n }), at = ({ beat: t }) => {
+}) => /* @__PURE__ */ i(j.Provider, { value: { onEvent: t, onPageview: e, store: o, children: n }, children: n }), at = ({ beat: t }) => {
   const { primary_category_guid: e, category_guids: o } = t, n = e || o?.[0] || Ue.UNCATEGORIZED;
   return /* @__PURE__ */ i(be, { categoryGuid: n, size: 32, sx: { minWidth: 32 } });
 }, st = ({
@@ -322,27 +322,27 @@ const $ = h.createContext(null), rt = ({
   8: (t, e) => /* @__PURE__ */ i(R, { bgColor: f(e.palette.primary.main, 0.15), name: "calendar_clock" }),
   9: (t, e) => /* @__PURE__ */ i(R, { bgColor: f(e.palette.primary.main, 0.15), name: "celebration" })
 }, pt = ({ beat: t }) => {
-  const e = H(), { icon_type: o } = t, n = o != null ? ut[o] : null;
+  const e = $(), { icon_type: o } = t, n = o != null ? ut[o] : null;
   return n ? n(t, e) : /* @__PURE__ */ i(R, { bgColor: f(e.palette.primary.main, 0.15), name: "error" });
 }, B = () => {
-  const t = h.useContext($);
+  const t = h.useContext(j);
   if (!t)
     throw new Error("useCopyStore() must be used within the InsightsMicroWidgetDataProvider");
   return t.store.copyStore;
 }, ht = () => {
-  const t = h.useContext($);
+  const t = h.useContext(j);
   if (!t?.store?.insightsMicroWidgetStore)
     throw new Error(
       "useInsightsMicroWidgetStore() must be used within the InsightsMicroWidgetDataProvider"
     );
   return t.store.insightsMicroWidgetStore;
-}, j = () => {
-  const t = h.useContext($);
+}, Y = () => {
+  const t = h.useContext(j);
   if (!t)
     throw new Error("useEvent() must be used within the InsightsMicroWidgetDataProvider");
   return { onEvent: t.onEvent };
 }, Me = () => {
-  const t = h.useContext($);
+  const t = h.useContext(j);
   if (!t)
     throw new Error("usePageview() must be used within the InsightsMicroWidgetDataProvider");
   return { onPageview: t.onPageview };
@@ -360,25 +360,25 @@ const $ = h.createContext(null), rt = ({
     icon: a,
     isActiveCard: s,
     hasCardEffect: p = !1,
-    heightOverrides: m,
-    onClose: C,
+    heightOverrides: C,
+    onClose: m,
     onCardClick: _,
     onPrimaryAction: c,
     onSecondaryAction: d,
     primaryActionText: l,
-    secondaryActionText: I,
+    secondaryActionText: g,
     title: E,
     variant: A,
-    widthOverrides: g,
+    widthOverrides: I,
     ...D
   }, V) {
-    const S = !!(c && l), T = !!(d && I), M = p ? Ze : Q, w = /* @__PURE__ */ L(Se, { children: [
-      C && /* @__PURE__ */ i(
+    const S = !!(c && l), T = !!(d && g), M = p ? Ze : H, w = /* @__PURE__ */ L(Se, { children: [
+      m && /* @__PURE__ */ i(
         re,
         {
           "aria-label": n,
           onClick: (u) => {
-            u.stopPropagation(), C?.();
+            u.stopPropagation(), m?.();
           },
           onMouseDown: (u) => {
             u.stopPropagation();
@@ -435,7 +435,7 @@ const $ = h.createContext(null), rt = ({
                     u.stopPropagation();
                   },
                   size: "small",
-                  sx: { px: a ? 8 : 0 },
+                  sx: { px: 8, ml: a ? 0 : -8 },
                   variant: "text",
                   children: /* @__PURE__ */ i(ue, { bold: !0, variant: "body2", children: l })
                 }
@@ -455,7 +455,7 @@ const $ = h.createContext(null), rt = ({
                   size: "small",
                   sx: { px: 8 },
                   variant: "text",
-                  children: /* @__PURE__ */ i(ue, { bold: !0, sx: { color: "text.secondary" }, variant: "body2", children: I })
+                  children: /* @__PURE__ */ i(ue, { bold: !0, sx: { color: "text.secondary" }, variant: "body2", children: g })
                 }
               )
             ]
@@ -472,9 +472,10 @@ const $ = h.createContext(null), rt = ({
         role: "group",
         sx: {
           backgroundColor: "background.paper",
-          height: m ? "100%" : 124,
-          minWidth: g ? `${g}px` : "100%",
+          height: C ? "100%" : 120,
+          minWidth: I ? `${I}px` : "100%",
           position: "relative",
+          my: 1,
           ...o
         },
         tabIndex: _ || !s ? -1 : 0,
@@ -488,15 +489,15 @@ const $ = h.createContext(null), rt = ({
               pb: 8,
               pt: 16,
               px: 16,
-              height: m ? "100%" : 124
+              height: "100%"
             },
             children: w
           }
-        ) : w
+        ) : /* @__PURE__ */ i(H, { sx: { pb: 8, pt: 16, px: 16, height: "100%" }, children: w })
       }
     );
   }
-), q = Et, It = ({
+), q = Et, gt = ({
   ariaLabel: t,
   beat: e,
   index: o,
@@ -505,28 +506,28 @@ const $ = h.createContext(null), rt = ({
   posthog: a,
   widthOverrides: s,
   variant: p,
-  showIcon: m,
-  heightOverrides: C
+  showIcon: C,
+  heightOverrides: m
 }) => {
   const { ref: _, inView: c } = fe({
     threshold: we
-  }), { cardsCopy: d } = B(), { onEvent: l } = j(), { updateBeat: I, updateOffer: E } = ht();
+  }), { cardsCopy: d } = B(), { onEvent: l } = Y(), { updateBeat: g, updateOffer: E } = ht();
   ie(() => {
     c && (e.has_been_displayed ? l(ye(e.template)) : (e.guid.startsWith("OFR") ? E({
       ...e,
       has_been_displayed: !0
-    }) : I({
+    }) : g({
       ...e,
       has_been_displayed: !0
     }), l(We(e.template))));
   }, [c]), ie(() => {
     if (c && e)
       if (e.template === "MarketingOffer") {
-        const g = e;
+        const I = e;
         a?.capture("viewed_messaging_insight", {
           template: e.template,
-          campaign_guid: g.campaign_guid,
-          campaign_name: g.pulse_campaign_name
+          campaign_guid: I.campaign_guid,
+          campaign_name: I.pulse_campaign_name
         });
       } else
         a?.capture("viewed_insight", {
@@ -537,11 +538,11 @@ const $ = h.createContext(null), rt = ({
   }, [e, o, c]);
   const A = () => {
     if (r && r(e), l(Oe(e.template)), e.template === "MarketingOffer") {
-      const g = e;
+      const I = e;
       a?.capture("clicked_messaging_insight", {
         template: e.template,
-        campaign_guid: g.campaign_guid,
-        campaign_name: g.pulse_campaign_name
+        campaign_guid: I.campaign_guid,
+        campaign_name: I.pulse_campaign_name
       });
     } else
       a?.capture("clicked_insight", {
@@ -560,8 +561,8 @@ const $ = h.createContext(null), rt = ({
       },
       description: e?.html_micro_description && e?.html_micro_description.length > 0 ? e.html_micro_description : e.html_description || "",
       hasCardEffect: !0,
-      heightOverrides: C,
-      icon: m && /* @__PURE__ */ i(pt, { beat: e }),
+      heightOverrides: m,
+      icon: C && /* @__PURE__ */ i(pt, { beat: e }),
       isActiveCard: n,
       onCardClick: A,
       onPrimaryAction: A,
@@ -572,7 +573,7 @@ const $ = h.createContext(null), rt = ({
       widthOverrides: s
     }
   );
-}, gt = ({
+}, It = ({
   currentBeatIndex: t,
   numBeats: e,
   onNextClick: o,
@@ -582,7 +583,7 @@ const $ = h.createContext(null), rt = ({
   shouldApplyDotAnimation: s = !1,
   visibleCardsCount: p = 1
 }) => {
-  const m = H(), { carouselCopy: C } = B(), _ = Math.floor(a) > r || t - p + 1 === 0, c = a < 0 || e - 1 === t, d = m.palette.grey[500], l = m.palette.primary.main;
+  const C = $(), { carouselCopy: m } = B(), _ = Math.floor(a) > r || t - p + 1 === 0, c = a < 0 || e - 1 === t, d = C.palette.grey[500], l = C.palette.primary.main;
   return /* @__PURE__ */ L(
     N,
     {
@@ -602,7 +603,7 @@ const $ = h.createContext(null), rt = ({
           re,
           {
             "aria-disabled": _,
-            "aria-label": C.previous_insight_cta_aria,
+            "aria-label": m.previous_insight_cta_aria,
             disabled: _,
             onClick: n,
             children: /* @__PURE__ */ i(
@@ -615,10 +616,10 @@ const $ = h.createContext(null), rt = ({
             )
           }
         ),
-        Array.from({ length: e }).map((I, E) => {
+        Array.from({ length: e }).map((g, E) => {
           const A = E === t;
           return /* @__PURE__ */ i(
-            Q,
+            H,
             {
               className: "mx-insights-micro-carousel-dots",
               sx: {
@@ -645,7 +646,7 @@ const $ = h.createContext(null), rt = ({
           re,
           {
             "aria-disabled": c,
-            "aria-label": C.next_insight_cta_aria,
+            "aria-label": m.next_insight_cta_aria,
             disabled: c,
             onClick: o,
             children: /* @__PURE__ */ i(
@@ -670,24 +671,24 @@ const $ = h.createContext(null), rt = ({
   onCardClick: a,
   posthog: s,
   showIcon: p,
-  variant: m
+  variant: C
 }) => {
-  const { carouselCopy: C } = B(), _ = {
+  const { carouselCopy: m } = B(), _ = {
     showCTAColocatedWithText: n,
     heightOverrides: r,
     posthog: s,
     showIcon: p,
-    variant: m
+    variant: C
   };
   return /* @__PURE__ */ L(Se, { children: [
     e.map((c, d) => {
-      const l = d + 1, I = e.length + 1, E = Fe(
-        C.card_position_in_carousel_aria,
+      const l = d + 1, g = e.length + 1, E = Fe(
+        m.card_position_in_carousel_aria,
         l.toString(),
-        I.toString()
-      ), A = c.micro_title && c.micro_title.length > 0, g = c.micro_description && c.micro_description.length > 0, D = A ? c.micro_title : c.title, V = g ? c.micro_description : c.description;
+        g.toString()
+      ), A = c.micro_title && c.micro_title.length > 0, I = c.micro_description && c.micro_description.length > 0, D = A ? c.micro_title : c.title, V = I ? c.micro_description : c.description;
       return /* @__PURE__ */ i(
-        It,
+        gt,
         {
           ariaLabel: `${E}: ${D}, ${V}`,
           beat: c,
@@ -719,14 +720,14 @@ const $ = h.createContext(null), rt = ({
   onCardClick: a,
   posthog: s,
   showCarouselControls: p,
-  showIcon: m,
-  showWithMargin: C = !0,
+  showIcon: C,
+  showWithMargin: m = !0,
   variant: _,
   widthOverrides: c,
   visibleCardsCount: d = 1
   // Default to 1 card visible
 }) => {
-  const l = h.useRef(null), I = h.useRef(null), [E, A] = h.useState(0), [g, D] = h.useState(null), [V, S] = h.useState(null), [T, M] = h.useState(null), { carouselCopy: w } = B(), { onEvent: u } = j();
+  const l = h.useRef(null), g = h.useRef(null), [E, A] = h.useState(0), [I, D] = h.useState(null), [V, S] = h.useState(null), [T, M] = h.useState(null), { carouselCopy: w } = B(), { onEvent: u } = Y();
   h.useEffect(() => {
     if (l.current && !e) {
       const W = l.current.offsetWidth, K = 8;
@@ -739,7 +740,7 @@ const $ = h.createContext(null), rt = ({
       M(z);
     }
   }, [d, l.current?.offsetWidth]), h.useEffect(() => {
-    const W = I.current?.offsetWidth;
+    const W = g.current?.offsetWidth;
     if (typeof W == "number" && e) {
       const K = (F) => {
         const de = [
@@ -753,21 +754,21 @@ const $ = h.createContext(null), rt = ({
       };
       M(K(W));
       const z = () => {
-        const F = I.current?.offsetWidth;
+        const F = g.current?.offsetWidth;
         typeof F == "number" && M(K(F));
       };
       return window.addEventListener("resize", z), () => {
         window.removeEventListener("resize", z);
       };
     }
-  }, [e, I]);
-  const Y = () => {
+  }, [e, g]);
+  const X = () => {
     u(y.ON_CAROUSEL_FORWARD_CLICK, t), l.current && T && l.current.scrollTo({
       left: E + T + 8,
       top: 0,
       behavior: "smooth"
     });
-  }, X = () => {
+  }, Z = () => {
     u(y.ON_CAROUSEL_BACK_CLICK, t), l.current && T && l.current.scrollTo({
       left: Math.max(0, E - (T + 8)),
       top: 0,
@@ -776,11 +777,11 @@ const $ = h.createContext(null), rt = ({
   }, J = () => {
     l.current && A(l.current.scrollLeft);
   }, ee = () => {
-    if (!V || !g) return;
-    V - g > Ct ? u(y.ON_CAROUSEL_FORWARD_SWIPE, t) : u(y.ON_CAROUSEL_BACK_SWIPE, t);
+    if (!V || !I) return;
+    V - I > Ct ? u(y.ON_CAROUSEL_FORWARD_SWIPE, t) : u(y.ON_CAROUSEL_BACK_SWIPE, t);
   }, te = (W) => {
     D(W.targetTouches[0].clientX);
-  }, Z = (W) => {
+  }, Q = (W) => {
     D(null), S(W.targetTouches[0].clientX);
   }, v = T ? Math.round(E / (T + 8)) : 0, ve = l.current ? l.current.scrollWidth - l.current.offsetWidth : 0;
   return /* @__PURE__ */ L(
@@ -788,7 +789,7 @@ const $ = h.createContext(null), rt = ({
     {
       "aria-label": w.carousel_title,
       "aria-roledescription": "carousel",
-      ref: I,
+      ref: g,
       role: "group/region",
       sx: {
         alignItems: "center",
@@ -804,7 +805,7 @@ const $ = h.createContext(null), rt = ({
             onScroll: J,
             onTouchEnd: ee,
             onTouchMove: te,
-            onTouchStart: Z,
+            onTouchStart: Q,
             ref: l,
             sx: {
               alignItems: "center",
@@ -812,7 +813,7 @@ const $ = h.createContext(null), rt = ({
               gap: 8,
               listStyleType: "none",
               m: 0,
-              maxWidth: C ? "calc(100% - 32px)" : "100%",
+              maxWidth: m ? "calc(100% - 32px)" : "100%",
               overflowX: "auto",
               overflowY: "hidden",
               p: 0,
@@ -833,19 +834,19 @@ const $ = h.createContext(null), rt = ({
                 onCardClick: a,
                 posthog: s,
                 showCTAColocatedWithText: n,
-                showIcon: m,
+                showIcon: C,
                 variant: _
               }
             )
           }
         ),
         p && /* @__PURE__ */ i(
-          gt,
+          It,
           {
             currentBeatIndex: v + d - 1,
             numBeats: o.length + 1,
-            onNextClick: Y,
-            onPreviousClick: X,
+            onNextClick: X,
+            onPreviousClick: Z,
             scrollRightBoundary: ve,
             scrollX: E,
             shouldApplyDotAnimation: e,
@@ -861,7 +862,7 @@ const $ = h.createContext(null), rt = ({
   posthog: o,
   widthOverrides: n
 }) => {
-  const { carouselCopy: r } = B(), { onEvent: a } = j(), s = () => {
+  const { carouselCopy: r } = B(), { onEvent: a } = Y(), s = () => {
     a && (a(y.ON_VIEW_MORE_CLICKED, t), e(), o?.capture("clicked_view_more"));
   };
   return r ? /* @__PURE__ */ L(
@@ -898,7 +899,7 @@ const $ = h.createContext(null), rt = ({
 }) => {
   const { carouselCopy: n } = B();
   return /* @__PURE__ */ i(
-    Q,
+    H,
     {
       "aria-label": n?.carousel_title,
       "aria-roledescription": "carousel",
@@ -920,12 +921,12 @@ const $ = h.createContext(null), rt = ({
   showIcon: r,
   variant: a
 }) => {
-  const { cardsCopy: s } = B(), p = H(), { onEvent: m } = j(), { onPageview: C } = Me();
+  const { cardsCopy: s } = B(), p = $(), { onEvent: C } = Y(), { onPageview: m } = Me();
   h.useEffect(() => {
-    C(k.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
+    m(k.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
   }, []);
   const _ = () => {
-    o && o(), m(y.ON_NO_RELEVANT_INSIGHTS_CLICKED), n?.capture("clicked_insight", {
+    o && o(), C(y.ON_NO_RELEVANT_INSIGHTS_CLICKED), n?.capture("clicked_insight", {
       template: "no_relevant_insights"
     });
   };
@@ -954,7 +955,7 @@ const $ = h.createContext(null), rt = ({
   showIcon: n,
   variant: r
 }) => {
-  const { onPageview: a } = Me(), { zeroStateCopy: s } = B(), p = H();
+  const { onPageview: a } = Me(), { zeroStateCopy: s } = B(), p = $();
   return h.useEffect(() => {
     a(k.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
   }, []), /* @__PURE__ */ i(
@@ -974,7 +975,7 @@ const $ = h.createContext(null), rt = ({
     }
   );
 }, eo = U(De), yt = () => /* @__PURE__ */ i(
-  Q,
+  H,
   {
     sx: {
       alignItems: "center",
@@ -996,29 +997,29 @@ const $ = h.createContext(null), rt = ({
   logOutUser: s,
   onCardClick: p = () => {
   },
-  onEvent: m = () => {
+  onEvent: C = () => {
   },
-  onPageview: C = () => {
+  onPageview: m = () => {
   },
   posthog: _,
   showBorder: c = !0,
   showCarouselControls: d,
   showHeader: l,
-  showIcon: I,
+  showIcon: g,
   showWithMargin: E = !0,
   token: A = "",
-  userHasFullInsightFeedBeats: g,
+  userHasFullInsightFeedBeats: I,
   variant: D,
   visibleCardsCount: V = 1,
   widthOverrides: S
 }) => {
-  const [T, M] = oe("STANDARD"), [w, u] = oe(!1), [Y, X] = oe(!1), J = je([m], G), ee = Ye([C], G);
+  const [T, M] = oe("STANDARD"), [w, u] = oe(!1), [X, Z] = oe(!1), J = je([C], G), ee = Ye([m], G);
   Xe({
     widgetName: "InsightsMicroWidget",
     isLoaded: w
   }), h.useEffect(() => {
-    !G.isInitialized && !Y && (G.initialize(r, A, s).catch(() => X(!1)), X(!0));
-  }, [r, A, s, G.isInitialized, Y]), h.useEffect(() => {
+    !G.isInitialized && !X && (G.initialize(r, A, s).catch(() => Z(!1)), Z(!0));
+  }, [r, A, s, G.isInitialized, X]), h.useEffect(() => {
     const v = window.innerHeight;
     v < 180 ? M("STANDARD") : v >= 180 && v < 200 ? M("LARGE") : v >= 200 && v < 248 ? M("XLARGE") : v >= 248 && M("XXLARGE");
   }, [window.innerHeight]), h.useEffect(() => {
@@ -1029,17 +1030,17 @@ const $ = h.createContext(null), rt = ({
     heightOverrides: a,
     onCardClick: p,
     posthog: _,
-    showIcon: I,
+    showIcon: g,
     showWithMargin: E,
     widthOverrides: S
-  }, Z = {
+  }, Q = {
     carouselSize: T,
     variant: D,
     showCTAColocatedWithText: n,
     heightOverrides: a,
     onCardClick: p,
     posthog: _,
-    showIcon: I
+    showIcon: g
   };
   return /* @__PURE__ */ i(rt, { onEvent: J, onPageview: ee, store: G, children: /* @__PURE__ */ L(Ot, { heightOverrides: a, widthOverrides: S, children: [
     !w && /* @__PURE__ */ i(yt, {}),
@@ -1079,7 +1080,7 @@ const $ = h.createContext(null), rt = ({
               height: `calc(${mt[T]}px - 44px)`,
               width: E ? `calc(${S}px - 32px)` : "100%"
             },
-            children: g ? /* @__PURE__ */ i(Le, { ...Z }) : /* @__PURE__ */ i(De, { ...Z })
+            children: I ? /* @__PURE__ */ i(Le, { ...Q }) : /* @__PURE__ */ i(De, { ...Q })
           }
         )
       }
@@ -1095,9 +1096,9 @@ const $ = h.createContext(null), rt = ({
   showIcon: s,
   variant: p
 }) => {
-  const m = H(), { ref: C, inView: _ } = fe({
+  const C = $(), { ref: m, inView: _ } = fe({
     threshold: we
-  }), { cardsCopy: c } = B(), { onEvent: d } = j();
+  }), { cardsCopy: c } = B(), { onEvent: d } = Y();
   ie(() => {
     _ && (d(Ne.ON_VIEW_MORE_VIEWED), r?.capture("viewed_insight", {
       template: "view_more_card"
@@ -1119,12 +1120,12 @@ const $ = h.createContext(null), rt = ({
       description: c.view_more_card_description,
       hasCardEffect: !0,
       heightOverrides: e,
-      icon: s && /* @__PURE__ */ i(R, { bgColor: f(m.palette.primary.main, 0.15), name: "show_chart" }),
+      icon: s && /* @__PURE__ */ i(R, { bgColor: f(C.palette.primary.main, 0.15), name: "show_chart" }),
       isActiveCard: o,
       onCardClick: l,
       onPrimaryAction: l,
       primaryActionText: c.micro_card_cta,
-      ref: C,
+      ref: m,
       title: c.view_more_card_title,
       variant: p,
       widthOverrides: a
@@ -1141,7 +1142,7 @@ export {
   me as T,
   Mt as V,
   eo as Z,
-  It as a,
+  gt as a,
   to as b,
   _t as c,
   q as d

package/dist/microinsights/index.es.js

@@ -1,4 +1,4 @@
-import { A as u, B as s, C as c, a as v, b as C, I as R, M as H, d as M, c as F, N as V, V as k, Z as x } from "../ViewMoreMicroCard-B8C76vIW.mjs";
+import { A as u, B as s, C as c, a as v, b as C, I as R, M as H, d as M, c as F, N as V, V as k, Z as x } from "../ViewMoreMicroCard-CO1x7Twm.mjs";
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 const a = ({
   color: i = "currentColor",

package/dist/trends/index.es.js

@@ -29,7 +29,7 @@ import { c as kt, i as Ht, d as Nt, e as Wt, b as ot, g as nt, f as ze } from ".
 import Ot from "@mui/material/ToggleButton";
 import Gt from "@mui/material/ToggleButtonGroup";
 import { DataGridPro as Bt } from "@mui/x-data-grid-pro";
-import { T as G, b as Vt } from "../ViewMoreMicroCard-B8C76vIW.mjs";
+import { T as G, b as Vt } from "../ViewMoreMicroCard-CO1x7Twm.mjs";
 import { parseISO as st } from "date-fns/parseISO";
 import { H as ke } from "../HeaderCell-DjuifqHJ.mjs";
 import { A as v, W as rt } from "../WidgetContainer-BNltq9UG.mjs";

package/package.json

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