@mx-cartographer/experiences 8.1.0 → 8.1.2

package/dist/{EmbeddedCard-j7IGx3s1.mjs → EmbeddedCard-BCcn_fK2.mjs}

@@ -1,34 +1,34 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import _, { useMemo as q, useState as K, useEffect as J } from "react";
 import A from "@mui/material/Box";
 import Y from "@mui/material/Button";
 import c from "@mui/material/Stack";
-import { Icon as E, P as N, H3 as P, Text as f, MerchantLogo as tt, H2 as et } from "@mxenabled/mxui";
-import { Receipt as rt, Icon as nt } from "@mxenabled/mx-icons";
-import { L as it, O as ot, e as at } from "./exportTransactionsToCSV-Dnd5lVq7.mjs";
+import { Icon as $, P as N, H3 as P, Text as f, MerchantLogo as ee, H2 as te } from "@mxenabled/mxui";
+import { Receipt as re, Icon as ne } from "@mxenabled/mx-icons";
+import { L as ie, O as oe, e as ae } from "./exportTransactionsToCSV-B2Lp7AMl.mjs";
 import { observer as H } from "mobx-react-lite";
-import { useVirtualizer as st } from "@tanstack/react-virtual";
-import lt from "@mui/material/Divider";
-import ct from "@mui/material/List";
-import { G as dt, h as W, u as O, g as ht, b as mt } from "./hooks-BxkfR-Ff.mjs";
-import pt from "@mui/material/ListItemAvatar";
-import ut from "@mui/material/ListItemText";
-import { useTheme as z } from "@mui/material/styles";
-import { T as ft } from "./Transaction-Cn5_iFm0.mjs";
+import { useVirtualizer as se } from "@tanstack/react-virtual";
+import le from "@mui/material/Divider";
+import ce from "@mui/material/List";
+import { G as de, h as z, u as O, g as he, b as me } from "./hooks-HwStH7q_.mjs";
+import pe from "@mui/material/ListItemAvatar";
+import ue from "@mui/material/ListItemText";
+import { useTheme as W } from "@mui/material/styles";
+import { T as fe } from "./Transaction-Cn5_iFm0.mjs";
 import { f as B } from "./NumberFormatting-CyrvFgfd.mjs";
 import { fromUnixTime as R } from "date-fns/fromUnixTime";
 import { isSameDay as Z } from "date-fns/isSameDay";
-import { f as gt, D as xt } from "./DateFormats-CaOj_4eI.mjs";
-import { h as bt } from "./DateUtil-C57sqxn4.mjs";
-import { L as Q } from "./Loader-D3rjKx72.mjs";
-import { A as yt } from "./Analytics-0Xm_BjHU.mjs";
-import _t from "@mui/material/Tab";
-import wt from "@mui/material/Tabs";
-import Ct from "@mui/material/IconButton";
-import { ChartContainer as vt, ChartsReferenceLine as j, ChartsXAxis as Tt, BarPlot as Dt } from "@mui/x-charts";
-import { D as St } from "./Drawer-Bbe4AMB1.mjs";
-import It from "@mui/material/Card";
-const Lt = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) => {
+import { f as ge, D as xe } from "./DateFormats-CaOj_4eI.mjs";
+import { i as be } from "./DateUtil-D0TO0DaZ.mjs";
+import { L as Q } from "./Loader-CxeBwuPG.mjs";
+import { A as ye } from "./Analytics-0Xm_BjHU.mjs";
+import _e from "@mui/material/Tab";
+import we from "@mui/material/Tabs";
+import Ce from "@mui/material/IconButton";
+import { D as ve } from "./Drawer-XPaLYjiO.mjs";
+import { ChartContainer as Te, ChartsReferenceLine as j, ChartsXAxis as Se, BarPlot as De } from "@mui/x-charts";
+import Ie from "@mui/material/Card";
+const Le = ({ message: e, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) => {
   const s = i || r, h = i ? "chevron_right" : "close";
   return /* @__PURE__ */ a(
     c,
@@ -48,24 +48,24 @@ const Lt = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) =
       },
       children: [
         /* @__PURE__ */ a(c, { sx: { flexDirection: "row", gap: 4 }, children: [
-          /* @__PURE__ */ e(E, { color: "info", fill: !0, name: "lightbulb", size: 24 }),
-          /* @__PURE__ */ e(N, { color: "primary.dark", fontWeight: 400, noWrap: !1, variant: "subtitle2", children: t })
+          /* @__PURE__ */ t($, { color: "info", fill: !0, name: "lightbulb", size: 24 }),
+          /* @__PURE__ */ t(N, { color: "primary.dark", fontWeight: 400, noWrap: !1, variant: "subtitle2", children: e })
         ] }),
-        s && /* @__PURE__ */ e(
-          Ct,
+        s && /* @__PURE__ */ t(
+          Ce,
           {
             "aria-label": n,
             onClick: s,
             size: "small",
             sx: { minHeight: 0, minWidth: 0, p: 0 },
-            children: /* @__PURE__ */ e(E, { color: "primary", fill: !0, name: h, size: 20 })
+            children: /* @__PURE__ */ t($, { color: "primary", fill: !0, name: h, size: 20 })
           }
         )
       ]
     }
   );
-}, kt = ({
-  ariaLabel: t,
+}, ke = ({
+  ariaLabel: e,
   beat: n,
   chart: r,
   children: i,
@@ -78,14 +78,14 @@ const Lt = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) =
   const { heading: d, subHeading: u } = n, x = q(
     () => s ?? (o.length ? o.length - 1 : 0),
     [s, o.length]
-  ), [y, p] = K(x), S = (v, T) => {
+  ), [y, p] = K(x), D = (v, T) => {
     g?.(T), p(T);
   }, I = (v) => {
     p(v);
   };
   return /* @__PURE__ */ a(A, { sx: { bgcolor: "background.paper", width: "100%" }, children: [
-    /* @__PURE__ */ e(wt, { "aria-label": t, onChange: S, value: y, variant: "fullWidth", children: o.map((v, T) => /* @__PURE__ */ e(
-      _t,
+    /* @__PURE__ */ t(we, { "aria-label": e, onChange: D, value: y, variant: "fullWidth", children: o.map((v, T) => /* @__PURE__ */ t(
+      _e,
       {
         id: `transaction-details-tab-${T}`,
         label: v.label,
@@ -93,68 +93,68 @@ const Lt = ({ message: t, tipAriaLabel: n, onDismiss: r, onAction: i, sx: o }) =
       },
       `${v.label}-${T}`
     )) }),
-    /* @__PURE__ */ e(c, { sx: { pt: 16, px: 24 }, children: (d || u) && /* @__PURE__ */ a(c, { sx: { gap: 4 }, children: [
-      d && /* @__PURE__ */ e(P, { children: d }),
+    /* @__PURE__ */ t(c, { sx: { pt: 16, px: 24 }, children: (d || u) && /* @__PURE__ */ a(c, { sx: { gap: 4 }, children: [
+      d && /* @__PURE__ */ t(P, { children: d }),
       u && /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
         h,
-        /* @__PURE__ */ e(f, { textTransform: "uppercase", variant: "body2", children: u.description })
+        /* @__PURE__ */ t(f, { textTransform: "uppercase", variant: "body2", children: u.description })
       ] })
     ] }) }),
     r?.(y, I),
-    m && /* @__PURE__ */ e(Lt, { ...m }),
+    m && /* @__PURE__ */ t(Le, { ...m }),
     i?.(y)
   ] });
 }, V = () => {
-  if (!_.useContext(dt))
+  if (!_.useContext(de))
     throw new Error("useTransactionsUiStore() must be used within the GlobalDataContext");
-  return W().uiStore;
+  return z().uiStore;
 };
-function At() {
+function Ae() {
   return window.opener && window.opener.location ? window.opener.location.toString() : document.referrer;
 }
-function X(t) {
-  const n = At().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), r = window.parent || window.opener || !1;
-  return r && r.postMessage && n ? (r.postMessage(t, n), !0) : !1;
+function X(e) {
+  const n = Ae().replace(/([^:]+:\/\/[^\/]+).*/, "$1"), r = window.parent || window.opener || !1;
+  return r && r.postMessage && n ? (r.postMessage(e, n), !0) : !1;
 }
-function $t(t) {
+function Ee(e) {
   return X({
-    metadata: { beat_guid: t },
+    metadata: { beat_guid: e },
     mx: !0,
     type: "mx/moneyDashboard/insightOnTransaction"
   });
 }
-function ve(t) {
+function wt(e) {
   return X({
-    metadata: { template: t },
+    metadata: { template: e },
     mx: !0,
     type: "mx/pulse/client_configured_cta"
   });
 }
-const Et = ({ transaction: t, onClick: n }) => {
-  const i = z().palette.mode === "dark", { associatedBeats: o } = W(), { expandedSplits: s } = V(), { transactions: h } = O(), { showInsights: g } = V(), m = t.transaction_type === ft.CREDIT, d = _.useMemo(() => o.find((u) => u.associated_transaction_guid === t.guid), [o, t]);
+const $e = ({ transaction: e, onClick: n }) => {
+  const i = W().palette.mode === "dark", { associatedBeats: o } = z(), { expandedSplits: s } = V(), { transactions: h } = O(), { showInsights: g } = V(), m = e.transaction_type === fe.CREDIT, d = _.useMemo(() => o.find((u) => u.associated_transaction_guid === e.guid), [o, e]);
   return (
     //TODO: implement common/components/ListItemRow.tsx
     /* @__PURE__ */ a(
-      it,
+      ie,
       {
-        clickEventName: ot.ON_TRANSACTION_LIST_ITEM_CLICK,
-        onClick: n ? () => n(t.guid) : void 0,
+        clickEventName: oe.ON_TRANSACTION_LIST_ITEM_CLICK,
+        onClick: n ? () => n(e.guid) : void 0,
         children: [
-          /* @__PURE__ */ e(pt, { children: t.parent_guid && s.includes(t.parent_guid) ? /* @__PURE__ */ e(_.Fragment, {}) : /* @__PURE__ */ e(
-            tt,
+          /* @__PURE__ */ t(pe, { children: e.parent_guid && s.includes(e.parent_guid) ? /* @__PURE__ */ t(_.Fragment, {}) : /* @__PURE__ */ t(
+            ee,
             {
-              categoryGuid: t.top_level_category_guid || "",
-              merchantGuid: t.merchant_guid || ""
+              categoryGuid: e.top_level_category_guid || "",
+              merchantGuid: e.merchant_guid || ""
             }
           ) }),
-          /* @__PURE__ */ e(
-            ut,
+          /* @__PURE__ */ t(
+            ue,
             {
               disableTypography: !0,
               secondary: /* @__PURE__ */ a(c, { direction: "row", justifyContent: "space-between", children: [
                 /* @__PURE__ */ a(c, { alignItems: "center", direction: "row", gap: 4, children: [
-                  t.is_flagged && /* @__PURE__ */ e(
-                    E,
+                  e.is_flagged && /* @__PURE__ */ t(
+                    $,
                     {
                       fill: !0,
                       name: "flag",
@@ -162,17 +162,17 @@ const Et = ({ transaction: t, onClick: n }) => {
                       sx: { color: i ? "primary.main" : "warning.dark" }
                     }
                   ),
-                  t.is_hidden && /* @__PURE__ */ e(E, { name: "visibility_off", size: 16 }),
-                  t.has_been_split && /* @__PURE__ */ e(E, { name: "call_split", size: 16 }),
-                  /* @__PURE__ */ e(f, { variant: "caption", children: t.has_been_split ? h.split_transaction_category_label : t.category })
+                  e.is_hidden && /* @__PURE__ */ t($, { name: "visibility_off", size: 16 }),
+                  e.has_been_split && /* @__PURE__ */ t($, { name: "call_split", size: 16 }),
+                  /* @__PURE__ */ t(f, { variant: "caption", children: e.has_been_split ? h.split_transaction_category_label : e.category })
                 ] }),
-                d && g && /* @__PURE__ */ e(
+                d && g && /* @__PURE__ */ t(
                   f,
                   {
                     bold: !0,
                     color: "action.active",
                     onClick: (u) => {
-                      u.stopPropagation(), u.preventDefault(), $t(d.guid);
+                      u.stopPropagation(), u.preventDefault(), Ee(d.guid);
                     },
                     variant: "caption",
                     children: d.short_title
@@ -181,8 +181,8 @@ const Et = ({ transaction: t, onClick: n }) => {
               ] }),
               children: /* @__PURE__ */ a(c, { direction: "row", justifyContent: "space-between", sx: { gap: 8 }, children: [
                 /* @__PURE__ */ a(f, { bold: !0, variant: "body1", children: [
-                  t.is_hidden && h.hide_trnx_cancel_hidden_note,
-                  t.payee || t.description || t.feed_description
+                  e.is_hidden && h.hide_trnx_cancel_hidden_note,
+                  e.payee || e.description || e.feed_description
                 ] }),
                 /* @__PURE__ */ a(
                   f,
@@ -193,7 +193,7 @@ const Et = ({ transaction: t, onClick: n }) => {
                     variant: "body1",
                     children: [
                       m ? "+" : "",
-                      B(t.amount, "0,0.00")
+                      B(e.amount, "0,0.00")
                     ]
                   }
                 )
@@ -204,24 +204,24 @@ const Et = ({ transaction: t, onClick: n }) => {
       }
     )
   );
-}, Mt = H(Et), Rt = ({
-  bgcolor: t = "background.default",
+}, Me = H($e), Re = ({
+  bgcolor: e = "background.default",
   children: n
-}) => /* @__PURE__ */ e(A, { display: "inline-block", sx: { bgcolor: t, py: 6, width: "100%" }, children: /* @__PURE__ */ e(f, { bold: !0, sx: { pl: 24 }, variant: "caption", children: n }) }), Wt = ({ showIcon: t = !0, showSubtitle: n = !0 }) => {
+}) => /* @__PURE__ */ t(A, { display: "inline-block", sx: { bgcolor: e, py: 6, width: "100%" }, children: /* @__PURE__ */ t(f, { bold: !0, sx: { pl: 24 }, variant: "caption", children: n }) }), ze = ({ showIcon: e = !0, showSubtitle: n = !0 }) => {
   const { transactions: r } = O();
   return /* @__PURE__ */ a(c, { alignItems: "center", gap: 12, height: "auto", mb: 24, mt: 24, children: [
-    t && /* @__PURE__ */ e(rt, { color: "action", sx: { fontSize: 32 } }),
-    /* @__PURE__ */ e(f, { bold: !0, color: "text.secondary", variant: "body2", children: r.zero_state_no_transactions }),
-    n && /* @__PURE__ */ e(f, { color: "text.secondary", variant: "caption", children: r.zero_state_there_are_no_transactions })
+    e && /* @__PURE__ */ t(re, { color: "action", sx: { fontSize: 32 } }),
+    /* @__PURE__ */ t(f, { bold: !0, color: "text.secondary", variant: "body2", children: r.zero_state_no_transactions }),
+    n && /* @__PURE__ */ t(f, { color: "text.secondary", variant: "caption", children: r.zero_state_there_are_no_transactions })
   ] });
-}, zt = H(Wt), G = (t, n) => {
-  const r = R(n[t].date), i = R(n[t - 1]?.date);
+}, We = H(ze), G = (e, n) => {
+  const r = R(n[e].date), i = R(n[e - 1]?.date);
   return !Z(r, i);
-}, Bt = (t, n) => {
-  const r = R(n[t].date), i = R(n[t + 1]?.date);
+}, Be = (e, n) => {
+  const r = R(n[e].date), i = R(n[e + 1]?.date);
   return Z(r, i);
-}, Te = (t) => t?.data ? t.data.map((n) => Object.fromEntries((t.names || []).map((r, i) => [r, n[i]]))) : [], De = (t, n = "") => t.map((i) => {
-  const o = gt(i.date, xt.MONTH_SHORT);
+}, Ct = (e) => e?.data ? e.data.map((n) => Object.fromEntries((e.names || []).map((r, i) => [r, n[i]]))) : [], vt = (e, n = "") => e.map((i) => {
+  const o = ge(i.date, xe.MONTH_SHORT);
   return {
     ariaLabel: `
         ${o},
@@ -231,39 +231,39 @@ const Et = ({ transaction: t, onClick: n }) => {
     value: i.amount,
     formattedAmount: B(i.amount, "0,0")
   };
-}), U = 65, F = 32, Vt = ({
-  bgcolor: t,
+}), U = 65, F = 32, Ve = ({
+  bgcolor: e,
   filter: n,
   height: r = "calc(100dvh - 36px)",
-  loader: i = /* @__PURE__ */ e(Q, { label: "Loading", size: 40 }),
+  loader: i = /* @__PURE__ */ t(Q, { label: "Loading", size: 40 }),
   onClick: o,
   showInsights: s = !1,
   showLoader: h = !1,
   showHiddenTransactions: g = !1,
   transaction: m,
   width: d = "100%",
-  zeroState: u = /* @__PURE__ */ e(zt, {})
+  zeroState: u = /* @__PURE__ */ t(We, {})
 }) => {
-  const { isLoading: x, sortedTransactions: y } = W(), p = _.useMemo(() => {
+  const { isLoading: x, sortedTransactions: y } = z(), p = _.useMemo(() => {
     const b = n ? y.filter(n) : y, w = m ?? b;
     return g ? w : w.filter((l) => !l.is_hidden);
-  }, [y, g, m]), { clearExpandedSplits: S, setShowInsights: I, toggleSplit: v } = V(), { onEvent: T } = ht(), M = (b) => {
+  }, [y, g, m]), { clearExpandedSplits: D, setShowInsights: I, toggleSplit: v } = V(), { onEvent: T } = he(), M = (b) => {
     const w = p.find((l) => l.guid === b);
     if (w?.has_been_split) {
       v(w.guid);
       return;
     }
-    T(yt.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
+    T(ye.ACCOUNT_DETAILS_CLICK_TRANSACTION, {
       account_guid: w?.account_guid,
       transaction_guid: b
     }), o?.(b);
-  }, L = _.useRef(null), k = st({
+  }, L = _.useRef(null), k = se({
     count: p.length,
     getScrollElement: () => L.current,
     estimateSize: (b) => U + (G(b, p) ? F : 0),
     overscan: 5
   });
-  return _.useEffect(() => k.measure(), [p]), _.useEffect(() => I(s), [s]), _.useEffect(() => () => S(), []), /* @__PURE__ */ e(ct, { component: "div", role: "list", sx: { width: d }, children: /* @__PURE__ */ e(A, { height: r, overflow: "auto", ref: L, role: "presentation", width: d, children: /* @__PURE__ */ a(
+  return _.useEffect(() => k.measure(), [p]), _.useEffect(() => I(s), [s]), _.useEffect(() => () => D(), []), /* @__PURE__ */ t(ce, { component: "div", role: "list", sx: { width: d }, children: /* @__PURE__ */ t(A, { height: r, overflow: "auto", ref: L, role: "presentation", width: d, children: /* @__PURE__ */ a(
     A,
     {
       height: (
@@ -277,28 +277,28 @@ const Et = ({ transaction: t, onClick: n }) => {
         (x || h) && i,
         !x && !h && k.getVirtualItems().length === 0 && u,
         !x && !h && k.getVirtualItems().length > 0 && k.getVirtualItems().map((b) => {
-          const w = p[b.index], l = G(b.index, p), C = Bt(b.index, p), D = U + (l ? F : 0);
+          const w = p[b.index], l = G(b.index, p), C = Be(b.index, p), S = U + (l ? F : 0);
           return /* @__PURE__ */ a(
             A,
             {
               role: "listitem",
               sx: {
-                height: D,
+                height: S,
                 position: "absolute",
                 transform: `translateY(${b.start}px)`,
                 width: "100%",
                 bgcolor: "background.paper"
               },
               children: [
-                l && /* @__PURE__ */ e(Rt, { bgcolor: t, children: bt(w.date) }),
-                /* @__PURE__ */ e(
-                  Mt,
+                l && /* @__PURE__ */ t(Re, { bgcolor: e, children: be(w.date) }),
+                /* @__PURE__ */ t(
+                  Me,
                   {
                     ...o && { onClick: M },
                     transaction: w
                   }
                 ),
-                /* @__PURE__ */ e(lt, { sx: { ml: C ? 68 : 0 } })
+                /* @__PURE__ */ t(le, { sx: { ml: C ? 68 : 0 } })
               ]
             },
             w.guid
@@ -307,28 +307,28 @@ const Et = ({ transaction: t, onClick: n }) => {
       ]
     }
   ) }) });
-}, Nt = H(Vt), Ht = (t) => {
+}, Ne = H(Ve), He = (e) => {
   const [n, r] = K({ width: 0, height: 0 });
   return J(() => {
     const i = () => {
-      if (t.current) {
-        const { offsetWidth: o, offsetHeight: s } = t.current;
+      if (e.current) {
+        const { offsetWidth: o, offsetHeight: s } = e.current;
         r({ width: o, height: s });
       }
     };
     return i(), window.addEventListener("resize", i), () => {
       window.removeEventListener("resize", i);
     };
-  }, [t]), n;
-}, Ot = ({
-  color: t,
+  }, [e]), n;
+}, Oe = ({
+  color: e,
   legendStyle: n = {},
   monthlyAmount: r,
   monthlyAmountLabel: i,
   trendAmount: o,
   trendAmountLabel: s
 }) => {
-  const h = z();
+  const h = W();
   return /* @__PURE__ */ a(
     c,
     {
@@ -343,7 +343,7 @@ const Et = ({ transaction: t, onClick: n }) => {
       },
       children: [
         i && /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             "svg",
             {
               "aria-hidden": "true",
@@ -352,7 +352,7 @@ const Et = ({ transaction: t, onClick: n }) => {
               height: "12",
               role: "figure",
               width: "12",
-              children: /* @__PURE__ */ e("rect", { fill: t, height: "12", rx: "2", width: "12" })
+              children: /* @__PURE__ */ t("rect", { fill: e, height: "12", rx: "2", width: "12" })
             }
           ),
           /* @__PURE__ */ a(f, { id: "chartLegendLabel", variant: "caption", children: [
@@ -362,7 +362,7 @@ const Et = ({ transaction: t, onClick: n }) => {
           ] })
         ] }),
         s && /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             "svg",
             {
               "aria-hidden": "true",
@@ -371,7 +371,7 @@ const Et = ({ transaction: t, onClick: n }) => {
               height: "12",
               role: "figure",
               width: "12",
-              children: /* @__PURE__ */ e("rect", { fill: h.palette.chart.chart7, height: "12", rx: "2", width: "12" })
+              children: /* @__PURE__ */ t("rect", { fill: h.palette.chart.chart7, height: "12", rx: "2", width: "12" })
             }
           ),
           /* @__PURE__ */ a(f, { id: "chartLegendLabel", variant: "caption", children: [
@@ -383,12 +383,12 @@ const Et = ({ transaction: t, onClick: n }) => {
       ]
     }
   );
-}, jt = (t, n) => {
-  if (t <= 0 || n <= 0) return "";
-  const r = Math.min(4, t / 2, n / 2);
-  return `M${r},0 L${t - r},0 Q${t},0 ${t},${r} L${t},${n} L0,${n} L0,${r} Q0,0 ${r},0 Z`;
-}, Gt = ({
-  colorRange: t,
+}, je = (e, n) => {
+  if (e <= 0 || n <= 0) return "";
+  const r = Math.min(4, e / 2, n / 2);
+  return `M${r},0 L${e - r},0 Q${e},0 ${e},${r} L${e},${n} L0,${n} L0,${r} Q0,0 ${r},0 Z`;
+}, Ge = ({
+  colorRange: e,
   data: n,
   dataIndex: r,
   removeSelectedTabColorChange: i,
@@ -396,18 +396,18 @@ const Et = ({ transaction: t, onClick: n }) => {
   style: s,
   ...h
 }) => {
-  const g = z(), { ariaLabel: m, formattedAmount: d } = n[r], u = o === r ? "bold" : 400, x = s.x ?? 0, y = s.y ?? 0, p = s.width ?? 0, S = s.height ?? 0;
+  const g = W(), { ariaLabel: m, formattedAmount: d } = n[r], u = o === r ? "bold" : 400, x = s.x ?? 0, y = s.y ?? 0, p = s.width ?? 0, D = s.height ?? 0;
   return /* @__PURE__ */ a("g", { "aria-label": m, children: [
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       "path",
       {
         ...h,
-        d: jt(p, S),
-        fill: t[r],
+        d: je(p, D),
+        fill: e[r],
         transform: `translate(${x}, ${y})`
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       "text",
       {
         fill: g.palette.text.primary,
@@ -420,8 +420,8 @@ const Et = ({ transaction: t, onClick: n }) => {
       }
     )
   ] });
-}, Ut = ({
-  amounts: t,
+}, Ue = ({
+  amounts: e,
   color: n,
   data: r,
   heightOverride: i,
@@ -438,8 +438,8 @@ const Et = ({ transaction: t, onClick: n }) => {
   selectedTabIndex: d,
   trendAmountLabel: u
 }) => {
-  const x = _.useRef(null), { height: y, width: p } = Ht(x), S = z(), I = _.useMemo(() => {
-    const l = r.map(({ value: $ }) => $), C = Math.min(...l), D = Math.max(...l);
+  const x = _.useRef(null), { height: y, width: p } = He(x), D = W(), I = _.useMemo(() => {
+    const l = r.map(({ value: E }) => E), C = Math.min(...l), S = Math.max(...l);
     return {
       series: [
         {
@@ -449,7 +449,7 @@ const Et = ({ transaction: t, onClick: n }) => {
       ],
       xAxis: [
         {
-          data: r.map(({ label: $ }) => $),
+          data: r.map(({ label: E }) => E),
           scaleType: "band",
           categoryGapRatio: 0.45
         }
@@ -458,30 +458,30 @@ const Et = ({ transaction: t, onClick: n }) => {
         {
           scaleType: "linear",
           min: C < 0 ? C * 1.2 : 0,
-          max: D > 0 ? D : 0
+          max: S > 0 ? S : 0
         }
       ]
     };
   }, [r]), v = _.useMemo(() => {
     const l = `${n}80`;
-    return m ? r.map(() => n) : d == null ? [...new Array(r.length - 1).fill(l), n] : r.map((C, D) => D === d ? n : l);
+    return m ? r.map(() => n) : d == null ? [...new Array(r.length - 1).fill(l), n] : r.map((C, S) => S === d ? n : l);
   }, [n, r, d]), T = _.useMemo(
     () => r[d ?? r.length - 1],
     [r, d]
-  ), L = r.reduce((l, C) => Math.min(l, C.value), 1 / 0) < 0, k = /* @__PURE__ */ e(
-    Ot,
+  ), L = r.reduce((l, C) => Math.min(l, C.value), 1 / 0) < 0, k = /* @__PURE__ */ t(
+    Oe,
     {
       color: n,
       legendStyle: { pl: o.left },
       monthlyAmount: T.formattedAmount,
       monthlyAmountLabel: g,
-      trendAmount: t?.formattedAverage,
+      trendAmount: e?.formattedAverage,
       trendAmountLabel: u
     }
   ), b = g || u, w = (l, { dataIndex: C }) => s?.(C);
   return /* @__PURE__ */ a(c, { sx: { alignItems: "center", width: "100%" }, children: [
     b && h === "top" && k,
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       A,
       {
         ref: x,
@@ -500,7 +500,7 @@ const Et = ({ transaction: t, onClick: n }) => {
           }
         },
         children: /* @__PURE__ */ a(
-          vt,
+          Te,
           {
             height: y,
             margin: {
@@ -514,44 +514,44 @@ const Et = ({ transaction: t, onClick: n }) => {
             xAxis: I.xAxis,
             yAxis: [{ width: 0 }],
             children: [
-              t?.average && /* @__PURE__ */ e(
+              e?.average && /* @__PURE__ */ t(
                 j,
                 {
                   labelAlign: "middle",
                   lineStyle: {
-                    stroke: S.palette.chart.chart7,
+                    stroke: D.palette.chart.chart7,
                     strokeDasharray: "4",
                     strokeLinecap: "round",
                     strokeWidth: 1
                   },
-                  y: t?.average
+                  y: e?.average
                 }
               ),
-              L && /* @__PURE__ */ e(
+              L && /* @__PURE__ */ t(
                 j,
                 {
                   labelAlign: "middle",
                   lineStyle: {
-                    stroke: S.palette.chart.chart7
+                    stroke: D.palette.chart.chart7
                   },
                   y: 0
                 }
               ),
-              /* @__PURE__ */ e(
-                Tt,
+              /* @__PURE__ */ t(
+                Se,
                 {
                   position: "bottom",
                   slots: {
                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                    axisTickLabel: ({ text: l, ownerState: C, ...D }) => {
-                      const $ = r[d ?? r.length - 1]?.label;
-                      return /* @__PURE__ */ e(
+                    axisTickLabel: ({ text: l, ownerState: C, ...S }) => {
+                      const E = r[d ?? r.length - 1]?.label;
+                      return /* @__PURE__ */ t(
                         "text",
                         {
-                          ...D,
+                          ...S,
                           style: {
-                            ...D.style,
-                            fontWeight: !m && $ === l ? "bold" : 400
+                            ...S.style,
+                            fontWeight: !m && E === l ? "bold" : 400
                           },
                           children: l
                         }
@@ -574,17 +574,17 @@ const Et = ({ transaction: t, onClick: n }) => {
                   }
                 }
               ),
-              /* @__PURE__ */ e(
-                Dt,
+              /* @__PURE__ */ t(
+                De,
                 {
                   onItemClick: w,
                   slots: {
                     bar: (l) => {
-                      const { ownerState: C, ...D } = l;
-                      return /* @__PURE__ */ e(
-                        Gt,
+                      const { ownerState: C, ...S } = l;
+                      return /* @__PURE__ */ t(
+                        Ge,
                         {
-                          ...D,
+                          ...S,
                           colorRange: v,
                           data: r,
                           dataIndex: C.dataIndex,
@@ -609,8 +609,8 @@ const Et = ({ transaction: t, onClick: n }) => {
     ),
     b && h === "bottom" && k
   ] });
-}, Ft = ({
-  ariaLabel: t,
+}, Tt = ({
+  ariaLabel: e,
   barChartProps: n,
   beat: r,
   data: i,
@@ -623,14 +623,14 @@ const Et = ({ transaction: t, onClick: n }) => {
   title: u,
   transactionListProps: x = {}
 }) => {
-  const { common: y, transactions: p } = O(), { isCopyLoaded: S } = mt(), { sortedTransactionsWithSplits: I, tags: v } = W();
-  return S ? /* @__PURE__ */ e(St, { ariaLabelClose: y.close_aria, isOpen: h, onClose: g, title: u, children: /* @__PURE__ */ e(
-    kt,
+  const { common: y, transactions: p } = O(), { isCopyLoaded: D } = me(), { sortedTransactionsWithSplits: I, tags: v } = z();
+  return D ? /* @__PURE__ */ t(ve, { ariaLabelClose: y.close_aria, isOpen: h, onClose: g, title: u, children: /* @__PURE__ */ t(
+    ke,
     {
-      ariaLabel: t,
+      ariaLabel: e,
       beat: r,
-      chart: (T, M) => /* @__PURE__ */ e(A, { sx: { pt: 16 }, children: /* @__PURE__ */ e(
-        Ut,
+      chart: (T, M) => /* @__PURE__ */ t(A, { sx: { pt: 16 }, children: /* @__PURE__ */ t(
+        Ue,
         {
           ...n,
           onBarClick: (L) => {
@@ -660,30 +660,30 @@ const Et = ({ transaction: t, onClick: n }) => {
               px: 24
             },
             children: [
-              /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: p.transactions_title }),
-              (x?.transaction || I.length > 0) && /* @__PURE__ */ e(
+              /* @__PURE__ */ t(f, { bold: !0, variant: "body1", children: p.transactions_title }),
+              (x?.transaction || I.length > 0) && /* @__PURE__ */ t(
                 Y,
                 {
                   onClick: () => {
-                    at(
+                    ae(
                       x?.transaction || I,
                       v
                     );
                   },
-                  startIcon: /* @__PURE__ */ e(nt, { name: "ios_share" }),
+                  startIcon: /* @__PURE__ */ t(ne, { name: "ios_share" }),
                   sx: { height: 28 },
-                  children: /* @__PURE__ */ e(f, { bold: !0, variant: "body2", children: p.export_csv_btn })
+                  children: /* @__PURE__ */ t(f, { bold: !0, variant: "body2", children: p.export_csv_btn })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e(Nt, { ...x })
+        /* @__PURE__ */ t(Ne, { ...x })
       ] })
     }
-  ) }) : /* @__PURE__ */ e(Q, {});
-}, Se = Ft, Kt = ({
-  amount: t,
+  ) }) : /* @__PURE__ */ t(Q, {});
+}, St = ({
+  amount: e,
   borderRadius: n = "2px",
   count: r,
   completeColor: i = "success.main",
@@ -695,14 +695,14 @@ const Et = ({ transaction: t, onClick: n }) => {
   sx: d
 }) => /* @__PURE__ */ a(c, { className: "details-container", sx: { p: 24, width: "100%", gap: 16, ...d }, children: [
   /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 12 }, children: [
-    /* @__PURE__ */ e(A, { children: o }),
+    /* @__PURE__ */ t(A, { children: o }),
     /* @__PURE__ */ a(c, { children: [
-      typeof s == "string" ? /* @__PURE__ */ e(N, { dangerouslySetInnerHTML: { __html: s }, variant: "body2" }) : s,
-      typeof t == "string" ? /* @__PURE__ */ e(et, { children: t }) : t
+      typeof s == "string" ? /* @__PURE__ */ t(N, { dangerouslySetInnerHTML: { __html: s }, variant: "body2" }) : s,
+      typeof e == "string" ? /* @__PURE__ */ t(te, { children: e }) : e
     ] })
   ] }),
   /* @__PURE__ */ a(c, { sx: { gap: 4 }, children: [
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       c,
       {
         sx: {
@@ -712,7 +712,7 @@ const Et = ({ transaction: t, onClick: n }) => {
           height: r ? 20 : 16,
           width: "100%"
         },
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ t(
           A,
           {
             sx: {
@@ -725,25 +725,25 @@ const Et = ({ transaction: t, onClick: n }) => {
               height: r ? 20 : 16,
               width: `${g}%`
             },
-            children: /* @__PURE__ */ e(f, { sx: { color: "primary.dark" }, variant: "caption", children: r })
+            children: /* @__PURE__ */ t(f, { sx: { color: "primary.dark" }, variant: "caption", children: r })
           }
         )
       }
     ),
     !r && /* @__PURE__ */ a(c, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ e(f, { variant: "body2", children: h }),
-      /* @__PURE__ */ e(f, { variant: "body2", children: m })
+      /* @__PURE__ */ t(f, { variant: "body2", children: h }),
+      /* @__PURE__ */ t(f, { variant: "body2", children: m })
     ] })
   ] })
-] }), Ie = Kt, Le = ({
-  title: t,
+] }), Dt = ({
+  title: e,
   description: n,
   callToAction: r,
   instanceSlot: i = void 0,
   onCtaClick: o = () => {
   }
-}) => /* @__PURE__ */ a(It, { sx: { pt: 8, pr: 16, pb: 12, pl: 8, borderRadius: "8px" }, children: [
-  /* @__PURE__ */ e(
+}) => /* @__PURE__ */ a(Ie, { sx: { pt: 8, pr: 16, pb: 12, pl: 8, borderRadius: "8px" }, children: [
+  /* @__PURE__ */ t(
     c,
     {
       sx: {
@@ -753,7 +753,7 @@ const Et = ({ transaction: t, onClick: n }) => {
         pt: 4,
         pl: 8
       },
-      children: /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: t })
+      children: /* @__PURE__ */ t(f, { bold: !0, variant: "body1", children: e })
     }
   ),
   /* @__PURE__ */ a(
@@ -767,8 +767,8 @@ const Et = ({ transaction: t, onClick: n }) => {
       },
       children: [
         /* @__PURE__ */ a(c, { children: [
-          /* @__PURE__ */ e(c, { sx: { pt: 2, pl: 8, pb: 8 }, children: /* @__PURE__ */ e(N, { sx: { fontWeight: 400 }, variant: "subtitle2", children: n }) }),
-          /* @__PURE__ */ e(c, { sx: { alignItems: "flex-start" }, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ t(c, { sx: { pt: 2, pl: 8, pb: 8 }, children: /* @__PURE__ */ t(N, { sx: { fontWeight: 400 }, variant: "subtitle2", children: n }) }),
+          /* @__PURE__ */ t(c, { sx: { alignItems: "flex-start" }, children: /* @__PURE__ */ t(
             Y,
             {
               onClick: o,
@@ -792,19 +792,19 @@ const Et = ({ transaction: t, onClick: n }) => {
   )
 ] });
 export {
-  Ut as B,
-  Se as C,
-  Le as E,
-  Rt as S,
-  Nt as T,
-  Mt as a,
-  Ie as b,
-  Te as c,
-  De as d,
-  Ht as e,
-  kt as f,
-  Bt as h,
-  ve as p,
+  Ue as B,
+  Tt as C,
+  Dt as E,
+  Re as S,
+  Ne as T,
+  Me as a,
+  St as b,
+  Ct as c,
+  vt as d,
+  He as e,
+  ke as f,
+  Be as h,
+  wt as p,
   G as s,
   V as u
 };