@mx-cartographer/experiences 9.0.0-alpha.mega1 → 9.0.0

package/dist/{ConnectionsDrawer-BExzgE16.mjs → ConnectionsDrawer-CtfPXk0M.mjs}

@@ -1,20 +1,21 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import s from "react";
 import { observer as E } from "mobx-react-lite";
-import { useTheme as b } from "@mui/material/styles";
-import { ConnectionsWidget as D } from "@mxenabled/web-widget-sdk";
-import { C as a, a as c, M as i } from "./GlobalAccountFilter-BpWlPAl5.mjs";
-import { d as L, e as w, u as _ } from "./hooks-fY_n74f7.mjs";
-import { D as x } from "./Drawer-Bet2ZPJo.mjs";
+import { useTheme as _ } from "@mui/material/styles";
+import { ConnectionsWidget as b } from "@mxenabled/web-widget-sdk";
+import { C as a, a as c } from "./Connect-Dk6GZEsA.mjs";
+import { M as i } from "./Accounts-CseLC3lL.mjs";
+import { d as D, e as L, u as w } from "./hooks-BaO_gOI6.mjs";
+import { D as x } from "./Drawer-BXqqBMxg.mjs";
 const I = ({
   onClose: l,
   showConnectionsWidget: o,
-  title: u
+  title: m
 }) => {
   let n;
-  const { refreshAccounts: m } = L(), { loadWidget: f } = w(), { connect: d } = _(), p = b(), [C, e] = s.useState(!1), [S, t] = s.useState(!1);
+  const { refreshAccounts: u } = D(), { loadWidget: f } = L(), { connect: d } = w(), p = _(), [C, e] = s.useState(!1), [S, t] = s.useState(!1);
   return s.useEffect(() => (o ? (e(!0), f({ widget: "connections_widget", mode: p.palette.mode }).then((h) => {
-    n = new D({
+    n = new b({
       container: `#${a}`,
       style: {
         border: "none",
@@ -38,16 +39,16 @@ const I = ({
       ariaLabelClose: d.close_connections_aria,
       isOpen: o,
       onClose: () => {
-        l(), m();
+        l(), u();
       },
-      title: u,
+      title: m,
       children: /* @__PURE__ */ g("div", { id: a, children: [
         S && /* @__PURE__ */ r(c, { status: i.Error }),
         C && /* @__PURE__ */ r(c, { status: i.Loading })
       ] })
     }
   );
-}, M = E(I);
+}, W = E(I);
 export {
-  M as C
+  W as C
 };

package/dist/CurrencyDialog-DumQCTPO.mjs

@@ -0,0 +1,373 @@
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import b from "react";
+import { css as A } from "@mxenabled/cssinjs";
+import { addDays as O } from "date-fns/addDays";
+import { addMonths as _ } from "date-fns/addMonths";
+import { eachDayOfInterval as H } from "date-fns/eachDayOfInterval";
+import { eachWeekOfInterval as L } from "date-fns/eachWeekOfInterval";
+import { endOfMonth as z } from "date-fns/endOfMonth";
+import { format as T } from "date-fns/format";
+import { isBefore as F } from "date-fns/isBefore";
+import { isSameMonth as G } from "date-fns/isSameMonth";
+import { startOfMonth as Y } from "date-fns/startOfMonth";
+import { startOfToday as $ } from "date-fns/startOfToday";
+import { subMonths as Z } from "date-fns/subMonths";
+import C from "@mui/material/Button";
+import q from "@mui/material/Paper";
+import { H2 as D, Text as W, H3 as J, P as K } from "@mxenabled/mxui";
+import { ChevronLeft as Q, ChevronRight as U, Icon as V } from "@mxenabled/mx-icons";
+import { f as X, D as P } from "./DateFormats-HudZ3Bjs.mjs";
+import { isSameDay as d } from "date-fns/isSameDay";
+import { isWithinInterval as tt } from "date-fns/isWithinInterval";
+import { useTheme as nt } from "@mui/material/styles";
+import et from "@mui/material/Dialog";
+import ot from "@mui/material/DialogActions";
+import rt from "@mui/material/DialogContent";
+import at from "@mui/material/IconButton";
+import it from "@mui/material/InputAdornment";
+import j from "@mui/material/Stack";
+import lt from "@mui/material/TextField";
+import { u as mt } from "./useScreenSize-mWpmnh5w.mjs";
+const ct = ({ copy: t, date: r, onNextClick: o, onPreviousClick: l }) => {
+  const c = st();
+  return /* @__PURE__ */ p("div", { className: `mx-cmn-calendar-header ${c}`, children: [
+    /* @__PURE__ */ n(D, { className: "mx-cmn-calendar-header-title", variant: "h3", children: X(r, P.MONTH_YEAR) }),
+    /* @__PURE__ */ p("div", { className: "mx-cmn-calendar-header-button-container", children: [
+      /* @__PURE__ */ n(C, { "aria-label": t.prevAria, onClick: l, children: /* @__PURE__ */ n(Q, { size: 24 }) }),
+      /* @__PURE__ */ n(C, { "aria-label": t.nextAria, onClick: o, children: /* @__PURE__ */ n(U, { size: 24 }) })
+    ] })
+  ] });
+}, st = () => A({
+  alignItems: "center",
+  display: "flex",
+  marginBottom: 16,
+  marginRight: -16,
+  paddingLeft: 8,
+  "& .mx-cmn-calendar-header-title": {
+    flexGrow: 1
+  },
+  "& .mx-cmn-calendar-header-button-container": {
+    display: "flex",
+    gap: 4
+  }
+}), dt = ({ beginDate: t, date: r, endDate: o, isInMonth: l, onClick: c }) => {
+  const h = nt(), x = ht(h), a = t && o && tt(r, { start: t, end: o }) && !d(r, t) && !d(r, o), f = t && o && d(t, r) && !d(t, o), m = o && t && d(o, r) && !d(t, o), i = t && d(t, r) || o && d(o, r), u = d(r, $());
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: `
+        mx-cmn-calendar-day
+        ${x}
+        ${l ? "" : "mx-cmn-out-of-month"}
+        ${a ? "mx-cmn-date-interval" : ""}
+      `,
+      children: /* @__PURE__ */ n(
+        C,
+        {
+          className: `
+          mx-cmn-calendar-day-button
+          ${f ? "mx-cmn-range-start" : ""}
+          ${m ? "mx-cmn-range-end" : ""}
+        `,
+          color: i ? "primary" : "secondary",
+          onClick: () => c(r),
+          variant: i ? "contained" : "text",
+          children: /* @__PURE__ */ n(
+            W,
+            {
+              className: `
+            mx-cmn-calendar-day-text
+            ${i ? "mx-cmn-day-selected" : ""}
+            ${u ? "mx-cmn-today" : ""}`,
+              variant: "body2",
+              children: T(r, "d")
+            }
+          )
+        }
+      )
+    }
+  );
+}, ht = (t) => A({
+  height: w,
+  width: w,
+  display: "flex",
+  justifyContent: "center",
+  "&.mx-cmn-out-of-month": {
+    backgroundColor: t.palette.background.default
+  },
+  "&.mx-cmn-date-interval": {
+    backgroundColor: t.palette.secondary.light
+  },
+  "& .MuiButton-root": {
+    maxWidth: 44,
+    minWidth: 44,
+    height: 44,
+    padding: 0,
+    width: 44,
+    "&.mx-cmn-range-start": {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0,
+      "&:focus": {
+        boxShadow: "none"
+      }
+    },
+    "&.mx-cmn-range-end": {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+      "&:focus": {
+        boxShadow: "none"
+      }
+    }
+  },
+  "& .mx-cmn-calendar-day-text": {
+    "&.mx-cmn-day-selected": {
+      color: t.palette.primary,
+      "&.mx-cmn-day-selected": {
+        borderColor: t.palette.common.white
+      }
+    },
+    "&.mx-cmn-today": {
+      borderBottom: `solid 2px ${t.palette.primary.main}`,
+      marginBottom: -6,
+      paddingBottom: 5
+    }
+  }
+}), ft = 340, w = 44;
+var pt = /* @__PURE__ */ ((t) => (t.None = "None", t.Single = "Single", t.Range = "Range", t))(pt || {});
+const Dt = ({
+  copy: t,
+  beginDate: r = void 0,
+  endDate: o = void 0,
+  onDateSelected: l,
+  onRangeSelected: c,
+  selectionType: h = "Single"
+  /* Single */
+}) => {
+  const x = xt(), [a, f] = b.useState($), [m, i] = b.useState(r), [u, s] = b.useState(o);
+  b.useEffect(() => {
+    i(r), s(o), r && f(r);
+  }, [r, o]);
+  const k = b.useMemo(() => {
+    const e = L({ start: Y(a), end: z(a) }), y = [];
+    for (let v = 0; v < e.length; v++) {
+      const N = e[v], B = H({ start: N, end: O(N, 6) }), E = [];
+      for (let R = 0; R < B.length; R++)
+        E.push(B[R]);
+      y.push(E);
+    }
+    return y;
+  }, [a]), S = (e) => {
+    if (h !== "None") {
+      if (h === "Single") {
+        i(e), l?.(e);
+        return;
+      }
+      !m || u ? (i(e), s(void 0)) : F(e, m) ? (s(m), i(e), c?.(e, m)) : (s(e), c?.(m, e));
+    }
+  }, I = () => {
+    const e = $();
+    f(e), h !== "None" && (i(e), h === "Single" ? l?.(e) : (s(e), c?.(e, e)));
+  }, M = () => {
+    f(_(a, 1));
+  }, g = () => {
+    f(Z(a, 1));
+  };
+  return /* @__PURE__ */ n("div", { className: `mx-cmn-calendar ${x}`, children: /* @__PURE__ */ p(q, { sx: { boxShadow: "none" }, children: [
+    /* @__PURE__ */ n(
+      ct,
+      {
+        copy: t,
+        date: a,
+        onNextClick: M,
+        onPreviousClick: g
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-header-row", children: k[0].map((e, y) => /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-header-cell", children: /* @__PURE__ */ n(W, { bold: !0, variant: "body2", children: T(e, "EEEEE") }) }, y)) }),
+    k.map((e, y) => /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-week", children: e.map((v, N) => /* @__PURE__ */ n(
+      dt,
+      {
+        beginDate: m,
+        date: v,
+        endDate: u,
+        isInMonth: G(v, a),
+        onClick: S
+      },
+      N
+    )) }, `w-${y}`)),
+    /* @__PURE__ */ n("div", { className: "mx-cmn-calendar-today-container", children: /* @__PURE__ */ n(C, { onClick: I, size: "small", variant: "text", children: t.today }) })
+  ] }) });
+}, xt = () => A({
+  width: ft,
+  "& .MuiPaper-root": {
+    paddingLeft: 24,
+    paddingRight: 24,
+    paddingTop: 4,
+    paddingBottom: 4
+  },
+  "& .mx-cmn-calendar-header-row": {
+    display: "flex",
+    justifyContent: "center",
+    textAlign: "center",
+    "& .mx-cmn-calendar-header-cell": {
+      height: w,
+      width: w,
+      minWidth: w,
+      "& .kmui-text": {
+        alignItems: "center",
+        display: "flex",
+        height: "100%",
+        justifyContent: "center",
+        width: "100%"
+      }
+    }
+  },
+  "& .mx-cmn-calendar-week": {
+    display: "flex",
+    justifyContent: "center",
+    textAlign: "center"
+  },
+  "& .mx-cmn-calendar-today-container": {
+    display: "block",
+    marginTop: 16,
+    textAlign: "center",
+    width: "100%",
+    "& > .MuiButton-root": {
+      display: "inline-block",
+      marginLeft: "auto",
+      marginRight: "auto"
+    }
+  }
+}), Jt = ({
+  closeAriaLabel: t,
+  content: r,
+  inputLabel: o,
+  inputValue: l,
+  isOpen: c,
+  handleInputChange: h,
+  handleModalClose: x,
+  handlePrimaryAction: a,
+  handleSecondaryAction: f,
+  primaryColor: m = "primary",
+  primaryText: i,
+  secondaryColor: u = "primary",
+  secondaryText: s,
+  title: k
+}) => {
+  const S = parseFloat(l ?? "0"), I = l !== "" && l !== "0" && !isNaN(S), { isSmallMobile: M } = mt();
+  return /* @__PURE__ */ n(
+    et,
+    {
+      "aria-label": k,
+      "aria-labelledby": "modal-title",
+      maxWidth: "xs",
+      onClose: x,
+      open: c,
+      role: "dialog",
+      sx: {
+        "& .MuiDialogContent-root": { p: 0 },
+        ...M && { "& .MuiDialog-paper": { minWidth: "100%" } }
+      },
+      children: /* @__PURE__ */ n(rt, { children: /* @__PURE__ */ p(
+        "form",
+        {
+          onSubmit: (g) => {
+            g.preventDefault(), a();
+          },
+          children: [
+            /* @__PURE__ */ p(
+              j,
+              {
+                sx: {
+                  alignItems: "center",
+                  flexDirection: "row",
+                  justifyContent: "space-between",
+                  pb: 12,
+                  pl: 24,
+                  position: "relative",
+                  pr: 16,
+                  pt: 24
+                },
+                children: [
+                  /* @__PURE__ */ n(J, { id: "modal-title", children: k }),
+                  /* @__PURE__ */ n(
+                    at,
+                    {
+                      "aria-label": t,
+                      onClick: x,
+                      sx: { minHeight: 24, position: "absolute", right: 8, top: 18 },
+                      children: /* @__PURE__ */ n(V, { name: "close", sx: { color: "action.active" } })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ p(j, { sx: { gap: 24, px: 24 }, children: [
+              /* @__PURE__ */ n(K, { variant: "subtitle1", children: r }),
+              o && /* @__PURE__ */ n(
+                lt,
+                {
+                  autoFocus: !0,
+                  inputMode: "decimal",
+                  label: o,
+                  onChange: ({ target: { value: g } }) => {
+                    /^\d*\.?\d*$/.test(g) && h?.(g);
+                  },
+                  slotProps: {
+                    input: {
+                      startAdornment: /* @__PURE__ */ n(it, { position: "start", children: "$" })
+                    },
+                    htmlInput: {
+                      "aria-label": o,
+                      noValidate: !0,
+                      pattern: "[0-9]*\\.?[0-9]*"
+                    }
+                  },
+                  type: "text",
+                  value: l
+                }
+              )
+            ] }),
+            /* @__PURE__ */ p(
+              ot,
+              {
+                sx: {
+                  justifyContent: "flex-end",
+                  gap: 16,
+                  p: 24,
+                  ">:not(style)~:not(style)": { ml: 0 }
+                },
+                children: [
+                  s && /* @__PURE__ */ n(
+                    C,
+                    {
+                      "aria-label": s,
+                      color: u,
+                      onClick: f,
+                      children: s
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    C,
+                    {
+                      "aria-label": i,
+                      color: m,
+                      disabled: o ? !I : !1,
+                      onClick: a,
+                      variant: "contained",
+                      children: i
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ) })
+    }
+  );
+};
+export {
+  Dt as C,
+  pt as a,
+  Jt as b
+};

package/dist/CurrencyInput-adTIRtL3.mjs

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

package/dist/{CurrencyText-C-85TnUF.mjs → CurrencyText-CCbE6MmF.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--XMeeBfr.mjs";
 const y = ({
   isIncome: e = !1,
   amount: o = 0,

package/dist/DateFormats-HudZ3Bjs.mjs

@@ -0,0 +1,64 @@
+import { intlFormat as t } from "date-fns/intlFormat";
+import { g as r } from "./Localization-DnoVyBNK.mjs";
+const _ = "do", a = {
+  TIME_STAMP_HOUR_MINUTE: {
+    hour: "numeric",
+    minute: "numeric"
+  },
+  DAY: {
+    day: "numeric"
+  },
+  DAY_OF_WEEK: {
+    weekday: "long"
+  },
+  DAY_OF_WEEK_MONTH_DAY: {
+    day: "numeric",
+    month: "long",
+    weekday: "long"
+  },
+  FULL_MONTH_DAY: {
+    day: "numeric",
+    month: "long"
+  },
+  MONTH: {
+    month: "short"
+  },
+  MONTH_DAY: {
+    day: "numeric",
+    month: "short"
+  },
+  MONTH_LONG: {
+    month: "long"
+  },
+  MONTH_SHORT: {
+    month: "short"
+  },
+  MONTH_SHORT_YEAR: {
+    month: "short",
+    year: "numeric"
+  },
+  MONTH_YEAR: {
+    month: "long",
+    year: "numeric"
+  },
+  YEAR_MONTH_DAY: {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric"
+  },
+  MONTH_DAY_YEAR: {
+    month: "short",
+    day: "2-digit",
+    year: "numeric"
+  },
+  MED_MONTH_SHORT_DAY_FULL_YEAR: {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }
+}, i = (o, n) => t(new Date(o), Object.assign(n), { locale: r() });
+export {
+  a as D,
+  _ as O,
+  i as f
+};

package/dist/DateUtil-Bhq59ZVg.mjs

@@ -0,0 +1,58 @@
+import { addMonths as m } from "date-fns/addMonths";
+import { addQuarters as n } from "date-fns/addQuarters";
+import { addWeeks as i } from "date-fns/addWeeks";
+import { addYears as l } from "date-fns/addYears";
+import { getDay as x } from "date-fns/getDay";
+import { isBefore as a } from "date-fns/isBefore";
+import { nextDay as T } from "date-fns/nextDay";
+import { setDate as c } from "date-fns/setDate";
+import { startOfToday as r } from "date-fns/startOfToday";
+import { fromUnixTime as s } from "date-fns/fromUnixTime";
+import { f as D, D as f } from "./DateFormats-HudZ3Bjs.mjs";
+const Y = (e) => {
+  const t = x(e);
+  let o = T(e, t);
+  for (; a(o, r()); )
+    o = i(o, 1);
+  return o;
+}, _ = (e) => {
+  let t = e;
+  for (; a(t, r()); )
+    t = i(t, 2);
+  return t;
+}, A = (e) => {
+  let t = c(r(), e.getDate());
+  for (; a(t, r()); )
+    t = m(t, 1);
+  return t;
+}, W = (e) => {
+  let t = e;
+  for (; a(t, r()); )
+    t = m(t, 2);
+  return t;
+}, k = (e) => {
+  let t = n(e, 1);
+  for (; a(t, r()); )
+    t = n(t, 1);
+  return t;
+}, B = (e) => {
+  let t = e;
+  for (; a(t, r()); )
+    t = n(t, 2);
+  return t;
+}, C = (e) => l(e, 1), E = (e) => {
+  const t = s(e);
+  return new Date(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate());
+}, F = (e) => D(s(e), f.DAY_OF_WEEK_MONTH_DAY), Q = (e) => e ? D(s(e), f.MONTH_YEAR) : "";
+export {
+  B as a,
+  k as b,
+  W as c,
+  A as d,
+  _ as e,
+  E as f,
+  C as g,
+  Y as h,
+  F as i,
+  Q as j
+};