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

package/dist/CurrencyInput-D1cjbdCI.mjs

@@ -0,0 +1,85 @@
+import { jsx as m } from "react/jsx-runtime";
+import i from "react";
+import { css as k } from "@mxenabled/cssinjs";
+import { v4 as q } from "uuid";
+import { TextField as B, P as _ } from "@mxenabled/mxui";
+import { g as L, C as O, f as y, M as C } from "./NumberFormatting-DjTD0t3W.mjs";
+import { u as W } from "./hooks-C41HAxM5.mjs";
+import { b, g } from "./Localization-2MODESHW.mjs";
+const J = ({
+  allowDecimals: s = !0,
+  ariaLabel: h,
+  amount: c,
+  amountIsRequired: M = !0,
+  copy: a,
+  customValidate: $ = () => !0,
+  errorText: S = "",
+  label: u,
+  minAmount: f = 1,
+  setAmount: x,
+  setHasValidInput: r,
+  ...N
+}) => {
+  const [l, t] = i.useState(""), { common: P } = W(), o = a || P.currency_input, R = j(), A = /^[0-9]*$/, E = /^(\d)*(\,)?([0-9]{1,2})?$/, T = /^(\d)*(\.)?([0-9]{1,2})?$/;
+  let n;
+  const d = i.useRef(q());
+  if (s)
+    switch (L()) {
+      case O.CAD:
+        n = E;
+        break;
+      default:
+        n = T;
+        break;
+    }
+  else
+    n = A;
+  i.useEffect(() => {
+    p(c);
+  }, [c]);
+  const p = (e) => {
+    !M && (e === "" || e === "." || e === ",") ? (t(""), r?.(!1)) : Number(e) < f ? (t(
+      b(
+        o.error_amount_must_be_equal_to,
+        y(f, "0")
+      )
+    ), r?.(!1)) : Number(e) > C ? (t(
+      b(
+        o.error_amount_must_be_less_than_or_equal_to,
+        y(C, s ? "0,0.00" : "0,0", Math.floor)
+      )
+    ), r?.(!1)) : e.toString().match(n) ? $() ? (t(""), r?.(!0)) : (t(S), r?.(!1)) : (t(o.error_amount_is_invalid), r?.(!1)), x(e.toString());
+  };
+  return /* @__PURE__ */ m(
+    B,
+    {
+      InputProps: {
+        endAdornment: g().includes("fr-ca") ? /* @__PURE__ */ m(_, { children: "$" }) : void 0,
+        startAdornment: g().includes("fr-ca") ? void 0 : /* @__PURE__ */ m(_, { children: "$" })
+      },
+      className: `mx-cmn-currency-input ${R}`,
+      error: !!l,
+      helperText: l,
+      hiddenLabel: !u,
+      id: `currency-input-${d.current}`,
+      inputMode: s ? "decimal" : "numeric",
+      inputProps: {
+        "aria-label": h || o.enter_amount,
+        noValidate: !0,
+        pattern: "[0-9]*"
+      },
+      label: u,
+      name: `currency-input-${d.current}`,
+      onChange: (e) => p(e.target.value),
+      value: c,
+      ...N
+    }
+  );
+}, j = () => k({
+  "& .MuiInputBase-adornedStart > .p": {
+    marginRight: 4
+  }
+});
+export {
+  J as C
+};

package/dist/{CurrencyText-kyC1aseI.mjs → CurrencyText-Dr0EZ7bp.mjs}

@@ -1,6 +1,6 @@
 import { jsxs as i } from "react/jsx-runtime";
 import { Text as u } from "@mxenabled/mxui";
-import { f as x } from "./NumberFormatting-Buh7u8Oi.mjs";
+import { f as x } from "./NumberFormatting-DjTD0t3W.mjs";
 const y = ({
   isIncome: e = !1,
   amount: o = 0,

package/dist/{DateUtil-BcuH7ErC.mjs → DateUtil-CDPZw_-m.mjs}

@@ -7,8 +7,8 @@ import { isBefore as n } from "date-fns/isBefore";
 import { nextDay as c } from "date-fns/nextDay";
 import { setDate as d } from "date-fns/setDate";
 import { startOfToday as o } from "date-fns/startOfToday";
-import { fromUnixTime as D } from "date-fns/fromUnixTime";
-import { f as i, D as f } from "./Dialog-CWW597AF.mjs";
+import { fromUnixTime as i } from "date-fns/fromUnixTime";
+import { f as D, a as f } from "./Dialog-CDV0kKxj.mjs";
 const x = (t) => {
   const e = y(t);
   let r = c(t, e);
@@ -34,7 +34,7 @@ const x = (t) => {
 }, Q = (t) => {
   const e = p(t);
   return a(e, 1);
-}, w = (t) => l(t, 1), F = (t) => i(D(t), f.DAY_OF_WEEK_MONTH_DAY), H = (t) => t ? i(D(t), f.MONTH_YEAR) : "";
+}, w = (t) => l(t, 1), F = (t) => D(i(t), f.DAY_OF_WEEK_MONTH_DAY), H = (t) => t ? D(i(t), f.MONTH_YEAR) : "";
 export {
   Q as a,
   p as b,

package/dist/{DebtsStore-C9bblOgW.mjs → DebtsStore-pL63fmdT.mjs}

@@ -1,6 +1,6 @@
 import { makeAutoObservable as l } from "mobx";
 import { getDate as r, fromUnixTime as _, startOfMonth as m } from "date-fns";
-import { A as p } from "./ConnectDrawer-BQNs-hjk.mjs";
+import { A as p } from "./ConnectDrawer-DVp54lUH.mjs";
 const E = 12, T = 100;
 var c = /* @__PURE__ */ ((a) => (a[a.FASTEST_PAYOFF_FIRST = 1] = "FASTEST_PAYOFF_FIRST", a[a.HIGHEST_INTEREST = 2] = "HIGHEST_INTEREST", a[a.LOWEST_BALANCE = 3] = "LOWEST_BALANCE", a[a.HIGHEST_BALANCE = 4] = "HIGHEST_BALANCE", a))(c || {});
 const b = {
@@ -56,8 +56,8 @@ class A {
   }
 }
 export {
-  c as D,
+  A as D,
   T as I,
   E as M,
-  A as a
+  c as a
 };

package/dist/{Dialog-CWW597AF.mjs → Dialog-CDV0kKxj.mjs}

@@ -1,10 +1,10 @@
-import { intlFormat as h } from "date-fns/intlFormat";
-import { g } from "./Localization-2MODESHW.mjs";
-import { jsx as a, jsxs as y } from "react/jsx-runtime";
-import M from "@mui/material/Dialog";
-import T from "@mui/material/DialogContent";
+import { intlFormat as D } from "date-fns/intlFormat";
+import { g as y } from "./Localization-2MODESHW.mjs";
+import { jsx as a, jsxs as M } from "react/jsx-runtime";
+import T from "@mui/material/Dialog";
+import g from "@mui/material/DialogContent";
 import { DialogHeader as u, DialogFooter as H } from "@mxenabled/mxui";
-const L = "do", S = "MMM do, yyyy", x = {
+const F = "do", L = "MMM do, yyyy", S = {
   TIME_STAMP_HOUR_MINUTE: {
     hour: "numeric",
     minute: "numeric"
@@ -60,14 +60,14 @@ const L = "do", S = "MMM do, yyyy", x = {
     day: "numeric",
     year: "numeric"
   }
-}, b = (i, o) => h(new Date(i), Object.assign(o), { locale: g() }), N = ({
+}, x = (i, o) => D(new Date(i), Object.assign(o), { locale: y() }), b = ({
   className: i,
   copy: o = {
     title: "",
     close_aria: "Close"
   },
-  disablePrimaryButton: n = !1,
-  isOpen: e = !1,
+  disablePrimaryButton: e = !1,
+  isOpen: n = !1,
   onClose: r,
   onPrimaryAction: m,
   primaryColor: c = "primary",
@@ -78,16 +78,16 @@ const L = "do", S = "MMM do, yyyy", x = {
   children: A,
   ...d
 }) => {
-  const D = () => {
+  const O = () => {
     m?.(), r();
-  }, O = () => {
+  }, h = () => {
     t && t(), r();
   };
-  return /* @__PURE__ */ a("div", { className: `mx-cmn-dialog ${i}`, children: /* @__PURE__ */ y(
-    M,
+  return /* @__PURE__ */ a("div", { className: `mx-cmn-dialog ${i}`, children: /* @__PURE__ */ M(
+    T,
     {
       onClose: r,
-      open: e,
+      open: n,
       sx: {
         "& .MuiDialog-paperScrollPaper": {
           backgroundColor: "background.default"
@@ -97,13 +97,13 @@ const L = "do", S = "MMM do, yyyy", x = {
       ...d,
       children: [
         /* @__PURE__ */ a(u, { copy: { title: o.title, close_aria: o.close_aria }, onClose: r }),
-        /* @__PURE__ */ a(T, { sx: { lineHeight: 1.5 }, children: A }),
+        /* @__PURE__ */ a(g, { sx: { lineHeight: 1.5 }, children: A }),
         /* @__PURE__ */ a(
           H,
           {
-            isPrimaryDisabled: n,
-            onPrimaryAction: D,
-            onSecondaryAction: O,
+            isPrimaryDisabled: e,
+            onPrimaryAction: O,
+            onSecondaryAction: h,
             primaryColor: c,
             primaryText: _,
             secondaryColor: l,
@@ -113,11 +113,11 @@ const L = "do", S = "MMM do, yyyy", x = {
       ]
     }
   ) });
-}, I = N;
+};
 export {
-  x as D,
-  L as O,
-  I as a,
-  S as b,
-  b as f
+  b as D,
+  F as O,
+  S as a,
+  L as b,
+  x as f
 };

package/dist/{Donut-oaQFlbit.mjs → Donut-Dmy3JTWd.mjs}

@@ -3,11 +3,11 @@ import b from "react";
 import { selectAll as m, interpolateString as x, arc as I } from "d3";
 import d from "@mui/material/Box";
 import { useTheme as S } from "@mui/material/styles";
-const k = 100, E = 140, v = 10, B = ({
+const k = 100, E = 140, v = 10, j = ({
   data: u,
   hoveredId: h,
-  onClick: s,
-  onMouseEnter: a,
+  onClick: a,
+  onMouseEnter: s,
   onMouseLeave: l,
   selectedId: i,
   size: t = 300,
@@ -16,10 +16,10 @@ const k = 100, E = 140, v = 10, B = ({
   const f = S();
   let r = 0;
   const g = (o, n) => {
-    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), s?.(n));
+    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a?.(n));
   }, y = (o) => {
-    a?.(o);
-  }, D = (o) => {
+    s?.(o);
+  }, w = (o) => {
     l?.(o);
   };
   return b.useEffect(() => {
@@ -45,11 +45,11 @@ const k = 100, E = 140, v = 10, B = ({
           /* @__PURE__ */ e("g", { children: u.map((o) => {
             const n = r;
             r = r + 2 * Math.PI * (o.value / 100);
-            const w = r, R = I().cornerRadius(4)({
+            const D = r, R = I().cornerRadius(4)({
               innerRadius: k,
               outerRadius: E + (o.id === i || o.id === h ? v : 0),
               startAngle: n,
-              endAngle: w,
+              endAngle: D,
               padAngle: 0.025
             });
             return /* @__PURE__ */ e(
@@ -60,11 +60,11 @@ const k = 100, E = 140, v = 10, B = ({
                 className: "arc-outer",
                 d: R,
                 fill: o.color,
-                onBlur: () => D(o.id),
-                onClick: () => s?.(o.id),
+                onBlur: () => w(o.id),
+                onClick: () => a?.(o.id),
                 onFocus: () => y(o.id),
                 onKeyDown: (A) => g(A, o.id),
-                onMouseEnter: () => a?.(o.id),
+                onMouseEnter: () => s?.(o.id),
                 onMouseLeave: () => l?.(o.id),
                 role: "button",
                 style: {
@@ -80,7 +80,7 @@ const k = 100, E = 140, v = 10, B = ({
       }
     )
   ] });
-}, j = B;
+};
 export {
   j as D
 };

package/dist/Drawer-BF40nbsH.mjs

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

package/dist/{EmptyState-DA_lfRBv.mjs → EmptyState-DoxNUae-.mjs}

@@ -1,21 +1,21 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import i from "@mui/material/Button";
-import x from "@mui/material/Stack";
-import { Icon as c } from "@mxenabled/mx-icons";
-import { Text as p } from "@mxenabled/mxui";
-const j = ({
-  icon: s,
-  iconColor: l,
-  header: m,
-  onClick: n,
+import s from "@mui/material/Button";
+import i from "@mui/material/Stack";
+import { Icon as x } from "@mxenabled/mx-icons";
+import { Text as c } from "@mxenabled/mxui";
+const y = ({
+  icon: p,
+  iconColor: m,
+  header: l,
+  onClick: a,
   primaryButton: e,
-  primaryButtonStartIcon: a,
+  primaryButtonStartIcon: n,
   secondaryButton: r,
   subText: d,
   sx: h,
   variant: f = "buttons"
 }) => /* @__PURE__ */ o(
-  x,
+  i,
   {
     sx: {
       alignItems: "center",
@@ -25,19 +25,21 @@ const j = ({
       ...h
     },
     children: [
-      /* @__PURE__ */ t(c, { name: s, size: 48, sx: { color: l } }),
+      /* @__PURE__ */ t(x, { name: p, size: 48, sx: { color: m } }),
       /* @__PURE__ */ t(
-        p,
+        c,
         {
+          className: "empty-state-header",
           color: "text.primary",
           sx: { fontWeight: 600, mt: 16, textAlign: "center", textWrap: "wrap" },
           variant: "body1",
-          children: m
+          children: l
         }
       ),
       /* @__PURE__ */ t(
-        p,
+        c,
         {
+          className: "empty-state-subtext",
           color: "text.secondary",
           sx: { fontWeight: 400, textAlign: "center", textWrap: "wrap", width: "calc(100% - 8px)" },
           variant: "subtitle2",
@@ -45,7 +47,7 @@ const j = ({
         }
       ),
       f === "buttons" && (e || r) && /* @__PURE__ */ o(
-        x,
+        i,
         {
           className: "buttons-footer",
           sx: {
@@ -54,19 +56,19 @@ const j = ({
           },
           children: [
             e && /* @__PURE__ */ t(
-              i,
+              s,
               {
-                onClick: () => n?.("primary"),
-                startIcon: a ? /* @__PURE__ */ t(c, { name: a }) : void 0,
+                onClick: () => a?.("primary"),
+                startIcon: n ? /* @__PURE__ */ t(x, { name: n }) : void 0,
                 sx: { textWrap: "nowrap" },
                 variant: "contained",
                 children: e
               }
             ),
             r && /* @__PURE__ */ t(
-              i,
+              s,
               {
-                onClick: () => n?.("secondary"),
+                onClick: () => a?.("secondary"),
                 sx: { textWrap: "nowrap" },
                 variant: "text",
                 children: r
@@ -79,5 +81,5 @@ const j = ({
   }
 );
 export {
-  j as E
+  y as E
 };

package/dist/{ExportCsvAction-sX8Rg4Ov.mjs → ExportCsvAction-QhQK4_FU.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-7bVS7KXf.mjs";
-import { O as m } from "./User-BQUxBeZV.mjs";
-import { R as x } from "./ResponsiveButton-DZFp78fJ.mjs";
-import { g as _, h as C, u as l } from "./hooks-D6XlXHf4.mjs";
+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";
 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/{Fetch-87LIQbEA.mjs → Fetch-DecPFeGU.mjs}

@@ -1,4 +1,4 @@
-import { g as r } from "./Localization-2MODESHW.mjs";
+import { g as i } from "./Localization-2MODESHW.mjs";
 const E = {
   ACCOUNTS: "accounts",
   ANALYTICS_EVENTS: "analytics_events",
@@ -46,26 +46,26 @@ const E = {
   USER_PROFILES: "user_profiles",
   WIDGET_URLS: "widget_urls"
 };
-class S {
+class _ {
   endpoint = "/";
   headers;
   onError;
-  constructor(s, n, t, o) {
-    this.endpoint = s;
+  constructor(n, s, t, o) {
+    this.endpoint = n;
     const e = {
       Accept: "application/json",
-      "Accept-Language": r(),
+      "Accept-Language": i(),
       "Content-Type": "application/json",
-      "MD-Session-Token": n
+      "MD-Session-Token": s
     };
     this.headers = t || e, this.onError = o;
   }
-  get = async (s) => {
-    const n = {
+  get = async (n) => {
+    const s = {
       method: "GET",
       headers: this.headers
     };
-    return fetch(`${this.endpoint}${s}`, n).then((t) => {
+    return fetch(`${this.endpoint}${n}`, s).then((t) => {
       if (t.ok)
         return t.text();
       throw t;
@@ -73,13 +73,13 @@ class S {
       throw this.onError?.(t, void 0, "ApiGetRequestError"), t;
     });
   };
-  post = async (s, n) => {
-    const t = n ? JSON.stringify(n) : void 0, o = {
+  post = async (n, s) => {
+    const t = s ? JSON.stringify(s) : void 0, o = {
       method: "POST",
       headers: this.headers,
       body: t
     };
-    return fetch(`${this.endpoint}${s}`, o).then((e) => {
+    return fetch(`${this.endpoint}${n}`, o).then((e) => {
       if (!e.ok)
         throw e;
       return e.text();
@@ -87,24 +87,26 @@ class S {
       throw e;
     });
   };
-  put = async (s, n) => {
-    const t = JSON.stringify(n), o = {
+  put = async (n, s) => {
+    const t = JSON.stringify(s), o = {
       method: "PUT",
       headers: this.headers,
       body: t
     };
-    return fetch(`${this.endpoint}${s}`, o).then((e) => e.ok ? e.text() : e.text().then((i) => {
-      throw new Error(i);
-    })).then((e) => e.length ? JSON.parse(e) : {}).then((e) => e).catch((e) => {
-      throw e;
+    return fetch(`${this.endpoint}${n}`, o).then((e) => {
+      if (e.ok)
+        return e.text();
+      throw new Error(`${e.status}`);
+    }).then((e) => e.length ? JSON.parse(e) : {}).then((e) => e).catch((e) => {
+      throw window?.app?.config?.type === "pulse" && this.onError?.(e.message), e.message;
     });
   };
-  delete = async (s) => {
-    const n = {
+  delete = async (n) => {
+    const s = {
       method: "DELETE",
       headers: this.headers
     };
-    return fetch(`${this.endpoint}${s}`, n).then((t) => t.ok ? t.text() : t.text().then((o) => {
+    return fetch(`${this.endpoint}${n}`, s).then((t) => t.ok ? t.text() : t.text().then((o) => {
       throw new Error(o);
     })).then((t) => t.length ? JSON.parse(t) : {}).then((t) => t).catch((t) => {
       throw t;
@@ -113,5 +115,5 @@ class S {
 }
 export {
   E as A,
-  S as F
+  _ as F
 };