@mx-cartographer/experiences 9.3.8-alpha.al0 → 9.4.0

package/dist/recurringtransactions/components/RecurringTransactionDetails.es.js

@@ -1,4 +1,4 @@
-import { useAccountStore as et, useEvent as ot, useGlobalCopyStore as nt, useGlobalUiStore as at, useRecurringTransactionsStore as it, useTransactionStore as st } from "../../common/context/hooks.es.js";
+import { useAccountStore as et, useEvent as ot, useGlobalCopyStore as at, useGlobalUiStore as nt, useRecurringTransactionsStore as it, useTransactionStore as st } from "../../common/context/hooks.es.js";
 import rt from "../../common/components/dialog/Dialog.es.js";
 import ct from "../../common/components/drawer/Drawer.es.js";
 import { ANALYTICS_EVENTS as h } from "../../common/constants/Analytics.es.js";
@@ -15,7 +15,7 @@ import { MarkAsUnpaidDialog as kt } from "./actions/MarkAsUnpaidDialog.es.js";
 import { PaymentScheduleAction as Ct } from "./actions/PaymentScheduleAction.es.js";
 import { RecurringTransactionList as St } from "./RecurringTransactionList.es.js";
 import { UpcomingRecurrenceCard as gt } from "./UpcomingRecurrenceCard.es.js";
-import a from "react";
+import n from "react";
 import { observer as Dt } from "mobx-react-lite";
 import b from "@mui/material/Stack";
 import { MerchantLogo as yt, P as Rt, Text as w } from "@mxenabled/mxui";
@@ -28,8 +28,8 @@ import { subDays as xt } from "date-fns/subDays";
 import A from "@mui/material/Divider";
 import It from "@mui/material/List";
 var ie = Dt(({ onDeleted: M, recurringTransaction: e, selectedRecurrence: i }) => {
-  const { recurring: n } = nt(), { selectedAccountGuids: U } = at(), { onEvent: l } = ot(), { deleteRepeatingTransaction: L, markRecurrenceAsUnpaid: N, recurrences: v } = it(), { detailedTransactions: k, setFilter: E, transactions: m } = st(), { setSelectedAccount: G, setSelectedMember: O } = pt(), { members: P } = et(), { amount: K, description: B, merchant_guid: j } = e, [z, C] = a.useState(!1), [F, S] = a.useState(!1), [V, d] = a.useState(!1), [Y, u] = a.useState(!1), [$, p] = a.useState(""), [q, g] = a.useState(!1), [f, D] = a.useState("");
-  a.useEffect(() => {
+  const { recurring: a } = at(), { selectedAccountGuids: U } = nt(), { onEvent: l } = ot(), { deleteRepeatingTransaction: L, markRecurrenceAsUnpaid: N, recurrences: v } = it(), { detailedTransactions: k, setFilter: E, transactions: m } = st(), { setSelectedAccount: G, setSelectedMember: O } = pt(), { members: P } = et(), { amount: K, description: B, merchant_guid: F } = e, [j, C] = n.useState(!1), [z, S] = n.useState(!1), [$, d] = n.useState(!1), [V, u] = n.useState(!1), [Y, p] = n.useState(""), [q, g] = n.useState(!1), [f, D] = n.useState("");
+  n.useEffect(() => {
     E({
       accounts: U,
       dateRange: {
@@ -39,7 +39,7 @@ var ie = Dt(({ onDeleted: M, recurringTransaction: e, selectedRecurrence: i }) =
       custom: (o) => o.repeating_transaction_guid === e.guid
     });
   }, [e.guid]);
-  const s = a.useMemo(() => k.find((o) => o.guid === f), [f, k]), r = e.repeating_transaction_type === mt.Income, H = a.useMemo(() => m.filter((o) => o.repeating_transaction_guid === e.guid), [m, e.guid]), J = ut(e, v), Q = () => {
+  const s = n.useMemo(() => k.find((o) => o.guid === f), [f, k]), r = e.repeating_transaction_type === mt.Income, H = n.useMemo(() => m.filter((o) => o.repeating_transaction_guid === e.guid), [m, e.guid]), J = ut(e, v), Q = () => {
     if (e.account) {
       G(e.account);
       const o = P.find((_) => _.guid === e.account?.member_guid) || {};
@@ -56,7 +56,7 @@ var ie = Dt(({ onDeleted: M, recurringTransaction: e, selectedRecurrence: i }) =
   }, R = (o) => {
     p(o), u(!0), l(h.RECURRING_TRANSACTIONS_LIST_CLICK_MARK_AS_UNPAID);
   }, tt = async () => {
-    const o = m.find((_) => _.guid === $);
+    const o = m.find((_) => _.guid === Y);
     o && await N(o), u(!1), p("");
   };
   return /* @__PURE__ */ c(b, {
@@ -70,7 +70,7 @@ var ie = Dt(({ onDeleted: M, recurringTransaction: e, selectedRecurrence: i }) =
         children: [
           /* @__PURE__ */ t(yt, {
             categoryGuid: s?.category_guid || "",
-            merchantGuid: j,
+            merchantGuid: F,
             size: 64,
             sx: { mb: 12 }
           }),
@@ -100,14 +100,14 @@ var ie = Dt(({ onDeleted: M, recurringTransaction: e, selectedRecurrence: i }) =
         children: [
           e.account && /* @__PURE__ */ c(I, { children: [/* @__PURE__ */ t(T, {
             iconName: "checkbook",
-            label: n.account,
+            label: a.account,
             onClick: Q,
             showChevron: !1,
             value: e.account.displayName || ""
           }), /* @__PURE__ */ t(A, { variant: "inset" })] }),
           s?.category && /* @__PURE__ */ c(I, { children: [/* @__PURE__ */ t(T, {
             iconName: "monetization_on",
-            label: n.category,
+            label: a.category,
             value: s.category
           }), /* @__PURE__ */ t(A, { variant: "inset" })] }),
           /* @__PURE__ */ t(Ct, { repeatingTransaction: e }),
@@ -123,7 +123,7 @@ var ie = Dt(({ onDeleted: M, recurringTransaction: e, selectedRecurrence: i }) =
           my: 16
         },
         variant: "text",
-        children: r ? n.delete_income_title : n.delete_expense_title
+        children: r ? a.delete_income_title : a.delete_expense_title
       }),
       /* @__PURE__ */ t(St, {
         isIncome: r,
@@ -134,29 +134,29 @@ var ie = Dt(({ onDeleted: M, recurringTransaction: e, selectedRecurrence: i }) =
         transactions: H
       }),
       /* @__PURE__ */ t(ct, {
-        ariaLabelClose: n.close_drawer_aria,
+        ariaLabelClose: a.close_drawer_aria,
         isOpen: !!f && !!s,
         onClose: () => D(""),
-        title: n.transaction_details_drawer_title,
+        title: a.transaction_details_drawer_title,
         children: s && /* @__PURE__ */ t(ft, { transaction: s })
       }),
       /* @__PURE__ */ t(rt, {
         copy: {
-          title: r ? n.delete_income_title : n.delete_expense_title,
-          close_aria: n.close_drawer_aria
+          title: r ? a.delete_income_title : a.delete_expense_title,
+          close_aria: a.close_drawer_aria
         },
-        isOpen: F,
+        isOpen: z,
         onClose: () => S(!1),
         onPrimaryAction: W,
-        children: /* @__PURE__ */ t(w, { children: r ? n.delete_income_description : n.delete_expense_description })
+        children: /* @__PURE__ */ t(w, { children: r ? a.delete_income_description : a.delete_expense_description })
       }),
       /* @__PURE__ */ t(At, {
-        isOpen: V,
+        isOpen: $,
         onClose: () => d(!1),
         onLinkTransaction: Z
       }),
       /* @__PURE__ */ t(kt, {
-        isOpen: Y,
+        isOpen: V,
         onClose: () => {
           u(!1), p("");
         },
@@ -168,7 +168,7 @@ var ie = Dt(({ onDeleted: M, recurringTransaction: e, selectedRecurrence: i }) =
         recurringTransaction: e
       }),
       /* @__PURE__ */ t(_t, {
-        isOpen: z,
+        isOpen: j,
         onClose: () => C(!1)
       })
     ]

package/dist/recurringtransactions/components/actions/PaymentScheduleAction.es.js

@@ -4,21 +4,21 @@ import { ANALYTICS_EVENTS as D } from "../../../common/constants/Analytics.es.js
 import { getFrequencyLabel as E } from "../../../core/utils/RecurringTransactionsUtil.es.js";
 import v from "../../../common/components/DataRow.es.js";
 import { PaymentSchedule as A } from "../PaymentSchedule.es.js";
-import o from "react";
+import t from "react";
 import { observer as R } from "mobx-react-lite";
-import { Fragment as N, jsx as n, jsxs as F } from "react/jsx-runtime";
+import { Fragment as F, jsx as n, jsxs as N } from "react/jsx-runtime";
 var x = R(({ repeatingTransaction: e }) => {
-  const { recurring: r } = f(), { updateRepeatingTransaction: u } = C(), { onEvent: y } = p(), [l, t] = o.useState(!1), [c, m] = o.useState(e.recurrence_type), [a, i] = o.useState(e.recurrence_day), [s, d] = o.useState(e.second_recurrence_day), _ = async () => {
+  const { recurring: r } = f(), { updateRepeatingTransaction: u } = C(), { onEvent: m } = p(), [y, o] = t.useState(!1), [c, l] = t.useState(e.recurrence_type), [a, i] = t.useState(e.recurrence_day), [s, d] = t.useState(e.second_recurrence_day), _ = async () => {
     await u({
       ...e,
       recurrence_type: c,
       recurrence_day: a,
       second_recurrence_day: s
-    }), t(!1);
+    }), o(!1);
   }, S = () => {
-    t(!0), y(D.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
+    o(!0), m(D.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
   };
-  return /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ n(v, {
+  return /* @__PURE__ */ N(F, { children: [/* @__PURE__ */ n(v, {
     iconName: "sync",
     label: r.activity_schedule,
     onClick: S,
@@ -26,15 +26,15 @@ var x = R(({ repeatingTransaction: e }) => {
     value: `${E(r, e, !0)}`
   }), /* @__PURE__ */ n(h, {
     ariaLabelClose: r.close_drawer_aria,
-    isOpen: l,
-    onClose: () => t(!1),
+    isOpen: y,
+    onClose: () => o(!1),
     onPrimaryAction: _,
     title: r.payment_schedule,
     children: /* @__PURE__ */ n(A, {
       firstDay: a,
       frequency: c,
       onFirstDayChange: i,
-      onFrequencyChange: m,
+      onFrequencyChange: l,
       onSecondDayChange: d,
       secondDay: s
     })

package/dist/recurringtransactions/components/recurrencecalendar/RecurrenceDay.es.js

@@ -9,17 +9,17 @@ import { isSameDay as G } from "date-fns/isSameDay";
 import U from "@mui/material/Badge";
 import { PickersDay as Y } from "@mui/x-date-pickers/PickersDay";
 var W = P(({ day: r, outsideCurrentMonth: u, ...d }) => {
-  const { recurring: s } = B(), { selectedAccountGuids: l } = M(), { recurrences: f, setSelectedDay: x } = O(), t = T.useMemo(() => f.filter((e) => l.includes(e.accountGuid)), [l, f]).filter((e) => G(e.occurredOnDate || e.expectedDate, r)), i = t.some((e) => e.type !== c.Income && e.status === p.Upcoming), a = t.some((e) => e.type !== c.Income && e.status === p.Missed), n = t.some((e) => e.type !== c.Income && e.status === p.Paid), m = t.some((e) => e.type === c.Income), R = (i ? 1 : 0) + (a ? 1 : 0) + (n ? 1 : 0) + (m ? 1 : 0), g = [
+  const { recurring: s } = B(), { selectedAccountGuids: l } = M(), { recurrences: f, setSelectedDay: x } = O(), t = T.useMemo(() => f.filter((e) => l.includes(e.accountGuid)), [l, f]).filter((e) => G(e.occurredOnDate || e.expectedDate, r)), a = t.some((e) => e.type !== c.Income && e.status === p.Upcoming), i = t.some((e) => e.type !== c.Income && e.status === p.Missed), n = t.some((e) => e.type !== c.Income && e.status === p.Paid), m = t.some((e) => e.type === c.Income), R = (a ? 1 : 0) + (i ? 1 : 0) + (n ? 1 : 0) + (m ? 1 : 0), g = [
     n && s.paid,
-    a && s.missed,
-    i && s.upcoming,
+    i && s.missed,
+    a && s.upcoming,
     m && s.income
   ].filter(Boolean), b = g.length > 0 ? `${D(r, y.MONTH_DAY_YEAR)}, ${g.join(", ")}` : D(r, y.MONTH_DAY_YEAR);
   return /* @__PURE__ */ o(U, {
     badgeContent: t.length > 0 && /* @__PURE__ */ E(_, { children: [
-      a && /* @__PURE__ */ o(A, { isOffset: !0 }),
+      i && /* @__PURE__ */ o(A, { isOffset: !0 }),
       n && /* @__PURE__ */ o(I, { isOffset: !0 }),
-      i && /* @__PURE__ */ o(S, { isOffset: !0 }),
+      a && /* @__PURE__ */ o(S, { isOffset: !0 }),
       m && /* @__PURE__ */ o(h, { isOffset: !0 })
     ] }),
     overlap: "circular",

package/dist/recurringtransactions/components/shared/recurringsettings/AddRecurringTransaction.es.js

@@ -8,13 +8,13 @@ import { AddRecurringTransactionDetails as z } from "./AddRecurringTransactionDe
 import o from "react";
 import { observer as E } from "mobx-react-lite";
 import N from "@mui/material/Button";
-import { Add as H } from "@mxenabled/mx-icons";
-import { Fragment as I, jsx as i, jsxs as J } from "react/jsx-runtime";
-import { fromUnixTime as K } from "date-fns/fromUnixTime";
-import { formatISO as Q } from "date-fns/formatISO";
-var ce = E(({ isIncome: a = !1, label: f, onAddRecurringTransaction: x = () => null }) => {
-  const { recurring: r } = w(), { filter: s, setFilter: c, transactions: _ } = G(), { addRepeatingTransaction: D } = B(), { user: C } = j(), [O, d] = o.useState(!1), [u, p] = o.useState(""), [m, R] = o.useState(L.EveryMonth), [l, A] = o.useState(1), [y, b] = o.useState(15), e = o.useMemo(() => _.find((t) => t.guid === u), [u, _]), q = () => {
-    d(!0), c(a ? {
+import { Add as $ } from "@mxenabled/mx-icons";
+import { Fragment as H, jsx as a, jsxs as I } from "react/jsx-runtime";
+import { fromUnixTime as J } from "date-fns/fromUnixTime";
+import { formatISO as K } from "date-fns/formatISO";
+var ce = E(({ isIncome: i = !1, label: f, onAddRecurringTransaction: x = () => null }) => {
+  const { recurring: r } = w(), { filter: s, setFilter: c, transactions: _ } = G(), { addRepeatingTransaction: D } = B(), { user: C } = j(), [O, d] = o.useState(!1), [u, m] = o.useState(""), [p, R] = o.useState(L.EveryMonth), [l, A] = o.useState(1), [y, b] = o.useState(15), e = o.useMemo(() => _.find((t) => t.guid === u), [u, _]), q = () => {
+    d(!0), c(i ? {
       ...s,
       custom: F
     } : {
@@ -27,56 +27,56 @@ var ce = E(({ isIncome: a = !1, label: f, onAddRecurringTransaction: x = () => n
       return;
     }
     x();
-    const t = M(m, K(e.date), l), n = {
+    const t = M(p, J(e.date), l), n = {
       account_guid: e.account_guid,
       amount: e.amount,
       created_by: 0,
       merchant_guid: e.merchant_guid,
       description: e.payee || e.description || e.feed_description,
-      predicted_occurs_on: Q(t, { representation: "date" }),
+      predicted_occurs_on: K(t, { representation: "date" }),
       recurrence_day: l,
-      recurrence_type: m,
-      repeating_transaction_type: a ? T.Income : T.Bill,
+      recurrence_type: p,
+      repeating_transaction_type: i ? T.Income : T.Bill,
       second_recurrence_day: y,
       transaction_type: e.transaction_type,
       user_guid: C.guid
     };
     await D(n, e), g();
   }, g = () => {
-    p(""), d(!1);
+    m(""), d(!1);
   };
-  return /* @__PURE__ */ J(I, { children: [
-    /* @__PURE__ */ i(N, {
+  return /* @__PURE__ */ I(H, { children: [
+    /* @__PURE__ */ a(N, {
       onClick: q,
-      startIcon: /* @__PURE__ */ i(H, { size: 24 }),
+      startIcon: /* @__PURE__ */ a($, { size: 24 }),
       variant: "contained",
       children: f
     }),
-    /* @__PURE__ */ i(S, {
+    /* @__PURE__ */ a(S, {
       ariaLabelClose: r.close_drawer_aria,
       isOpen: O,
       onClose: () => d(!1),
       title: f,
-      children: /* @__PURE__ */ i(k, {
-        description: a ? r.add_income_description : r.add_expense_description,
+      children: /* @__PURE__ */ a(k, {
+        description: i ? r.add_income_description : r.add_expense_description,
         onSearch: (t) => {
           c({
             ...s,
-            custom: (n) => a ? t ? U(n, t) : F(n) : t ? P(n, t) : h(n)
+            custom: (n) => i ? t ? U(n, t) : F(n) : t ? P(n, t) : h(n)
           });
         },
-        onSelected: (t) => p(t)
+        onSelected: (t) => m(t)
       })
     }),
-    /* @__PURE__ */ i(S, {
+    /* @__PURE__ */ a(S, {
       ariaLabelClose: r.close_drawer_aria,
       isOpen: !!u,
-      onClose: () => p(""),
+      onClose: () => m(""),
       onPrimaryAction: v,
-      title: a ? r.income_details : r.expense_details,
-      children: e && /* @__PURE__ */ i(z, {
+      title: i ? r.income_details : r.expense_details,
+      children: e && /* @__PURE__ */ a(z, {
         firstDay: l,
-        frequency: m,
+        frequency: p,
         onFirstDayChange: A,
         onFrequencyChange: R,
         onSecondDayChange: b,

package/dist/recurringtransactions/components/shared/recurringsettings/ManageIncome.es.js

@@ -13,10 +13,10 @@ import i from "@mui/material/Box";
 import s from "@mui/material/Divider";
 import N from "@mui/material/List";
 var z = S(({ forOverview: t = !1 }) => {
-  const { recurring: c } = f(), { detailedRepeatingTransactions: p } = h(), { onEvent: a } = u(), l = (e) => {
-    a(m.RECURRING_TRANSACTIONS_CLICK_INCOME, { repeating_transaction_guid: e.guid });
+  const { recurring: a } = f(), { detailedRepeatingTransactions: p } = h(), { onEvent: c } = u(), l = (e) => {
+    c(m.RECURRING_TRANSACTIONS_CLICK_INCOME, { repeating_transaction_guid: e.guid });
   }, g = () => {
-    a(m.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME);
+    c(m.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME);
   }, n = p.filter((e) => e.repeating_transaction_type === R.Income && (e.transactions.length > 0 || e.recurrence_type === x.EveryYear));
   return /* @__PURE__ */ r(y, { children: n.length !== 0 ? /* @__PURE__ */ o(A, {
     sx: {
@@ -32,7 +32,7 @@ var z = S(({ forOverview: t = !1 }) => {
           mx: 24
         },
         variant: "body2",
-        children: c.income
+        children: a.income
       }),
       /* @__PURE__ */ r(i, {
         sx: {
@@ -58,7 +58,7 @@ var z = S(({ forOverview: t = !1 }) => {
         },
         children: /* @__PURE__ */ r(T, {
           isIncome: !0,
-          label: c.add_income,
+          label: a.add_income,
           onAddRecurringTransaction: g
         })
       })] })

package/dist/settings/components/notifications/NotificationSettings.es.js

@@ -1,16 +1,16 @@
-import { useAccountStore as j, useAppConfig as w, useGlobalCopyStore as F, useGlobalUiStore as G, useSettingsStore as M } from "../../../common/context/hooks.es.js";
+import { useAccountStore as O, useAppConfig as j, useGlobalCopyStore as w, useGlobalUiStore as G, useSettingsStore as M } from "../../../common/context/hooks.es.js";
 import { useInsightsEnabled as R } from "../../../common/hooks/useInsightsEnabled.es.js";
 import { useWidgetLoadTimer as T } from "../../../common/hooks/useWidgetLoadTimer.es.js";
 import W from "../../../common/components/drawer/Drawer.es.js";
 import { NotificationTypes as i } from "../../../core/types/Notification.es.js";
-import z from "../../../common/components/Loader.es.js";
+import $ from "../../../common/components/Loader.es.js";
 import { AccountNotificationProfiles as y } from "./AccountNotificationProfiles.es.js";
 import { BudgetNotificationProfiles as I } from "./BudgetNotificationProfiles.es.js";
-import { DeliveryMethods as H } from "./DeliveryMethods.es.js";
+import { DeliveryMethods as z } from "./DeliveryMethods.es.js";
 import { InsightsNotificationProfiles as x } from "./InsightsNotificationProfiles.es.js";
-import U from "./PersonalDetails.es.js";
+import H from "./PersonalDetails.es.js";
 import c from "react";
-import { observer as $ } from "mobx-react-lite";
+import { observer as U } from "mobx-react-lite";
 import l from "@mui/material/Stack";
 import { H3 as q } from "@mxenabled/mxui";
 import { ChevronRight as f } from "@mxenabled/mx-icons";
@@ -20,8 +20,8 @@ import Q from "@mui/material/List";
 import u from "@mui/material/ListItem";
 import p from "@mui/material/ListItemButton";
 import g from "@mui/material/ListItemText";
-var bt = $(({ notificationTypes: n = [i.Accounts, i.Budgets], showPersonalDetails: S = !1, view: a }) => {
-  const { config: h } = w(), { settings: e } = F(), { isInitialized: d } = G(), { isAccountDataLoaded: A, loadAccountData: L } = j(), { clientCommunicationProfile: _, loadNotificationProfiles: B } = M(), C = R(), [D, E] = c.useState(!1), [s, r] = c.useState(void 0);
+var bt = U(({ notificationTypes: n = [i.Accounts, i.Budgets], showPersonalDetails: S = !1, view: a }) => {
+  const { config: h } = j(), { settings: e } = w(), { isInitialized: d } = G(), { isAccountDataLoaded: A, loadAccountData: L } = O(), { clientCommunicationProfile: _, loadNotificationProfiles: B } = M(), C = R(), [D, E] = c.useState(!1), [s, r] = c.useState(void 0);
   if (n.length > 0 && C && n.push(i.Insights), T({
     widgetName: "NotificationSettingsWidget",
     isLoaded: D
@@ -29,20 +29,20 @@ var bt = $(({ notificationTypes: n = [i.Accounts, i.Budgets], showPersonalDetail
     A || L().finally();
   }, []), c.useEffect(() => {
     d && B().finally(() => E(!0));
-  }, [d]), !d) return /* @__PURE__ */ t(z, {});
+  }, [d]), !d) return /* @__PURE__ */ t($, {});
   let m = e.manage_account_notifications;
   s === i.Budgets ? m = e.manage_budget_notifications : s === i.Insights && (m = e.manage_insights_notifications);
   const { email_notifications_enabled: N, sms_notifications_enabled: P, push_notifications_enabled: v } = _, b = N || P || v;
   if (a === "accounts") return /* @__PURE__ */ t(y, {});
   if (a === "budgets") return /* @__PURE__ */ t(I, {});
   if (a === "insights") return /* @__PURE__ */ t(x, {});
-  const k = h.display_email_edit_field_in_settings || h.display_sms_edit_field_in_settings, O = S && _.can_edit_contact_info && k;
+  const k = h.display_email_edit_field_in_settings || h.display_sms_edit_field_in_settings, F = S && _.can_edit_contact_info && k;
   return /* @__PURE__ */ o(l, {
     sx: { pt: b ? 0 : 24 },
     children: [
       /* @__PURE__ */ o(l, {
         sx: { px: 24 },
-        children: [b && /* @__PURE__ */ o(J, { children: [/* @__PURE__ */ t(H, {}), /* @__PURE__ */ t(K, { sx: { my: 24 } })] }), /* @__PURE__ */ t(q, {
+        children: [b && /* @__PURE__ */ o(J, { children: [/* @__PURE__ */ t(z, {}), /* @__PURE__ */ t(K, { sx: { my: 24 } })] }), /* @__PURE__ */ t(q, {
           sx: { mb: 4 },
           children: e.notification_types_title
         })]
@@ -70,9 +70,9 @@ var bt = $(({ notificationTypes: n = [i.Accounts, i.Budgets], showPersonalDetail
           }), /* @__PURE__ */ t(f, {})]
         }) })
       ] }),
-      O && /* @__PURE__ */ t(l, {
+      F && /* @__PURE__ */ t(l, {
         sx: { px: 24 },
-        children: /* @__PURE__ */ t(U, {})
+        children: /* @__PURE__ */ t(H, {})
       }),
       /* @__PURE__ */ t(W, {
         isOpen: !!s,

package/dist/settings/components/profile/ProfileTab.es.js

@@ -1,14 +1,14 @@
-import { useAppConfig as B, useGlobalCopyStore as F, useSettingsStore as L, useUserStore as M } from "../../../common/context/hooks.es.js";
+import { useAppConfig as F, useGlobalCopyStore as B, useSettingsStore as L, useUserStore as M } from "../../../common/context/hooks.es.js";
 import { useScreenSize as R } from "../../../common/hooks/useScreenSize.es.js";
 import z from "../../../common/components/dialog/Dialog.es.js";
 import I from "./actions/ResetPasswordAction.es.js";
 import N from "./actions/VerifyEmailAction.es.js";
-import j from "./actions/VerifyPhoneAction.es.js";
+import $ from "./actions/VerifyPhoneAction.es.js";
 import p from "react";
-import { observer as H } from "mobx-react-lite";
+import { observer as j } from "mobx-react-lite";
 import l from "@mui/material/Stack";
-import { H3 as J, P as O } from "@mxenabled/mxui";
-import $ from "@mui/material/Button";
+import { H3 as H, P as J } from "@mxenabled/mxui";
+import O from "@mui/material/Button";
 import { Fragment as G, jsx as t, jsxs as i } from "react/jsx-runtime";
 import { alpha as b, useTheme as K } from "@mui/material/styles";
 import Y from "@mui/material/Box";
@@ -18,7 +18,7 @@ import { AdapterDateFns as Q } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DatePicker as W } from "@mui/x-date-pickers";
 import { LocalizationProvider as X } from "@mui/x-date-pickers/LocalizationProvider";
 var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
-  const u = K(), { common: w, settings: o } = F(), { isMobile: c } = R(C), { config: h } = B(), { updateUser: S } = L(), { user: r } = M(), [a, U] = p.useState({
+  const u = K(), { common: w, settings: o } = B(), { isMobile: m } = R(C), { config: h } = F(), { updateUser: S } = L(), { user: r } = M(), [a, U] = p.useState({
     first_name: r.first_name,
     last_name: r.last_name,
     email: r.email,
@@ -26,17 +26,17 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
     birthday: r.birthday,
     postal_code: r.postal_code,
     credit_score: r.credit_score
-  }), [m, y] = p.useState(!1), [P, g] = p.useState(!1), _ = p.useRef(null), v = a.email && !r.email_is_verified && !m, x = a.phone && !r.phone_is_verified && !m;
+  }), [c, y] = p.useState(!1), [P, g] = p.useState(!1), _ = p.useRef(null), v = a.email && !r.email_is_verified && !c, x = a.phone && !r.phone_is_verified && !c;
   p.useEffect(() => {
     if (f) {
       const e = (s) => {
-        _.current && !_.current.contains(s.target) && m && g(!0);
+        _.current && !_.current.contains(s.target) && c && g(!0);
       };
       return document.addEventListener("mousedown", e), () => {
         document.removeEventListener("mousedown", e);
       };
     }
-  }, [m]);
+  }, [c]);
   const T = () => {
     if (a.birthday) {
       const e = /* @__PURE__ */ new Date(a.birthday * 1e3), s = e.getUTCFullYear(), A = e.getUTCMonth(), E = e.getUTCDate();
@@ -70,13 +70,13 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
       "& .MuiTextField-root": { flex: 1 }
     },
     children: [
-      /* @__PURE__ */ t(J, { children: o.personal_details }),
-      /* @__PURE__ */ t(O, {
+      /* @__PURE__ */ t(H, { children: o.personal_details }),
+      /* @__PURE__ */ t(J, {
         variant: "body1",
         children: o.update_information
       }),
       /* @__PURE__ */ i(l, {
-        direction: c ? "column" : "row",
+        direction: m ? "column" : "row",
         spacing: 24,
         sx: {
           mb: 24,
@@ -93,12 +93,12 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
         })]
       }),
       /* @__PURE__ */ i(l, {
-        direction: c ? "column" : "row",
+        direction: m ? "column" : "row",
         children: [h.display_email_edit_field_in_settings && /* @__PURE__ */ i(l, {
           sx: {
             flex: 1,
             mb: v ? 20 : 24,
-            mr: c ? 0 : 24
+            mr: m ? 0 : 24
           },
           children: [/* @__PURE__ */ t(d, {
             defaultValue: a.email,
@@ -115,11 +115,11 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
             label: o.mobile_number,
             onChange: (e) => n({ phone: e.target.value }),
             type: "tel"
-          }), x && /* @__PURE__ */ t(j, {})]
+          }), x && /* @__PURE__ */ t($, {})]
         })]
       }),
       /* @__PURE__ */ i(l, {
-        direction: c ? "column" : "row",
+        direction: m ? "column" : "row",
         spacing: 24,
         sx: { mb: 24 },
         children: [/* @__PURE__ */ t(X, {
@@ -159,10 +159,10 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
           onChange: (e) => n({ credit_score: Number(e.target.value) })
         }),
         h.display_password_options_in_settings && /* @__PURE__ */ t(I, {}),
-        /* @__PURE__ */ t($, {
-          disabled: !m,
+        /* @__PURE__ */ t(O, {
+          disabled: !c,
           onClick: V,
-          sx: { width: c ? "100%" : 124 },
+          sx: { width: m ? "100%" : 124 },
           variant: "contained",
           children: w.save_button
         })
@@ -177,7 +177,7 @@ var Z = ({ availableWidth: C, handleOnLeaveClick: f }) => {
     secondaryText: o.leave,
     children: o.discard_changes_message
   })] });
-}, ye = H(Z);
+}, ye = j(Z);
 export {
   ye as default
 };