@mx-cartographer/insights-ui 1.16.23 → 1.16.24-alpha.sms1

package/dist/index.es.js

@@ -1,17 +1,17 @@
 import { jsx as e, jsxs as d, Fragment as G } from "react/jsx-runtime";
 import * as i from "react";
-import b, { useState as he, useRef as P, useLayoutEffect as de, useMemo as ye, useCallback as Ge, forwardRef as T, useEffect as Me } from "react";
-import { BottomSheetTransition as Ye, P as M, Text as C, MerchantLogo as q, InstitutionLogo as D, H3 as me, CategoryIcon as Je, createMXTheme as Fe, CheckmarkFilledIcon as We, H2 as re } from "@mxenabled/mxui";
+import b, { useState as he, useRef as q, useLayoutEffect as de, useMemo as ye, useCallback as Ge, forwardRef as T, useEffect as Me } from "react";
+import { BottomSheetTransition as Ye, P as M, Text as C, MerchantLogo as N, InstitutionLogo as D, H3 as me, CategoryIcon as Je, createMXTheme as Fe, CheckmarkFilledIcon as We, H2 as re } from "@mxenabled/mxui";
 import ve from "@mui/material/Dialog";
 import Ke from "react-confetti";
 import { Icon as w } from "@mxenabled/mx-icons";
 import p from "@mui/material/Box";
 import E from "@mui/material/Stack";
 import { useInView as ze } from "react-intersection-observer";
-import N from "@mui/material/Card";
+import U from "@mui/material/Card";
 import be from "@mui/material/CardContent";
 import De from "@mui/material/CardHeader";
-import j from "@mui/material/IconButton";
+import X from "@mui/material/IconButton";
 import oe from "@mui/material/ListItemIcon";
 import se from "@mui/material/ListItemText";
 import Te from "@mui/material/Menu";
@@ -22,7 +22,7 @@ import { useChartContainerDimensions as Le } from "@mui/x-charts/internals";
 import { animated as W, to as _, useSpring as Xe } from "@react-spring/web";
 import Pe from "@mui/material/Paper";
 import { CardHeader as qe, Stack as ne, Box as fe, ToggleButtonGroup as Ne, TextField as Qe, Grow as Be, Alert as _e } from "@mui/material";
-import X from "@mui/material/Button";
+import P from "@mui/material/Button";
 import Re from "@mui/material/DialogTitle";
 import $e from "@mui/material/FormControl";
 import et from "@mui/material/FormControlLabel";
@@ -221,7 +221,7 @@ const at = ({
         }
       ),
       /* @__PURE__ */ e(
-        N,
+        U,
         {
           className: "mx-insights-gradient-box-card",
           sx: {
@@ -246,7 +246,7 @@ const at = ({
     h(Math.floor(k / 20));
   };
   return b.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), []), /* @__PURE__ */ e(
-    N,
+    U,
     {
       ref: s,
       "aria-labelledby": t.guid,
@@ -317,7 +317,7 @@ const at = ({
   };
   return /* @__PURE__ */ d(G, { children: [
     /* @__PURE__ */ e(
-      j,
+      X,
       {
         "aria-hidden": t,
         "aria-label": n,
@@ -439,7 +439,7 @@ const at = ({
   style: o,
   ...a
 }) => {
-  const c = z(), h = P(null);
+  const c = z(), h = q(null);
   de(() => {
     const f = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
@@ -494,7 +494,7 @@ const at = ({
               justifyContent: "center"
             },
             children: /* @__PURE__ */ e(
-              q,
+              N,
               {
                 alt: u,
                 categoryGuid: y || "",
@@ -725,7 +725,7 @@ const at = ({
   style: l,
   ...s
 }) => {
-  const o = z(), a = P(null), { width: c } = Xe({
+  const o = z(), a = q(null), { width: c } = Xe({
     width: l.width
   });
   de(() => {
@@ -942,8 +942,8 @@ const at = ({
       }
     }
   });
-}, U = ({ divProps: t, image: n, isMini: r = !1 }) => {
-  const l = z(), s = P(null), o = {
+}, j = ({ divProps: t, image: n, isMini: r = !1 }) => {
+  const l = z(), s = q(null), o = {
     100: l.palette.primary.lighter,
     200: l.palette.primary.light,
     300: l.palette.primary.main,
@@ -970,7 +970,7 @@ const at = ({
   );
 };
 function Q() {
-  return /* @__PURE__ */ e(U, { divProps: { style: {} }, image: kt });
+  return /* @__PURE__ */ e(j, { divProps: { style: {} }, image: kt });
 }
 const Ee = (t) => {
   const [n, r] = he({ width: 0, height: 0 });
@@ -1001,7 +1001,7 @@ const Ee = (t) => {
   rightLowerText: c,
   rightUpperText: h
 }) => {
-  const m = o ? Ce : Se, u = P(null), { height: y, width: k } = Ee(u);
+  const m = o ? Ce : Se, u = q(null), { height: y, width: k } = Ee(u);
   return /* @__PURE__ */ d(
     p,
     {
@@ -1014,7 +1014,7 @@ const Ee = (t) => {
       children: [
         /* @__PURE__ */ e(ue, { height: y, shouldRun: n.shouldRun, width: k }),
         /* @__PURE__ */ d(
-          N,
+          U,
           {
             elevation: 1,
             sx: {
@@ -1185,7 +1185,7 @@ const Ee = (t) => {
       alignItems: "center"
     },
     children: [
-      /* @__PURE__ */ e(U, { divProps: { style: Zt }, image: At }),
+      /* @__PURE__ */ e(j, { divProps: { style: Zt }, image: At }),
       /* @__PURE__ */ e(M, { color: "secondary", sx: { mx: 8, mb: 8 }, variant: "ParagraphSmall", children: t })
     ]
   }
@@ -1230,7 +1230,7 @@ const Ee = (t) => {
     )
   }
 ), Vt = ({ content: t, isLoading: n, sx: r }) => {
-  const [l, s] = he(0), o = P(null), a = () => {
+  const [l, s] = he(0), o = q(null), a = () => {
     if (o.current) {
       const c = o.current, h = c.parentElement;
       if (h) {
@@ -1324,7 +1324,7 @@ const Ee = (t) => {
   isError: m = !1,
   isLoading: u = !1,
   isMini: y = !1
-}) => /* @__PURE__ */ d(E, { sx: { height: "100%" }, children: [
+}) => /* @__PURE__ */ d(U, { sx: { height: "100%" }, children: [
   /* @__PURE__ */ e(Lt, { ...h, isMini: y, title: r.html_title }),
   m ? /* @__PURE__ */ e(Ht, { erroredText: a }) : /* @__PURE__ */ d(G, { children: [
     /* @__PURE__ */ e(
@@ -1396,7 +1396,7 @@ const Ee = (t) => {
             variant: "ParagraphSmall"
           }
         ),
-        a && l && /* @__PURE__ */ d(X, { fullWidth: !0, onClick: l, sx: { mb: c }, children: [
+        a && l && /* @__PURE__ */ d(P, { fullWidth: !0, onClick: l, sx: { mb: c }, children: [
           a,
           /* @__PURE__ */ e(w, { name: "chevron_right" })
         ] })
@@ -1413,7 +1413,7 @@ const Ee = (t) => {
   variant: a = !s && "text",
   ...c
 }) => r ? null : /* @__PURE__ */ e(
-  X,
+  P,
   {
     disabled: n,
     fullWidth: !0,
@@ -1442,7 +1442,7 @@ const Ee = (t) => {
       flexDirection: "row",
       justifyContent: "center"
     },
-    children: /* @__PURE__ */ e(U, { divProps: { style: Wt }, image: Ft })
+    children: /* @__PURE__ */ e(j, { divProps: { style: Wt }, image: Ft })
   }
 ), t1 = ({
   headerText: t,
@@ -1454,7 +1454,7 @@ const Ee = (t) => {
 }) => /* @__PURE__ */ d(Re, { fontSize: 18, id: "alert-dialog-title", children: [
   t,
   /* @__PURE__ */ e(
-    j,
+    X,
     {
       "aria-label": s ? n.ratingExist : n.ratingDoesntExist,
       "data-ui-test": "feedback-close-button",
@@ -1496,7 +1496,7 @@ const Ee = (t) => {
       },
       children: [
         /* @__PURE__ */ e(
-          X,
+          P,
           {
             className: "mx-insights-beat-feedback-submit-button",
             "data-ui-test": "submit-button",
@@ -1515,7 +1515,7 @@ const Ee = (t) => {
           }
         ),
         /* @__PURE__ */ e(
-          X,
+          P,
           {
             className: "mx-insights-beat-feedback-no-thanks-button",
             "data-ui-test": "no-thanks-button",
@@ -1664,7 +1664,7 @@ const Ee = (t) => {
     margin: { bottom: 32, left: 2, right: 2, top: 24 },
     onBarClick: c
   }
-) : /* @__PURE__ */ e(U, { image: Ve }) });
+) : /* @__PURE__ */ e(j, { image: Ve }) });
 var K = /* @__PURE__ */ ((t) => (t.Primary = "Primary", t.Secondary = "Secondary", t))(K || {});
 const s1 = ({
   amounts: t,
@@ -1777,9 +1777,9 @@ const s1 = ({
         ...a.header,
         hasFullWidthImage: !0
       },
-      children: /* @__PURE__ */ e(p, { sx: { background: k, p: 16, width: "100%" }, children: /* @__PURE__ */ e(N, { sx: { bgcolor: s ? "grey.800" : "common.white", p: 16 }, children: /* @__PURE__ */ d(E, { sx: { alignItems: "center", gap: 12 }, children: [
+      children: /* @__PURE__ */ e(p, { sx: { background: k, p: 16, width: "100%" }, children: /* @__PURE__ */ e(U, { sx: { bgcolor: s ? "grey.800" : "common.white", p: 16 }, children: /* @__PURE__ */ d(E, { sx: { alignItems: "center", gap: 12 }, children: [
         /* @__PURE__ */ e(
-          q,
+          N,
           {
             alt: c.description,
             categoryGuid: m,
@@ -2038,7 +2038,7 @@ const s1 = ({
         /* @__PURE__ */ e(C, { bold: !0, sx: { p: "16px 24px 8px 24px" }, children: t.footer_title }),
         /* @__PURE__ */ d(p, { sx: { display: "flex", gap: 24, p: "12px 24px" }, children: [
           /* @__PURE__ */ e(
-            j,
+            X,
             {
               "aria-label": t.aria_label_thumbs_down,
               onClick: () => n("no"),
@@ -2046,7 +2046,7 @@ const s1 = ({
             }
           ),
           /* @__PURE__ */ e(
-            j,
+            X,
             {
               "aria-label": t.aria_label_thumbs_up,
               onClick: () => n("yes"),
@@ -2084,7 +2084,7 @@ const s1 = ({
     marginBottom: 16,
     width: n ? "30%" : "50%"
   }, o = t ? { ...s, width: n ? "50%" : "70%" } : s;
-  return /* @__PURE__ */ e(H, { ...r, isMini: n, children: /* @__PURE__ */ e(U, { divProps: { style: o }, image: l }) });
+  return /* @__PURE__ */ e(H, { ...r, isMini: n, children: /* @__PURE__ */ e(j, { divProps: { style: o }, image: l }) });
 }, u1 = ({
   altLoadingText: t,
   beat: n,
@@ -2324,7 +2324,7 @@ const s1 = ({
     margin: { bottom: 32, left: 2, right: 2, top: 24 },
     onBarClick: c
   }
-) : /* @__PURE__ */ e(U, { image: Ve }) }), k1 = ({
+) : /* @__PURE__ */ e(j, { image: Ve }) }), k1 = ({
   beat: t,
   buttonProps: n,
   colors: r,
@@ -2426,7 +2426,7 @@ const s1 = ({
                     position: "absolute"
                   },
                   children: /* @__PURE__ */ e(
-                    q,
+                    N,
                     {
                       alt: a.feedDescription,
                       categoryGuid: a.categoryGuid || "",
@@ -2479,7 +2479,7 @@ const s1 = ({
     },
     children: [
       /* @__PURE__ */ e(
-        q,
+        N,
         {
           alt: r,
           categoryGuid: n || "",
@@ -2689,7 +2689,7 @@ const s1 = ({
     }
   };
   return /* @__PURE__ */ e(E, { sx: a.boxContainer, children: /* @__PURE__ */ d(
-    N,
+    U,
     {
       sx: {
         ...a.card,
@@ -2697,7 +2697,7 @@ const s1 = ({
       },
       children: [
         /* @__PURE__ */ e(
-          q,
+          N,
           {
             alt: l,
             categoryGuid: t.primary_transaction?.top_level_category_guid || "",
@@ -2967,7 +2967,7 @@ const s1 = ({
 }) => /* @__PURE__ */ d(ve, { fullScreen: !0, onClose: l, open: r, ...s, children: [
   /* @__PURE__ */ e(Re, { children: n.title }),
   /* @__PURE__ */ e(
-    j,
+    X,
     {
       "aria-label": n.close_dialog_aria,
       onClick: l,
@@ -3099,7 +3099,7 @@ const s1 = ({
             }
           )
         ] }),
-        /* @__PURE__ */ e(X, { onClick: o.onClose, sx: { mx: "auto" }, variant: "contained", children: t.error_button_text })
+        /* @__PURE__ */ e(P, { onClick: o.onClose, sx: { mx: "auto" }, variant: "contained", children: t.error_button_text })
       ] })
     ] })
   ] });