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

package/dist/Localization-CPkpIwIx.mjs

@@ -0,0 +1,37 @@
+import u from "react";
+const h = /(?<static>.*?)(?<dynamic>(?:_\d+{(?:.*?)}))|(?<staticEnd>.+)/g, m = {
+  EN_US: "en-us",
+  EN_CA: "en-ca",
+  FR: "fr",
+  FR_CA: "fr-ca",
+  ES: "es"
+}, d = Object.values(m), b = (n, ...e) => {
+  if (!n) return "";
+  const s = e.some((a) => typeof a != "string"), o = [...n.matchAll(h)].reduce(
+    (a, p, f) => {
+      const c = [...a], t = p.groups;
+      if (t?.static && c.push(t.static), t?.dynamic) {
+        const l = t.dynamic.indexOf("{"), g = t.dynamic.substring(l + 1, t.dynamic.length - 1), r = Number(t.dynamic.substring(1, l));
+        if (u.isValidElement(e[r - 1])) {
+          const y = e[r - 1], E = u.cloneElement(y, {
+            key: `${g}-${f}`
+          });
+          c.push(E);
+        } else
+          c.push(e[r - 1]);
+      }
+      return t?.staticEnd && c.push(t.staticEnd), c;
+    },
+    []
+  );
+  return s ? o : o.join("");
+}, w = (n, e, s, ...i) => !n || !e ? "" : b(s === 1 ? n : e, ...i), C = () => {
+  const n = m.EN_US, e = window?.app?.options?.language?.toLowerCase() ?? "", s = window.navigator.language.toLowerCase();
+  return e === "browser" && d.includes(s) ? s : d.includes(e) ? e : n;
+};
+export {
+  m as L,
+  w as a,
+  b,
+  C as g
+};

package/dist/{ManageIncome-BVqHHIO7.mjs → ManageIncome-Cc-wba0I.mjs}

@@ -2,59 +2,60 @@ import { jsxs as c, jsx as e, Fragment as k } from "react/jsx-runtime";
 import _ from "react";
 import { observer as I } from "mobx-react-lite";
 import F from "@mui/material/Box";
-import O from "@mui/material/Divider";
-import H from "@mui/material/List";
+import T from "@mui/material/Divider";
+import Q from "@mui/material/List";
 import p from "@mui/material/Stack";
-import { MerchantLogo as Q, Text as S, P as G, InstitutionLogo as ie } from "@mxenabled/mxui";
-import se from "@mui/material/ListItem";
-import ce from "@mui/material/ListItemAvatar";
+import { MerchantLogo as $, Text as S, P as G, InstitutionLogo as se } from "@mxenabled/mxui";
+import ce from "@mui/material/ListItem";
+import de from "@mui/material/ListItemAvatar";
 import le from "@mui/material/ListItemButton";
-import de from "@mui/material/ListItemText";
-import { F as d, S as M, D as z, g as $, R as T, e as _e } from "./RecurringTransactions-DlKYwpfK.mjs";
-import { subDays as X } from "date-fns/subDays";
+import _e from "@mui/material/ListItemText";
+import { S as M, D as z, g as H, c as X } from "./RecurringTransactions-BCJp-Nap.mjs";
+import { subDays as Z } from "date-fns/subDays";
 import { startOfToday as E } from "date-fns/startOfToday";
 import { endOfMonth as ue } from "date-fns/endOfMonth";
 import { parseISO as me } from "date-fns/parseISO";
-import Z from "@mui/material/Button";
+import J from "@mui/material/Button";
 import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
-import { T as J, u as fe, S as ge, a as Ce } from "./TransactionList-BDffKJMO.mjs";
-import { T as be } from "./TransactionDetails-Lvt9GCU5.mjs";
+import { T as V, u as fe, S as ge, a as Ce } from "./StatusIndicator-4tWnjeKS.mjs";
+import { T as be } from "./TransactionDetails-D1I1XEsT.mjs";
 import { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";
 import { AdapterDateFns as ve } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DatePicker as De } from "@mui/x-date-pickers";
 import { LocalizationProvider as we } from "@mui/x-date-pickers/LocalizationProvider";
-import { u as w, i as Y, g as P, b as Ae, h as V, o as Ie } from "./hooks-CBl85iRr.mjs";
-import { b as Re, f as ee } from "./NumberFormatting-DjTD0t3W.mjs";
-import { D as N } from "./Drawer-Bet2ZPJo.mjs";
-import { A as L } from "./Analytics-i5h6BxR1.mjs";
-import { D as Ee } from "./Dialog-jmgGw5WA.mjs";
-import { f as Te, D as Le } from "./DateFormats-Cs-NbEZ7.mjs";
-import { formatISO as Oe } from "date-fns/formatISO";
+import { u as w, i as Y, g as P, b as Ae, h as ee, o as Ie } from "./hooks-BxkfR-Ff.mjs";
+import { F as l, R as L } from "./RepeatingTransaction-DF4vJn_v.mjs";
+import { b as Re, f as te } from "./NumberFormatting-QCaNwbjv.mjs";
+import { D as N } from "./Drawer-Bbe4AMB1.mjs";
+import { A as O } from "./Analytics-BYItVAe-.mjs";
+import { f as Ee, D as Le } from "./DateFormats-BMpMrZpW.mjs";
+import { D as Oe } from "./Dialog-Ck34yr-d.mjs";
+import { formatISO as Te } from "date-fns/formatISO";
 import { fromUnixTime as ke } from "date-fns/fromUnixTime";
-import { S as Ne } from "./SearchBox-B2_zLv8-.mjs";
-import { h as Me } from "./DateUtil-CVXVMbjf.mjs";
-import { b as B } from "./Category-Ccoew_sA.mjs";
-import { T as te } from "./Transaction-C8QRYhYc.mjs";
-const ne = ({
+import { S as Ne } from "./SearchBox-CwDgvWVJ.mjs";
+import { h as Me } from "./DateUtil-wcYTmDRD.mjs";
+import { b as q } from "./Category-CevNQ03n.mjs";
+import { T as ne } from "./Transaction-Cn5_iFm0.mjs";
+const re = ({
   frequency: n,
   firstDay: t,
   secondDay: o,
   onFrequencyChange: i,
   onFirstDayChange: s,
-  onSecondDayChange: l
+  onSecondDayChange: d
 }) => {
   const { recurring: r } = w(), a = _.useMemo(
     () => [
-      { id: d.EveryWeek, label: r.frequency_every_week },
-      { id: d.EveryOtherWeek, label: r.frequency_every_other_week },
-      { id: d.TwiceAMonth, label: r.frequency_twice_a_month },
-      { id: d.EveryMonth, label: r.frequency_every_month },
-      { id: d.EveryOtherMonth, label: r.frequency_every_other_month },
-      { id: d.EveryQuarter, label: r.frequency_every_quarter },
-      { id: d.EveryOtherQuarter, label: r.frequency_every_other_quarter },
-      { id: d.EveryYear, label: r.frequency_every_year }
+      { id: l.EveryWeek, label: r.frequency_every_week },
+      { id: l.EveryOtherWeek, label: r.frequency_every_other_week },
+      { id: l.TwiceAMonth, label: r.frequency_twice_a_month },
+      { id: l.EveryMonth, label: r.frequency_every_month },
+      { id: l.EveryOtherMonth, label: r.frequency_every_other_month },
+      { id: l.EveryQuarter, label: r.frequency_every_quarter },
+      { id: l.EveryOtherQuarter, label: r.frequency_every_other_quarter },
+      { id: l.EveryYear, label: r.frequency_every_year }
     ],
     [r]
   ), m = [
@@ -70,7 +71,7 @@ const ne = ({
     label: Re(b + 1)
   }));
   h[30].label += ` (${r.last_day_of_month})`;
-  const g = h.slice(0, 15), v = h.slice(14), C = n === d.EveryWeek || n === d.EveryOtherWeek, f = n === d.TwiceAMonth || n === d.EveryMonth || n === d.EveryOtherMonth || n === d.EveryQuarter || n === d.EveryOtherQuarter, A = Se(E(), t), y = A < E() ? j(A, 1) : A, D = (b) => {
+  const g = h.slice(0, 15), v = h.slice(14), C = n === l.EveryWeek || n === l.EveryOtherWeek, f = n === l.TwiceAMonth || n === l.EveryMonth || n === l.EveryOtherMonth || n === l.EveryQuarter || n === l.EveryOtherQuarter, A = Se(E(), t), y = A < E() ? j(A, 1) : A, D = (b) => {
     b && s(xe(b));
   };
   return /* @__PURE__ */ c(p, { gap: 24, sx: { m: 24 }, children: [
@@ -95,27 +96,27 @@ const ne = ({
     f && /* @__PURE__ */ e(
       M,
       {
-        label: n === d.TwiceAMonth ? r.first_day_of_the_month : r.day_of_the_month,
+        label: n === l.TwiceAMonth ? r.first_day_of_the_month : r.day_of_the_month,
         onChange: s,
-        options: n === d.TwiceAMonth ? g : h,
+        options: n === l.TwiceAMonth ? g : h,
         value: t
       }
     ),
-    n === d.TwiceAMonth && /* @__PURE__ */ e(
+    n === l.TwiceAMonth && /* @__PURE__ */ e(
       M,
       {
         label: r.second_day_of_the_month,
-        onChange: l,
+        onChange: d,
         options: v,
         value: o || 0
       }
     ),
-    n === d.EveryYear && /* @__PURE__ */ e(we, { dateAdapter: ve, children: /* @__PURE__ */ e(
+    n === l.EveryYear && /* @__PURE__ */ e(we, { dateAdapter: ve, children: /* @__PURE__ */ e(
       De,
       {
         disablePast: !0,
         label: r.next_payment_date,
-        maxDate: X(j(E(), 1), 1),
+        maxDate: Z(j(E(), 1), 1),
         minDate: E(),
         onChange: D,
         value: y
@@ -123,15 +124,15 @@ const ne = ({
     ) })
   ] });
 }, Fe = I(({ repeatingTransaction: n }) => {
-  const { recurring: t } = w(), { updateRepeatingTransaction: o } = Y(), { onEvent: i } = P(), [s, l] = _.useState(!1), [r, a] = _.useState(n.recurrence_type), [m, h] = _.useState(n.recurrence_day), [g, v] = _.useState(n.second_recurrence_day), C = async () => {
+  const { recurring: t } = w(), { updateRepeatingTransaction: o } = Y(), { onEvent: i } = P(), [s, d] = _.useState(!1), [r, a] = _.useState(n.recurrence_type), [m, h] = _.useState(n.recurrence_day), [g, v] = _.useState(n.second_recurrence_day), C = async () => {
     await o({
       ...n,
       recurrence_type: r,
       recurrence_day: m,
       second_recurrence_day: g
-    }), l(!1);
+    }), d(!1);
   }, f = () => {
-    l(!0), i(L.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
+    d(!0), i(O.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
   };
   return /* @__PURE__ */ c(k, { children: [
     /* @__PURE__ */ e(
@@ -140,7 +141,7 @@ const ne = ({
         iconName: "sync",
         label: t.activity_schedule,
         onClick: f,
-        value: `${$(t, n, !0)}`
+        value: `${H(t, n, !0)}`
       }
     ),
     /* @__PURE__ */ e(
@@ -148,11 +149,11 @@ const ne = ({
       {
         ariaLabelClose: t.close_drawer_aria,
         isOpen: s,
-        onClose: () => l(!1),
+        onClose: () => d(!1),
         onPrimaryAction: C,
         title: t.payment_schedule,
         children: /* @__PURE__ */ e(
-          ne,
+          re,
           {
             firstDay: m,
             frequency: r,
@@ -167,26 +168,26 @@ const ne = ({
   ] });
 }), Ge = I(
   ({ onDeleted: n, recurringTransaction: t }) => {
-    const { recurring: o } = w(), { selectedAccountGuids: i } = Ae(), { onEvent: s } = P(), { deleteRepeatingTransaction: l } = Y(), { setFilter: r, transactions: a } = V(), { amount: m, description: h, merchant_guid: g } = t, [v, C] = _.useState(!1), [f, A] = _.useState("");
+    const { recurring: o } = w(), { selectedAccountGuids: i } = Ae(), { onEvent: s } = P(), { deleteRepeatingTransaction: d } = Y(), { setFilter: r, transactions: a } = ee(), { amount: m, description: h, merchant_guid: g } = t, [v, C] = _.useState(!1), [f, A] = _.useState("");
     _.useEffect(() => {
       r({
         accounts: i,
-        dateRange: { start: X(E(), 90), end: ue(E()) },
+        dateRange: { start: Z(E(), 90), end: ue(E()) },
         custom: (u) => u.repeating_transaction_guid === t.guid
       });
     }, [t]);
     const y = _.useMemo(
       () => a.find((u) => u.guid === f),
       [f, a]
-    ), D = t.repeating_transaction_type === T.Income, b = async () => {
-      await l(t.guid), n();
+    ), D = t.repeating_transaction_type === L.Income, b = async () => {
+      await d(t.guid), n();
     }, U = () => {
-      C(!0), s(L.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE);
+      C(!0), s(O.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE);
     };
     return /* @__PURE__ */ c(p, { bgcolor: "background.default", direction: "column", height: "100%", children: [
       /* @__PURE__ */ c(p, { direction: "column", m: 24, children: [
         /* @__PURE__ */ e(
-          Q,
+          $,
           {
             categoryGuid: y?.category_guid || "",
             merchantGuid: g,
@@ -195,16 +196,20 @@ const ne = ({
           }
         ),
         /* @__PURE__ */ e(S, { bold: !0, variant: "body1", children: h }),
-        /* @__PURE__ */ c(G, { color: D ? "success.main" : "text.primary", sx: { my: 4 }, variant: "H1", children: [
+        /* @__PURE__ */ c(G, { color: D ? "success.main" : "text.primary", sx: { my: 4 }, variant: "h1", children: [
           D ? "+" : "",
-          ee(m, "0,0.00")
+          te(m, "0,0.00")
         ] }),
-        /* @__PURE__ */ e(S, { color: "text.secondary", variant: "body2", children: `${o.next_payment_date}: ${Te(
-          me(t.predicted_occurs_on),
+        /* @__PURE__ */ e(S, { color: "text.secondary", variant: "body2", children: `${o.next_payment_date}: ${Ee(
+          X(
+            t.recurrence_type,
+            me(t.predicted_occurs_on),
+            t.recurrence_day
+          ),
           Le.MONTH_DAY_YEAR
         )}` })
       ] }),
-      /* @__PURE__ */ c(H, { sx: { bgcolor: "background.paper" }, children: [
+      /* @__PURE__ */ c(Q, { sx: { bgcolor: "background.paper" }, children: [
         t.account && /* @__PURE__ */ c(k, { children: [
           /* @__PURE__ */ e(
             z,
@@ -214,7 +219,7 @@ const ne = ({
               value: t.account.displayName || ""
             }
           ),
-          /* @__PURE__ */ e(O, { variant: "inset" })
+          /* @__PURE__ */ e(T, { variant: "inset" })
         ] }),
         y?.category && /* @__PURE__ */ c(k, { children: [
           /* @__PURE__ */ e(
@@ -225,13 +230,13 @@ const ne = ({
               value: y.category
             }
           ),
-          /* @__PURE__ */ e(O, { variant: "inset" })
+          /* @__PURE__ */ e(T, { variant: "inset" })
         ] }),
         /* @__PURE__ */ e(Fe, { repeatingTransaction: t }),
-        /* @__PURE__ */ e(O, {})
+        /* @__PURE__ */ e(T, {})
       ] }),
       /* @__PURE__ */ e(
-        Z,
+        J,
         {
           color: "error",
           onClick: U,
@@ -241,8 +246,8 @@ const ne = ({
           children: D ? o.delete_income_title : o.delete_expense_title
         }
       ),
-      /* @__PURE__ */ e(S, { bold: !0, sx: { ml: 24, mt: 16 }, variant: "Body", children: o.paid_transactions }),
-      /* @__PURE__ */ e(J, { height: "30dvh", onClick: A }),
+      /* @__PURE__ */ e(S, { bold: !0, sx: { ml: 24, mt: 16 }, variant: "body1", children: o.paid_transactions }),
+      /* @__PURE__ */ e(V, { height: "30dvh", onClick: A }),
       /* @__PURE__ */ e(
         N,
         {
@@ -254,7 +259,7 @@ const ne = ({
         }
       ),
       /* @__PURE__ */ e(
-        Ee,
+        Oe,
         {
           copy: {
             title: D ? o.delete_income_title : o.delete_expense_title,
@@ -271,27 +276,27 @@ const ne = ({
 ), Ye = I(
   ({ onClick: n = () => {
   }, repeatingTransaction: t }) => {
-    const { recurring: o } = w(), [i, s] = _.useState(!1), l = _.useMemo(
+    const { recurring: o } = w(), [i, s] = _.useState(!1), d = _.useMemo(
       () => t.transactions.length === 0 ? "" : t.transactions[0].category_guid || "",
       [t]
-    ), r = t.account?.displayName || "", a = t.repeating_transaction_type === T.Income, m = $(o, t, !0);
-    return /* @__PURE__ */ c(se, { disableGutters: !0, disablePadding: !0, children: [
+    ), r = t.account?.displayName || "", a = t.repeating_transaction_type === L.Income, m = H(o, t, !0);
+    return /* @__PURE__ */ c(ce, { disableGutters: !0, disablePadding: !0, children: [
       /* @__PURE__ */ c(le, { onClick: () => {
         n(t), s(!0);
       }, children: [
-        /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(
-          Q,
+        /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(
+          $,
           {
-            categoryGuid: l,
+            categoryGuid: d,
             merchantGuid: t.merchant_guid
           }
         ) }),
-        /* @__PURE__ */ e(de, { children: /* @__PURE__ */ c(p, { direction: "row", gap: 4, sx: { justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ c(p, { direction: "row", gap: 4, sx: { justifyContent: "space-between" }, children: [
           /* @__PURE__ */ c(p, { direction: "column", sx: { width: "50%" }, children: [
             /* @__PURE__ */ e(S, { bold: !0, variant: "body1", children: t.description }),
             /* @__PURE__ */ c(p, { alignItems: "center", direction: "row", gap: 6, children: [
               t.account?.institution_guid && /* @__PURE__ */ e(
-                ie,
+                se,
                 {
                   alt: r,
                   institutionGuid: t.account?.institution_guid,
@@ -310,7 +315,7 @@ const ne = ({
                 variant: "body1",
                 children: [
                   a ? "+" : "",
-                  ee(t.amount, "0,0.00")
+                  te(t.amount, "0,0.00")
                 ]
               }
             ),
@@ -337,7 +342,7 @@ const ne = ({
           ariaLabelClose: o.close_drawer_aria,
           isOpen: i,
           onClose: () => s(!1),
-          title: t.repeating_transaction_type === T.Income ? o.income_details : o.expense_details,
+          title: t.repeating_transaction_type === L.Income ? o.income_details : o.expense_details,
           children: /* @__PURE__ */ e(
             Ge,
             {
@@ -356,7 +361,7 @@ const ne = ({
     onSearch: o,
     onSelected: i
   }) => {
-    const { recurring: s } = w(), { searchValue: l, setSearchValue: r } = fe();
+    const { recurring: s } = w(), { searchValue: d, setSearchValue: r } = fe();
     return /* @__PURE__ */ c(p, { sx: { bgcolor: n, gap: 16, pt: 8 }, children: [
       t && /* @__PURE__ */ e(G, { sx: { mx: 24 }, children: t }),
       /* @__PURE__ */ e(
@@ -368,11 +373,11 @@ const ne = ({
             r(a), o(a);
           },
           placeholder: s.select_transaction_search_placeholder,
-          searchValue: l
+          searchValue: d
         }
       ),
       /* @__PURE__ */ e(
-        J,
+        V,
         {
           bgcolor: n,
           filter: (a) => !!a.merchant_guid,
@@ -390,7 +395,7 @@ const ne = ({
     secondDay: o,
     frequency: i,
     onFrequencyChange: s,
-    onFirstDayChange: l,
+    onFirstDayChange: d,
     onSecondDayChange: r,
     transaction: a
   }) => {
@@ -401,13 +406,13 @@ const ne = ({
         /* @__PURE__ */ e(Ce, { transaction: a })
       ] }),
       /* @__PURE__ */ c(F, { children: [
-        /* @__PURE__ */ e(S, { bold: !0, sx: { mx: 24 }, variant: "Body", children: m.payment_schedule }),
+        /* @__PURE__ */ e(S, { bold: !0, sx: { mx: 24 }, variant: "body1", children: m.payment_schedule }),
         /* @__PURE__ */ e(
-          ne,
+          re,
           {
             firstDay: t,
             frequency: i,
-            onFirstDayChange: l,
+            onFirstDayChange: d,
             onFrequencyChange: s,
             onSecondDayChange: r,
             secondDay: o
@@ -416,34 +421,34 @@ const ne = ({
       ] })
     ] });
   }
-), q = (n) => n.top_level_category_guid !== B.INCOME && n.transaction_type === te.DEBIT, ze = (n, t) => q(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description.toLowerCase().includes(t.toLowerCase()) || n.feed_description.toLowerCase().includes(t.toLowerCase()) : !1, W = (n) => n.top_level_category_guid === B.INCOME || n.top_level_category_guid === B.TRANSFER && n.transaction_type === te.CREDIT, Be = (n, t) => W(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description?.toLowerCase().includes(t.toLowerCase()) || n.feed_description?.toLowerCase().includes(t.toLowerCase()) : !1, re = I(
+), B = (n) => n.top_level_category_guid !== q.INCOME && n.transaction_type === ne.DEBIT, ze = (n, t) => B(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description.toLowerCase().includes(t.toLowerCase()) || n.feed_description.toLowerCase().includes(t.toLowerCase()) : !1, W = (n) => n.top_level_category_guid === q.INCOME || n.top_level_category_guid === q.TRANSFER && n.transaction_type === ne.CREDIT, qe = (n, t) => W(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description?.toLowerCase().includes(t.toLowerCase()) || n.feed_description?.toLowerCase().includes(t.toLowerCase()) : !1, oe = I(
   ({
     isIncome: n = !1,
     label: t,
     onAddRecurringTransaction: o = () => null
   }) => {
-    const { recurring: i } = w(), { filter: s, setFilter: l, transactions: r } = V(), { addRepeatingTransaction: a } = Y(), { user: m } = Ie(), [h, g] = _.useState(!1), [v, C] = _.useState(""), [f, A] = _.useState(d.EveryMonth), [y, D] = _.useState(1), [b, U] = _.useState(15), u = _.useMemo(
+    const { recurring: i } = w(), { filter: s, setFilter: d, transactions: r } = ee(), { addRepeatingTransaction: a } = Y(), { user: m } = Ie(), [h, g] = _.useState(!1), [v, C] = _.useState(""), [f, A] = _.useState(l.EveryMonth), [y, D] = _.useState(1), [b, U] = _.useState(15), u = _.useMemo(
       () => r.find((x) => x.guid === v),
       [v, r]
-    ), oe = () => {
-      g(!0), l(n ? { ...s, custom: W } : { ...s, custom: q });
-    }, ae = async () => {
+    ), ae = () => {
+      g(!0), d(n ? { ...s, custom: W } : { ...s, custom: B });
+    }, ie = async () => {
       if (!u) {
         K();
         return;
       }
       o();
-      const x = _e(f, ke(u.date), y), R = {
+      const x = X(f, ke(u.date), y), R = {
         account_guid: u.account_guid,
         amount: u.amount,
         created_by: 0,
         // User
         merchant_guid: u.merchant_guid,
         description: u.payee || u.description || u.feed_description,
-        predicted_occurs_on: Oe(x, { representation: "date" }),
+        predicted_occurs_on: Te(x, { representation: "date" }),
         recurrence_day: y,
         recurrence_type: f,
-        repeating_transaction_type: n ? T.Income : T.Bill,
+        repeating_transaction_type: n ? L.Income : L.Bill,
         second_recurrence_day: b,
         transaction_type: u.transaction_type,
         user_guid: m.guid
@@ -453,7 +458,7 @@ const ne = ({
       C(""), g(!1);
     };
     return /* @__PURE__ */ c(k, { children: [
-      /* @__PURE__ */ e(Z, { onClick: oe, startIcon: /* @__PURE__ */ e(ye, { size: 24 }), variant: "contained", children: t }),
+      /* @__PURE__ */ e(J, { onClick: ae, startIcon: /* @__PURE__ */ e(ye, { size: 24 }), variant: "contained", children: t }),
       /* @__PURE__ */ e(
         N,
         {
@@ -466,9 +471,9 @@ const ne = ({
             {
               description: n ? i.add_income_description : i.add_expense_description,
               onSearch: (x) => {
-                l({
+                d({
                   ...s,
-                  custom: (R) => n ? x ? Be(R, x) : W(R) : x ? ze(R, x) : q(R)
+                  custom: (R) => n ? x ? qe(R, x) : W(R) : x ? ze(R, x) : B(R)
                 });
               },
               onSelected: (x) => C(x)
@@ -482,7 +487,7 @@ const ne = ({
           ariaLabelClose: i.close_drawer_aria,
           isOpen: !!v,
           onClose: () => C(""),
-          onPrimaryAction: ae,
+          onPrimaryAction: ie,
           title: n ? i.income_details : i.expense_details,
           children: u && /* @__PURE__ */ e(
             Ue,
@@ -500,36 +505,36 @@ const ne = ({
       )
     ] });
   }
-), qe = I(
+), Be = I(
   ({ zeroStateFor: n }) => {
-    const { recurring: t } = w(), { onEvent: o } = P(), i = n === "income", s = i ? t.recurring_setting_zero_state_income_title : t.recurring_setting_zero_state_expenses_title, l = i ? t.recurring_setting_zero_state_income_description : t.recurring_setting_zero_state_expenses_description, r = i ? t.add_income : t.add_expense;
+    const { recurring: t } = w(), { onEvent: o } = P(), i = n === "income", s = i ? t.recurring_setting_zero_state_income_title : t.recurring_setting_zero_state_expenses_title, d = i ? t.recurring_setting_zero_state_income_description : t.recurring_setting_zero_state_expenses_description, r = i ? t.add_income : t.add_expense;
     return /* @__PURE__ */ c(p, { sx: { alignItems: "center", p: 24, pt: 48 }, children: [
       /* @__PURE__ */ e(he, { size: 48 }),
       /* @__PURE__ */ e(G, { sx: { my: 8, fontWeight: 600 }, variant: "body1", children: s }),
-      /* @__PURE__ */ e(G, { color: "text.secondary", sx: { mb: 32 }, variant: "subtitle2", children: l }),
+      /* @__PURE__ */ e(G, { color: "text.secondary", sx: { mb: 32 }, variant: "subtitle2", children: d }),
       /* @__PURE__ */ e(
-        re,
+        oe,
         {
           isIncome: i,
           label: r,
           onAddRecurringTransaction: () => {
             o(
-              i ? L.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME : L.RECURRING_ACTIVITY_CLICK_ADD_EXPENSE
+              i ? O.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME : O.RECURRING_ACTIVITY_CLICK_ADD_EXPENSE
             );
           }
         }
       )
     ] });
   }
-), Et = I(({ forOverview: n = !1 }) => {
+), Lt = I(({ forOverview: n = !1 }) => {
   const { recurring: t } = w(), { detailedRepeatingTransactions: o } = Y(), { onEvent: i } = P(), s = (a) => {
-    i(L.RECURRING_TRANSACTIONS_CLICK_INCOME, {
+    i(O.RECURRING_TRANSACTIONS_CLICK_INCOME, {
       repeating_transaction_guid: a.guid
     });
-  }, l = () => {
-    i(L.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME);
+  }, d = () => {
+    i(O.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME);
   }, r = o.filter(
-    (a) => a.repeating_transaction_type === T.Income && (a.transactions.length > 0 || a.recurrence_type === d.EveryYear)
+    (a) => a.repeating_transaction_type === L.Income && (a.transactions.length > 0 || a.recurrence_type === l.EveryYear)
   );
   return /* @__PURE__ */ e(k, { children: r.length !== 0 ? /* @__PURE__ */ c(
     p,
@@ -539,18 +544,18 @@ const ne = ({
         maxHeight: n ? "calc(100vh - 62px)" : "calc(100vh - 109px)"
       },
       children: [
-        n && /* @__PURE__ */ e(S, { bold: !0, sx: { mb: 4, mt: 12, mx: 24 }, variant: "Small", children: t.income }),
-        /* @__PURE__ */ e(F, { sx: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ e(H, { sx: { bgcolor: "background.paper" }, children: r.map((a, m) => /* @__PURE__ */ c(_.Fragment, { children: [
+        n && /* @__PURE__ */ e(S, { bold: !0, sx: { mb: 4, mt: 12, mx: 24 }, variant: "body2", children: t.income }),
+        /* @__PURE__ */ e(F, { sx: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ e(Q, { sx: { bgcolor: "background.paper" }, children: r.map((a, m) => /* @__PURE__ */ c(_.Fragment, { children: [
           /* @__PURE__ */ e(Ye, { onClick: s, repeatingTransaction: a }),
           /* @__PURE__ */ e(
-            O,
+            T,
             {
               variant: m < r.length - 1 ? "inset" : "fullWidth"
             }
           )
         ] }, a.guid)) }) }),
         /* @__PURE__ */ c(F, { children: [
-          /* @__PURE__ */ e(O, {}),
+          /* @__PURE__ */ e(T, {}),
           /* @__PURE__ */ e(
             F,
             {
@@ -563,11 +568,11 @@ const ne = ({
                 textAlign: "right"
               },
               children: /* @__PURE__ */ e(
-                re,
+                oe,
                 {
                   isIncome: !0,
                   label: t.add_income,
-                  onAddRecurringTransaction: l
+                  onAddRecurringTransaction: d
                 }
               )
             }
@@ -575,16 +580,16 @@ const ne = ({
         ] })
       ]
     }
-  ) : /* @__PURE__ */ e(qe, { zeroStateFor: "income" }) });
+  ) : /* @__PURE__ */ e(Be, { zeroStateFor: "income" }) });
 });
 export {
-  re as A,
-  Et as M,
+  oe as A,
+  Lt as M,
   Ye as R,
   Pe as S,
-  qe as a,
+  Be as a,
   Ge as b,
   Ue as c,
   W as d,
-  Be as i
+  qe as i
 };

package/dist/{MerchantStore-WvZ4gnQe.mjs → MerchantStore-BzGi4JAZ.mjs}

@@ -1,5 +1,5 @@
 import { makeAutoObservable as m, runInAction as c } from "mobx";
-import { F as p, A as h } from "./Fetch-DecPFeGU.mjs";
+import { F as p, A as h } from "./Fetch-B6tMJC1r.mjs";
 class i {
   fetchInstance;
   constructor(t, n, s) {

package/dist/MicroWidgetContainer-B_EnfvCq.mjs

@@ -0,0 +1,45 @@
+import { jsx as r, jsxs as p, Fragment as f } from "react/jsx-runtime";
+import x from "@mui/material/Button";
+import C from "@mui/material/Card";
+import g from "@mui/material/CardContent";
+import b from "@mui/material/CardHeader";
+import { P as u, H3 as v } from "@mxenabled/mxui";
+import { ChevronRight as W } from "@mxenabled/mx-icons";
+import { u as M } from "./useDimensions-CeDR9V8N.mjs";
+import { W as w } from "./hooks-BxkfR-Ff.mjs";
+const H = ({
+  children: e,
+  className: o,
+  ctaLabel: n,
+  onCTAClick: a,
+  subHeader: t,
+  sx: s,
+  title: c,
+  variant: d = "borderless"
+}) => {
+  const [m, { height: l, width: h }] = M(), i = /* @__PURE__ */ p(f, { children: [
+    /* @__PURE__ */ r(
+      b,
+      {
+        action: /* @__PURE__ */ r(
+          x,
+          {
+            endIcon: /* @__PURE__ */ r(W, { size: 20 }),
+            onClick: a,
+            size: "small",
+            variant: "text",
+            children: n
+          }
+        ),
+        subheader: t && /* @__PURE__ */ r(u, { sx: { color: "text.secondary" }, variant: "body2", children: t }),
+        sx: { p: 0, pb: 8, width: "calc(100% - 8px)", "& .MuiCardHeader-action": { mt: 0 } },
+        title: /* @__PURE__ */ r(v, { sx: { width: "calc(100% - 10px)" }, children: c })
+      }
+    ),
+    /* @__PURE__ */ r(g, { ref: m, sx: { p: 0, ":last-child": { pb: 0 } }, children: /* @__PURE__ */ r(w, { availableHeight: l, availableWidth: h, children: e }) })
+  ] });
+  return d === "borderless" ? i : /* @__PURE__ */ r(C, { className: o, sx: { alignItems: "center", p: 16, ...s }, children: i });
+}, F = H;
+export {
+  F as M
+};