@mx-cartographer/experiences 7.12.17 → 7.13.0

package/dist/settings/index.es.js

@@ -1,5 +1,5 @@
-import { S as Xt, a as Yt } from "../SettingsStore-Cax1fzsz.mjs";
-import { jsxs as c, Fragment as Q, jsx as e } from "react/jsx-runtime";
+import { S as Yt, a as qt } from "../SettingsStore-Cax1fzsz.mjs";
+import { jsxs as c, Fragment as X, jsx as e } from "react/jsx-runtime";
 import p from "react";
 import { observer as C } from "mobx-react-lite";
 import f from "@mui/material/Stack";
@@ -7,45 +7,45 @@ import ue from "@mui/material/Tab";
 import pe from "@mui/material/Tabs";
 import he from "@mui/material/Alert";
 import fe from "@mui/material/Snackbar";
-import { getUnixTime as ge } from "date-fns/getUnixTime";
-import { AdapterDateFns as _e } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DatePicker as be } from "@mui/x-date-pickers";
+import { getUnixTime as be } from "date-fns/getUnixTime";
+import { AdapterDateFns as ge } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DatePicker as _e } 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 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-BH2yOwTB.mjs";
-import { A as Qt, B as Zt, I as eo } from "../NotificationSettings-BH2yOwTB.mjs";
-import { u as D, a as $, r as A, o as Se, b as ee, l as z } from "../hooks-BxkfR-Ff.mjs";
+import { H3 as K, P as M, Text as v, Icon as B, ChevronRightIcon as ve } from "@mxenabled/mxui";
+import { V as Ce, a as De, N as j } from "../NotificationSettings-DU3vJh5J.mjs";
+import { A as Xt, B as Zt, I as eo } from "../NotificationSettings-DU3vJh5J.mjs";
+import { u as D, a as $, r as A, o as we, b as ee, l as z } from "../hooks-BxkfR-Ff.mjs";
 import { u as O } from "../useScreenSize-B6JyS_Lj.mjs";
 import { D as G } from "../Dialog-Ck34yr-d.mjs";
 import { formatDistanceToNow as te } from "date-fns/formatDistanceToNow";
 import { fromUnixTime as oe } from "date-fns/fromUnixTime";
 import R from "@mui/material/styles/useTheme";
 import W from "@mui/material/IconButton";
-import { DataGridPro as we } from "@mui/x-data-grid-pro";
-import { H as F } from "../HeaderCell-DjuifqHJ.mjs";
+import { DataGridPro as ke } from "@mui/x-data-grid-pro";
+import { H as F } from "../HeaderCell-P8w6CmfO.mjs";
 import { b as H } from "../Localization-CPkpIwIx.mjs";
-import ke from "@mui/material/Accordion";
+import Se 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 Ee from "@mui/material/ListSubheader";
-import { a as Re, u as Pe } from "../CategorySelectorDrawer-wfUTIbLR.mjs";
-import Be from "@mui/material/ListItem";
-import Ne from "@mui/material/ListItemButton";
-import Me from "@mui/material/ListItemIcon";
-import Le from "@mui/material/ListItemText";
-import { D as He } from "../Drawer-DV4NTsFg.mjs";
+import { a as Re, u as Pe } from "../CategorySelectorDrawer-DYHNBd2v.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-Bbe4AMB1.mjs";
 import { u as ne } from "../useWidgetLoadTimer-DgN1bTyu.mjs";
-import { H as Oe } from "../Help-CDu1Fvrc.mjs";
-import { W as X } from "../WidgetContainer-B0ncgABX.mjs";
+import { H as Oe } from "../Help-CpLfyvPv.mjs";
+import { W as Y } from "../WidgetContainer-D_iaToWJ.mjs";
 const Fe = ({ availableWidth: t, handleOnLeavClick: a }) => {
-  const o = xe(), { common: i, settings: n } = D(), { isDesktop: d, isMobile: l, isSmallMobile: r, isTablet: s } = O(t), { config: b } = $(), { updateUser: _ } = A(), { user: m } = Se(), [h, S] = p.useState({
+  const o = xe(), { common: i, settings: n } = D(), { isDesktop: d, isMobile: s, isSmallMobile: r, isTablet: l } = O(t), { config: _ } = $(), { updateUser: g } = A(), { user: m } = we(), [h, w] = p.useState({
     first_name: m.first_name,
     last_name: m.last_name,
     email: m.email,
@@ -53,36 +53,36 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: a }) => {
     birthday: m.birthday,
     postal_code: m.postal_code,
     credit_score: m.credit_score
-  }), [x, w] = p.useState(!1), [k, T] = p.useState(!1), u = p.useRef(null), M = h.email && !m.email_is_verified && !x, q = h.phone && !m.phone_is_verified && !x;
+  }), [x, k] = p.useState(!1), [S, T] = p.useState(!1), u = p.useRef(null), L = h.email && !m.email_is_verified && !x, Q = h.phone && !m.phone_is_verified && !x;
   p.useEffect(() => {
     if (a) {
-      const g = (P) => {
+      const b = (P) => {
         u.current && !u.current.contains(P.target) && x && T(!0);
       };
-      return document.addEventListener("mousedown", g), () => {
-        document.removeEventListener("mousedown", g);
+      return document.addEventListener("mousedown", b), () => {
+        document.removeEventListener("mousedown", b);
       };
     }
   }, [x]);
   const ae = () => {
     if (h.birthday) {
-      const g = new Date(h.birthday * 1e3), P = g.getUTCFullYear(), de = g.getUTCMonth(), me = g.getUTCDate();
+      const b = new Date(h.birthday * 1e3), P = b.getUTCFullYear(), de = b.getUTCMonth(), me = b.getUTCDate();
       return new Date(P, de, me);
     }
-  }, le = async () => {
-    await _({ ...m, ...h }), w(!1);
-  }, se = () => {
+  }, se = async () => {
+    await g({ ...m, ...h }), k(!1);
+  }, le = () => {
     T(!1), a && a();
   }, ce = () => {
     T(!1);
-  }, E = (g) => {
+  }, E = (b) => {
     const P = {
       ...h,
-      ...g
+      ...b
     };
-    S(P), w(JSON.stringify({ ...m, ...P }) !== JSON.stringify(m));
+    w(P), k(JSON.stringify({ ...m, ...P }) !== JSON.stringify(m));
   };
-  return /* @__PURE__ */ c(Q, { children: [
+  return /* @__PURE__ */ c(X, { children: [
     /* @__PURE__ */ c(
       V,
       {
@@ -91,19 +91,19 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: a }) => {
         sx: {
           backgroundColor: "background.paper",
           p: 24,
-          width: r ? 320 : s ? 680 : d ? 990 : 400,
+          width: r ? 320 : l ? 680 : d ? 990 : 400,
           "& .MuiTextField-root": {
-            width: r ? 272 : s ? 328 : d ? 483 : 352
+            width: r ? 272 : l ? 328 : d ? 483 : 352
           }
         },
         children: [
           /* @__PURE__ */ e(K, { children: n.personal_details }),
-          /* @__PURE__ */ e(N, { variant: "Body", children: n.update_information }),
+          /* @__PURE__ */ e(M, { variant: "body1", children: n.update_information }),
           /* @__PURE__ */ c(
             f,
             {
-              direction: l ? "column" : "row",
-              spacing: l ? 44 : 24,
+              direction: s ? "column" : "row",
+              spacing: s ? 44 : 24,
               sx: { mb: 44, pt: 32 },
               children: [
                 /* @__PURE__ */ e(
@@ -111,7 +111,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: a }) => {
                   {
                     defaultValue: h.first_name,
                     label: n.first_name,
-                    onChange: (g) => E({ first_name: g.target.value })
+                    onChange: (b) => E({ first_name: b.target.value })
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -119,43 +119,43 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: a }) => {
                   {
                     defaultValue: h.last_name,
                     label: n.last_name,
-                    onChange: (g) => E({ last_name: g.target.value })
+                    onChange: (b) => E({ last_name: b.target.value })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ c(f, { direction: l ? "column" : "row", children: [
-            b.display_email_edit_field_in_settings && /* @__PURE__ */ c(f, { sx: { mb: M ? 20 : 44, mr: l ? 0 : 24 }, children: [
+          /* @__PURE__ */ c(f, { direction: s ? "column" : "row", children: [
+            _.display_email_edit_field_in_settings && /* @__PURE__ */ c(f, { sx: { mb: L ? 20 : 44, mr: s ? 0 : 24 }, children: [
               /* @__PURE__ */ e(
                 I,
                 {
                   defaultValue: h.email,
                   label: n.email_address,
-                  onChange: (g) => E({ email: g.target.value })
+                  onChange: (b) => E({ email: b.target.value })
                 }
               ),
-              M && /* @__PURE__ */ e(Ce, {})
+              L && /* @__PURE__ */ e(Ce, {})
             ] }),
-            b.display_sms_edit_field_in_settings && /* @__PURE__ */ c(f, { sx: { mb: q ? 20 : 44 }, children: [
+            _.display_sms_edit_field_in_settings && /* @__PURE__ */ c(f, { sx: { mb: Q ? 20 : 44 }, children: [
               /* @__PURE__ */ e(
                 I,
                 {
                   defaultValue: h.phone,
                   label: n.mobile_number,
-                  onChange: (g) => E({ phone: g.target.value }),
+                  onChange: (b) => E({ phone: b.target.value }),
                   type: "tel"
                 }
               ),
-              q && /* @__PURE__ */ e(De, {})
+              Q && /* @__PURE__ */ e(De, {})
             ] })
           ] }),
-          /* @__PURE__ */ c(f, { direction: l ? "column" : "row", spacing: l ? 44 : 24, sx: { mb: 44 }, children: [
-            /* @__PURE__ */ e(ye, { dateAdapter: _e, children: /* @__PURE__ */ e(
-              be,
+          /* @__PURE__ */ c(f, { direction: s ? "column" : "row", spacing: s ? 44 : 24, sx: { mb: 44 }, children: [
+            /* @__PURE__ */ e(ye, { dateAdapter: ge, children: /* @__PURE__ */ e(
+              _e,
               {
                 label: n.birthdate,
-                onChange: (g) => E({ birthday: ge(g) }),
+                onChange: (b) => E({ birthday: be(b) }),
                 slotProps: {
                   nextIconButton: {
                     sx: {
@@ -185,7 +185,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: a }) => {
               {
                 defaultValue: h.postal_code,
                 label: n.zip_code,
-                onChange: (g) => E({ postal_code: g.target.value })
+                onChange: (b) => E({ postal_code: b.target.value })
               }
             )
           ] }),
@@ -195,7 +195,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: a }) => {
               {
                 defaultValue: h.credit_score,
                 label: n.credit_score,
-                onChange: (g) => E({ credit_score: Number(g.target.value) }),
+                onChange: (b) => E({ credit_score: Number(b.target.value) }),
                 sx: { mb: 44 }
               }
             ),
@@ -203,7 +203,7 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: a }) => {
               Z,
               {
                 disabled: !x,
-                onClick: le,
+                onClick: se,
                 sx: { width: r ? 272 : 124 },
                 variant: "contained",
                 children: i.save_button
@@ -217,9 +217,9 @@ const Fe = ({ availableWidth: t, handleOnLeavClick: a }) => {
       G,
       {
         copy: { title: n.discard_changes },
-        isOpen: k,
+        isOpen: S,
         onClose: ce,
-        onSecondaryAction: se,
+        onSecondaryAction: le,
         primaryText: n.keep_editing,
         secondaryText: n.leave,
         children: n.discard_changes_message
@@ -239,14 +239,14 @@ const Ve = ({
       headerName: n.mobile_devices_column_name,
       renderHeader: F,
       renderCell: (r) => /* @__PURE__ */ c(f, { alignItems: "center", direction: "row", gap: 4, children: [
-        /* @__PURE__ */ e(v, { variant: "Small", children: r.value }),
+        /* @__PURE__ */ e(v, { variant: "body2", children: r.value }),
         /* @__PURE__ */ e(
           W,
           {
             "aria-label": n.mobile_devices_edit_label,
             color: "secondary",
             onClick: () => a(r.row),
-            children: /* @__PURE__ */ e(L, { name: "edit" })
+            children: /* @__PURE__ */ e(B, { name: "edit" })
           }
         )
       ] }),
@@ -283,26 +283,26 @@ const Ve = ({
           "aria-label": n.mobile_devices_delete_label,
           color: "secondary",
           onClick: () => o(r.row),
-          children: /* @__PURE__ */ e(L, { name: "delete" })
+          children: /* @__PURE__ */ e(B, { name: "delete" })
         }
       ) }),
       sortable: !1,
       hideSortIcons: !1,
       width: 58
     }
-  ], l = p.useMemo(() => t.map((r) => ({
+  ], s = p.useMemo(() => t.map((r) => ({
     id: r.guid,
     ...r,
     device_type: `${r.make} ${r.model}`
   })), [t]);
   return /* @__PURE__ */ e(V, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-    we,
+    ke,
     {
       columns: d,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
       disableRowSelectionOnClick: !0,
-      rows: l,
+      rows: s,
       slotProps: {
         footer: {
           sx: { justifyContent: "flex-end" }
@@ -319,7 +319,7 @@ const Ve = ({
               alignItems: "center",
               p: "12px 16px"
             },
-            children: /* @__PURE__ */ e(v, { color: i.palette.text.secondary, variant: "Small", children: H(
+            children: /* @__PURE__ */ e(v, { color: i.palette.text.secondary, variant: "body2", children: H(
               n.mobile_devices_count,
               /* @__PURE__ */ e("b", { children: t.length }),
               /* @__PURE__ */ e("b", { children: t.length })
@@ -348,30 +348,30 @@ const Ve = ({
   onClickDeviceEdit: a,
   onClickDeviceDelete: o
 }) => {
-  const i = R(), { settings: n } = D(), [d, l] = p.useState(!1), r = (s) => (b, _) => {
-    l(_ ? s : !1);
+  const i = R(), { settings: n } = D(), [d, s] = p.useState(!1), r = (l) => (_, g) => {
+    s(g ? l : !1);
   };
   return /* @__PURE__ */ c(f, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
-    t.map((s) => /* @__PURE__ */ c(
-      ke,
+    t.map((l) => /* @__PURE__ */ c(
+      Se,
       {
-        expanded: d === s.guid,
-        onChange: r(s.guid),
+        expanded: d === l.guid,
+        onChange: r(l.guid),
         sx: { boxShadow: "none" },
         children: [
           /* @__PURE__ */ e(
             Ie,
             {
-              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",
                 borderColor: i.palette.border.light
               },
               children: /* @__PURE__ */ c(f, { gap: 4, children: [
-                /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: s.name }),
-                /* @__PURE__ */ e(v, { color: i.palette.text.secondary, variant: "Small", children: `${s.make} ${s.model}` }),
-                /* @__PURE__ */ e(v, { color: i.palette.text.secondary, variant: "Small", children: te(oe(s.created_at), { addSuffix: !0 }) })
+                /* @__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 }) })
               ] })
             }
           ),
@@ -383,7 +383,7 @@ const Ve = ({
                 /* @__PURE__ */ c(
                   f,
                   {
-                    onClick: () => a(s),
+                    onClick: () => a(l),
                     sx: {
                       alignItems: "center",
                       flexDirection: "row",
@@ -395,15 +395,15 @@ const Ve = ({
                       borderColor: i.palette.border.light
                     },
                     children: [
-                      /* @__PURE__ */ e(W, { "aria-label": n.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ e(L, { name: "edit" }) }),
-                      /* @__PURE__ */ e(v, { variant: "Body", children: n.mobile_devices_edit_label })
+                      /* @__PURE__ */ e(W, { "aria-label": n.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ e(B, { name: "edit" }) }),
+                      /* @__PURE__ */ e(v, { variant: "body1", children: n.mobile_devices_edit_label })
                     ]
                   }
                 ),
                 /* @__PURE__ */ c(
                   f,
                   {
-                    onClick: () => o(s),
+                    onClick: () => o(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: "Body", children: n.mobile_devices_delete_label })
+                      /* @__PURE__ */ e(W, { "aria-label": n.mobile_devices_delete_label, color: "secondary", children: /* @__PURE__ */ e(B, { name: "delete" }) }),
+                      /* @__PURE__ */ e(v, { variant: "body1", children: n.mobile_devices_delete_label })
                     ]
                   }
                 )
@@ -423,7 +423,7 @@ const Ve = ({
           )
         ]
       },
-      s.guid
+      l.guid
     )),
     /* @__PURE__ */ e(
       V,
@@ -434,7 +434,7 @@ const Ve = ({
           borderColor: i.palette.border.light,
           p: "12px 16px"
         },
-        children: /* @__PURE__ */ e(v, { color: i.palette.text.secondary, variant: "Small", children: H(
+        children: /* @__PURE__ */ e(v, { color: i.palette.text.secondary, variant: "body2", children: H(
           n.mobile_devices_count,
           /* @__PURE__ */ e("b", { children: t.length }),
           /* @__PURE__ */ e("b", { children: t.length })
@@ -449,9 +449,9 @@ const Ve = ({
   device: i,
   deviceToken: n = ""
 }) => {
-  const d = R(), { common: l, settings: r } = D(), { updateDevice: s, deleteDevice: b, setAlert: _, loadDevices: m } = A(), [h, S] = p.useState("");
+  const d = R(), { common: s, settings: r } = D(), { updateDevice: l, deleteDevice: _, setAlert: g, loadDevices: m } = A(), [h, w] = p.useState("");
   p.useEffect(() => {
-    i && S(i.name);
+    i && w(i.name);
   }, [i, t]);
   const x = () => {
     switch (t) {
@@ -462,18 +462,18 @@ const Ve = ({
       default:
         return "";
     }
-  }, w = () => {
+  }, k = () => {
     switch (t) {
       case y.Token:
-        return l.done_button;
+        return s.done_button;
       case y.Edit:
-        return l.save_button;
+        return s.save_button;
       case y.Delete:
-        return l.delete_button;
+        return s.delete_button;
       default:
         return "";
     }
-  }, k = () => {
+  }, S = () => {
     const u = {
       "& .MuiDialogContent-root": {
         width: 400,
@@ -500,7 +500,7 @@ const Ve = ({
         justifyContent: "flex-end"
       },
       ...t === y.Delete && {
-        "& .MuiTypography-Body": {
+        "& .MuiTypography-body1": {
           padding: 0
         }
       }
@@ -508,15 +508,15 @@ const Ve = ({
   }, T = async () => {
     if (t === y.Token && o(), t === y.Edit && i) {
       const u = { ...i, name: h };
-      (await s(u)).success ? (_(r.mobile_devices_edit_success, "success"), m()) : _(
+      (await l(u)).success ? (g(r.mobile_devices_edit_success, "success"), m()) : g(
         H(r.mobile_devices_edit_error, i.name),
         "error"
       ), o();
     }
-    t === y.Delete && i && ((await b(i.guid)).success ? (_(
+    t === y.Delete && i && ((await _(i.guid)).success ? (g(
       H(r.mobile_devices_delete_success, i.name),
       "success"
-    ), m()) : _(
+    ), m()) : g(
       H(r.mobile_devices_delete_error, i.name),
       "error"
     ), o());
@@ -530,46 +530,46 @@ const Ve = ({
       onPrimaryAction: T,
       onSecondaryAction: o,
       primaryColor: t === y.Delete ? "error" : void 0,
-      primaryText: w(),
-      secondaryText: t === y.Token ? l.back : l.cancel_button,
-      sx: k(),
+      primaryText: k(),
+      secondaryText: t === y.Token ? s.back : s.cancel_button,
+      sx: S(),
       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: "Body", children: r.mobile_devices_access_label }),
-          /* @__PURE__ */ e(v, { truncate: !1, variant: "Small", children: r.mobile_devices_access_info_1 }),
+          /* @__PURE__ */ e(v, { bold: !0, truncate: !1, variant: "body1", children: r.mobile_devices_access_label }),
+          /* @__PURE__ */ e(v, { truncate: !1, variant: "body2", children: r.mobile_devices_access_info_1 }),
           /* @__PURE__ */ e(
-            N,
+            M,
             {
               sx: {
                 border: `1px solid ${d.palette.border.light}`,
                 borderRadius: "4px",
                 p: "16px 32px"
               },
-              variant: "H1",
+              variant: "h1",
               children: n
             }
           ),
-          /* @__PURE__ */ e(v, { truncate: !1, variant: "Small", children: r.mobile_devices_access_info_2 })
+          /* @__PURE__ */ e(v, { truncate: !1, variant: "body2", children: r.mobile_devices_access_info_2 })
         ] }),
-        t === y.Edit && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(I, { onChange: (u) => S(u.target.value), value: h }) }),
-        t === y.Delete && /* @__PURE__ */ e(N, { children: r.mobile_devices_delete_info })
+        t === y.Edit && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(I, { onChange: (u) => w(u.target.value), value: h }) }),
+        t === y.Delete && /* @__PURE__ */ e(M, { children: r.mobile_devices_delete_info })
       ]
     }
   );
 }, ze = C($e), Ge = C(() => {
-  const { isMobile: t } = O(), { settings: a } = D(), { isCopyLoaded: o, isInitialized: i } = ee(), { setAlert: n, devices: d, loadDevices: l, generateDeviceToken: r } = A(), [s, b] = p.useState({ open: !1, type: "" }), [_, m] = p.useState(), [h, S] = p.useState("");
+  const { isMobile: t } = O(), { settings: a } = D(), { isCopyLoaded: o, isInitialized: i } = ee(), { setAlert: n, devices: d, loadDevices: s, generateDeviceToken: r } = A(), [l, _] = p.useState({ open: !1, type: "" }), [g, m] = p.useState(), [h, w] = p.useState("");
   p.useEffect(() => {
-    i && l();
+    i && s();
   }, [i]);
   const x = async () => {
     const u = await r();
-    u ? (S(u), b({ open: !0, type: y.Token })) : n(a.mobile_devices_access_error, "error");
-  }, w = (u) => {
-    m(u), b({ open: !0, type: y.Edit });
+    u ? (w(u), _({ open: !0, type: y.Token })) : n(a.mobile_devices_access_error, "error");
   }, k = (u) => {
-    m(u), b({ open: !0, type: y.Delete });
+    m(u), _({ open: !0, type: y.Edit });
+  }, S = (u) => {
+    m(u), _({ open: !0, type: y.Delete });
   }, T = () => {
-    b({ open: !1, type: "" }), m(void 0);
+    _({ open: !1, type: "" }), m(void 0);
   };
   return !o || !i ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ c(
     f,
@@ -582,63 +582,63 @@ const Ve = ({
       children: [
         /* @__PURE__ */ c(f, { gap: 4, children: [
           /* @__PURE__ */ e(K, { children: a.mobile_devices_title }),
-          /* @__PURE__ */ e(N, { variant: "Body", children: a.mobile_devices_info })
+          /* @__PURE__ */ e(M, { variant: "body1", children: a.mobile_devices_info })
         ] }),
         t ? /* @__PURE__ */ e(
           We,
           {
             devices: d,
-            onClickDeviceDelete: k,
-            onClickDeviceEdit: w
+            onClickDeviceDelete: S,
+            onClickDeviceEdit: k
           }
         ) : /* @__PURE__ */ e(
           Ve,
           {
             devices: d,
-            onClickDeviceDelete: k,
-            onClickDeviceEdit: w
+            onClickDeviceDelete: S,
+            onClickDeviceEdit: k
           }
         ),
         /* @__PURE__ */ c(f, { sx: { alignItems: "center", px: 24, py: 12, gap: 4 }, children: [
-          /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: a.mobile_devices_access_title }),
-          /* @__PURE__ */ e(N, { align: "center", variant: "Small", children: a.mobile_devices_access_description }),
+          /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: a.mobile_devices_access_title }),
+          /* @__PURE__ */ e(M, { align: "center", variant: "body2", children: a.mobile_devices_access_description }),
           /* @__PURE__ */ e(Z, { onClick: x, variant: "text", children: a.mobile_devices_access_cta })
         ] }),
         /* @__PURE__ */ e(
           ze,
           {
-            device: _,
+            device: g,
             deviceToken: h,
-            dialogType: s.type,
-            isOpen: s.open,
+            dialogType: l.type,
+            isOpen: l.open,
             onClose: T
           }
         )
       ]
     }
   );
-}), je = Ge, Y = C(
+}), je = Ge, q = C(
   ({ onClick: t, primaryText: a, secondaryText: o, sx: i }) => {
     const n = R();
-    return /* @__PURE__ */ e(Be, { sx: { bgcolor: n.palette.background.paper }, children: /* @__PURE__ */ c(Ne, { alignItems: "flex-start", onClick: t, sx: i, children: [
-      /* @__PURE__ */ e(Le, { primary: a, secondary: o }),
-      /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(ve, {}) })
+    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: a, secondary: o }),
+      /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(ve, {}) })
     ] }) });
   }
 ), Je = C(() => {
-  const { settings: t } = D(), { categories: a } = z(), { selectedRule: o, updateRuleCategory: i } = A(), [n, d] = p.useState(!1), l = () => {
+  const { settings: t } = D(), { categories: a } = z(), { selectedRule: o, updateRuleCategory: i } = A(), [n, d] = p.useState(!1), s = () => {
     d(!1);
   }, r = () => {
     d(!0);
-  }, s = (_) => a.find((m) => m.guid === _)?.name, b = async (_) => {
-    o && o.category_guid !== _ && (o.category_guid = _, await i(o)), l();
+  }, l = (g) => a.find((m) => m.guid === g)?.name, _ = async (g) => {
+    o && o.category_guid !== g && (o.category_guid = g, await i(o)), s();
   };
   return /* @__PURE__ */ c(p.Fragment, { children: [
     /* @__PURE__ */ e(
-      Y,
+      q,
       {
         onClick: r,
-        primaryText: o?.category_guid ? s(o.category_guid) : "",
+        primaryText: o?.category_guid ? l(o.category_guid) : "",
         secondaryText: t.category
       }
     ),
@@ -646,24 +646,24 @@ const Ve = ({
       Re,
       {
         initialSelected: o?.category_guid ? o.category_guid : void 0,
-        onClose: l,
-        onSelect: b,
+        onClose: s,
+        onSelect: _,
         showDrawer: n,
         title: t.select_category
       }
     )
   ] });
 }), Ke = C(() => {
-  const { common: t, settings: a } = D(), { selectedRule: o, updateRulePayee: i } = A(), n = R(), [d, l] = p.useState(!1), r = o?.description ? o.description : o?.match_description, [s, b] = p.useState(r || ""), _ = () => {
-    l(!0);
+  const { common: t, settings: a } = D(), { selectedRule: o, updateRulePayee: i } = A(), n = R(), [d, s] = p.useState(!1), r = o?.description ? o.description : o?.match_description, [l, _] = p.useState(r || ""), g = () => {
+    s(!0);
   }, m = async () => {
-    s !== r && o && (o.description = s, await i(o), l(!1));
+    l !== r && o && (o.description = l, await i(o), s(!1));
   };
   return /* @__PURE__ */ c(p.Fragment, { children: [
     /* @__PURE__ */ e(
-      Y,
+      q,
       {
-        onClick: _,
+        onClick: g,
         primaryText: r,
         secondaryText: a.payee
       }
@@ -673,9 +673,9 @@ const Ve = ({
       {
         copy: { title: a.edit_payee },
         isOpen: d,
-        onClose: () => l(!1),
+        onClose: () => s(!1),
         onPrimaryAction: m,
-        onSecondaryAction: () => l(!1),
+        onSecondaryAction: () => s(!1),
         primaryText: t.save_button,
         secondaryText: t.cancel_button,
         sx: {
@@ -685,15 +685,15 @@ const Ve = ({
         children: /* @__PURE__ */ e(
           I,
           {
-            onChange: (h) => b(h.target.value),
+            onChange: (h) => _(h.target.value),
             sx: { width: 352 },
-            value: s
+            value: l
           }
         )
       }
     )
   ] });
-}), Xe = C(({ onClose: t, onDelete: a, isOpen: o }) => {
+}), Ye = C(({ onClose: t, onDelete: a, isOpen: o }) => {
   const { common: i, settings: n } = D(), d = R();
   return /* @__PURE__ */ e(
     G,
@@ -714,12 +714,12 @@ const Ve = ({
         "& .MuiDialogContent-root": { pt: 0, width: 400 },
         path: { fill: d.palette.secondary.darker }
       },
-      children: /* @__PURE__ */ e(v, { truncate: !1, variant: "Small", children: n.delete_rule_confirm })
+      children: /* @__PURE__ */ e(v, { truncate: !1, variant: "body2", children: n.delete_rule_confirm })
     }
   );
-}), Ye = C(
+}), qe = C(
   ({ isOpen: t, onClose: a, onDelete: o }) => {
-    const { common: i, settings: n } = D(), d = R(), [l, r] = p.useState(!1);
+    const { common: i, settings: n } = D(), d = R(), [s, r] = p.useState(!1);
     return /* @__PURE__ */ c(
       He,
       {
@@ -736,15 +736,15 @@ const Ve = ({
         },
         title: n.edit_rule,
         children: [
-          /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(v, { bold: !0, variant: "XSmall", children: n.details }) }),
+          /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(v, { bold: !0, variant: "caption", children: n.details }) }),
           /* @__PURE__ */ e(Ke, {}),
           /* @__PURE__ */ e(J, { sx: { ml: 24 } }),
           /* @__PURE__ */ e(Je, {}),
           /* @__PURE__ */ e(J, { sx: { ml: 24 } }),
           /* @__PURE__ */ e(
-            Xe,
+            Ye,
             {
-              isOpen: l,
+              isOpen: s,
               onClose: () => r(!1),
               onDelete: o
             }
@@ -753,27 +753,27 @@ const Ve = ({
       }
     );
   }
-), qe = C(({ rule: t }) => {
-  const { categories: a } = z(), { setSelectedGuid: o } = Pe(), { deleteTransactionRule: i, setSelectedRule: n } = A(), { isDesktop: d, isTablet: l } = O(), [r, s] = p.useState(!1), b = () => {
-    s(!1), o(null), n(void 0);
-  }, _ = async () => {
-    await i(), b();
+), Qe = C(({ rule: t }) => {
+  const { categories: a } = z(), { setSelectedGuid: o } = Pe(), { deleteTransactionRule: i, setSelectedRule: n } = A(), { isDesktop: d, isTablet: s } = O(), [r, l] = p.useState(!1), _ = () => {
+    l(!1), o(null), n(void 0);
+  }, g = async () => {
+    await i(), _();
   }, m = () => {
-    s(!0), n(t);
-  }, h = (S) => a.find((x) => x.guid === S)?.name;
+    l(!0), n(t);
+  }, h = (w) => a.find((x) => x.guid === w)?.name;
   return /* @__PURE__ */ c(p.Fragment, { children: [
     /* @__PURE__ */ e(
-      Y,
+      q,
       {
         onClick: m,
         primaryText: t.description ? t.description : t.match_description,
         secondaryText: t.category_guid ? h(t.category_guid) : ""
       }
     ),
-    /* @__PURE__ */ e(J, { sx: { ml: l || d ? 0 : 24 } }),
-    /* @__PURE__ */ e(Ye, { isOpen: r, onClose: b, onDelete: _ })
+    /* @__PURE__ */ e(J, { sx: { ml: s || d ? 0 : 24 } }),
+    /* @__PURE__ */ e(qe, { isOpen: r, onClose: _, onDelete: g })
   ] });
-}), Qe = C(() => {
+}), Xe = C(() => {
   const { settings: t } = D(), { loadTransactionRules: a, transactionRules: o } = A(), [i, n] = p.useState(!1);
   return ne({
     widgetName: "TransactionRulesTab",
@@ -783,20 +783,20 @@ const Ve = ({
   }, []), /* @__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: "Body", children: t.transaction_rules_description })
+      /* @__PURE__ */ e(M, { variant: "body1", children: t.transaction_rules_description })
     ] }),
-    /* @__PURE__ */ e(Ae, { children: o.map((d, l) => /* @__PURE__ */ e(qe, { rule: d }, l)) })
+    /* @__PURE__ */ e(Ae, { children: o.map((d, s) => /* @__PURE__ */ e(Qe, { rule: d }, s)) })
   ] });
-}), re = Qe, Ze = C(({ selectedTab: t }) => {
+}), re = Xe, Ze = C(({ selectedTab: t }) => {
   const { alert: a, setAlert: o } = A(), {
     config: { display_user_profile_in_settings: i }
   } = $();
-  return /* @__PURE__ */ c(Q, { children: [
-    t === B.Profile && /* @__PURE__ */ e(Ue, {}),
-    t === B.Devices && /* @__PURE__ */ e(je, {}),
-    t === B.Notifications && /* @__PURE__ */ e(j, { showPersonalDetails: !i }),
-    t === B.TransactionRules && /* @__PURE__ */ e(re, {}),
-    t === B.Help && /* @__PURE__ */ e(f, { sx: { px: 24 }, children: /* @__PURE__ */ e(Oe, {}) }),
+  return /* @__PURE__ */ c(X, { children: [
+    t === N.Profile && /* @__PURE__ */ e(Ue, {}),
+    t === N.Devices && /* @__PURE__ */ e(je, {}),
+    t === N.Notifications && /* @__PURE__ */ e(j, { showPersonalDetails: !i }),
+    t === N.TransactionRules && /* @__PURE__ */ e(re, {}),
+    t === N.Help && /* @__PURE__ */ e(f, { sx: { px: 24 }, children: /* @__PURE__ */ e(Oe, {}) }),
     /* @__PURE__ */ e(
       fe,
       {
@@ -819,73 +819,73 @@ const Ve = ({
     )
   ] });
 });
-var B = /* @__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))(B || {});
+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 zt = C(({ onBackClick: t, sx: a }) => {
-  const { settings: o } = D(), { isCopyLoaded: i, isInitialized: n } = ee(), { config: d } = $(), { isMobile: l } = O(), { categoriesLoaded: r, loadCategories: s } = z();
+  const { settings: o } = D(), { isCopyLoaded: i, isInitialized: n } = ee(), { config: d } = $(), { isMobile: s } = O(), { categoriesLoaded: r, loadCategories: l } = z();
   ne({
     widgetName: "SettingsWidget",
     isLoaded: n && i
   }), p.useEffect(() => {
-    r || s().finally();
+    r || l().finally();
   }, []);
   const {
-    display_user_profile_in_settings: b,
-    display_mobile_devices_in_settings: _,
+    display_user_profile_in_settings: _,
+    display_mobile_devices_in_settings: g,
     display_notification_settings_in_settings: m,
     display_user_transaction_rules_in_settings: h,
-    show_help_widget_in_master: S
+    show_help_widget_in_master: w
   } = d, x = [
-    { enabled: b, index: 0, label: o?.profile_label },
-    { enabled: _, index: 1, label: o?.mobile_devices_label },
+    { enabled: _, index: 0, label: o?.profile_label },
+    { enabled: g, index: 1, label: o?.mobile_devices_label },
     { enabled: m, index: 2, label: o?.notifications_label },
     { enabled: h, index: 3, label: o?.transaction_rules_label },
-    { enabled: S, index: 4, label: o?.help_label }
-  ], w = x.find((u) => u.enabled), [k, T] = p.useState(w ? w.index : -1);
+    { enabled: w, index: 4, label: o?.help_label }
+  ], k = x.find((u) => u.enabled), [S, T] = p.useState(k ? k.index : -1);
   return !i || !n ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ e(
-    X,
+    Y,
     {
       onBackClick: t,
       showAccountFilter: !1,
       sx: { height: "calc(100dvh - 24px)", overflow: "auto", ...a },
       title: o.title,
-      children: /* @__PURE__ */ c(f, { mx: l ? 0 : 48, my: 24, children: [
+      children: /* @__PURE__ */ c(f, { mx: s ? 0 : 48, my: 24, children: [
         /* @__PURE__ */ e(
           pe,
           {
-            onChange: (u, M) => T(M),
+            onChange: (u, L) => T(L),
             sx: { bgcolor: "background.paper" },
             textColor: "primary",
-            value: k,
+            value: S,
             variant: "scrollable",
             children: x.map(
               (u) => u.enabled && /* @__PURE__ */ e(ue, { label: u.label, value: u.index }, u.index)
             )
           }
         ),
-        /* @__PURE__ */ e(Ze, { selectedTab: k })
+        /* @__PURE__ */ e(Ze, { selectedTab: S })
       ] })
     }
   );
 }), Gt = C((t) => {
   const { clientConfig: a } = $(), o = a?.master?.deep_link_params?.view;
-  return o ? /* @__PURE__ */ e(j, { view: o }) : /* @__PURE__ */ e(X, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(f, { my: 24, children: /* @__PURE__ */ e(j, {}) }) });
+  return o ? /* @__PURE__ */ e(j, { view: o }) : /* @__PURE__ */ e(Y, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(f, { my: 24, children: /* @__PURE__ */ e(j, {}) }) });
 }), jt = (t) => {
   const { isMobile: a } = O(), { categoriesLoaded: o, loadCategories: i } = z();
   return p.useEffect(() => {
     o || i().finally();
-  }), /* @__PURE__ */ e(X, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(f, { sx: { mx: a ? 0 : 48, my: 24 }, children: /* @__PURE__ */ e(re, {}) }) });
+  }), /* @__PURE__ */ e(Y, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(f, { sx: { mx: a ? 0 : 48, my: 24 }, children: /* @__PURE__ */ e(re, {}) }) });
 };
 export {
-  Qt as AccountNotificationProfiles,
+  Xt as AccountNotificationProfiles,
   Zt as BudgetNotificationProfiles,
   je as DeviceTab,
   eo as InsightsNotificationProfiles,
   j as NotificationSettings,
   Gt as NotificationSettingsWidget,
   Ue as ProfileTab,
-  Xt as SettingsApi,
-  Yt as SettingsStore,
-  B as SettingsTabs,
+  Yt as SettingsApi,
+  qt as SettingsStore,
+  N as SettingsTabs,
   zt as SettingsWidget,
   Ze as SettingsWidgetContents,
   re as TransactionRulesTab,