@mx-cartographer/experiences 8.0.19 → 8.0.21

package/dist/settings/index.es.js

@@ -1,8 +1,8 @@
 import { S as Yt, a as qt } from "../SettingsStore-BoIoiRLj.mjs";
 import { jsxs as c, Fragment as X, jsx as e } from "react/jsx-runtime";
-import u from "react";
+import m from "react";
 import { observer as C } from "mobx-react-lite";
-import f from "@mui/material/Stack";
+import h from "@mui/material/Stack";
 import ue from "@mui/material/Tab";
 import pe from "@mui/material/Tabs";
 import he from "@mui/material/Alert";
@@ -11,29 +11,29 @@ 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 U } from "@mui/material/styles";
-import V from "@mui/material/Box";
+import { useTheme as xe, alpha as V } from "@mui/material/styles";
+import W from "@mui/material/Box";
 import Z from "@mui/material/Button";
-import I from "@mui/material/TextField";
-import { H3 as K, P as N, Text as v, Icon as L, ChevronRightIcon as ve } from "@mxenabled/mxui";
-import { V as Ce, a as De, N as j } from "../NotificationSettings-D7VqsrZy.mjs";
-import { A as Xt, B as Zt, I as eo } from "../NotificationSettings-D7VqsrZy.mjs";
-import { u as D, a as z, r as A, o as we, b as ee, l as $ } from "../hooks-BxkfR-Ff.mjs";
-import { u as H } from "../useScreenSize-B6JyS_Lj.mjs";
-import { D as G } from "../Dialog-Ck34yr-d.mjs";
+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-DBT37CVB.mjs";
+import { A as Xt, B as Zt, I as eo } from "../NotificationSettings-DBT37CVB.mjs";
+import { u as w, a as $, r as E, o as we, b as ee, l as G } from "../hooks-BxkfR-Ff.mjs";
+import { u as H } from "../useScreenSize-CUcpY7aJ.mjs";
+import { D as j } from "../Dialog-Ck34yr-d.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 W from "@mui/material/IconButton";
+import z from "@mui/material/IconButton";
 import { DataGridPro as Se } from "@mui/x-data-grid-pro";
-import { H as F } from "../HeaderCell-P8w6CmfO.mjs";
+import { H as U } from "../HeaderCell-P8w6CmfO.mjs";
 import { b as B } from "../Localization-CPkpIwIx.mjs";
 import ke from "@mui/material/Accordion";
 import Te from "@mui/material/AccordionDetails";
 import Ie from "@mui/material/AccordionSummary";
 import { L as ie } from "../Loader-D3rjKx72.mjs";
 import Ae from "@mui/material/List";
-import J from "@mui/material/Divider";
+import K from "@mui/material/Divider";
 import Ee from "@mui/material/ListSubheader";
 import { a as Re, u as Pe } from "../CategorySelectorDrawer-Dc9Widy9.mjs";
 import Ne from "@mui/material/ListItem";
@@ -42,10 +42,10 @@ import Le from "@mui/material/ListItemIcon";
 import Be from "@mui/material/ListItemText";
 import { D as He } from "../Drawer-Bbe4AMB1.mjs";
 import { u as ne } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { H as Oe } from "../Help-DBAosGjO.mjs";
-import { W as Y } from "../WidgetContainer-D-pbSa7L.mjs";
+import { H as Oe } from "../Help-BkmSY96v.mjs";
+import { W as q } from "../WidgetContainer-DYKMArWw.mjs";
 const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
-  const o = xe(), { common: i, settings: n } = D(), { isDesktop: p, isMobile: s, isSmallMobile: a, isTablet: l } = H(t), { config: b } = z(), { updateUser: g } = A(), { user: d } = we(), [h, w] = u.useState({
+  const i = xe(), { common: o, settings: n } = w(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = H(t), { config: b } = $(), { updateUser: _ } = E(), { user: d } = we(), [p, S] = m.useState({
     first_name: d.first_name,
     last_name: d.last_name,
     email: d.email,
@@ -53,120 +53,120 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
     birthday: d.birthday,
     postal_code: d.postal_code,
     credit_score: d.credit_score
-  }), [x, S] = u.useState(!1), [k, T] = u.useState(!1), m = u.useRef(null), M = h.email && !d.email_is_verified && !x, Q = h.phone && !d.phone_is_verified && !x;
-  u.useEffect(() => {
+  }), [v, k] = 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;
+  m.useEffect(() => {
     if (r) {
-      const _ = (R) => {
-        m.current && !m.current.contains(R.target) && x && T(!0);
+      const f = (P) => {
+        g.current && !g.current.contains(P.target) && v && T(!0);
       };
-      return document.addEventListener("mousedown", _), () => {
-        document.removeEventListener("mousedown", _);
+      return document.addEventListener("mousedown", f), () => {
+        document.removeEventListener("mousedown", f);
       };
     }
-  }, [x]);
+  }, [v]);
   const ae = () => {
-    if (h.birthday) {
-      const _ = new Date(h.birthday * 1e3), R = _.getUTCFullYear(), de = _.getUTCMonth(), me = _.getUTCDate();
-      return new Date(R, de, me);
+    if (p.birthday) {
+      const f = new Date(p.birthday * 1e3), P = f.getUTCFullYear(), de = f.getUTCMonth(), me = f.getUTCDate();
+      return new Date(P, de, me);
     }
   }, se = async () => {
-    await g({ ...d, ...h }), S(!1);
+    await _({ ...d, ...p }), k(!1);
   }, le = () => {
     T(!1), r && r();
   }, ce = () => {
     T(!1);
-  }, E = (_) => {
-    const R = {
-      ...h,
-      ..._
+  }, R = (f) => {
+    const P = {
+      ...p,
+      ...f
     };
-    w(R), S(JSON.stringify({ ...d, ...R }) !== JSON.stringify(d));
+    S(P), k(JSON.stringify({ ...d, ...P }) !== JSON.stringify(d));
   };
   return /* @__PURE__ */ c(X, { children: [
     /* @__PURE__ */ c(
-      V,
+      W,
       {
         component: "form",
-        ref: m,
+        ref: g,
         sx: {
           backgroundColor: "background.paper",
           p: 24,
-          width: a ? 320 : l ? 680 : p ? 990 : 400,
+          width: a ? 320 : l ? 680 : u ? 990 : 400,
           "& .MuiTextField-root": {
-            width: a ? 272 : l ? 328 : p ? 483 : 352
+            width: a ? 272 : l ? 328 : u ? 483 : 352
           }
         },
         children: [
-          /* @__PURE__ */ e(K, { children: n.personal_details }),
-          /* @__PURE__ */ e(N, { variant: "body1", children: n.update_information }),
+          /* @__PURE__ */ e(Y, { children: n.personal_details }),
+          /* @__PURE__ */ e(M, { variant: "body1", children: n.update_information }),
           /* @__PURE__ */ c(
-            f,
+            h,
             {
               direction: s ? "column" : "row",
               spacing: s ? 44 : 24,
               sx: { mb: 44, pt: 32 },
               children: [
                 /* @__PURE__ */ e(
-                  I,
+                  A,
                   {
-                    defaultValue: h.first_name,
+                    defaultValue: p.first_name,
                     label: n.first_name,
-                    onChange: (_) => E({ first_name: _.target.value })
+                    onChange: (f) => R({ first_name: f.target.value })
                   }
                 ),
                 /* @__PURE__ */ e(
-                  I,
+                  A,
                   {
-                    defaultValue: h.last_name,
+                    defaultValue: p.last_name,
                     label: n.last_name,
-                    onChange: (_) => E({ last_name: _.target.value })
+                    onChange: (f) => R({ last_name: f.target.value })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ c(f, { direction: s ? "column" : "row", children: [
-            b.display_email_edit_field_in_settings && /* @__PURE__ */ c(f, { sx: { mb: M ? 20 : 44, mr: s ? 0 : 24 }, children: [
+          /* @__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(
-                I,
+                A,
                 {
-                  defaultValue: h.email,
+                  defaultValue: p.email,
                   label: n.email_address,
-                  onChange: (_) => E({ email: _.target.value })
+                  onChange: (f) => R({ email: f.target.value })
                 }
               ),
-              M && /* @__PURE__ */ e(Ce, {})
+              D && /* @__PURE__ */ e(Ce, {})
             ] }),
-            b.display_sms_edit_field_in_settings && /* @__PURE__ */ c(f, { sx: { mb: Q ? 20 : 44 }, children: [
+            b.display_sms_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { mb: F ? 20 : 44 }, children: [
               /* @__PURE__ */ e(
-                I,
+                A,
                 {
-                  defaultValue: h.phone,
+                  defaultValue: p.phone,
                   label: n.mobile_number,
-                  onChange: (_) => E({ phone: _.target.value }),
+                  onChange: (f) => R({ phone: f.target.value }),
                   type: "tel"
                 }
               ),
-              Q && /* @__PURE__ */ e(De, {})
+              F && /* @__PURE__ */ e(De, {})
             ] })
           ] }),
-          /* @__PURE__ */ c(f, { direction: s ? "column" : "row", spacing: s ? 44 : 24, sx: { mb: 44 }, children: [
+          /* @__PURE__ */ c(h, { direction: s ? "column" : "row", spacing: s ? 44 : 24, sx: { mb: 44 }, children: [
             /* @__PURE__ */ e(ye, { dateAdapter: ge, children: /* @__PURE__ */ e(
               be,
               {
                 label: n.birthdate,
-                onChange: (_) => E({ birthday: _e(_) }),
+                onChange: (f) => R({ birthday: _e(f) }),
                 slotProps: {
                   nextIconButton: {
                     sx: {
                       color: "primary.main",
-                      "&:hover": { backgroundColor: U(o.palette.primary.light, 0.1) }
+                      "&:hover": { backgroundColor: V(i.palette.primary.light, 0.1) }
                     }
                   },
                   previousIconButton: {
                     sx: {
                       color: "primary.main",
-                      "&:hover": { backgroundColor: U(o.palette.primary.light, 0.1) }
+                      "&:hover": { backgroundColor: V(i.palette.primary.light, 0.1) }
                     }
                   }
                 },
@@ -174,39 +174,39 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
                   width: "100%",
                   "& .MuiIconButton-edgeEnd": {
                     color: "primary.main",
-                    "&:hover": { backgroundColor: U(o.palette.primary.light, 0.1) }
+                    "&:hover": { backgroundColor: V(i.palette.primary.light, 0.1) }
                   }
                 },
                 value: ae()
               }
             ) }),
             /* @__PURE__ */ e(
-              I,
+              A,
               {
-                defaultValue: h.postal_code,
+                defaultValue: p.postal_code,
                 label: n.zip_code,
-                onChange: (_) => E({ postal_code: _.target.value })
+                onChange: (f) => R({ postal_code: f.target.value })
               }
             )
           ] }),
-          /* @__PURE__ */ c(f, { children: [
+          /* @__PURE__ */ c(h, { children: [
             /* @__PURE__ */ e(
-              I,
+              A,
               {
-                defaultValue: h.credit_score,
+                defaultValue: p.credit_score,
                 label: n.credit_score,
-                onChange: (_) => E({ credit_score: Number(_.target.value) }),
+                onChange: (f) => R({ credit_score: Number(f.target.value) }),
                 sx: { mb: 44 }
               }
             ),
             /* @__PURE__ */ e(
               Z,
               {
-                disabled: !x,
+                disabled: !v,
                 onClick: se,
                 sx: { width: a ? 272 : 124 },
                 variant: "contained",
-                children: i.save_button
+                children: o.save_button
               }
             )
           ] })
@@ -214,10 +214,10 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
       }
     ),
     /* @__PURE__ */ e(
-      G,
+      j,
       {
         copy: { title: n.discard_changes },
-        isOpen: k,
+        isOpen: I,
         onClose: ce,
         onSecondaryAction: le,
         primaryText: n.keep_editing,
@@ -231,17 +231,17 @@ var y = /* @__PURE__ */ ((t) => (t.Delete = "delete", t.Edit = "edit", t.Token =
 const Ve = ({
   devices: t,
   onClickDeviceEdit: r,
-  onClickDeviceDelete: o
+  onClickDeviceDelete: i
 }) => {
-  const i = O(), { settings: n } = D(), p = [
+  const o = O(), { settings: n } = w(), u = [
     {
       field: "name",
       headerName: n.mobile_devices_column_name,
-      renderHeader: F,
-      renderCell: (a) => /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", gap: 4, children: [
-        /* @__PURE__ */ e(v, { variant: "body2", children: a.value }),
+      renderHeader: U,
+      renderCell: (a) => /* @__PURE__ */ c(h, { alignItems: "center", direction: "row", gap: 4, children: [
+        /* @__PURE__ */ e(x, { variant: "body2", children: a.value }),
         /* @__PURE__ */ e(
-          W,
+          z,
           {
             "aria-label": n.mobile_devices_edit_label,
             color: "secondary",
@@ -257,7 +257,7 @@ const Ve = ({
     {
       field: "device_type",
       headerName: n.mobile_devices_column_type,
-      renderHeader: F,
+      renderHeader: U,
       sortable: !0,
       hideSortIcons: !1,
       flex: 1,
@@ -266,7 +266,7 @@ const Ve = ({
     {
       field: "created_at",
       headerName: n.mobile_devices_column_added,
-      renderHeader: F,
+      renderHeader: U,
       valueFormatter: (a) => te(oe(a), { addSuffix: !0 }),
       sortable: !0,
       hideSortIcons: !1,
@@ -276,13 +276,13 @@ const Ve = ({
     {
       field: "delete",
       headerName: "",
-      renderHeader: F,
-      renderCell: (a) => /* @__PURE__ */ e(f, { mr: 4, children: /* @__PURE__ */ e(
-        W,
+      renderHeader: U,
+      renderCell: (a) => /* @__PURE__ */ e(h, { mr: 4, children: /* @__PURE__ */ e(
+        z,
         {
           "aria-label": n.mobile_devices_delete_label,
           color: "secondary",
-          onClick: () => o(a.row),
+          onClick: () => i(a.row),
           children: /* @__PURE__ */ e(L, { name: "delete" })
         }
       ) }),
@@ -290,15 +290,15 @@ const Ve = ({
       hideSortIcons: !1,
       width: 58
     }
-  ], s = u.useMemo(() => t.map((a) => ({
+  ], s = m.useMemo(() => t.map((a) => ({
     id: a.guid,
     ...a,
     device_type: `${a.make} ${a.model}`
   })), [t]);
-  return /* @__PURE__ */ e(V, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(W, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
     Se,
     {
-      columns: p,
+      columns: u,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
       disableRowSelectionOnClick: !0,
@@ -310,16 +310,16 @@ const Ve = ({
       },
       slots: {
         footer: () => /* @__PURE__ */ e(
-          V,
+          W,
           {
             sx: {
-              backgroundColor: i.palette.background.default,
+              backgroundColor: o.palette.background.default,
               display: "flex",
               justifyContent: "flex-end",
               alignItems: "center",
               p: "12px 16px"
             },
-            children: /* @__PURE__ */ e(v, { color: i.palette.text.secondary, variant: "body2", children: B(
+            children: /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: B(
               n.mobile_devices_count,
               /* @__PURE__ */ e("b", { children: t.length }),
               /* @__PURE__ */ e("b", { children: t.length })
@@ -329,16 +329,16 @@ const Ve = ({
       },
       sx: {
         border: "1px solid",
-        borderColor: i.palette.neutral.light,
+        borderColor: o.palette.neutral.light,
         borderRadius: "8px",
         "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
-          color: i.palette.primary.main,
+          color: o.palette.primary.main,
           "&:hover": {
-            backgroundColor: U(i.palette.primary.main, 0.1)
+            backgroundColor: V(o.palette.primary.main, 0.1)
           }
         },
         "& .MuiDataGrid-sortIcon": {
-          color: i.palette.primary.main
+          color: o.palette.primary.main
         }
       }
     }
@@ -346,16 +346,16 @@ const Ve = ({
 }, We = ({
   devices: t,
   onClickDeviceEdit: r,
-  onClickDeviceDelete: o
+  onClickDeviceDelete: i
 }) => {
-  const i = O(), { settings: n } = D(), [p, s] = u.useState(!1), a = (l) => (b, g) => {
-    s(g ? l : !1);
+  const o = O(), { settings: n } = w(), [u, s] = m.useState(!1), a = (l) => (b, _) => {
+    s(_ ? l : !1);
   };
-  return /* @__PURE__ */ c(f, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
+  return /* @__PURE__ */ c(h, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
     t.map((l) => /* @__PURE__ */ c(
       ke,
       {
-        expanded: p === l.guid,
+        expanded: u === l.guid,
         onChange: a(l.guid),
         sx: { boxShadow: "none" },
         children: [
@@ -366,22 +366,22 @@ const Ve = ({
               sx: {
                 padding: "14px 24px",
                 borderBottom: "1px solid",
-                borderColor: i.palette.divider
+                borderColor: o.palette.divider
               },
-              children: /* @__PURE__ */ c(f, { gap: 4, children: [
-                /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: l.name }),
-                /* @__PURE__ */ e(v, { color: i.palette.text.secondary, variant: "body2", children: `${l.make} ${l.model}` }),
-                /* @__PURE__ */ e(v, { color: i.palette.text.secondary, variant: "body2", children: te(oe(l.created_at), { addSuffix: !0 }) })
+              children: /* @__PURE__ */ c(h, { gap: 4, children: [
+                /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: l.name }),
+                /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: `${l.make} ${l.model}` }),
+                /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: te(oe(l.created_at), { addSuffix: !0 }) })
               ] })
             }
           ),
           /* @__PURE__ */ c(
             Te,
             {
-              sx: { backgroundColor: i.palette.background.default, p: "0 0 0 24px" },
+              sx: { backgroundColor: o.palette.background.default, p: "0 0 0 24px" },
               children: [
                 /* @__PURE__ */ c(
-                  f,
+                  h,
                   {
                     onClick: () => r(l),
                     sx: {
@@ -392,18 +392,18 @@ const Ve = ({
                       py: 16,
                       cursor: "pointer",
                       borderBottom: "1px solid",
-                      borderColor: i.palette.divider
+                      borderColor: o.palette.divider
                     },
                     children: [
-                      /* @__PURE__ */ e(W, { "aria-label": n.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ e(L, { name: "edit" }) }),
-                      /* @__PURE__ */ e(v, { variant: "body1", children: n.mobile_devices_edit_label })
+                      /* @__PURE__ */ e(z, { "aria-label": n.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ e(L, { name: "edit" }) }),
+                      /* @__PURE__ */ e(x, { variant: "body1", children: n.mobile_devices_edit_label })
                     ]
                   }
                 ),
                 /* @__PURE__ */ c(
-                  f,
+                  h,
                   {
-                    onClick: () => o(l),
+                    onClick: () => i(l),
                     sx: {
                       alignItems: "center",
                       flexDirection: "row",
@@ -413,8 +413,8 @@ const Ve = ({
                       cursor: "pointer"
                     },
                     children: [
-                      /* @__PURE__ */ e(W, { "aria-label": n.mobile_devices_delete_label, color: "secondary", children: /* @__PURE__ */ e(L, { name: "delete" }) }),
-                      /* @__PURE__ */ e(v, { variant: "body1", children: n.mobile_devices_delete_label })
+                      /* @__PURE__ */ e(z, { "aria-label": n.mobile_devices_delete_label, color: "secondary", children: /* @__PURE__ */ e(L, { name: "delete" }) }),
+                      /* @__PURE__ */ e(x, { variant: "body1", children: n.mobile_devices_delete_label })
                     ]
                   }
                 )
@@ -426,15 +426,15 @@ const Ve = ({
       l.guid
     )),
     /* @__PURE__ */ e(
-      V,
+      W,
       {
         sx: {
-          backgroundColor: i.palette.background.default,
+          backgroundColor: o.palette.background.default,
           borderTop: "1px solid",
-          borderColor: i.palette.divider,
+          borderColor: o.palette.divider,
           p: "12px 16px"
         },
-        children: /* @__PURE__ */ e(v, { color: i.palette.text.secondary, variant: "body2", children: B(
+        children: /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: B(
           n.mobile_devices_count,
           /* @__PURE__ */ e("b", { children: t.length }),
           /* @__PURE__ */ e("b", { children: t.length })
@@ -445,15 +445,15 @@ const Ve = ({
 }, ze = ({
   dialogType: t,
   isOpen: r,
-  onClose: o,
-  device: i,
+  onClose: i,
+  device: o,
   deviceToken: n = ""
 }) => {
-  const p = O(), { common: s, settings: a } = D(), { updateDevice: l, deleteDevice: b, setAlert: g, loadDevices: d } = A(), [h, w] = u.useState("");
-  u.useEffect(() => {
-    i && w(i.name);
-  }, [i, t]);
-  const x = () => {
+  const u = O(), { common: s, settings: a } = w(), { updateDevice: l, deleteDevice: b, setAlert: _, loadDevices: d } = E(), [p, S] = m.useState("");
+  m.useEffect(() => {
+    o && S(o.name);
+  }, [o, t]);
+  const v = () => {
     switch (t) {
       case y.Edit:
         return a.mobile_devices_edit_label;
@@ -462,7 +462,7 @@ const Ve = ({
       default:
         return "";
     }
-  }, S = () => {
+  }, k = () => {
     switch (t) {
       case y.Token:
         return s.done_button;
@@ -473,15 +473,15 @@ const Ve = ({
       default:
         return "";
     }
-  }, k = () => {
-    const m = {
+  }, I = () => {
+    const g = {
       "& .MuiDialogContent-root": {
         width: 400,
         pt: 0
       }
     };
     return t === y.Token ? {
-      ...m,
+      ...g,
       "& .MuiToolbar-root:last-child": {
         padding: "32px 60px 48px",
         justifyContent: "center"
@@ -493,7 +493,7 @@ const Ve = ({
         flex: 1
       }
     } : {
-      ...m,
+      ...g,
       "& .MuiToolbar-root:last-child": {
         gap: 8,
         padding: 24,
@@ -506,42 +506,42 @@ const Ve = ({
       }
     };
   }, T = async () => {
-    if (t === y.Token && o(), t === y.Edit && i) {
-      const m = { ...i, name: h };
-      (await l(m)).success ? (g(a.mobile_devices_edit_success, "success"), d()) : g(
-        B(a.mobile_devices_edit_error, i.name),
+    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),
         "error"
-      ), o();
+      ), i();
     }
-    t === y.Delete && i && ((await b(i.guid)).success ? (g(
-      B(a.mobile_devices_delete_success, i.name),
+    t === y.Delete && o && ((await b(o.guid)).success ? (_(
+      B(a.mobile_devices_delete_success, o.name),
       "success"
-    ), d()) : g(
-      B(a.mobile_devices_delete_error, i.name),
+    ), d()) : _(
+      B(a.mobile_devices_delete_error, o.name),
       "error"
-    ), o());
+    ), i());
   };
   return /* @__PURE__ */ c(
-    G,
+    j,
     {
-      copy: { title: x() },
+      copy: { title: v() },
       isOpen: r,
-      onClose: o,
+      onClose: i,
       onPrimaryAction: T,
-      onSecondaryAction: o,
+      onSecondaryAction: i,
       primaryColor: t === y.Delete ? "error" : void 0,
-      primaryText: S(),
+      primaryText: k(),
       secondaryText: t === y.Token ? s.back : s.cancel_button,
-      sx: k(),
+      sx: I(),
       children: [
-        t === y.Token && /* @__PURE__ */ c(f, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
-          /* @__PURE__ */ e(v, { bold: !0, truncate: !1, variant: "body1", children: a.mobile_devices_access_label }),
-          /* @__PURE__ */ e(v, { truncate: !1, variant: "body2", children: a.mobile_devices_access_info_1 }),
+        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 }),
+          /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: a.mobile_devices_access_info_1 }),
           /* @__PURE__ */ e(
-            N,
+            M,
             {
               sx: {
-                border: `1px solid ${p.palette.neutral.light}`,
+                border: `1px solid ${u.palette.neutral.light}`,
                 borderRadius: "4px",
                 p: "16px 32px"
               },
@@ -549,30 +549,30 @@ const Ve = ({
               children: n
             }
           ),
-          /* @__PURE__ */ e(v, { truncate: !1, variant: "body2", children: a.mobile_devices_access_info_2 })
+          /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: a.mobile_devices_access_info_2 })
         ] }),
-        t === y.Edit && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(I, { onChange: (m) => w(m.target.value), value: h }) }),
-        t === y.Delete && /* @__PURE__ */ e(N, { children: a.mobile_devices_delete_info })
+        t === y.Edit && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(A, { onChange: (g) => S(g.target.value), value: p }) }),
+        t === y.Delete && /* @__PURE__ */ e(M, { children: a.mobile_devices_delete_info })
       ]
     }
   );
 }, $e = C(ze), Ge = C(() => {
-  const { isMobile: t } = H(), { settings: r } = D(), { isCopyLoaded: o, isInitialized: i } = ee(), { setAlert: n, devices: p, loadDevices: s, generateDeviceToken: a } = A(), [l, b] = u.useState({ open: !1, type: "" }), [g, d] = u.useState(), [h, w] = u.useState("");
-  u.useEffect(() => {
-    i && s();
-  }, [i]);
-  const x = async () => {
-    const m = await a();
-    m ? (w(m), b({ open: !0, type: y.Token })) : n(r.mobile_devices_access_error, "error");
-  }, S = (m) => {
-    d(m), b({ open: !0, type: y.Edit });
-  }, k = (m) => {
-    d(m), b({ open: !0, type: y.Delete });
+  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, S] = m.useState("");
+  m.useEffect(() => {
+    o && s();
+  }, [o]);
+  const v = async () => {
+    const g = await a();
+    g ? (S(g), b({ open: !0, type: y.Token })) : n(r.mobile_devices_access_error, "error");
+  }, k = (g) => {
+    d(g), b({ open: !0, type: y.Edit });
+  }, I = (g) => {
+    d(g), b({ open: !0, type: y.Delete });
   }, T = () => {
     b({ open: !1, type: "" }), d(void 0);
   };
-  return !o || !i ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ c(
-    f,
+  return !i || !o ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ c(
+    h,
     {
       sx: {
         backgroundColor: "background.paper",
@@ -580,35 +580,35 @@ const Ve = ({
         gap: 24
       },
       children: [
-        /* @__PURE__ */ c(f, { gap: 4, children: [
-          /* @__PURE__ */ e(K, { children: r.mobile_devices_title }),
-          /* @__PURE__ */ e(N, { variant: "body1", children: r.mobile_devices_info })
+        /* @__PURE__ */ c(h, { gap: 4, children: [
+          /* @__PURE__ */ e(Y, { children: r.mobile_devices_title }),
+          /* @__PURE__ */ e(M, { variant: "body1", children: r.mobile_devices_info })
         ] }),
         t ? /* @__PURE__ */ e(
           We,
           {
-            devices: p,
-            onClickDeviceDelete: k,
-            onClickDeviceEdit: S
+            devices: u,
+            onClickDeviceDelete: I,
+            onClickDeviceEdit: k
           }
         ) : /* @__PURE__ */ e(
           Ve,
           {
-            devices: p,
-            onClickDeviceDelete: k,
-            onClickDeviceEdit: S
+            devices: u,
+            onClickDeviceDelete: I,
+            onClickDeviceEdit: k
           }
         ),
-        /* @__PURE__ */ c(f, { sx: { alignItems: "center", px: 24, py: 12, gap: 4 }, children: [
-          /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: r.mobile_devices_access_title }),
-          /* @__PURE__ */ e(N, { align: "center", variant: "body2", children: r.mobile_devices_access_description }),
-          /* @__PURE__ */ e(Z, { onClick: x, variant: "text", children: r.mobile_devices_access_cta })
+        /* @__PURE__ */ c(h, { sx: { alignItems: "center", px: 24, py: 12, gap: 4 }, children: [
+          /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: r.mobile_devices_access_title }),
+          /* @__PURE__ */ e(M, { align: "center", variant: "body2", children: r.mobile_devices_access_description }),
+          /* @__PURE__ */ e(Z, { onClick: v, variant: "text", children: r.mobile_devices_access_cta })
         ] }),
         /* @__PURE__ */ e(
           $e,
           {
-            device: g,
-            deviceToken: h,
+            device: _,
+            deviceToken: p,
             dialogType: l.type,
             isOpen: l.open,
             onClose: T
@@ -617,35 +617,35 @@ const Ve = ({
       ]
     }
   );
-}), je = Ge, q = C(
-  ({ onClick: t, primaryText: r, secondaryText: o, sx: i }) => {
+}), je = Ge, 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: i, children: [
-      /* @__PURE__ */ e(Be, { primary: r, secondary: 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, {}) })
     ] }) });
   }
 ), Je = C(() => {
-  const { settings: t } = D(), { categories: r } = $(), { selectedRule: o, updateRuleCategory: i } = A(), [n, p] = u.useState(!1), s = () => {
-    p(!1);
+  const { settings: t } = w(), { categories: r } = G(), { selectedRule: i, updateRuleCategory: o } = E(), [n, u] = m.useState(!1), s = () => {
+    u(!1);
   }, a = () => {
-    p(!0);
-  }, l = (g) => r.find((d) => d.guid === g)?.name, b = async (g) => {
-    o && o.category_guid !== g && (o.category_guid = g, await i(o)), s();
+    u(!0);
+  }, l = (_) => r.find((d) => d.guid === _)?.name, b = async (_) => {
+    i && i.category_guid !== _ && (i.category_guid = _, await o(i)), s();
   };
-  return /* @__PURE__ */ c(u.Fragment, { children: [
+  return /* @__PURE__ */ c(m.Fragment, { children: [
     /* @__PURE__ */ e(
-      q,
+      Q,
       {
         onClick: a,
-        primaryText: o?.category_guid ? l(o.category_guid) : "",
+        primaryText: i?.category_guid ? l(i.category_guid) : "",
         secondaryText: t.category
       }
     ),
     /* @__PURE__ */ e(
       Re,
       {
-        initialSelected: o?.category_guid ? o.category_guid : void 0,
+        initialSelected: i?.category_guid ? i.category_guid : void 0,
         onClose: s,
         onSelect: b,
         showDrawer: n,
@@ -654,25 +654,25 @@ const Ve = ({
     )
   ] });
 }), Ke = C(() => {
-  const { common: t, settings: r } = D(), { selectedRule: o, updateRulePayee: i } = A(), n = O(), [p, s] = u.useState(!1), a = o?.description ? o.description : o?.match_description, [l, b] = u.useState(a || ""), g = () => {
+  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 || ""), _ = () => {
     s(!0);
   }, d = async () => {
-    l !== a && o && (o.description = l, await i(o), s(!1));
+    l !== a && i && (i.description = l, await o(i), s(!1));
   };
-  return /* @__PURE__ */ c(u.Fragment, { children: [
+  return /* @__PURE__ */ c(m.Fragment, { children: [
     /* @__PURE__ */ e(
-      q,
+      Q,
       {
-        onClick: g,
+        onClick: _,
         primaryText: a,
         secondaryText: r.payee
       }
     ),
     /* @__PURE__ */ e(
-      G,
+      j,
       {
         copy: { title: r.edit_payee },
-        isOpen: p,
+        isOpen: u,
         onClose: () => s(!1),
         onPrimaryAction: d,
         onSecondaryAction: () => s(!1),
@@ -683,9 +683,9 @@ const Ve = ({
           path: { fill: n.palette.secondary.darker }
         },
         children: /* @__PURE__ */ e(
-          I,
+          A,
           {
-            onChange: (h) => b(h.target.value),
+            onChange: (p) => b(p.target.value),
             sx: { width: 352 },
             value: l
           }
@@ -693,27 +693,27 @@ const Ve = ({
       }
     )
   ] });
-}), Ye = C(({ onClose: t, onDelete: r, isOpen: o }) => {
-  const { common: i, settings: n } = D();
+}), Ye = C(({ onClose: t, onDelete: r, isOpen: i }) => {
+  const { common: o, settings: n } = w();
   return /* @__PURE__ */ e(
-    G,
+    j,
     {
       copy: { title: n.delete_rule },
-      isOpen: o,
+      isOpen: i,
       onClose: t,
       onPrimaryAction: r,
       onSecondaryAction: t,
       primaryColor: "error",
-      primaryText: i.delete_button,
+      primaryText: o.delete_button,
       secondaryColor: "secondary",
-      secondaryText: i.cancel_button,
+      secondaryText: o.cancel_button,
       sx: { "& .MuiDialogContent-root": { pt: 0, width: 400 } },
-      children: /* @__PURE__ */ e(v, { truncate: !1, variant: "body2", children: n.delete_rule_confirm })
+      children: /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: n.delete_rule_confirm })
     }
   );
 }), qe = C(
-  ({ isOpen: t, onClose: r, onDelete: o }) => {
-    const { common: i, settings: n } = D(), [p, s] = u.useState(!1);
+  ({ isOpen: t, onClose: r, onDelete: i }) => {
+    const { common: o, settings: n } = w(), [u, s] = m.useState(!1);
     return /* @__PURE__ */ c(
       He,
       {
@@ -724,20 +724,20 @@ const Ve = ({
           s(!0);
         },
         primaryColor: "error",
-        primaryText: i.delete_button,
+        primaryText: o.delete_button,
         title: n.edit_rule,
         children: [
-          /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(v, { bold: !0, variant: "caption", children: n.details }) }),
+          /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(x, { bold: !0, variant: "caption", children: n.details }) }),
           /* @__PURE__ */ e(Ke, {}),
-          /* @__PURE__ */ e(J, { sx: { ml: 24 } }),
+          /* @__PURE__ */ e(K, { sx: { ml: 24 } }),
           /* @__PURE__ */ e(Je, {}),
-          /* @__PURE__ */ e(J, { sx: { ml: 24 } }),
+          /* @__PURE__ */ e(K, { sx: { ml: 24 } }),
           /* @__PURE__ */ e(
             Ye,
             {
-              isOpen: p,
+              isOpen: u,
               onClose: () => s(!1),
-              onDelete: o
+              onDelete: i
             }
           )
         ]
@@ -745,61 +745,61 @@ const Ve = ({
     );
   }
 ), Qe = C(({ rule: t }) => {
-  const { categories: r } = $(), { setSelectedGuid: o } = Pe(), { deleteTransactionRule: i, setSelectedRule: n } = A(), { isDesktop: p, isTablet: s } = H(), [a, l] = u.useState(!1), b = () => {
-    l(!1), o(null), n(void 0);
-  }, g = async () => {
-    await i(), b();
+  const { categories: r } = G(), { setSelectedGuid: i } = Pe(), { deleteTransactionRule: o, setSelectedRule: n } = E(), { isDesktop: u, isTablet: s } = H(), [a, l] = m.useState(!1), b = () => {
+    l(!1), i(null), n(void 0);
+  }, _ = async () => {
+    await o(), b();
   }, d = () => {
     l(!0), n(t);
-  }, h = (w) => r.find((x) => x.guid === w)?.name;
-  return /* @__PURE__ */ c(u.Fragment, { children: [
+  }, p = (S) => r.find((v) => v.guid === S)?.name;
+  return /* @__PURE__ */ c(m.Fragment, { children: [
     /* @__PURE__ */ e(
-      q,
+      Q,
       {
         onClick: d,
         primaryText: t.description ? t.description : t.match_description,
-        secondaryText: t.category_guid ? h(t.category_guid) : ""
+        secondaryText: t.category_guid ? p(t.category_guid) : ""
       }
     ),
-    /* @__PURE__ */ e(J, { sx: { ml: s || p ? 0 : 24 } }),
-    /* @__PURE__ */ e(qe, { isOpen: a, onClose: b, onDelete: g })
+    /* @__PURE__ */ e(K, { sx: { ml: s || u ? 0 : 24 } }),
+    /* @__PURE__ */ e(qe, { isOpen: a, onClose: b, onDelete: _ })
   ] });
 }), Xe = C(() => {
-  const { settings: t } = D(), { loadTransactionRules: r, transactionRules: o } = A(), [i, n] = u.useState(!1);
+  const { settings: t } = w(), { loadTransactionRules: r, transactionRules: i } = E(), [o, n] = m.useState(!1);
   return ne({
     widgetName: "TransactionRulesTab",
-    isLoaded: i
-  }), u.useEffect(() => {
+    isLoaded: o
+  }), m.useEffect(() => {
     r().finally(() => n(!0));
-  }, []), /* @__PURE__ */ c(f, { sx: { gap: 24, py: 24 }, children: [
-    /* @__PURE__ */ c(f, { sx: { px: 24 }, children: [
-      /* @__PURE__ */ e(K, { children: t.transaction_rules_label }),
-      /* @__PURE__ */ e(N, { variant: "body1", children: t.transaction_rules_description })
+  }, []), /* @__PURE__ */ c(h, { sx: { gap: 24, py: 24 }, children: [
+    /* @__PURE__ */ c(h, { sx: { px: 24 }, children: [
+      /* @__PURE__ */ e(Y, { children: t.transaction_rules_label }),
+      /* @__PURE__ */ e(M, { variant: "body1", children: t.transaction_rules_description })
     ] }),
-    /* @__PURE__ */ e(Ae, { children: o.map((p, s) => /* @__PURE__ */ e(Qe, { rule: p }, s)) })
+    /* @__PURE__ */ e(Ae, { children: i.map((u, s) => /* @__PURE__ */ e(Qe, { rule: u }, s)) })
   ] });
 }), re = Xe, Ze = C(({ selectedTab: t }) => {
-  const { alert: r, setAlert: o } = A(), {
-    config: { display_user_profile_in_settings: i }
-  } = z();
+  const { alert: r, setAlert: i } = E(), {
+    config: { display_user_profile_in_settings: o }
+  } = $();
   return /* @__PURE__ */ c(X, { children: [
-    t === P.Profile && /* @__PURE__ */ e(Ue, {}),
-    t === P.Devices && /* @__PURE__ */ e(je, {}),
-    t === P.Notifications && /* @__PURE__ */ e(j, { showPersonalDetails: !i }),
-    t === P.TransactionRules && /* @__PURE__ */ e(re, {}),
-    t === P.Help && /* @__PURE__ */ e(f, { sx: { px: 24 }, children: /* @__PURE__ */ e(Oe, {}) }),
+    t === N.Profile && /* @__PURE__ */ e(Ue, {}),
+    t === N.Devices && /* @__PURE__ */ e(je, {}),
+    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, {}) }),
     /* @__PURE__ */ e(
       fe,
       {
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         autoHideDuration: 3500,
-        onClose: () => o(""),
+        onClose: () => i(""),
         open: !!r.message,
         children: /* @__PURE__ */ e(
           he,
           {
             onClose: () => {
-              o("");
+              i("");
             },
             severity: r.severity,
             variant: "filled",
@@ -810,73 +810,74 @@ const Ve = ({
     )
   ] });
 });
-var P = /* @__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))(P || {});
-const $t = C(({ onBackClick: t, sx: r }) => {
-  const { settings: o } = D(), { isCopyLoaded: i, isInitialized: n } = ee(), { config: p } = z(), { isMobile: s } = H(), { categoriesLoaded: a, loadCategories: l } = $();
+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 $t = C(({ onBackClick: t, onMenuClick: r, sx: i }) => {
+  const { settings: o } = w(), { isCopyLoaded: n, isInitialized: u } = ee(), { config: s } = $(), { isMobile: a } = H(), { categoriesLoaded: l, loadCategories: b } = G();
   ne({
     widgetName: "SettingsWidget",
-    isLoaded: n && i
-  }), u.useEffect(() => {
-    a || l().finally();
+    isLoaded: u && n
+  }), m.useEffect(() => {
+    l || b().finally();
   }, []);
   const {
-    display_user_profile_in_settings: b,
-    display_mobile_devices_in_settings: g,
-    display_notification_settings_in_settings: d,
-    display_user_transaction_rules_in_settings: h,
-    show_help_widget_in_master: w
-  } = p, x = [
-    { enabled: b, index: 0, label: o?.profile_label },
-    { enabled: g, index: 1, label: o?.mobile_devices_label },
-    { enabled: d, index: 2, label: o?.notifications_label },
-    { enabled: h, index: 3, label: o?.transaction_rules_label },
-    { enabled: w, index: 4, label: o?.help_label }
-  ], S = x.find((m) => m.enabled), [k, T] = u.useState(S ? S.index : -1);
-  return !i || !n ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ e(
-    Y,
+    display_user_profile_in_settings: _,
+    display_mobile_devices_in_settings: d,
+    display_notification_settings_in_settings: p,
+    display_user_transaction_rules_in_settings: S,
+    show_help_widget_in_master: v
+  } = s, k = [
+    { enabled: _, index: 0, label: o?.profile_label },
+    { enabled: d, index: 1, label: o?.mobile_devices_label },
+    { enabled: p, index: 2, label: o?.notifications_label },
+    { enabled: S, index: 3, label: o?.transaction_rules_label },
+    { enabled: v, index: 4, label: o?.help_label }
+  ], I = k.find((D) => D.enabled), [T, g] = m.useState(I ? I.index : -1);
+  return !n || !u ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ e(
+    q,
     {
       onBackClick: t,
+      onMenuClick: r,
       showAccountFilter: !1,
-      sx: { height: "calc(100dvh - 24px)", overflow: "auto", ...r },
+      sx: { height: "calc(100dvh - 24px)", overflow: "auto", ...i },
       title: o.title,
-      children: /* @__PURE__ */ c(f, { mx: s ? 0 : 48, my: 24, children: [
+      children: /* @__PURE__ */ c(h, { mx: a ? 0 : 48, my: 24, children: [
         /* @__PURE__ */ e(
           pe,
           {
-            onChange: (m, M) => T(M),
+            onChange: (D, F) => g(F),
             sx: { bgcolor: "background.paper" },
             textColor: "primary",
-            value: k,
+            value: T,
             variant: "scrollable",
-            children: x.map(
-              (m) => m.enabled && /* @__PURE__ */ e(ue, { label: m.label, value: m.index }, m.index)
+            children: k.map(
+              (D) => D.enabled && /* @__PURE__ */ e(ue, { label: D.label, value: D.index }, D.index)
             )
           }
         ),
-        /* @__PURE__ */ e(Ze, { selectedTab: k })
+        /* @__PURE__ */ e(Ze, { selectedTab: T })
       ] })
     }
   );
 }), Gt = C((t) => {
-  const { clientConfig: r } = z(), o = r?.master?.deep_link_params?.view;
-  return o ? /* @__PURE__ */ e(j, { view: o }) : /* @__PURE__ */ e(Y, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(f, { my: 24, children: /* @__PURE__ */ e(j, {}) }) });
+  const { clientConfig: r } = $(), 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, {}) }) });
 }), jt = (t) => {
-  const { isMobile: r } = H(), { categoriesLoaded: o, loadCategories: i } = $();
-  return u.useEffect(() => {
-    o || i().finally();
-  }), /* @__PURE__ */ e(Y, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(f, { sx: { mx: r ? 0 : 48, my: 24 }, children: /* @__PURE__ */ e(re, {}) }) });
+  const { isMobile: r } = H(), { categoriesLoaded: i, loadCategories: o } = G();
+  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 {
   Xt as AccountNotificationProfiles,
   Zt as BudgetNotificationProfiles,
   je as DeviceTab,
   eo as InsightsNotificationProfiles,
-  j as NotificationSettings,
+  J as NotificationSettings,
   Gt as NotificationSettingsWidget,
   Ue as ProfileTab,
   Yt as SettingsApi,
   qt as SettingsStore,
-  P as SettingsTabs,
+  N as SettingsTabs,
   $t as SettingsWidget,
   Ze as SettingsWidgetContents,
   re as TransactionRulesTab,