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

package/dist/{ViewMoreMicroCard-CXxtKHUM.mjs → ViewMoreMicroCard-B-3SFewe.mjs}

@@ -11,7 +11,7 @@ import { L as $e } from "./Loader-DUaFpDGv.mjs";
 import U from "@mui/material/Box";
 import _e from "@mui/material/IconButton";
 import { useInView as Oe } from "react-intersection-observer";
-import { P as je, CategoryIcon as Ye, useTokens as Te, MerchantLogo as Xe, Icon as ie } from "@mxenabled/mxui";
+import { P as Ye, CategoryIcon as je, useTokens as Te, MerchantLogo as Xe, Icon as ie } from "@mxenabled/mxui";
 import de from "@mui/material/styles/useTheme";
 import { b as Qe } from "./Category-CevNQ03n.mjs";
 import { css as qe } from "@mxenabled/cssinjs";
@@ -44,7 +44,7 @@ class ct {
   loadCopy = async () => {
     const o = await this.copyApi.getGlobalCopy(this.namespace, this.translationKey);
     We(() => {
-      this.copyObject = o[this.translationKey], console.log("this.copyObject", this.copyObject);
+      this.copyObject = o[this.translationKey];
     });
   };
   get cardsCopy() {
@@ -80,8 +80,8 @@ const Ee = {
   (i, o) => ({
     ...i,
     [we(o)]: {
-      action: D.MICRO_BEAT_CLICKED,
-      category: x.BEAT_INTERACTION,
+      action: x.MICRO_BEAT_CLICKED,
+      category: w.BEAT_INTERACTION,
       label: ue(o),
       value: S
     }
@@ -91,8 +91,8 @@ const Ee = {
   (i, o) => ({
     ...i,
     [xe(o)]: {
-      action: D.MICRO_BEAT_DISPLAYED,
-      category: x.BEAT_INTERACTION,
+      action: x.MICRO_BEAT_DISPLAYED,
+      category: w.BEAT_INTERACTION,
       label: ue(o),
       value: S
     }
@@ -102,19 +102,19 @@ const Ee = {
   (i, o) => ({
     ...i,
     [De(o)]: {
-      action: D.MICRO_BEAT_DISPLAYED_FIRST_TIME,
-      category: x.BEAT_INTERACTION,
+      action: x.MICRO_BEAT_DISPLAYED_FIRST_TIME,
+      category: w.BEAT_INTERACTION,
       label: ue(o),
       value: S
     }
   }),
   {}
-), w = {
+), W = {
   CARD: "Card",
   CAROUSEL_CONTROL: "Carousel Control",
   MICRO_WIDGET: "Micro Widget",
   VIEW_MORE: "View More"
-}, x = {
+}, w = {
   MICRO_WIDGET_INTERACTION: "Micro Widget Interaction",
   BEAT_INTERACTION: "Beat Interaction"
 }, M = {
@@ -126,7 +126,7 @@ const Ee = {
   ON_VIEW_MORE_CLICKED: "onViewMoreClicked"
 }, Le = {
   ON_VIEW_MORE_VIEWED: "onViewMoreCardView"
-}, D = {
+}, x = {
   CONTROL_BACKWARD: "Control Backward",
   CONTROL_FORWARD: "Control Forward",
   MICRO_BEAT_CLICKED: "Micro Beat Clicked",
@@ -140,21 +140,21 @@ const Ee = {
   MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS: "Micro Widget Carousel No Relevant Insights"
 }, Re = {
   [k.MICRO_WIDGET_CAROUSEL]: {
-    label: w.MICRO_WIDGET,
+    label: W.MICRO_WIDGET,
     name: k.MICRO_WIDGET_CAROUSEL,
     path: ge.INSIGHTS_MICRO_WIDGET,
     value: S
   },
   // zero state
   [k.MICRO_WIDGET_CAROUSEL_ZERO_STATE]: {
-    label: w.MICRO_WIDGET,
+    label: W.MICRO_WIDGET,
     name: k.MICRO_WIDGET_CAROUSEL_ZERO_STATE,
     path: ge.INSIGHTS_MICRO_WIDGET,
     value: S
   },
   // no relevant cards
   [k.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS]: {
-    label: w.MICRO_WIDGET,
+    label: W.MICRO_WIDGET,
     name: k.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS,
     path: "/micro-widget",
     value: S
@@ -162,40 +162,40 @@ const Ee = {
 }, Ie = {
   // carousel control interaction events - clicks and swipes
   [M.ON_CAROUSEL_BACK_CLICK]: {
-    action: D.CONTROL_BACKWARD,
-    category: x.MICRO_WIDGET_INTERACTION,
-    label: w.CAROUSEL_CONTROL,
+    action: x.CONTROL_BACKWARD,
+    category: w.MICRO_WIDGET_INTERACTION,
+    label: W.CAROUSEL_CONTROL,
     value: S
   },
   [M.ON_CAROUSEL_FORWARD_CLICK]: {
-    action: D.CONTROL_FORWARD,
-    category: x.MICRO_WIDGET_INTERACTION,
-    label: w.CAROUSEL_CONTROL,
+    action: x.CONTROL_FORWARD,
+    category: w.MICRO_WIDGET_INTERACTION,
+    label: W.CAROUSEL_CONTROL,
     value: S
   },
   [M.ON_CAROUSEL_BACK_SWIPE]: {
-    action: D.SWIPE_BACKWARD,
-    category: x.MICRO_WIDGET_INTERACTION,
-    label: w.CAROUSEL_CONTROL,
+    action: x.SWIPE_BACKWARD,
+    category: w.MICRO_WIDGET_INTERACTION,
+    label: W.CAROUSEL_CONTROL,
     value: S
   },
   [M.ON_CAROUSEL_FORWARD_SWIPE]: {
-    action: D.SWIPE_FORWARD,
-    category: x.MICRO_WIDGET_INTERACTION,
-    label: w.CAROUSEL_CONTROL,
+    action: x.SWIPE_FORWARD,
+    category: w.MICRO_WIDGET_INTERACTION,
+    label: W.CAROUSEL_CONTROL,
     value: S
   },
   // read more card events
   [M.ON_VIEW_MORE_CLICKED]: {
-    action: D.MICRO_BEAT_CLICKED,
-    category: x.BEAT_INTERACTION,
-    label: w.VIEW_MORE,
+    action: x.MICRO_BEAT_CLICKED,
+    category: w.BEAT_INTERACTION,
+    label: W.VIEW_MORE,
     value: S
   },
   [Le.ON_VIEW_MORE_VIEWED]: {
-    action: D.MICRO_BEAT_DISPLAYED,
-    category: x.BEAT_INTERACTION,
-    label: w.VIEW_MORE,
+    action: x.MICRO_BEAT_DISPLAYED,
+    category: w.BEAT_INTERACTION,
+    label: W.VIEW_MORE,
     value: S
   },
   ...st(),
@@ -273,8 +273,8 @@ const $ = u.createContext(null), pt = ({
     variant: c,
     widthOverrides: E
   }, g) {
-    const y = de(), [L, O] = u.useState(!1), { cardStyle: v, linkTextStyle: B } = f, z = c ? v : { border: "none", boxShadow: "none", ...v }, R = /* @__PURE__ */ e(
-      je,
+    const y = de(), [D, O] = u.useState(!1), { cardStyle: v, linkTextStyle: B } = f, z = c ? v : { border: "none", boxShadow: "none", ...v }, R = /* @__PURE__ */ e(
+      Ye,
       {
         className: "mx-micro-card-description",
         color: h.textColor ? "undefined" : "text.primary",
@@ -325,7 +325,7 @@ const $ = u.createContext(null), pt = ({
             ref: g,
             role: "button",
             sx: {
-              border: L ? "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%"
             },
@@ -377,12 +377,12 @@ const $ = u.createContext(null), pt = ({
                           children: /* @__PURE__ */ e(
                             U,
                             {
-                              sx: (N) => ({
-                                color: h.buttonColor ? h.buttonColor : N.palette.primary.main,
+                              sx: (L) => ({
+                                color: h.buttonColor ? h.buttonColor : L.palette.primary.main,
                                 fontSize: 14,
                                 fontWeight: "bold",
                                 px: 28,
-                                fontFamily: N.typography.fontFamily,
+                                fontFamily: L.typography.fontFamily,
                                 ...B
                               }),
                               children: o
@@ -404,7 +404,7 @@ const $ = u.createContext(null), pt = ({
   const [o, t] = te(Qe.UNCATEGORIZED);
   return oe(() => {
     i.primary_category_guid ? t(i.primary_category_guid) : i.category_guids?.length && t(i.category_guids[0]);
-  }, []), /* @__PURE__ */ e(Ye, { categoryGuid: o, size: 16, sx: { minWidth: 16 } });
+  }, []), /* @__PURE__ */ e(je, { categoryGuid: o, size: 16, sx: { minWidth: 16 } });
 }, Ct = ({ beat: i }) => {
   const o = Te(), t = ft(o);
   return /* @__PURE__ */ e(
@@ -1263,7 +1263,7 @@ const $ = u.createContext(null), pt = ({
       "useInsightsMicroWidgetStore() must be used within the InsightsMicroWidgetDataProvider"
     );
   return i.store.insightsMicroWidgetStore;
-}, j = () => {
+}, Y = () => {
   const i = u.useContext($);
   if (!i)
     throw new Error("useEvent() must be used within the InsightsMicroWidgetDataProvider");
@@ -1295,9 +1295,9 @@ const $ = u.createContext(null), pt = ({
 }) => {
   const { ref: m, inView: c } = Oe({
     threshold: ke
-  }), { cardsCopy: E } = F(), { onEvent: g } = j(), { updateBeat: y, updateOffer: L } = vt();
+  }), { cardsCopy: E } = F(), { onEvent: g } = Y(), { updateBeat: y, updateOffer: D } = vt();
   oe(() => {
-    c && (t.has_been_displayed ? g(xe(t.template)) : (t.guid.startsWith("OFR") ? L({
+    c && (t.has_been_displayed ? g(xe(t.template)) : (t.guid.startsWith("OFR") ? D({
       ...t,
       has_been_displayed: !0
     }) : y({
@@ -1472,17 +1472,17 @@ const $ = u.createContext(null), pt = ({
   visibleCardsCount: c = 1
   // Default to 1 card visible
 }) => {
-  const E = u.useRef(null), g = u.useRef(null), [y, L] = u.useState(0), [O, v] = u.useState(null), [B, z] = u.useState(null), [R, N] = u.useState(null), [le, G] = u.useState(p), { carouselCopy: V } = F(), { onEvent: b } = j();
+  const E = u.useRef(null), g = u.useRef(null), [y, D] = u.useState(0), [O, v] = u.useState(null), [B, z] = u.useState(null), [R, L] = u.useState(null), [le, G] = u.useState(p), { carouselCopy: N } = F(), { onEvent: b } = Y();
   u.useEffect(() => {
     if (E.current && !o) {
       const s = E.current.offsetWidth, A = 8;
-      let H;
+      let V;
       if (c > 1) {
         const J = (s - (c - 1) * A) / c / 3;
-        H = (s - J - (c - 1) * A) / c;
+        V = (s - J - (c - 1) * A) / c;
       } else
-        H = s;
-      N(H);
+        V = s;
+      L(V);
     }
   }, [c, E.current?.offsetWidth]), u.useEffect(() => {
     const s = g.current?.offsetWidth;
@@ -1498,17 +1498,17 @@ const $ = u.createContext(null), pt = ({
         ].find((se) => Z <= se.maxWidth);
         return ee ? ee.cardWidth : 750;
       };
-      N(A(s));
-      const H = () => {
+      L(A(s));
+      const V = () => {
         const Z = g.current?.offsetWidth;
-        typeof Z == "number" && N(A(Z));
+        typeof Z == "number" && L(A(Z));
       };
-      return window.addEventListener("resize", H), () => {
-        window.removeEventListener("resize", H);
+      return window.addEventListener("resize", V), () => {
+        window.removeEventListener("resize", V);
       };
     }
   }, [o, g]);
-  const Y = () => {
+  const j = () => {
     b(M.ON_CAROUSEL_FORWARD_CLICK, i), E.current && R && E.current.scrollTo({
       left: y + R + 8,
       top: 0,
@@ -1521,7 +1521,7 @@ const $ = u.createContext(null), pt = ({
       behavior: "smooth"
     });
   }, ne = () => {
-    E.current && L(E.current.scrollLeft);
+    E.current && D(E.current.scrollLeft);
   }, ae = () => {
     if (!B || !O) return;
     B - O > St ? b(M.ON_CAROUSEL_FORWARD_SWIPE, i) : b(M.ON_CAROUSEL_BACK_SWIPE, i);
@@ -1540,7 +1540,7 @@ const $ = u.createContext(null), pt = ({
   return /* @__PURE__ */ I(
     K,
     {
-      "aria-label": V.carousel_title,
+      "aria-label": N.carousel_title,
       "aria-roledescription": "carousel",
       ref: g,
       role: "group/region",
@@ -1579,9 +1579,9 @@ const $ = u.createContext(null), pt = ({
             },
             children: [
               t.map((s, A) => {
-                const H = A + 1, Z = t.length + 1, J = Je(
-                  V.card_position_in_carousel_aria,
-                  H.toString(),
+                const V = A + 1, Z = t.length + 1, J = Je(
+                  N.card_position_in_carousel_aria,
+                  V.toString(),
                   Z.toString()
                 ), ee = s.micro_title && s.micro_title.length > 0, se = s.micro_description && s.micro_description.length > 0, Pe = ee ? s.micro_title : s.title, Ge = se ? s.micro_description : s.description;
                 return /* @__PURE__ */ e(
@@ -1616,7 +1616,7 @@ const $ = u.createContext(null), pt = ({
             clientColorScheme: r,
             currentBeatIndex: ce + c - 1,
             numBeats: t.length + 1,
-            onNextClick: Y,
+            onNextClick: j,
             onPreviousClick: X,
             scrollRightBoundary: Ze,
             scrollX: y,
@@ -1634,7 +1634,7 @@ const $ = u.createContext(null), pt = ({
   posthog: r,
   widthOverrides: l
 }) => {
-  const { carouselCopy: n } = F(), { onEvent: a } = j(), d = () => {
+  const { carouselCopy: n } = F(), { onEvent: a } = Y(), d = () => {
     a && (a(M.ON_VIEW_MORE_CLICKED, i), t(), r?.capture("clicked_view_more"));
   };
   return n ? /* @__PURE__ */ I(
@@ -1730,7 +1730,7 @@ const $ = u.createContext(null), pt = ({
   variant: p,
   widthOverrides: _
 }) => {
-  const { cardsCopy: C } = F(), { onEvent: f } = j(), { onPageview: h } = Ve();
+  const { cardsCopy: C } = F(), { onEvent: f } = Y(), { onPageview: h } = Ve();
   u.useEffect(() => {
     h(k.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
   }, []);
@@ -1826,7 +1826,7 @@ const $ = u.createContext(null), pt = ({
     },
     children: /* @__PURE__ */ e(et, {})
   }
-), W = new ut(), Lt = ({
+), H = new ut(), Lt = ({
   allowSingleCardPeeking: i,
   areBeatsLoading: o,
   beats: t = [],
@@ -1850,22 +1850,22 @@ const $ = u.createContext(null), pt = ({
   showHeader: E,
   showIcon: g,
   showWithMargin: y = !0,
-  token: L = "",
+  token: D = "",
   useDarkMode: O,
   userHasFullInsightFeedBeats: v,
   variant: B,
   visibleCardsCount: z = 1,
   widthOverrides: R
 }) => {
-  const N = Me(), [le, G] = te("STANDARD"), [V, b] = te(!1), [Y, X] = te(!1), ne = it([_], W), ae = ot([C], W);
+  const L = Me(), [le, G] = te("STANDARD"), [N, b] = te(!1), [j, X] = te(!1), ne = it([_], H), ae = ot([C], H);
   u.useEffect(() => {
-    !W.isInitialized && !Y && (W.initialize(n, L, d).catch(() => X(!1)), X(!0));
-  }, [n, L, d, W.isInitialized, Y]), u.useEffect(() => {
+    !H.isInitialized && !j && (H.initialize(n, D, d).catch(() => X(!1)), X(!0));
+  }, [n, D, d, H.isInitialized, j]), u.useEffect(() => {
     const T = window.innerHeight;
     T < 180 ? G("STANDARD") : T >= 180 && T < 200 ? G("LARGE") : T >= 200 && T < 248 ? G("XLARGE") : T >= 248 && G("XXLARGE");
   }, [window.innerHeight]), u.useEffect(() => {
-    b(!o && W.isInitialized);
-  }, [o, W.isInitialized]);
+    b(!o && H.isInitialized);
+  }, [o, H.isInitialized]);
   const Q = {
     showCTAColocatedWithText: l,
     heightOverrides: a,
@@ -1882,11 +1882,11 @@ const $ = u.createContext(null), pt = ({
   };
   return (
     // The Theme provider must wrap the component so that the styles don't break when imported into other applications.
-    /* @__PURE__ */ I(Ue, { theme: N, children: [
+    /* @__PURE__ */ I(Ue, { theme: L, children: [
       /* @__PURE__ */ e(be, {}),
-      /* @__PURE__ */ e(pt, { onEvent: ne, onPageview: ae, store: W, children: /* @__PURE__ */ I(xt, { heightOverrides: a, widthOverrides: R, children: [
-        (!V || !W.isInitialized) && /* @__PURE__ */ e(Dt, {}),
-        V && E && /* @__PURE__ */ e(
+      /* @__PURE__ */ e(pt, { onEvent: ne, onPageview: ae, store: H, children: /* @__PURE__ */ I(xt, { heightOverrides: a, widthOverrides: R, children: [
+        !N && /* @__PURE__ */ e(Dt, {}),
+        N && E && /* @__PURE__ */ e(
           wt,
           {
             analyticsMetadata: me,
@@ -1896,7 +1896,7 @@ const $ = u.createContext(null), pt = ({
             widthOverrides: R
           }
         ),
-        V && !!t.length && /* @__PURE__ */ e(
+        N && !!t.length && /* @__PURE__ */ e(
           Tt,
           {
             allowSingleCardPeeking: i,
@@ -1910,8 +1910,8 @@ const $ = u.createContext(null), pt = ({
             ...Q
           }
         ),
-        V && !t.length && v && /* @__PURE__ */ e(Fe, { clientColorScheme: r, ...q }),
-        V && !t.length && !v && /* @__PURE__ */ e(Be, { ...q })
+        N && !t.length && v && /* @__PURE__ */ e(Fe, { clientColorScheme: r, ...q }),
+        N && !t.length && !v && /* @__PURE__ */ e(Be, { ...q })
       ] }) })
     ] })
   );
@@ -1928,7 +1928,7 @@ const $ = u.createContext(null), pt = ({
 }) => {
   const _ = de(), { ref: C, inView: f } = Oe({
     threshold: ke
-  }), { cardsCopy: h } = F(), { onEvent: m } = j();
+  }), { cardsCopy: h } = F(), { onEvent: m } = Y();
   oe(() => {
     f && (m(Le.ON_VIEW_MORE_VIEWED), n?.capture("viewed_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-CXxtKHUM.mjs";
+import { A as s, B as e, C as o, c as t, b as i, I as d, M as n, a as C, d as c, N as I, V as M, Z as g, e as h } from "../ViewMoreMicroCard-B-3SFewe.mjs";
 export {
   s as AppStore,
   e as BeatCard,

package/dist/trends/index.es.js

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

package/package.json

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