@mx-cartographer/experiences 8.0.0-alpha.test2 → 8.0.0-alpha.v2

package/dist/CurrencyInput-DuMktPu3.mjs

@@ -0,0 +1,85 @@
+import { jsx as m } from "react/jsx-runtime";
+import u 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-QCaNwbjv.mjs";
+import { u as W } from "./hooks-BxkfR-Ff.mjs";
+import { b, g } from "./Localization-CPkpIwIx.mjs";
+const j = ({
+  allowDecimals: o = !0,
+  ariaLabel: h,
+  amount: c,
+  amountIsRequired: $ = !0,
+  copy: i,
+  customValidate: M = () => !0,
+  errorText: S = "",
+  label: a,
+  minAmount: f = 1,
+  setAmount: x,
+  setHasValidInput: e,
+  ...N
+}) => {
+  const [d, t] = u.useState(""), { common: P } = W(), n = i || P.currency_input, R = F(), A = /^[0-9]*$/, E = /^(\d)*(\,)?([0-9]{1,2})?$/, T = /^(\d)*(\.)?([0-9]{1,2})?$/;
+  let s;
+  const p = u.useRef(q());
+  if (o)
+    switch (L()) {
+      case O.CAD:
+        s = E;
+        break;
+      default:
+        s = T;
+        break;
+    }
+  else
+    s = A;
+  u.useEffect(() => {
+    l(c);
+  }, [c]);
+  const l = (r) => {
+    !$ && (r === "" || r === "." || r === ",") ? (t(""), e?.(!1)) : Number(r) < f ? (t(
+      b(
+        n.error_amount_must_be_equal_to,
+        y(f, "0")
+      )
+    ), e?.(!1)) : Number(r) > C ? (t(
+      b(
+        n.error_amount_must_be_less_than_or_equal_to,
+        y(C, o ? "0,0.00" : "0,0", Math.floor)
+      )
+    ), e?.(!1)) : r.toString().match(s) ? M() ? (t(""), e?.(!0)) : (t(S), e?.(!1)) : (t(n.error_amount_is_invalid), e?.(!1)), x(r.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: !!d,
+      helperText: d,
+      hiddenLabel: !a,
+      id: `currency-input-${p.current}`,
+      inputMode: o ? "decimal" : "numeric",
+      inputProps: {
+        "aria-label": h || n.enter_amount,
+        noValidate: !0,
+        pattern: o ? "[0-9]*\\.?[0-9]*" : "[0-9]*"
+      },
+      label: a,
+      name: `currency-input-${p.current}`,
+      onChange: (r) => l(r.target.value),
+      value: c,
+      ...N
+    }
+  );
+}, F = () => k({
+  "& .MuiInputBase-adornedStart > .p": {
+    marginRight: 4
+  }
+}), J = j;
+export {
+  J as C
+};

package/dist/{CurrencyText-C-85TnUF.mjs → CurrencyText-CA-E5N_y.mjs}

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

package/dist/{DateFormats-Cs-NbEZ7.mjs → DateFormats-BMpMrZpW.mjs}

@@ -1,5 +1,5 @@
 import { intlFormat as t } from "date-fns/intlFormat";
-import { g as _ } from "./Localization-2MODESHW.mjs";
+import { g as _ } from "./Localization-CPkpIwIx.mjs";
 const m = "do", a = "MMM do, yyyy", O = {
   TIME_STAMP_HOUR_MINUTE: {
     hour: "numeric",

package/dist/{DateUtil-CVXVMbjf.mjs → DateUtil-wcYTmDRD.mjs}

@@ -8,7 +8,7 @@ import { nextDay as p } from "date-fns/nextDay";
 import { setDate as y } from "date-fns/setDate";
 import { startOfToday as r } from "date-fns/startOfToday";
 import { fromUnixTime as i } from "date-fns/fromUnixTime";
-import { f as D, D as f } from "./DateFormats-Cs-NbEZ7.mjs";
+import { f as D, D as f } from "./DateFormats-BMpMrZpW.mjs";
 const A = (e) => {
   const t = x(e);
   let o = p(e, t);

package/dist/{DebtsStore-Dv_T7Dts.mjs → DebtsStore-BZqNLaqd.mjs}

@@ -1,6 +1,6 @@
 import { makeAutoObservable as d } from "mobx";
 import { getDate as r, fromUnixTime as _, startOfMonth as m } from "date-fns";
-import { A as b } from "./Account-CMjOp7S2.mjs";
+import { A as b } from "./Account-BiB1F8lL.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 p = {
@@ -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-Ck34yr-d.mjs

@@ -0,0 +1,63 @@
+import { jsx as r, jsxs as y } from "react/jsx-runtime";
+import x from "@mui/material/Dialog";
+import P from "@mui/material/DialogContent";
+import { DialogHeader as u, DialogFooter as A } from "@mxenabled/mxui";
+const $ = ({
+  className: e,
+  copy: o,
+  disablePrimaryButton: t = !1,
+  isOpen: n = !1,
+  onClose: a,
+  onPrimaryAction: c,
+  primaryColor: s = "primary",
+  primaryText: m = "Confirm",
+  onSecondaryAction: l,
+  secondaryColor: d = "primary",
+  secondaryText: p = "Cancel",
+  children: g,
+  ...f
+}) => {
+  const i = o?.title ?? "", D = o?.close_aria ?? "Close", b = () => {
+    c?.(), a();
+  }, h = () => {
+    l && l(), a();
+  };
+  return /* @__PURE__ */ r("div", { className: `mx-cmn-dialog ${e}`, children: /* @__PURE__ */ y(
+    x,
+    {
+      PaperProps: {
+        "aria-label": i
+      },
+      "aria-label": i,
+      "aria-labelledby": void 0,
+      onClose: a,
+      open: n,
+      sx: {
+        "& .MuiDialog-paperScrollPaper": {
+          backgroundColor: "background.default"
+        },
+        height: "100%"
+      },
+      ...f,
+      children: [
+        /* @__PURE__ */ r(u, { copy: { title: i, close_aria: D }, onClose: a }),
+        /* @__PURE__ */ r(P, { sx: { lineHeight: 1.5 }, children: g }),
+        /* @__PURE__ */ r(
+          A,
+          {
+            isPrimaryDisabled: t,
+            onPrimaryAction: b,
+            onSecondaryAction: h,
+            primaryColor: s,
+            primaryText: m,
+            secondaryColor: d,
+            secondaryText: p
+          }
+        )
+      ]
+    }
+  ) });
+}, H = $;
+export {
+  H as D
+};

package/dist/{Donut-DKY8mL3P.mjs → Donut-CpxJlVvJ.mjs}

@@ -1,32 +1,32 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-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, _ = 10, j = ({
-  data: u,
-  hoveredId: h,
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import A from "react";
+import { selectAll as b, interpolateString as x, arc as I } from "d3";
+import u from "@mui/material/Box";
+import { useTheme as S, darken as m, lighten as E } from "@mui/material/styles";
+const _ = 100, v = 140, B = 10, N = ({
+  data: h,
+  hoveredId: p,
   onClick: a,
   onMouseEnter: s,
   onMouseLeave: l,
   selectedId: i,
   size: t = 300,
-  children: p
+  children: f
 }) => {
-  const f = S();
+  const c = S();
   let r = 0;
   const g = (o, n) => {
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a?.(n));
   }, y = (o) => {
     s?.(o);
-  }, w = (o) => {
+  }, D = (o) => {
     l?.(o);
   };
-  return b.useEffect(() => {
-    m(".arc-outer").transition("roll").duration(500).attrTween("transform", () => x("rotate(0)", "rotate(360)"));
-  }, []), /* @__PURE__ */ c(d, { height: t, position: "relative", width: t, children: [
-    /* @__PURE__ */ e(d, { height: "100%", width: "100%", children: p }),
-    /* @__PURE__ */ c(
+  return A.useEffect(() => {
+    b(".arc-outer").transition("roll").duration(500).attrTween("transform", () => x("rotate(0)", "rotate(360)"));
+  }, []), /* @__PURE__ */ d(u, { height: t, position: "relative", width: t, children: [
+    /* @__PURE__ */ e(u, { height: "100%", width: "100%", children: f }),
+    /* @__PURE__ */ d(
       "svg",
       {
         height: t,
@@ -37,19 +37,19 @@ const k = 100, E = 140, _ = 10, j = ({
           /* @__PURE__ */ e("style", { children: `
             .arc-outer:focus,
             .arc-outer:focus-visible {
-              stroke: ${f.palette.primary.main};
+              stroke: ${c.palette.primary.main};
               stroke-width: 3;
               stroke-opacity: 0.8;
             }
           ` }),
-          /* @__PURE__ */ e("g", { children: u.map((o) => {
+          /* @__PURE__ */ e("g", { children: h.map((o) => {
             const n = r;
             r = r + 2 * Math.PI * (o.value / 100);
-            const D = r, R = I().cornerRadius(4)({
-              innerRadius: k,
-              outerRadius: E + (o.id === i || o.id === h ? _ : 0),
+            const k = r, w = I().cornerRadius(4)({
+              innerRadius: _,
+              outerRadius: v + (o.id === i || o.id === p ? B : 0),
               startAngle: n,
-              endAngle: D,
+              endAngle: k,
               padAngle: 0.025
             });
             return /* @__PURE__ */ e(
@@ -58,15 +58,17 @@ const k = 100, E = 140, _ = 10, j = ({
                 "aria-label": o.label || `Segment ${o.id}`,
                 "aria-pressed": o.id === i,
                 className: "arc-outer",
-                d: R,
+                d: w,
                 fill: o.color,
-                onBlur: () => w(o.id),
+                onBlur: () => D(o.id),
                 onClick: () => a?.(o.id),
                 onFocus: () => y(o.id),
-                onKeyDown: (A) => g(A, o.id),
+                onKeyDown: (R) => g(R, o.id),
                 onMouseEnter: () => s?.(o.id),
                 onMouseLeave: () => l?.(o.id),
                 role: "button",
+                stroke: c.palette.mode === "light" ? m(o.color, 0.3) : E(o.color, 0.3),
+                strokeWidth: 2,
                 style: {
                   cursor: "pointer",
                   outline: "none"
@@ -80,7 +82,7 @@ const k = 100, E = 140, _ = 10, j = ({
       }
     )
   ] });
-};
+}, K = N;
 export {
-  j as D
+  K as D
 };

package/dist/{Drawer-Bet2ZPJo.mjs → Drawer-Bbe4AMB1.mjs}

@@ -1,11 +1,11 @@
 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 B, Drawer as D } from "@mxenabled/mxui";
+import { H2 as S, Drawer as v } from "@mxenabled/mxui";
 import b from "@mui/material/Button";
-import v from "@mui/material/IconButton";
-import { ArrowBack as j } from "@mxenabled/mx-icons";
-const $ = ({
+import B from "@mui/material/IconButton";
+import { ArrowBack as $ } from "@mxenabled/mx-icons";
+const j = ({
   footerStyles: a = {},
   hasSecondaryAction: t = !0,
   isPrimaryDisabled: i,
@@ -74,7 +74,7 @@ const $ = ({
       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(B, { "aria-label": a, color: "primary", onClick: t, children: /* @__PURE__ */ r($, { color: "primary", sx: { fontSize: 22 } }) }),
       /* @__PURE__ */ r(
         s,
         {
@@ -84,11 +84,11 @@ const $ = ({
             textAlign: "center"
           },
           children: /* @__PURE__ */ r(
-            B,
+            S,
             {
               bold: !0,
               id: `${e?.replace(/\s+/g, "-").toLowerCase()}-header-title`,
-              variant: "Body",
+              variant: "body1",
               children: e
             }
           )
@@ -97,7 +97,7 @@ const $ = ({
       /* @__PURE__ */ r(s, { width: "44px" })
     ]
   }
-), R = ({
+), F = ({
   ariaLabelClose: a = "Close",
   children: t,
   footerStyles: i = {},
@@ -116,9 +116,9 @@ const $ = ({
   shouldShowHeaderBorders: C = !0,
   shouldShowHeaderShadow: y = !1,
   title: x,
-  ...S
+  ...D
 }) => /* @__PURE__ */ r(
-  D,
+  v,
   {
     id: e,
     isOpen: n,
@@ -140,7 +140,7 @@ const $ = ({
         backgroundColor: "background.paper"
       }
     },
-    ...S,
+    ...D,
     children: /* @__PURE__ */ u(h, { height: "100%", justifyContent: "space-between", children: [
       /* @__PURE__ */ r(
         L,
@@ -154,7 +154,7 @@ const $ = ({
       ),
       /* @__PURE__ */ r(s, { height: "100%", overflow: "auto", children: t }),
       l && /* @__PURE__ */ r(
-        $,
+        j,
         {
           footerStyles: i,
           hasSecondaryAction: o,
@@ -170,7 +170,7 @@ const $ = ({
       )
     ] })
   }
-);
+), T = F;
 export {
-  R as D
+  T as D
 };

package/dist/{ExportCsvAction-Cc14QGA9.mjs → ExportCsvAction-ErKh7wJ2.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-CGnrndmA.mjs";
-import { O as m } from "./Transaction-C8QRYhYc.mjs";
-import { R as x } from "./ResponsiveButton-BNsV08Ud.mjs";
-import { g as _, h as C, u as l } from "./hooks-CBl85iRr.mjs";
+import { e as p } from "./exportTransactionsToCSV-MCYH_zzN.mjs";
+import { O as m } from "./OnClickEvents-CseHDZ94.mjs";
+import { R as x } from "./ResponsiveButton-DZFp78fJ.mjs";
+import { g as _, h as C, u as l } from "./hooks-BxkfR-Ff.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-DecPFeGU.mjs → Fetch-B6tMJC1r.mjs}

@@ -1,4 +1,4 @@
-import { g as i } from "./Localization-2MODESHW.mjs";
+import { g as i } from "./Localization-CPkpIwIx.mjs";
 const E = {
   ACCOUNTS: "accounts",
   ANALYTICS_EVENTS: "analytics_events",
@@ -23,6 +23,7 @@ const E = {
   LOCALIZED_CONTENT: "localized_content",
   MEMBERS: "members",
   MERCHANTS: "merchants",
+  MERCHANT_BUDGETS: "merchant_budgets",
   MONTHLY_CASH_FLOW_PROFILE: "monthly_cash_flow_profile",
   MONTHLY_CATEGORY_TOTALS: "monthly_category_totals",
   OFFERS: "offers",