@mx-cartographer/insights-ui 1.8.13-aplha.JB4 → 1.8.13-aplha.JB5

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as d, Fragment as b } from "react/jsx-runtime";
 import * as t from "react";
-import g, { useState as X, useRef as z, useLayoutEffect as ne, useMemo as N, useCallback as me, useEffect as oe, forwardRef as R } from "react";
+import J, { useState as X, useRef as z, useLayoutEffect as ne, useMemo as N, useCallback as me, useEffect as oe, forwardRef as R } from "react";
 import Ee from "@mui/material/Dialog";
 import { BottomSheetTransition as pe, Icon as C, P as k, Text as M, InstitutionLogo as Y, H3 as ae, createMXTheme as ye, MerchantLogo as ue, CategoryIcon as ke, CheckmarkFilledIcon as fe } from "@kyper/mui";
 import Ce from "react-confetti";
@@ -41,8 +41,8 @@ const Ue = ({
   showBackground: s = !1,
   width: h = 450
 }) => {
-  const [c, m] = g.useState(!1);
-  return g.useEffect(() => {
+  const [c, m] = J.useState(!1);
+  return J.useEffect(() => {
     m(!!i);
   }, [i]), /* @__PURE__ */ e(
     Ee,
@@ -109,10 +109,10 @@ const Ue = ({
   percent: r,
   height: o = 12
 }) => {
-  const [n, a] = xe({ triggerOnce: !0 }), [s, h] = g.useState("0%"), c = r > 100 ? 100 : r;
-  return g.useEffect(() => {
+  const [n, a] = xe({ triggerOnce: !0 }), [s, h] = J.useState("0%"), c = r > 100 ? 100 : r;
+  return J.useEffect(() => {
     a && h(`${c}%`);
-  }, [a, c]), /* @__PURE__ */ e(g.Fragment, { children: /* @__PURE__ */ d(
+  }, [a, c]), /* @__PURE__ */ e(J.Fragment, { children: /* @__PURE__ */ d(
     w,
     {
       "data-ui-test": "progress-bar",
@@ -255,18 +255,18 @@ const Ue = ({
   subHeader: a,
   height: s
 }) => {
-  const [h, c] = g.useState(null), m = () => {
+  const [h, c] = J.useState(null), m = () => {
     const E = document.getElementsByClassName("mx-mini-insight-card")[0].clientHeight, y = document.getElementsByClassName("mx-mini-insight-card-header")[0].clientHeight + document.getElementsByClassName("mx-mini-insight-card-content-body")[0].clientHeight, u = E - y - 24;
     c(Math.floor(u / 20));
   };
-  return g.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), []), /* @__PURE__ */ e(
+  return J.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), []), /* @__PURE__ */ e(
     w,
     {
       "aria-labelledby": i.guid,
       className: "mx-mini-insight-card",
       ref: n,
       sx: { height: s, pb: 24, pt: 0, px: 0 },
-      children: i.dismissed_at ? r : /* @__PURE__ */ d(g.Fragment, { children: [
+      children: i.dismissed_at ? r : /* @__PURE__ */ d(J.Fragment, { children: [
         /* @__PURE__ */ e(
           ge,
           {
@@ -364,7 +364,7 @@ const Ue = ({
         onClose: m,
         open: !!h,
         transformOrigin: { horizontal: "right", vertical: "top" },
-        children: r.map(({ icon: u, key: S, text: v }, J) => /* @__PURE__ */ d(Me, { onClick: () => E(J, S), sx: { padding: 12 }, children: [
+        children: r.map(({ icon: u, key: S, text: v }, g) => /* @__PURE__ */ d(Me, { onClick: () => E(g, S), sx: { padding: 12 }, children: [
           /* @__PURE__ */ e(T, { sx: { minWidth: "32px !important" }, children: u }),
           /* @__PURE__ */ e(
             D,
@@ -464,8 +464,8 @@ const Ue = ({
             const x = h.current;
             x.style.height = "1px", x.style.transform = `translate3d(${n.x?.get()}px, ${Number(n.y?.get()) - 1}px, 0px)`;
           }
-          const v = u / 2, J = h.current.querySelector("text");
-          J && J.setAttribute("transform", `translate(${v}, -8)`);
+          const v = u / 2, g = h.current.querySelector("text");
+          g && g.setAttribute("transform", `translate(${v}, -8)`);
         }
       });
     });
@@ -521,7 +521,7 @@ const Ue = ({
   }, [l, r, h]), v = me(
     (x, { dataIndex: A }) => c && c(A),
     [c]
-  ), J = N(
+  ), g = N(
     () => ({
       series: [
         {
@@ -545,9 +545,9 @@ const Ue = ({
       {
         height: y,
         margin: n,
-        series: J.series,
+        series: g.series,
         width: u,
-        xAxis: J.xAxis,
+        xAxis: g.xAxis,
         children: [
           i?.average && /* @__PURE__ */ e(
             Ze,
@@ -953,7 +953,9 @@ const Ue = ({
         console.log("parentHeight"), console.log(c);
         const m = Array.from(h.children);
         console.log("parentChildren"), console.log(m);
-        const E = m.reduce((v, J) => J !== s ? v + J.clientHeight : v, 0), y = c - E, u = parseInt(
+        const E = m.reduce((v, g) => g !== s ? (console.log(g), console.log(g.clientHeight), v + g.clientHeight) : v, 0);
+        console.log("nonDescriptionChildrenHeight"), console.log(E);
+        const y = c - E, u = parseInt(
           window.getComputedStyle(s).lineHeight,
           10
         ), S = Math.floor(y / u);
@@ -1150,7 +1152,7 @@ const Ue = ({
 }) => /* @__PURE__ */ e(
   ({ elementTag: h, children: c, ...m }) => {
     const E = h;
-    return g.createElement(E, m, c);
+    return J.createElement(E, m, c);
   },
   {
     "aria-hidden": i,
@@ -1464,7 +1466,7 @@ const R1 = ({
   account_2_alt_text: o,
   isSuccess: n
 }) => {
-  const a = g.useRef(null), { height: s, width: h } = Q(a);
+  const a = J.useRef(null), { height: s, width: h } = Q(a);
   return /* @__PURE__ */ e(
     p,
     {
@@ -1934,7 +1936,7 @@ const R1 = ({
   rightLowerText: E,
   rightUpperText: y,
   sourceAccountGuid: u
-}) => /* @__PURE__ */ e(g.Fragment, { children: s ? /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(J.Fragment, { children: s ? /* @__PURE__ */ e(
   he,
   {
     account: i,
@@ -2134,7 +2136,7 @@ const R1 = ({
   displayData: o,
   ...n
 }) => {
-  const { no_spend_days: a } = i.payload, { noSpendDays: s, dollarBillAltText: h, daysOfTheWeek: c } = o, m = zt[a.length || 0], E = g.useRef(null), { height: y, width: u } = Q(E);
+  const { no_spend_days: a } = i.payload, { noSpendDays: s, dollarBillAltText: h, daysOfTheWeek: c } = o, m = zt[a.length || 0], E = J.useRef(null), { height: y, width: u } = Q(E);
   return /* @__PURE__ */ e(
     L,
     {