@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.mega1

package/dist/Drawer-By9V-B5L.mjs

@@ -0,0 +1,178 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import s from "@mui/material/Box";
+import h from "@mui/material/Stack";
+import { H2 as S, Drawer as B } from "@mxenabled/mxui";
+import b from "@mui/material/Button";
+import v from "@mui/material/IconButton";
+import { ArrowBack as j } from "@mxenabled/mx-icons";
+const $ = ({
+  footerStyles: a = {},
+  hasSecondaryAction: t = !0,
+  isPrimaryDisabled: i,
+  onPrimaryAction: o,
+  onSecondaryAction: e,
+  primaryButtonProps: n = {},
+  primaryColor: c = "primary",
+  primaryText: d = "Save",
+  secondaryColor: l = "primary",
+  secondaryText: p = "Cancel"
+}) => /* @__PURE__ */ u(
+  h,
+  {
+    sx: {
+      bgcolor: "background.paper",
+      flexDirection: "row",
+      gap: 16,
+      justifyContent: "flex-end",
+      p: 24,
+      ...a
+    },
+    children: [
+      t && /* @__PURE__ */ r(
+        b,
+        {
+          color: l,
+          onClick: e,
+          variant: o ? "outlined" : "contained",
+          children: p
+        }
+      ),
+      o && /* @__PURE__ */ r(
+        b,
+        {
+          ...n,
+          color: c,
+          disabled: i,
+          onClick: o,
+          variant: "contained",
+          children: d
+        }
+      )
+    ]
+  }
+), F = ({
+  ariaLabelClose: a,
+  onClose: t,
+  shouldShowBorders: i,
+  shouldShowShadow: o,
+  title: e
+}) => /* @__PURE__ */ u(
+  h,
+  {
+    "aria-level": 1,
+    direction: "row",
+    role: "heading",
+    sx: {
+      alignItems: "center",
+      backgroundColor: "background.paper",
+      ...i && {
+        borderBottom: 1,
+        borderTop: 1,
+        borderColor: "border.light"
+      },
+      ...o && {
+        boxShadow: "0px 2px 8px 0px #6A73811F"
+      },
+      padding: "8px 8px 8px 8px"
+    },
+    children: [
+      /* @__PURE__ */ r(v, { "aria-label": a, color: "primary", onClick: t, children: /* @__PURE__ */ r(j, { color: "primary", sx: { fontSize: 22 } }) }),
+      /* @__PURE__ */ r(
+        s,
+        {
+          sx: {
+            flexGrow: 1,
+            margin: "auto",
+            textAlign: "center"
+          },
+          children: /* @__PURE__ */ r(
+            S,
+            {
+              bold: !0,
+              id: `${e?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
+              variant: "Body",
+              children: e
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r(s, { width: "44px" })
+    ]
+  }
+), H = ({
+  ariaLabelClose: a = "Close",
+  children: t,
+  footerStyles: i = {},
+  hasSecondaryAction: o = !0,
+  id: e,
+  isOpen: n,
+  isPrimaryDisabled: c,
+  onClose: d,
+  onPrimaryAction: l,
+  onSecondaryAction: p,
+  primaryButtonProps: g,
+  primaryColor: m = "primary",
+  primaryText: w,
+  secondaryColor: f = "secondary",
+  secondaryText: k,
+  shouldShowHeaderBorders: C = !0,
+  shouldShowHeaderShadow: y = !1,
+  title: x,
+  ...D
+}) => /* @__PURE__ */ r(
+  B,
+  {
+    id: e,
+    isOpen: n,
+    onClose: d,
+    slotProps: {
+      root: {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": `${x?.replace(/\s+/g, "-").toLowerCase()}-header-title`
+      }
+    },
+    sx: {
+      "& .MuiDrawer-paper": {
+        backgroundColor: "background.default",
+        borderRadius: 0
+      },
+      height: "100%",
+      "& .MuiToolbar-root": {
+        backgroundColor: "background.paper"
+      }
+    },
+    ...D,
+    children: /* @__PURE__ */ u(h, { height: "100%", justifyContent: "space-between", children: [
+      /* @__PURE__ */ r(
+        F,
+        {
+          ariaLabelClose: a,
+          onClose: d,
+          shouldShowBorders: C,
+          shouldShowShadow: y,
+          title: x
+        }
+      ),
+      /* @__PURE__ */ r(s, { height: "100%", overflow: "auto", children: t }),
+      l && /* @__PURE__ */ r(
+        $,
+        {
+          footerStyles: i,
+          hasSecondaryAction: o,
+          isPrimaryDisabled: c,
+          onPrimaryAction: l,
+          onSecondaryAction: p ?? d,
+          primaryButtonProps: g,
+          primaryColor: m,
+          primaryText: w,
+          secondaryColor: f,
+          secondaryText: k
+        }
+      )
+    ] })
+  }
+), R = H;
+export {
+  R as D
+};

package/dist/{ExportCsvAction-QhQK4_FU.mjs → ExportCsvAction-Cglo8Mca.mjs}

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { observer as c } from "mobx-react-lite";
 import { Icon as i } from "@mxenabled/mxui";
-import { e as p } from "./exportTransactionsToCSV-BgV_wTLT.mjs";
-import { O as m } from "./User-BklmOUSd.mjs";
-import { R as x } from "./ResponsiveButton-Cn6-R7ue.mjs";
-import { g as _, h as C, u as l } from "./hooks-C41HAxM5.mjs";
+import { e as p } from "./exportTransactionsToCSV-DuAaI5XA.mjs";
+import { O as m } from "./User-Cnlegl1N.mjs";
+import { R as x } from "./ResponsiveButton-DZFp78fJ.mjs";
+import { g as _, h as C, u as l } from "./hooks-ZMp65DFz.mjs";
 const v = ({ filter: t }) => {
   const { onEvent: r } = _(), { tags: e, sortedTransactions: s } = C(), { transactions: n } = l(), a = () => {
     r(m.ON_TRANSACTION_EXPORT_CSV_CLICK), p(t ? s.filter(t) : s, e);

package/dist/{FinstrongStore-BGf36b0z.mjs → FinstrongStore-BIrX0Xg2.mjs}

@@ -23,7 +23,7 @@ import X from "@mui/material/ListItemAvatar";
 import V from "@mui/material/ListItemButton";
 import W from "@mui/material/ListItemText";
 import { Text as y } from "@mxenabled/mxui";
-import { f as O, a as T } from "./Dialog-CDV0kKxj.mjs";
+import { f as O, a as T } from "./Dialog-BPTr3qHE.mjs";
 import { b as j } from "./Localization-2MODESHW.mjs";
 import { f as q } from "./NumberFormatting-DjTD0t3W.mjs";
 const m = {
@@ -54,7 +54,7 @@ const m = {
   MISSING: "MISSING DATA"
 };
 var I = /* @__PURE__ */ ((e) => (e.Connections = "connections", e.CreditScore = "credit_score", e.DateOfBirth = "date_of_birth", e.MonthlyIncome = "monthly_income", e))(I || {});
-const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(
+const J = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(
   Y,
   {
     sx: {
@@ -92,7 +92,7 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
       r < e.length - 1 && /* @__PURE__ */ c(B, { sx: { color: "divider", ml: 68 } })
     ] }, n.key))
   }
-) }), Gt = (e) => e * (180 / Math.PI), Lt = (e, t) => [
+) }), Gt = J, Lt = (e) => e * (180 / Math.PI), wt = (e, t) => [
   {
     description: t.vulnerable_description,
     max: 25,
@@ -129,7 +129,7 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
   GOOD: "#FFC02C",
   VERY_GOOD: "#29C76B",
   EXCEPTIONAL: "#008A5A"
-}, wt = (e, t, n) => e >= 300 && e < 580 ? {
+}, Nt = (e, t, n) => e >= 300 && e < 580 ? {
   status: n.poor,
   color: t ? u.POOR : g.POOR
 } : e >= 580 && e < 670 ? {
@@ -144,7 +144,7 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
 } : e >= 800 && e <= 850 ? {
   status: n.exceptional,
   color: t ? u.EXCEPTIONAL : g.EXCEPTIONAL
-} : { status: n.missing_data }, Nt = (e, t, n, r) => {
+} : { status: n.missing_data }, Pt = (e, t, n, r) => {
   const o = e.reduce((i, l) => i + l.value, 0);
   let a = 0;
   const s = e.map((i) => {
@@ -156,14 +156,14 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
     };
   });
   return [s[r].startAngle, s[r].endAngle];
-}, Pt = (e, t, n, r, o) => {
+}, kt = (e, t, n, r, o) => {
   let a = 0, s = 0;
   const i = Math.floor(r), l = r - i;
   return i > n ? (a = e, s = t) : i === n && l > 0 && (a = e, s = o), [a, s];
-}, kt = (e, t, n = 0) => {
+}, $t = (e, t, n = 0) => {
   const r = e * Math.sin(t - n), o = -e * Math.cos(t - n);
   return [r, o];
-}, $t = ({
+}, zt = ({
   dynamicCopy: e,
   fallbackLabel: t,
   icon: n,
@@ -171,7 +171,7 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
   label: o,
   value: a
 }) => {
-  const s = !!a, i = s ? J(r, a) : e && j(e, t) || t;
+  const s = !!a, i = s ? Q(r, a) : e && j(e, t) || t;
   return {
     icon: s ? /* @__PURE__ */ c(k, {}) : n,
     isComplete: s,
@@ -179,29 +179,29 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
     primaryText: o,
     secondaryText: i
   };
-}, J = (e, t) => ({
+}, Q = (e, t) => ({
   [I.DateOfBirth]: (r) => R(new Date(Number(r) * 1e3), "MMM d, yyyy"),
   [I.MonthlyIncome]: (r) => q(Number(r), "0.00")
-})[e]?.(t) ?? String(t), zt = (e) => e !== null ? Math.round(e * 100) : null, Kt = (e) => {
+})[e]?.(t) ?? String(t), Kt = (e) => e !== null ? Math.round(e * 100) : null, Bt = (e) => {
   const t = new Date((/* @__PURE__ */ new Date()).getFullYear(), e - 1, 1);
   return O(t, T.MONTH_SHORT);
-}, Bt = (e) => {
+}, Yt = (e) => {
   const { good: t, poor: n } = m.daysOfCashOnHand;
   return e === null ? "MISSING" : e >= t ? "GOOD" : e >= n ? "FAIR" : "OFF_TRACK";
-}, Yt = (e) => {
+}, Ut = (e) => {
   const { good: t, poor: n } = m.emergencySavings;
   return e === null ? "MISSING" : e >= t ? "GOOD" : e >= n ? "FAIR" : "OFF_TRACK";
-}, Ut = (e) => {
+}, Xt = (e) => {
   const { good: t, poor: n } = m.spendToIncomeRatio;
   return e === null ? "MISSING" : e < t ? "GOOD" : e < n ? "FAIR" : "OFF_TRACK";
-}, Xt = (e) => {
+}, Vt = (e) => {
   const { good: t, poor: n } = m.debtToIncomeRatio;
   return e === null ? "MISSING" : e <= t ? "GOOD" : e <= n ? "FAIR" : "OFF_TRACK";
-}, Vt = (e) => {
+}, Wt = (e) => {
   const { good: t, poor: n } = m.creditScore;
   return e === null ? "MISSING" : e >= t ? "GOOD" : e >= n ? "FAIR" : "OFF_TRACK";
-}, Q = (e) => e === null ? "MISSING" : e === 0 ? "GOOD" : "OFF_TRACK", Wt = (e, t) => {
-  const n = Q(e), r = {
+}, Z = (e) => e === null ? "MISSING" : e === 0 ? "GOOD" : "OFF_TRACK", jt = (e, t) => {
+  const n = Z(e), r = {
     GOOD: t.count_good_description,
     OFF_TRACK: t.count_off_track_description,
     MISSING: t.count_missing_description
@@ -211,16 +211,16 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
     description: r[n],
     title: t.count_card_title
   };
-}, jt = (e) => ({
-  [S.GOOD]: { backgroundColor: "success.light", color: "success.dark" },
-  [S.FAIR]: { backgroundColor: "warning.light", color: "warning.dark" },
-  [S.OFF_TRACK]: { backgroundColor: "error.light", color: "error.dark" },
+}, qt = (e) => ({
+  [S.GOOD]: { backgroundColor: "success.lighter", color: "success.dark" },
+  [S.FAIR]: { backgroundColor: "warning.lighter", color: "warning.dark" },
+  [S.OFF_TRACK]: { backgroundColor: "error.lighter", color: "error.dark" },
   [S.MISSING]: { backgroundColor: "divider", color: "text.secondary" }
-})[e], Z = 1, tt = 1, et = {
+})[e], tt = 1, et = 1, nt = {
   1: M,
   2: G,
   3: v
-}, nt = {
+}, rt = {
   1: w,
   2: (e, t) => A(e, t) / 2,
   3: A,
@@ -229,7 +229,7 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
   { contributionPeriodIndex: 3, targetAmount: 6, upperLimit: 500 },
   { contributionPeriodIndex: 3, targetAmount: 3, upperLimit: 900 },
   { contributionPeriodIndex: 2, targetAmount: 1, upperLimit: 1e3 }
-], qt = ({
+], Jt = ({
   contribution: e,
   goalAmount: t,
   goalPeriod: n,
@@ -238,20 +238,20 @@ const Mt = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(K, { sx: { bgcolor
 }) => {
   const a = t - o;
   if (a <= 0) return 0;
-  const s = N(), i = et[r], l = nt[e];
+  const s = N(), i = nt[r], l = rt[e];
   if (!i || !l) return a;
   const p = i(s, n), f = l(p, s);
   return Math.max(a / (f || 1), 1);
-}, Jt = (e) => !e || e <= 0 ? "0%" : e >= 1e3 ? "100%" : `${Math.round(e / 10)}%`, Qt = (e) => E.find((n) => e < n.upperLimit)?.targetAmount ?? tt, Zt = (e) => E.find((r) => e < r.upperLimit)?.contributionPeriodIndex ?? Z, te = (e, t) => [...e].sort((r, o) => r.year === o.year ? r.month - o.month : r.year - o.year).map((r) => ({
+}, Qt = (e) => !e || e <= 0 ? "0%" : e >= 1e3 ? "100%" : `${Math.round(e / 10)}%`, Zt = (e) => E.find((n) => e < n.upperLimit)?.targetAmount ?? et, te = (e) => E.find((r) => e < r.upperLimit)?.contributionPeriodIndex ?? tt, ee = (e, t) => [...e].sort((r, o) => r.year === o.year ? r.month - o.month : r.year - o.year).map((r) => ({
   x: O(new Date(0, r.month - 1, 1), T.MONTH_SHORT),
   y: r[t]
-})), rt = (e) => e.sort((t, n) => t.monthly_health_score_average.month - n.monthly_health_score_average.month).map((t) => ({
+})), ot = (e) => e.sort((t, n) => t.monthly_health_score_average.month - n.monthly_health_score_average.month).map((t) => ({
   x: O(
     new Date(0, t.monthly_health_score_average.month - 1, 1),
     T.MONTH_SHORT
   ),
   y: Math.round(t.monthly_health_score_average.average_health_score)
-})), ot = (e) => e.map(({ transaction: n }) => ({
+})), at = (e) => e.map(({ transaction: n }) => ({
   ...n
 })).sort((n, r) => r.date - n.date);
 class F {
@@ -269,7 +269,7 @@ class F {
   getSpendingFeeTransactions = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/spending_fee`).then((t) => t);
   getStandardSpend = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/standard_spend`).then((t) => t);
 }
-class ee {
+class ne {
   api = new F("/", "");
   augmentedChartData = [];
   averageHealthScores = [];
@@ -377,7 +377,7 @@ class ee {
     try {
       const t = await this.api.getAverageHealthScores();
       d(() => {
-        this.augmentedChartData = rt(t);
+        this.augmentedChartData = ot(t);
       });
     } catch (t) {
       console.error(`Error occurred while getting augmented chart data: ${t}`);
@@ -385,7 +385,7 @@ class ee {
   };
   getSpendingFeeTransactions = async () => {
     try {
-      const t = await this.api.getSpendingFeeTransactions(), n = ot(t);
+      const t = await this.api.getSpendingFeeTransactions(), n = at(t);
       d(() => {
         this.spendingFeeTransactions = n;
       });
@@ -421,31 +421,31 @@ class ee {
 export {
   I as A,
   u as C,
-  ee as F,
-  Mt as P,
-  Pt as a,
-  kt as b,
-  Lt as c,
-  wt as d,
+  ne as F,
+  Gt as P,
+  kt as a,
+  $t as b,
+  wt as c,
+  Nt as d,
   g as e,
-  te as f,
-  Nt as g,
-  jt as h,
+  ee as f,
+  Pt as g,
+  qt as h,
   S as i,
-  Vt as j,
-  Zt as k,
-  Qt as l,
-  qt as m,
-  Jt as n,
-  Yt as o,
-  Q as p,
-  Bt as q,
-  Gt as r,
-  zt as s,
-  Xt as t,
-  Kt as u,
-  Ut as v,
-  Wt as w,
-  $t as x,
+  Wt as j,
+  te as k,
+  Zt as l,
+  Jt as m,
+  Qt as n,
+  Ut as o,
+  Z as p,
+  Yt as q,
+  Lt as r,
+  Kt as s,
+  Vt as t,
+  Bt as u,
+  Xt as v,
+  jt as w,
+  zt as x,
   F as y
 };