@mx-cartographer/insights-ui 1.8.6-alpha.mega2 → 1.8.6-alpha.mega4

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as d, Fragment as H } from "react/jsx-runtime";
 import * as t from "react";
-import g, { useState as P, useRef as W, useLayoutEffect as ne, useMemo as N, useCallback as me, useEffect as oe, forwardRef as b } from "react";
+import g, { useState as X, useRef as W, useLayoutEffect as ne, useMemo as N, useCallback as me, useEffect as oe, forwardRef as b } from "react";
 import Ee from "@mui/material/Dialog";
 import { BottomSheetTransition as pe, Icon as S, P as f, Text as M, InstitutionLogo as O, H3 as ae, Drawer as ye, createMXTheme as ue, MerchantLogo as ke, CategoryIcon as fe, CheckmarkFilledIcon as Ce } from "@kyper/mui";
 import Se from "react-confetti";
@@ -30,10 +30,10 @@ import Te from "@mui/material/Radio";
 import De from "@mui/material/RadioGroup";
 import { TextareaAutosize as Ue } from "@mui/base/TextareaAutosize";
 import je from "@mui/icons-material/ArrowBack";
-import Pe from "@mui/material/Divider";
+import Xe from "@mui/material/Divider";
 import $ from "@mui/material/List";
 import ee from "@mui/material/ListItem";
-const Xe = ({
+const Pe = ({
   allowScroll: i,
   children: l,
   height: r,
@@ -84,7 +84,7 @@ const Xe = ({
       children: l
     }
   );
-}, v1 = Xe, X = ({ height: i = 0, width: l = 0, shouldRun: r = !1 }) => /* @__PURE__ */ e(
+}, v1 = Pe, P = ({ height: i = 0, width: l = 0, shouldRun: r = !1 }) => /* @__PURE__ */ e(
   Se,
   {
     "aria-hidden": !0,
@@ -328,7 +328,7 @@ const Xe = ({
   tabIndex: a = 0,
   ...s
 }) => {
-  const [h, c] = P(null), m = () => c(null), E = (u, k) => {
+  const [h, c] = X(null), m = () => c(null), E = (u, k) => {
     m(), n(u, k);
   };
   return /* @__PURE__ */ d(H, { children: [
@@ -542,7 +542,7 @@ const Xe = ({
     [r]
   );
   return /* @__PURE__ */ d(C, { alignItems: "center", sx: { mb: n ? 16 : 24, width: "100%" }, children: [
-    /* @__PURE__ */ e(y, { ref: E, sx: { height: 172, width: "100%", mb: 8 }, children: /* @__PURE__ */ d(
+    /* @__PURE__ */ e(y, { ref: E, sx: { height: n ? 120 : 172, width: "100%", mb: 8 }, children: /* @__PURE__ */ d(
       Ze,
       {
         height: p,
@@ -634,7 +634,7 @@ const Xe = ({
     )
   ] });
 }, Q = (i) => {
-  const [l, r] = P({ width: 0, height: 0 });
+  const [l, r] = X({ width: 0, height: 0 });
   return oe(() => {
     const n = () => {
       if (i.current) {
@@ -684,7 +684,7 @@ const Xe = ({
       }),
       width: "100%",
       children: [
-        /* @__PURE__ */ e(X, { height: p, shouldRun: l.shouldRun, width: u }),
+        /* @__PURE__ */ e(P, { height: p, shouldRun: l.shouldRun, width: u }),
         /* @__PURE__ */ d(
           w,
           {
@@ -944,7 +944,7 @@ const Xe = ({
     )
   }
 ), yt = ({ content: i, isLoading: l }) => {
-  const [r, n] = P(0), o = W(null), a = () => {
+  const [r, n] = X(0), o = W(null), a = () => {
     if (o.current) {
       const s = o.current, h = s.parentElement;
       if (h) {
@@ -1483,7 +1483,7 @@ const G1 = ({
             p: 16
           },
           children: [
-            /* @__PURE__ */ e(X, { height: s, shouldRun: o, width: h }),
+            /* @__PURE__ */ e(P, { height: s, shouldRun: o, width: h }),
             /* @__PURE__ */ d(
               y,
               {
@@ -1625,7 +1625,7 @@ const G1 = ({
           children: /* @__PURE__ */ e(je, { color: "primary", fontSize: "small" })
         }
       ) }),
-      /* @__PURE__ */ e(Pe, {}),
+      /* @__PURE__ */ e(Xe, {}),
       /* @__PURE__ */ d(y, { children: [
         /* @__PURE__ */ e(ae, { sx: { p: "16px 24px 8px 24px", whiteSpace: "wrap" }, children: r }),
         /* @__PURE__ */ d(C, { sx: { gap: 12, px: 24 }, children: [
@@ -1989,6 +1989,7 @@ const G1 = ({
     amounts: i,
     color: n,
     data: o,
+    isMini: c.isMini,
     legendLabelAvg: a,
     legendLabelMain: s,
     margin: { bottom: 32, left: 2, right: 2, top: 24 },
@@ -2136,7 +2137,7 @@ const G1 = ({
                   children: n
                 }
               ),
-              a ? /* @__PURE__ */ e(Ce, { color: r.palette.success.main, size: 24 }) : /* @__PURE__ */ e(Pt, { color: r.palette.background.highlight })
+              a ? /* @__PURE__ */ e(Ce, { color: r.palette.success.main, size: 24 }) : /* @__PURE__ */ e(Xt, { color: r.palette.background.highlight })
             ]
           },
           o
@@ -2144,7 +2145,7 @@ const G1 = ({
       })
     }
   );
-}, Pt = ({ color: i }) => /* @__PURE__ */ e("svg", { fill: "none", height: "24", viewBox: "0 0 25 24", width: "24", children: /* @__PURE__ */ e("circle", { cx: "12.6641", cy: "12", fill: i, r: "12" }) }), P1 = ({
+}, Xt = ({ color: i }) => /* @__PURE__ */ e("svg", { fill: "none", height: "24", viewBox: "0 0 25 24", width: "24", children: /* @__PURE__ */ e("circle", { cx: "12.6641", cy: "12", fill: i, r: "12" }) }), X1 = ({
   beat: i,
   buttonProps: l,
   isZeroState: r,
@@ -2167,14 +2168,14 @@ const G1 = ({
           width: "100%",
           children: [
             /* @__PURE__ */ e("img", { alt: h, src: m, width: 138 }),
-            a?.length >= 4 && /* @__PURE__ */ e(X, { height: p, shouldRun: !0, width: u }),
+            a?.length >= 4 && /* @__PURE__ */ e(P, { height: p, shouldRun: !0, width: u }),
             /* @__PURE__ */ e(jt, { daysOfTheWeek: c, noSpendDays: s })
           ]
         }
       )
     }
   );
-}, X1 = ({
+}, P1 = ({
   amounts: i,
   beat: l,
   buttonProps: r,
@@ -2190,6 +2191,7 @@ const G1 = ({
     amounts: i,
     color: n,
     data: o,
+    isMini: c.isMini,
     legendLabelAvg: a,
     legendLabelMain: s,
     margin: { bottom: 32, left: 2, right: 2, top: 24 },
@@ -2201,14 +2203,14 @@ export {
   q as BarChart,
   I as BeatCard,
   O1 as BeatFeedbackText,
-  X1 as BillAmountNotStandard,
+  P1 as BillAmountNotStandard,
   v1 as BottomSheet,
   L1 as CardButtonSection,
   dt as CardError,
   mt as CardHeader,
   pt as CardLoading,
   G1 as CategorySpendingV2,
-  X as Confetti,
+  P as Confetti,
   ut as ContentAndDescription,
   kt as Description,
   he as DirectDeposit,
@@ -2243,6 +2245,6 @@ export {
   It as SwitchDirectDepositMainContainer,
   Rt as TotalSavedSection,
   j1 as UnifiedDeposit,
-  P1 as WeeklyNoSpendDays
+  X1 as WeeklyNoSpendDays
 };
 //# sourceMappingURL=index.es.js.map