@mx-cartographer/experiences 7.2.5-alpha.mm0 → 7.2.5-alpha.mm1

package/dist/{ViewMoreMicroCard-BxRNJMMm.mjs → ViewMoreMicroCard-C5g-Jnyd.mjs}

@@ -4,12 +4,12 @@ import { observer as G } from "mobx-react-lite";
 import Pe from "@mui/material/Button";
 import K from "@mui/material/Stack";
 import Ge from "@mui/material/Typography";
-import { ChevronLeft as Ue, ChevronRight as Se } from "@mxenabled/mx-icons";
+import { ChevronLeft as Ue, ChevronRight as Me } 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 Me } from "react-intersection-observer";
+import { useInView as Se } 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";
@@ -73,7 +73,7 @@ const he = {
   WeeklyNewMerchantsV2: "WeeklyNewMerchantsV2",
   MonthlySpendComparison: "MonthlySpendComparison",
   MonthlySpendToIncomeComparison: "MonthlySpendToIncomeComparison"
-}, S = window?.app?.clientConfig?.microwidget_instance_id || "", me = {
+}, M = window?.app?.clientConfig?.microwidget_instance_id || "", me = {
   INSIGHTS_MICRO_WIDGET: "/micro-insights-carousel"
 }, 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) => ({
@@ -82,7 +82,7 @@ const he = {
       action: w.MICRO_BEAT_CLICKED,
       category: W.BEAT_INTERACTION,
       label: Ee(o),
-      value: S
+      value: M
     }
   }),
   {}
@@ -93,7 +93,7 @@ const he = {
       action: w.MICRO_BEAT_DISPLAYED,
       category: W.BEAT_INTERACTION,
       label: Ee(o),
-      value: S
+      value: M
     }
   }),
   {}
@@ -104,7 +104,7 @@ const he = {
       action: w.MICRO_BEAT_DISPLAYED_FIRST_TIME,
       category: W.BEAT_INTERACTION,
       label: Ee(o),
-      value: S
+      value: M
     }
   }),
   {}
@@ -116,7 +116,7 @@ const he = {
 }, W = {
   MICRO_WIDGET_INTERACTION: "Micro Widget Interaction",
   BEAT_INTERACTION: "Beat Interaction"
-}, M = {
+}, S = {
   ON_CAROUSEL_BACK_CLICK: "onCarouselBackClick",
   ON_CAROUSEL_BACK_SWIPE: "onCarouselBackSwipe",
   ON_CAROUSEL_FORWARD_CLICK: "onCarouselForwardClick",
@@ -142,60 +142,60 @@ const he = {
     label: T.MICRO_WIDGET,
     name: H.MICRO_WIDGET_CAROUSEL,
     path: me.INSIGHTS_MICRO_WIDGET,
-    value: S
+    value: M
   },
   // zero state
   [H.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
     label: T.MICRO_WIDGET,
     name: H.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
     path: me.INSIGHTS_MICRO_WIDGET,
-    value: S
+    value: M
   },
   // no relevant cards
   [H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
     label: T.MICRO_WIDGET,
     name: H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
     path: "/micro-widget",
-    value: S
+    value: M
   }
 }, Re = {
   // carousel control interaction events - clicks and swipes
-  [M.ON_CAROUSEL_BACK_CLICK]: {
+  [S.ON_CAROUSEL_BACK_CLICK]: {
     action: w.CONTROL_BACKWARD,
     category: W.MICRO_WIDGET_INTERACTION,
     label: T.CAROUSEL_CONTROL,
-    value: S
+    value: M
   },
-  [M.ON_CAROUSEL_FORWARD_CLICK]: {
+  [S.ON_CAROUSEL_FORWARD_CLICK]: {
     action: w.CONTROL_FORWARD,
     category: W.MICRO_WIDGET_INTERACTION,
     label: T.CAROUSEL_CONTROL,
-    value: S
+    value: M
   },
-  [M.ON_CAROUSEL_BACK_SWIPE]: {
+  [S.ON_CAROUSEL_BACK_SWIPE]: {
     action: w.SWIPE_BACKWARD,
     category: W.MICRO_WIDGET_INTERACTION,
     label: T.CAROUSEL_CONTROL,
-    value: S
+    value: M
   },
-  [M.ON_CAROUSEL_FORWARD_SWIPE]: {
+  [S.ON_CAROUSEL_FORWARD_SWIPE]: {
     action: w.SWIPE_FORWARD,
     category: W.MICRO_WIDGET_INTERACTION,
     label: T.CAROUSEL_CONTROL,
-    value: S
+    value: M
   },
   // read more card events
-  [M.ON_VIEW_MORE_CLICKED]: {
+  [S.ON_VIEW_MORE_CLICKED]: {
     action: w.MICRO_BEAT_CLICKED,
     category: W.BEAT_INTERACTION,
     label: T.VIEW_MORE,
-    value: S
+    value: M
   },
   [De.ON_VIEW_MORE_VIEWED]: {
     action: w.MICRO_BEAT_DISPLAYED,
     category: W.BEAT_INTERACTION,
     label: T.VIEW_MORE,
-    value: S
+    value: M
   },
   ...at(),
   ...ct(),
@@ -272,6 +272,7 @@ const $ = u.createContext(null), Et = ({
     variant: c,
     widthOverrides: E
   }, g) {
+    console.log("MicroInsightCard", { heightOverrides: l });
     const I = se(), [D, O] = u.useState(!1), { cardStyle: y, linkTextStyle: F } = f, z = c ? y : { border: "none", boxShadow: "none", ...y }, R = /* @__PURE__ */ e(
       Ke,
       {
@@ -334,6 +335,7 @@ const $ = u.createContext(null), Et = ({
               {
                 "aria-roledescription": "slide",
                 className: "mx-micro-card",
+                id: "MicroInsightCard",
                 role: "group",
                 sx: {
                   backgroundColor: r,
@@ -1292,7 +1294,8 @@ const $ = u.createContext(null), Et = ({
   variant: f,
   widthOverrides: h
 }) => {
-  const { ref: m, inView: c } = Me({
+  console.log("BeatCard", { heightOverrides: l });
+  const { ref: m, inView: c } = Se({
     threshold: Ve
   }), { cardsCopy: E } = k(), { onEvent: g } = Y(), { updateBeat: I, updateOffer: D } = It();
   oe(() => {
@@ -1363,7 +1366,7 @@ const $ = u.createContext(null), Et = ({
       widthOverrides: h
     }
   );
-}, St = ({
+}, Mt = ({
   clientColorScheme: i,
   currentBeatIndex: o,
   numBeats: t,
@@ -1441,7 +1444,7 @@ const $ = u.createContext(null), Et = ({
             disabled: h,
             onClick: r,
             children: /* @__PURE__ */ e(
-              Se,
+              Me,
               {
                 style: {
                   color: h ? m : c
@@ -1453,7 +1456,7 @@ const $ = u.createContext(null), Et = ({
       ]
     }
   );
-}, Mt = ({
+}, St = ({
   analyticsMetadata: i,
   allowSingleCardPeeking: o = !1,
   beats: t = [],
@@ -1509,13 +1512,13 @@ const $ = u.createContext(null), Et = ({
     }
   }, [o, g]);
   const X = () => {
-    Z(M.ON_CAROUSEL_FORWARD_CLICK, i), E.current && R && E.current.scrollTo({
+    Z(S.ON_CAROUSEL_FORWARD_CLICK, i), E.current && R && E.current.scrollTo({
       left: I + R + 8,
       top: 0,
       behavior: "smooth"
     });
   }, le = () => {
-    Z(M.ON_CAROUSEL_BACK_CLICK, i), E.current && R && E.current.scrollTo({
+    Z(S.ON_CAROUSEL_BACK_CLICK, i), E.current && R && E.current.scrollTo({
       left: Math.max(0, I - (R + 8)),
       top: 0,
       behavior: "smooth"
@@ -1524,7 +1527,7 @@ const $ = u.createContext(null), Et = ({
     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);
+    F - O > yt ? Z(S.ON_CAROUSEL_FORWARD_SWIPE, i) : Z(S.ON_CAROUSEL_BACK_SWIPE, i);
   }, q = (s) => {
     y(s.targetTouches[0].clientX);
   }, L = (s) => {
@@ -1542,6 +1545,7 @@ const $ = u.createContext(null), Et = ({
     {
       "aria-label": j.carousel_title,
       "aria-roledescription": "carousel",
+      id: "MicroBeatCarousel",
       ref: g,
       role: "group/region",
       sx: {
@@ -1611,7 +1615,7 @@ const $ = u.createContext(null), Et = ({
           }
         ),
         _ && /* @__PURE__ */ e(
-          St,
+          Mt,
           {
             clientColorScheme: r,
             currentBeatIndex: ae + c - 1,
@@ -1627,7 +1631,7 @@ const $ = u.createContext(null), Et = ({
       ]
     }
   );
-}, At = G(Mt), Ot = ({
+}, At = G(St), Ot = ({
   analyticsMetadata: i,
   clientColorScheme: o,
   onCardClick: t,
@@ -1635,7 +1639,7 @@ const $ = u.createContext(null), Et = ({
   widthOverrides: n
 }) => {
   const { carouselCopy: l } = k(), { onEvent: a } = Y(), d = () => {
-    a && (a(M.ON_VIEW_MORE_CLICKED, i), t(), r?.capture("clicked_view_more"));
+    a && (a(S.ON_VIEW_MORE_CLICKED, i), t(), r?.capture("clicked_view_more"));
   };
   return l ? /* @__PURE__ */ v(
     K,
@@ -1665,7 +1669,7 @@ const $ = u.createContext(null), Et = ({
         /* @__PURE__ */ e(
           Pe,
           {
-            endIcon: /* @__PURE__ */ e(Se, { size: 20 }),
+            endIcon: /* @__PURE__ */ e(Me, { size: 20 }),
             onClick: d,
             size: "small",
             sx: {
@@ -1688,6 +1692,7 @@ const $ = u.createContext(null), Et = ({
   return /* @__PURE__ */ e(
     b,
     {
+      id: "MicroWidgetContainer",
       "aria-label": r?.carousel_title,
       "aria-roledescription": "carousel",
       role: "group",
@@ -1717,7 +1722,7 @@ const $ = u.createContext(null), Et = ({
     h(H.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
   }, []);
   const m = () => {
-    n && n(), f(M.ON_NO_RELEVANT_INSIGHTS_CLICKED), l?.capture("clicked_insight", {
+    n && n(), f(S.ON_NO_RELEVANT_INSIGHTS_CLICKED), l?.capture("clicked_insight", {
       template: "no_relevant_insights"
     });
   };
@@ -1903,7 +1908,7 @@ const $ = u.createContext(null), Et = ({
   variant: d,
   widthOverrides: p
 }) => {
-  const _ = se(), { ref: C, inView: f } = Me({
+  const _ = se(), { ref: C, inView: f } = Se({
     threshold: Ve
   }), { cardsCopy: h } = k(), { onEvent: m } = Y();
   oe(() => {
@@ -1912,7 +1917,7 @@ const $ = u.createContext(null), Et = ({
     }));
   }, [f]);
   const c = () => {
-    n && n(), m(M.ON_VIEW_MORE_CLICKED), l?.capture("clicked_insight", {
+    n && n(), m(S.ON_VIEW_MORE_CLICKED), l?.capture("clicked_insight", {
       template: "view_more_card"
     });
   };

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-BxRNJMMm.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-C5g-Jnyd.mjs";
 export {
   s as AppStore,
   e as BeatCard,

package/dist/trends/index.es.js

@@ -19,7 +19,7 @@ import { DataGridPro as mt } from "@mui/x-data-grid-pro";
 import { C as pt } from "../CurrencyText-kyC1aseI.mjs";
 import { b as Ct } from "../Localization-2MODESHW.mjs";
 import { H as Ie } from "../HeaderCell-DjuifqHJ.mjs";
-import { T as M, b as ft } from "../ViewMoreMicroCard-BxRNJMMm.mjs";
+import { T as M, b as ft } from "../ViewMoreMicroCard-C5g-Jnyd.mjs";
 import { A as _, W as ke } from "../WidgetContainer-C88Ecu2W.mjs";
 import { c as Tt } from "../Category-CevNQ03n.mjs";
 import { a as Ne, T as He } from "../TransactionDetails-BWffqew4.mjs";

package/package.json

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