@mx-cartographer/experiences 8.2.3 → 8.2.4-alpha-ram1-bug-testing

package/dist/settings/index.es.js

@@ -10,41 +10,41 @@ import { getUnixTime as _e } from "date-fns/getUnixTime";
 import { AdapterDateFns as ge } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DatePicker as be } from "@mui/x-date-pickers";
 import { LocalizationProvider as ye } from "@mui/x-date-pickers/LocalizationProvider";
-import { useTheme as xe, alpha as V } from "@mui/material/styles";
+import { useTheme as L, alpha as V } from "@mui/material/styles";
 import W from "@mui/material/Box";
 import Z from "@mui/material/Button";
-import A from "@mui/material/TextField";
-import { H3 as Y, P as M, Text as x, Icon as L, ChevronRightIcon as ve } from "@mxenabled/mxui";
-import { V as Ce, a as De, N as J } from "../NotificationSettings-CCg-Tml2.mjs";
-import { A as Jt, B as Kt, I as Yt } from "../NotificationSettings-CCg-Tml2.mjs";
-import { u as w, a as G, A as E, C as we, b as ee, l as $ } from "../hooks-BaO_gOI6.mjs";
-import { u as H } from "../useScreenSize-CeFhWTt_.mjs";
-import { D as j } from "../Dialog-iLlBR8TG.mjs";
+import I from "@mui/material/TextField";
+import { H3 as Y, P as M, Text as x, Icon as B } from "@mxenabled/mxui";
+import { V as xe, a as ve, N as J } from "../NotificationSettings-6p-h5phZ.mjs";
+import { A as $t, B as Jt, I as Kt } from "../NotificationSettings-6p-h5phZ.mjs";
+import { u as w, a as G, A as E, C as Ce, b as ee, l as j } from "../hooks-BaO_gOI6.mjs";
+import { u as O } from "../useScreenSize-mWpmnh5w.mjs";
+import { D as $ } from "../Dialog-CwWc0AbH.mjs";
 import { formatDistanceToNow as te } from "date-fns/formatDistanceToNow";
 import { fromUnixTime as oe } from "date-fns/fromUnixTime";
-import O from "@mui/material/styles/useTheme";
 import z from "@mui/material/IconButton";
-import { DataGridPro as ke } from "@mui/x-data-grid-pro";
-import { b as B } from "../Localization-DnoVyBNK.mjs";
+import { DataGridPro as De } from "@mui/x-data-grid-pro";
+import { b as H } from "../Localization-DnoVyBNK.mjs";
 import { H as U } from "../HeaderCell-P8w6CmfO.mjs";
-import Se from "@mui/material/Accordion";
-import Te from "@mui/material/AccordionDetails";
-import Ie from "@mui/material/AccordionSummary";
+import we from "@mui/material/Accordion";
+import ke from "@mui/material/AccordionDetails";
+import Se from "@mui/material/AccordionSummary";
 import { L as ie } from "../Loader-CxeBwuPG.mjs";
-import Ae from "@mui/material/List";
+import Te from "@mui/material/List";
 import K from "@mui/material/Divider";
-import Ee from "@mui/material/ListSubheader";
-import { b as Pe, u as Re } from "../CategorySelectorDrawer-Cu1ohxeM.mjs";
-import Ne from "@mui/material/ListItem";
-import Me from "@mui/material/ListItemButton";
-import Le from "@mui/material/ListItemIcon";
-import Be from "@mui/material/ListItemText";
-import { D as He } from "../Drawer-XPaLYjiO.mjs";
+import Ae from "@mui/material/ListSubheader";
+import { b as Ie, u as Ee } from "../CategorySelectorDrawer-CmaDLhnf.mjs";
+import Pe from "@mui/material/ListItem";
+import Re from "@mui/material/ListItemButton";
+import Ne from "@mui/material/ListItemIcon";
+import Me from "@mui/material/ListItemText";
+import { ChevronRight as Le } from "@mxenabled/mx-icons";
+import { D as Be } from "../Drawer-BXqqBMxg.mjs";
 import { u as ne } from "../useWidgetLoadTimer-CJb-RELP.mjs";
-import { H as Oe } from "../Help-BSQm9o29.mjs";
-import { W as q } from "../WidgetContainer-CYcmwsSu.mjs";
-const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
-  const i = xe(), { common: o, settings: n } = w(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = H(t), { config: b } = G(), { updateUser: _ } = E(), { user: d } = we(), [p, k] = m.useState({
+import { H as He } from "../Help-DJ8PrVHX.mjs";
+import { W as q } from "../WidgetContainer-DNuz_s7W.mjs";
+const Oe = ({ availableWidth: t, handleOnLeavClick: r }) => {
+  const i = L(), { common: o, settings: n } = w(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = O(t), { config: b } = G(), { updateUser: _ } = E(), { user: d } = Ce(), [p, k] = m.useState({
     first_name: d.first_name,
     last_name: d.last_name,
     email: d.email,
@@ -52,7 +52,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
     birthday: d.birthday,
     postal_code: d.postal_code,
     credit_score: d.credit_score
-  }), [v, S] = m.useState(!1), [I, T] = m.useState(!1), g = m.useRef(null), D = p.email && !d.email_is_verified && !v, F = p.phone && !d.phone_is_verified && !v;
+  }), [v, S] = m.useState(!1), [A, T] = m.useState(!1), g = m.useRef(null), D = p.email && !d.email_is_verified && !v, F = p.phone && !d.phone_is_verified && !v;
   m.useEffect(() => {
     if (r) {
       const f = (R) => {
@@ -106,7 +106,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
               sx: { mb: 44, pt: 32 },
               children: [
                 /* @__PURE__ */ e(
-                  A,
+                  I,
                   {
                     defaultValue: p.first_name,
                     label: n.first_name,
@@ -114,7 +114,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
                   }
                 ),
                 /* @__PURE__ */ e(
-                  A,
+                  I,
                   {
                     defaultValue: p.last_name,
                     label: n.last_name,
@@ -127,18 +127,18 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
           /* @__PURE__ */ c(h, { direction: s ? "column" : "row", children: [
             b.display_email_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { mb: D ? 20 : 44, mr: s ? 0 : 24 }, children: [
               /* @__PURE__ */ e(
-                A,
+                I,
                 {
                   defaultValue: p.email,
                   label: n.email_address,
                   onChange: (f) => P({ email: f.target.value })
                 }
               ),
-              D && /* @__PURE__ */ e(Ce, {})
+              D && /* @__PURE__ */ e(xe, {})
             ] }),
             b.display_sms_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { mb: F ? 20 : 44 }, children: [
               /* @__PURE__ */ e(
-                A,
+                I,
                 {
                   defaultValue: p.phone,
                   label: n.mobile_number,
@@ -146,7 +146,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
                   type: "tel"
                 }
               ),
-              F && /* @__PURE__ */ e(De, {})
+              F && /* @__PURE__ */ e(ve, {})
             ] })
           ] }),
           /* @__PURE__ */ c(h, { direction: s ? "column" : "row", spacing: s ? 44 : 24, sx: { mb: 44 }, children: [
@@ -180,7 +180,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
               }
             ) }),
             /* @__PURE__ */ e(
-              A,
+              I,
               {
                 defaultValue: p.postal_code,
                 label: n.zip_code,
@@ -190,7 +190,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
           ] }),
           /* @__PURE__ */ c(h, { children: [
             /* @__PURE__ */ e(
-              A,
+              I,
               {
                 defaultValue: p.credit_score,
                 label: n.credit_score,
@@ -213,10 +213,10 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
       }
     ),
     /* @__PURE__ */ e(
-      j,
+      $,
       {
         copy: { title: n.discard_changes },
-        isOpen: I,
+        isOpen: A,
         onClose: ce,
         onSecondaryAction: le,
         primaryText: n.keep_editing,
@@ -225,14 +225,14 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
       }
     )
   ] });
-}, Ue = C(Fe);
+}, Fe = C(Oe);
 var y = /* @__PURE__ */ ((t) => (t.Delete = "delete", t.Edit = "edit", t.Token = "token", t))(y || {});
-const Ve = ({
+const Ue = ({
   devices: t,
   onClickDeviceEdit: r,
   onClickDeviceDelete: i
 }) => {
-  const o = O(), { settings: n } = w(), u = [
+  const o = L(), { settings: n } = w(), u = [
     {
       field: "name",
       headerName: n.mobile_devices_column_name,
@@ -245,7 +245,7 @@ const Ve = ({
             "aria-label": n.mobile_devices_edit_label,
             color: "secondary",
             onClick: () => r(a.row),
-            children: /* @__PURE__ */ e(L, { name: "edit" })
+            children: /* @__PURE__ */ e(B, { name: "edit" })
           }
         )
       ] }),
@@ -282,7 +282,7 @@ const Ve = ({
           "aria-label": n.mobile_devices_delete_label,
           color: "secondary",
           onClick: () => i(a.row),
-          children: /* @__PURE__ */ e(L, { name: "delete" })
+          children: /* @__PURE__ */ e(B, { name: "delete" })
         }
       ) }),
       sortable: !1,
@@ -295,7 +295,7 @@ const Ve = ({
     device_type: `${a.make} ${a.model}`
   })), [t]);
   return /* @__PURE__ */ e(W, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-    ke,
+    De,
     {
       columns: u,
       disableColumnFilter: !0,
@@ -318,7 +318,7 @@ const Ve = ({
               alignItems: "center",
               p: "12px 16px"
             },
-            children: /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: B(
+            children: /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: H(
               n.mobile_devices_count,
               /* @__PURE__ */ e("b", { children: t.length }),
               /* @__PURE__ */ e("b", { children: t.length })
@@ -342,26 +342,26 @@ const Ve = ({
       }
     }
   ) });
-}, We = ({
+}, Ve = ({
   devices: t,
   onClickDeviceEdit: r,
   onClickDeviceDelete: i
 }) => {
-  const o = O(), { settings: n } = w(), [u, s] = m.useState(!1), a = (l) => (b, _) => {
+  const o = L(), { settings: n } = w(), [u, s] = m.useState(!1), a = (l) => (b, _) => {
     s(_ ? l : !1);
   };
   return /* @__PURE__ */ c(h, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
     t.map((l) => /* @__PURE__ */ c(
-      Se,
+      we,
       {
         expanded: u === l.guid,
         onChange: a(l.guid),
         sx: { boxShadow: "none" },
         children: [
           /* @__PURE__ */ e(
-            Ie,
+            Se,
             {
-              expandIcon: /* @__PURE__ */ e(L, { color: "secondary", name: "keyboard_arrow_down", size: 24 }),
+              expandIcon: /* @__PURE__ */ e(B, { color: "secondary", name: "keyboard_arrow_down", size: 24 }),
               sx: {
                 padding: "14px 24px",
                 borderBottom: "1px solid",
@@ -375,7 +375,7 @@ const Ve = ({
             }
           ),
           /* @__PURE__ */ c(
-            Te,
+            ke,
             {
               sx: { backgroundColor: o.palette.background.default, p: "0 0 0 24px" },
               children: [
@@ -394,7 +394,7 @@ const Ve = ({
                       borderColor: o.palette.divider
                     },
                     children: [
-                      /* @__PURE__ */ e(z, { "aria-label": n.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ e(L, { name: "edit" }) }),
+                      /* @__PURE__ */ e(z, { "aria-label": n.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ e(B, { name: "edit" }) }),
                       /* @__PURE__ */ e(x, { variant: "body1", children: n.mobile_devices_edit_label })
                     ]
                   }
@@ -412,7 +412,7 @@ const Ve = ({
                       cursor: "pointer"
                     },
                     children: [
-                      /* @__PURE__ */ e(z, { "aria-label": n.mobile_devices_delete_label, color: "secondary", children: /* @__PURE__ */ e(L, { name: "delete" }) }),
+                      /* @__PURE__ */ e(z, { "aria-label": n.mobile_devices_delete_label, color: "secondary", children: /* @__PURE__ */ e(B, { name: "delete" }) }),
                       /* @__PURE__ */ e(x, { variant: "body1", children: n.mobile_devices_delete_label })
                     ]
                   }
@@ -433,7 +433,7 @@ const Ve = ({
           borderColor: o.palette.divider,
           p: "12px 16px"
         },
-        children: /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: B(
+        children: /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: H(
           n.mobile_devices_count,
           /* @__PURE__ */ e("b", { children: t.length }),
           /* @__PURE__ */ e("b", { children: t.length })
@@ -441,14 +441,14 @@ const Ve = ({
       }
     )
   ] });
-}, ze = ({
+}, We = ({
   dialogType: t,
   isOpen: r,
   onClose: i,
   device: o,
   deviceToken: n = ""
 }) => {
-  const u = O(), { common: s, settings: a } = w(), { updateDevice: l, deleteDevice: b, setAlert: _, loadDevices: d } = E(), [p, k] = m.useState("");
+  const u = L(), { common: s, settings: a } = w(), { updateDevice: l, deleteDevice: b, setAlert: _, loadDevices: d } = E(), [p, k] = m.useState("");
   m.useEffect(() => {
     o && k(o.name);
   }, [o, t]);
@@ -472,7 +472,7 @@ const Ve = ({
       default:
         return "";
     }
-  }, I = () => {
+  }, A = () => {
     const g = {
       "& .MuiDialogContent-root": {
         width: 400,
@@ -508,20 +508,20 @@ const Ve = ({
     if (t === y.Token && i(), t === y.Edit && o) {
       const g = { ...o, name: p };
       (await l(g)).success ? (_(a.mobile_devices_edit_success, "success"), d()) : _(
-        B(a.mobile_devices_edit_error, o.name),
+        H(a.mobile_devices_edit_error, o.name),
         "error"
       ), i();
     }
     t === y.Delete && o && ((await b(o.guid)).success ? (_(
-      B(a.mobile_devices_delete_success, o.name),
+      H(a.mobile_devices_delete_success, o.name),
       "success"
     ), d()) : _(
-      B(a.mobile_devices_delete_error, o.name),
+      H(a.mobile_devices_delete_error, o.name),
       "error"
     ), i());
   };
   return /* @__PURE__ */ c(
-    j,
+    $,
     {
       copy: { title: v() },
       isOpen: r,
@@ -531,7 +531,7 @@ const Ve = ({
       primaryColor: t === y.Delete ? "error" : void 0,
       primaryText: S(),
       secondaryText: t === y.Token ? s.back : s.cancel_button,
-      sx: I(),
+      sx: A(),
       children: [
         t === y.Token && /* @__PURE__ */ c(h, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ e(x, { bold: !0, truncate: !1, variant: "body1", children: a.mobile_devices_access_label }),
@@ -550,13 +550,13 @@ const Ve = ({
           ),
           /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: a.mobile_devices_access_info_2 })
         ] }),
-        t === y.Edit && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(A, { onChange: (g) => k(g.target.value), value: p }) }),
+        t === y.Edit && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(I, { onChange: (g) => k(g.target.value), value: p }) }),
         t === y.Delete && /* @__PURE__ */ e(M, { children: a.mobile_devices_delete_info })
       ]
     }
   );
-}, Ge = C(ze), $e = C(() => {
-  const { isMobile: t } = H(), { settings: r } = w(), { isCopyLoaded: i, isInitialized: o } = ee(), { setAlert: n, devices: u, loadDevices: s, generateDeviceToken: a } = E(), [l, b] = m.useState({ open: !1, type: "" }), [_, d] = m.useState(), [p, k] = m.useState("");
+}, ze = C(We), Ge = C(() => {
+  const { isMobile: t } = O(), { settings: r } = w(), { isCopyLoaded: i, isInitialized: o } = ee(), { setAlert: n, devices: u, loadDevices: s, generateDeviceToken: a } = E(), [l, b] = m.useState({ open: !1, type: "" }), [_, d] = m.useState(), [p, k] = m.useState("");
   m.useEffect(() => {
     o && s();
   }, [o]);
@@ -565,7 +565,7 @@ const Ve = ({
     g ? (k(g), b({ open: !0, type: y.Token })) : n(r.mobile_devices_access_error, "error");
   }, S = (g) => {
     d(g), b({ open: !0, type: y.Edit });
-  }, I = (g) => {
+  }, A = (g) => {
     d(g), b({ open: !0, type: y.Delete });
   }, T = () => {
     b({ open: !1, type: "" }), d(void 0);
@@ -584,17 +584,17 @@ const Ve = ({
           /* @__PURE__ */ e(M, { variant: "body1", children: r.mobile_devices_info })
         ] }),
         t ? /* @__PURE__ */ e(
-          We,
+          Ve,
           {
             devices: u,
-            onClickDeviceDelete: I,
+            onClickDeviceDelete: A,
             onClickDeviceEdit: S
           }
         ) : /* @__PURE__ */ e(
-          Ve,
+          Ue,
           {
             devices: u,
-            onClickDeviceDelete: I,
+            onClickDeviceDelete: A,
             onClickDeviceEdit: S
           }
         ),
@@ -604,7 +604,7 @@ const Ve = ({
           /* @__PURE__ */ e(Z, { onClick: v, variant: "text", children: r.mobile_devices_access_cta })
         ] }),
         /* @__PURE__ */ e(
-          Ge,
+          ze,
           {
             device: _,
             deviceToken: p,
@@ -618,14 +618,14 @@ const Ve = ({
   );
 }), Q = C(
   ({ onClick: t, primaryText: r, secondaryText: i, sx: o }) => {
-    const n = O();
-    return /* @__PURE__ */ e(Ne, { sx: { bgcolor: n.palette.background.paper }, children: /* @__PURE__ */ c(Me, { alignItems: "flex-start", onClick: t, sx: o, children: [
-      /* @__PURE__ */ e(Be, { primary: r, secondary: i }),
-      /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(ve, {}) })
+    const n = L();
+    return /* @__PURE__ */ e(Pe, { sx: { bgcolor: n.palette.background.paper }, children: /* @__PURE__ */ c(Re, { alignItems: "flex-start", onClick: t, sx: o, children: [
+      /* @__PURE__ */ e(Me, { primary: r, secondary: i }),
+      /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Le, {}) })
     ] }) });
   }
 ), je = C(() => {
-  const { settings: t } = w(), { categories: r } = $(), { selectedRule: i, updateRuleCategory: o } = E(), [n, u] = m.useState(!1), s = () => {
+  const { settings: t } = w(), { categories: r } = j(), { selectedRule: i, updateRuleCategory: o } = E(), [n, u] = m.useState(!1), s = () => {
     u(!1);
   }, a = () => {
     u(!0);
@@ -642,7 +642,7 @@ const Ve = ({
       }
     ),
     /* @__PURE__ */ e(
-      Pe,
+      Ie,
       {
         initialSelected: i?.category_guid ? i.category_guid : void 0,
         onClose: s,
@@ -652,8 +652,8 @@ const Ve = ({
       }
     )
   ] });
-}), Je = C(() => {
-  const { common: t, settings: r } = w(), { selectedRule: i, updateRulePayee: o } = E(), n = O(), [u, s] = m.useState(!1), a = i?.description ? i.description : i?.match_description, [l, b] = m.useState(a || ""), _ = () => {
+}), $e = C(() => {
+  const { common: t, settings: r } = w(), { selectedRule: i, updateRulePayee: o } = E(), n = L(), [u, s] = m.useState(!1), a = i?.description ? i.description : i?.match_description, [l, b] = m.useState(a || ""), _ = () => {
     s(!0);
   }, d = async () => {
     l !== a && i && (i.description = l, await o(i), s(!1));
@@ -668,7 +668,7 @@ const Ve = ({
       }
     ),
     /* @__PURE__ */ e(
-      j,
+      $,
       {
         copy: { title: r.edit_payee },
         isOpen: u,
@@ -682,7 +682,7 @@ const Ve = ({
           path: { fill: n.palette.secondary.darker }
         },
         children: /* @__PURE__ */ e(
-          A,
+          I,
           {
             onChange: (p) => b(p.target.value),
             sx: { width: 352 },
@@ -692,10 +692,10 @@ const Ve = ({
       }
     )
   ] });
-}), Ke = C(({ onClose: t, onDelete: r, isOpen: i }) => {
+}), Je = C(({ onClose: t, onDelete: r, isOpen: i }) => {
   const { common: o, settings: n } = w();
   return /* @__PURE__ */ e(
-    j,
+    $,
     {
       copy: { title: n.delete_rule },
       isOpen: i,
@@ -710,11 +710,11 @@ const Ve = ({
       children: /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: n.delete_rule_confirm })
     }
   );
-}), Ye = C(
+}), Ke = C(
   ({ isOpen: t, onClose: r, onDelete: i }) => {
     const { common: o, settings: n } = w(), [u, s] = m.useState(!1);
     return /* @__PURE__ */ c(
-      He,
+      Be,
       {
         hasSecondaryAction: !1,
         isOpen: t,
@@ -726,13 +726,13 @@ const Ve = ({
         primaryText: o.delete_button,
         title: n.edit_rule,
         children: [
-          /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(x, { bold: !0, variant: "caption", children: n.details }) }),
-          /* @__PURE__ */ e(Je, {}),
+          /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(x, { bold: !0, variant: "caption", children: n.details }) }),
+          /* @__PURE__ */ e($e, {}),
           /* @__PURE__ */ e(K, { sx: { ml: 24 } }),
           /* @__PURE__ */ e(je, {}),
           /* @__PURE__ */ e(K, { sx: { ml: 24 } }),
           /* @__PURE__ */ e(
-            Ke,
+            Je,
             {
               isOpen: u,
               onClose: () => s(!1),
@@ -743,8 +743,8 @@ const Ve = ({
       }
     );
   }
-), qe = C(({ rule: t }) => {
-  const { categories: r } = $(), { setSelectedGuid: i } = Re(), { deleteTransactionRule: o, setSelectedRule: n } = E(), { isDesktop: u, isTablet: s } = H(), [a, l] = m.useState(!1), b = () => {
+), Ye = C(({ rule: t }) => {
+  const { categories: r } = j(), { setSelectedGuid: i } = Ee(), { deleteTransactionRule: o, setSelectedRule: n } = E(), { isDesktop: u, isTablet: s } = O(), [a, l] = m.useState(!1), b = () => {
     l(!1), i(null), n(void 0);
   }, _ = async () => {
     await o(), b();
@@ -761,7 +761,7 @@ const Ve = ({
       }
     ),
     /* @__PURE__ */ e(K, { sx: { ml: s || u ? 0 : 24 } }),
-    /* @__PURE__ */ e(Ye, { isOpen: a, onClose: b, onDelete: _ })
+    /* @__PURE__ */ e(Ke, { isOpen: a, onClose: b, onDelete: _ })
   ] });
 }), re = C(() => {
   const { settings: t } = w(), { loadTransactionRules: r, transactionRules: i } = E(), [o, n] = m.useState(!1);
@@ -775,18 +775,18 @@ const Ve = ({
       /* @__PURE__ */ e(Y, { children: t.transaction_rules_label }),
       /* @__PURE__ */ e(M, { variant: "body1", children: t.transaction_rules_description })
     ] }),
-    /* @__PURE__ */ e(Ae, { children: i.map((u, s) => /* @__PURE__ */ e(qe, { rule: u }, s)) })
+    /* @__PURE__ */ e(Te, { children: i.map((u, s) => /* @__PURE__ */ e(Ye, { rule: u }, s)) })
   ] });
-}), Qe = C(({ selectedTab: t }) => {
+}), qe = C(({ selectedTab: t }) => {
   const { alert: r, setAlert: i } = E(), {
     config: { display_user_profile_in_settings: o }
   } = G();
   return /* @__PURE__ */ c(X, { children: [
-    t === N.Profile && /* @__PURE__ */ e(Ue, {}),
-    t === N.Devices && /* @__PURE__ */ e($e, {}),
+    t === N.Profile && /* @__PURE__ */ e(Fe, {}),
+    t === N.Devices && /* @__PURE__ */ e(Ge, {}),
     t === N.Notifications && /* @__PURE__ */ e(J, { showPersonalDetails: !o }),
     t === N.TransactionRules && /* @__PURE__ */ e(re, {}),
-    t === N.Help && /* @__PURE__ */ e(h, { sx: { px: 24 }, children: /* @__PURE__ */ e(Oe, {}) }),
+    t === N.Help && /* @__PURE__ */ e(h, { sx: { px: 24 }, children: /* @__PURE__ */ e(He, {}) }),
     /* @__PURE__ */ e(
       fe,
       {
@@ -810,8 +810,8 @@ const Ve = ({
   ] });
 });
 var N = /* @__PURE__ */ ((t) => (t[t.Profile = 0] = "Profile", t[t.Devices = 1] = "Devices", t[t.Notifications = 2] = "Notifications", t[t.TransactionRules = 3] = "TransactionRules", t[t.Help = 4] = "Help", t))(N || {});
-const Wt = C(({ onBackClick: t, onMenuClick: r, sx: i }) => {
-  const { settings: o } = w(), { isCopyLoaded: n, isInitialized: u } = ee(), { config: s } = G(), { isMobile: a } = H(), { categoriesLoaded: l, loadCategories: b } = $();
+const Vt = C(({ onBackClick: t, onMenuClick: r, sx: i }) => {
+  const { settings: o } = w(), { isCopyLoaded: n, isInitialized: u } = ee(), { config: s } = G(), { isMobile: a } = O(), { categoriesLoaded: l, loadCategories: b } = j();
   ne({
     widgetName: "SettingsWidget",
     isLoaded: u && n
@@ -830,7 +830,7 @@ const Wt = C(({ onBackClick: t, onMenuClick: r, sx: i }) => {
     { enabled: p, index: 2, label: o?.notifications_label },
     { enabled: k, index: 3, label: o?.transaction_rules_label },
     { enabled: v, index: 4, label: o?.help_label }
-  ], I = S.find((D) => D.enabled), [T, g] = m.useState(I ? I.index : -1);
+  ], A = S.find((D) => D.enabled), [T, g] = m.useState(A ? A.index : -1);
   return !n || !u ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ e(
     q,
     {
@@ -853,30 +853,30 @@ const Wt = C(({ onBackClick: t, onMenuClick: r, sx: i }) => {
             )
           }
         ),
-        /* @__PURE__ */ e(Qe, { selectedTab: T })
+        /* @__PURE__ */ e(qe, { selectedTab: T })
       ] })
     }
   );
-}), zt = C((t) => {
+}), Wt = C((t) => {
   const { clientConfig: r } = G(), i = r?.master?.deep_link_params?.view;
   return i ? /* @__PURE__ */ e(J, { view: i }) : /* @__PURE__ */ e(q, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(h, { my: 24, children: /* @__PURE__ */ e(J, {}) }) });
-}), Gt = (t) => {
-  const { isMobile: r } = H(), { categoriesLoaded: i, loadCategories: o } = $();
+}), zt = (t) => {
+  const { isMobile: r } = O(), { categoriesLoaded: i, loadCategories: o } = j();
   return m.useEffect(() => {
     i || o().finally();
   }), /* @__PURE__ */ e(q, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(h, { sx: { mx: r ? 0 : 48, my: 24 }, children: /* @__PURE__ */ e(re, {}) }) });
 };
 export {
-  Jt as AccountNotificationProfiles,
-  Kt as BudgetNotificationProfiles,
-  $e as DeviceTab,
-  Yt as InsightsNotificationProfiles,
+  $t as AccountNotificationProfiles,
+  Jt as BudgetNotificationProfiles,
+  Ge as DeviceTab,
+  Kt as InsightsNotificationProfiles,
   J as NotificationSettings,
-  zt as NotificationSettingsWidget,
-  Ue as ProfileTab,
+  Wt as NotificationSettingsWidget,
+  Fe as ProfileTab,
   N as SettingsTabs,
-  Wt as SettingsWidget,
-  Qe as SettingsWidgetContents,
+  Vt as SettingsWidget,
+  qe as SettingsWidgetContents,
   re as TransactionRulesTab,
-  Gt as TransactionRulesWidget
+  zt as TransactionRulesWidget
 };

package/dist/spending/index.es.js

@@ -7,8 +7,8 @@ import L from "@mui/material/Box";
 import y from "@mui/material/Stack";
 import $ from "@mui/material/Tab";
 import rt from "@mui/material/Tabs";
-import _t from "@mui/material/styles/useTheme";
-import { g as st, a as lt, S as B, b as q } from "../SpendingLegend-BmkEr9Nh.mjs";
+import { useTheme as _t } from "@mui/material/styles";
+import { g as st, a as lt, S as B, b as q } from "../SpendingLegend-5Ct_FZ8o.mjs";
 import { Text as T, Icon as bt } from "@mxenabled/mxui";
 import { f as k } from "../NumberFormatting--XMeeBfr.mjs";
 import { u as A, l as R, d as ct, b as P, a as H, h as dt, g as yt } from "../hooks-BaO_gOI6.mjs";
@@ -19,19 +19,19 @@ import { startOfToday as J } from "date-fns/startOfToday";
 import St from "@mui/material/Button";
 import { useTheme as Tt } from "@mui/material";
 import { e as Mt } from "../TransactionUtils-BphBJBbU.mjs";
-import { T as Dt } from "../EmbeddedCard-BNl3quCs.mjs";
-import { T as xt } from "../TransactionDetails-CbBSxdOi.mjs";
+import { T as Dt } from "../EmbeddedCard-DPwJjqMH.mjs";
+import { T as xt } from "../TransactionDetails-C3dlAzYf.mjs";
 import vt from "@mui/material/Collapse";
 import wt from "@mui/material/Divider";
 import Q from "@mui/material/List";
 import X from "@mui/material/ListItem";
 import Z from "@mui/material/ListItemButton";
-import { u as Lt } from "../useScreenSize-CeFhWTt_.mjs";
-import { D as tt } from "../Drawer-XPaLYjiO.mjs";
+import { u as Lt } from "../useScreenSize-mWpmnh5w.mjs";
+import { D as tt } from "../Drawer-BXqqBMxg.mjs";
 import { C as w } from "../Category-DEKZGLYe.mjs";
 import { parseISO as et } from "date-fns/parseISO";
 import { A as nt } from "../Analytics-CzGzz_sE.mjs";
-import { W as It } from "../WidgetContainer-CYcmwsSu.mjs";
+import { W as It } from "../WidgetContainer-DNuz_s7W.mjs";
 const G = ({ amount: n, label: d, variant: o = "full" }) => /* @__PURE__ */ p(y, { direction: "column", children: [
   /* @__PURE__ */ t(T, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: d }),
   /* @__PURE__ */ t(T, { variant: "caption", children: k(n, o === "mini" ? "0,0" : "0,0.00") })

package/dist/transactions/components/shared/TransactionList.d.ts

@@ -4,13 +4,13 @@ export interface TransactionListProps {
     bgcolor?: string;
     filter?: (t: Transaction) => boolean;
     height?: number | string;
-    loader?: JSX.Element;
+    loader?: React.JSX.Element;
     onClick?: (guid: string) => void;
     showInsights?: boolean;
     showLoader?: boolean;
     transaction?: Transaction[];
     width?: number | string;
-    zeroState?: JSX.Element;
+    zeroState?: React.JSX.Element;
 }
 declare const _default: React.FunctionComponent<TransactionListProps>;
 export default _default;