@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.sms1

package/dist/settings/index.es.js

@@ -1,5 +1,5 @@
-import { S as $t, a as jt } from "../SettingsStore-BASMQSIp.mjs";
-import { jsxs as c, Fragment as Q, jsx as e } from "react/jsx-runtime";
+import { S as Kt, a as Xt } from "../SettingsStore-krIRNwHK.mjs";
+import { jsxs as c, Fragment as q, jsx as e } from "react/jsx-runtime";
 import u from "react";
 import { observer as D } from "mobx-react-lite";
 import h from "@mui/material/Stack";
@@ -11,40 +11,40 @@ 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 A, alpha as U } from "@mui/material/styles";
+import { useTheme as xe, alpha as U } from "@mui/material/styles";
 import F from "@mui/material/Box";
-import X from "@mui/material/Button";
+import Q from "@mui/material/Button";
 import I from "@mui/material/TextField";
-import { H3 as J, P as B, Text as v, Icon as N } from "@mxenabled/mxui";
-import { V as xe, a as ve, N as $ } from "../NotificationSettings-B74rQVYC.mjs";
-import { A as Kt, B as Yt, I as qt } from "../NotificationSettings-B74rQVYC.mjs";
-import { D as W } from "../Dialog-CDV0kKxj.mjs";
-import { u as w, a as z, s as E, p as Ce, b as Z, m as ee, n as te } from "../hooks-C41HAxM5.mjs";
-import { u as H } from "../useScreenSize-B5afALev.mjs";
+import { H3 as J, P as L, Text as v, Icon as M, ChevronRightIcon as ve } from "@mxenabled/mxui";
+import { V as Ce, a as De, N as G } from "../NotificationSettings-CNmJWVeI.mjs";
+import { A as qt, B as Qt, I as Zt } from "../NotificationSettings-CNmJWVeI.mjs";
+import { u as k, a as W, s as A, p as Se, b as Z, m as ee, n as te } from "../hooks-C41HAxM5.mjs";
+import { u as H } from "../useScreenSize-B6JyS_Lj.mjs";
+import { D as $ } from "../Dialog-BPTr3qHE.mjs";
 import { formatDistanceToNow as oe } from "date-fns/formatDistanceToNow";
 import { fromUnixTime as ne } from "date-fns/fromUnixTime";
+import R from "@mui/material/styles/useTheme";
 import V from "@mui/material/IconButton";
-import { DataGridPro as De } from "@mui/x-data-grid-pro";
-import { H as O } from "../HeaderCell-P8w6CmfO.mjs";
-import { b as L } from "../Localization-2MODESHW.mjs";
-import ke from "@mui/material/Accordion";
-import we from "@mui/material/AccordionDetails";
-import Se from "@mui/material/AccordionSummary";
-import { L as ie } from "../Loader-Ckqi9Rx6.mjs";
-import Te from "@mui/material/List";
+import { DataGridPro as ke } from "@mui/x-data-grid-pro";
+import { H as O } from "../HeaderCell-DjuifqHJ.mjs";
+import { b as N } from "../Localization-2MODESHW.mjs";
+import we from "@mui/material/Accordion";
+import Te from "@mui/material/AccordionDetails";
+import Ie from "@mui/material/AccordionSummary";
+import { L as re } from "../Loader-DUaFpDGv.mjs";
+import Ae from "@mui/material/List";
 import j from "@mui/material/Divider";
-import Ie from "@mui/material/ListSubheader";
-import { a as Ae, u as Ee } from "../CategorySelectorDrawer-Dl006GKy.mjs";
-import Pe from "@mui/material/ListItem";
-import Re from "@mui/material/ListItemButton";
-import Me from "@mui/material/ListItemIcon";
-import Ne from "@mui/material/ListItemText";
-import { ChevronRightIcon as Le } from "@mxenabled/mx-icons";
-import { D as Be } from "../Drawer-BF40nbsH.mjs";
-import { H as He } from "../Help-DBfsTkAi.mjs";
-import { W as K } from "../WidgetContainer-CDh9fjpR.mjs";
-const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
-  const o = A(), { common: n, settings: i } = w(), { isDesktop: d, isMobile: s, isSmallMobile: r, isTablet: l } = H(t), { config: b } = z(), { updateUser: _ } = E(), { user: m } = Ce(), [p, k] = u.useState({
+import Ee from "@mui/material/ListSubheader";
+import { a as Re, u as Pe } from "../CategorySelectorDrawer-DqJK_rrL.mjs";
+import Be from "@mui/material/ListItem";
+import Me from "@mui/material/ListItemButton";
+import Ne from "@mui/material/ListItemIcon";
+import Le from "@mui/material/ListItemText";
+import { D as He } from "../Drawer-BEtCk82g.mjs";
+import { H as Oe } from "../Help-BnPXM_N2.mjs";
+import { W as K } from "../WidgetContainer-BhQ1Kx2z.mjs";
+const Ue = ({ availableWidth: t, handleOnLeavClick: a }) => {
+  const o = xe(), { common: n, settings: r } = k(), { isDesktop: d, isMobile: l, isSmallMobile: i, isTablet: s } = H(t), { config: b } = W(), { updateUser: _ } = A(), { user: m } = Se(), [p, S] = u.useState({
     first_name: m.first_name,
     last_name: m.last_name,
     email: m.email,
@@ -52,11 +52,11 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
     birthday: m.birthday,
     postal_code: m.postal_code,
     credit_score: m.credit_score
-  }), [C, S] = u.useState(!1), [T, x] = u.useState(!1), g = u.useRef(null), G = p.email && !m.email_is_verified && !C, q = p.phone && !m.phone_is_verified && !C;
+  }), [C, w] = u.useState(!1), [T, x] = u.useState(!1), g = u.useRef(null), z = p.email && !m.email_is_verified && !C, Y = p.phone && !m.phone_is_verified && !C;
   u.useEffect(() => {
     if (a) {
-      const f = (R) => {
-        g.current && !g.current.contains(R.target) && C && x(!0);
+      const f = (P) => {
+        g.current && !g.current.contains(P.target) && C && x(!0);
       };
       return document.addEventListener("mousedown", f), () => {
         document.removeEventListener("mousedown", f);
@@ -65,23 +65,23 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
   }, [C]);
   const ae = () => {
     if (p.birthday) {
-      const f = new Date(p.birthday * 1e3), R = f.getUTCFullYear(), de = f.getUTCMonth(), me = f.getUTCDate();
-      return new Date(R, de, me);
+      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 _({ ...m, ...p }), S(!1);
-  }, le = () => {
+  }, le = async () => {
+    await _({ ...m, ...p }), w(!1);
+  }, se = () => {
     x(!1), a && a();
   }, ce = () => {
     x(!1);
-  }, P = (f) => {
-    const R = {
+  }, E = (f) => {
+    const P = {
       ...p,
       ...f
     };
-    k(R), S(JSON.stringify({ ...m, ...R }) !== JSON.stringify(m));
+    S(P), w(JSON.stringify({ ...m, ...P }) !== JSON.stringify(m));
   };
-  return /* @__PURE__ */ c(Q, { children: [
+  return /* @__PURE__ */ c(q, { children: [
     /* @__PURE__ */ c(
       F,
       {
@@ -90,71 +90,71 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
         sx: {
           backgroundColor: "background.paper",
           p: 24,
-          width: r ? 320 : l ? 680 : d ? 990 : 400,
+          width: i ? 320 : s ? 680 : d ? 990 : 400,
           "& .MuiTextField-root": {
-            width: r ? 272 : l ? 328 : d ? 483 : 352
+            width: i ? 272 : s ? 328 : d ? 483 : 352
           }
         },
         children: [
-          /* @__PURE__ */ e(J, { children: i.personal_details }),
-          /* @__PURE__ */ e(B, { variant: "body1", children: i.update_information }),
+          /* @__PURE__ */ e(J, { children: r.personal_details }),
+          /* @__PURE__ */ e(L, { variant: "Body", children: r.update_information }),
           /* @__PURE__ */ c(
             h,
             {
-              direction: s ? "column" : "row",
-              spacing: s ? 44 : 24,
+              direction: l ? "column" : "row",
+              spacing: l ? 44 : 24,
               sx: { mb: 44, pt: 32 },
               children: [
                 /* @__PURE__ */ e(
                   I,
                   {
                     defaultValue: p.first_name,
-                    label: i.first_name,
-                    onChange: (f) => P({ first_name: f.target.value })
+                    label: r.first_name,
+                    onChange: (f) => E({ first_name: f.target.value })
                   }
                 ),
                 /* @__PURE__ */ e(
                   I,
                   {
                     defaultValue: p.last_name,
-                    label: i.last_name,
-                    onChange: (f) => P({ last_name: f.target.value })
+                    label: r.last_name,
+                    onChange: (f) => E({ last_name: f.target.value })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ c(h, { direction: s ? "column" : "row", children: [
-            b.display_email_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { mb: G ? 20 : 44, mr: s ? 0 : 24 }, children: [
+          /* @__PURE__ */ c(h, { direction: l ? "column" : "row", children: [
+            b.display_email_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { mb: z ? 20 : 44, mr: l ? 0 : 24 }, children: [
               /* @__PURE__ */ e(
                 I,
                 {
                   defaultValue: p.email,
-                  label: i.email_address,
-                  onChange: (f) => P({ email: f.target.value })
+                  label: r.email_address,
+                  onChange: (f) => E({ email: f.target.value })
                 }
               ),
-              G && /* @__PURE__ */ e(xe, {})
+              z && /* @__PURE__ */ e(Ce, {})
             ] }),
-            b.display_sms_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { mb: q ? 20 : 44 }, children: [
+            b.display_sms_edit_field_in_settings && /* @__PURE__ */ c(h, { sx: { mb: Y ? 20 : 44 }, children: [
               /* @__PURE__ */ e(
                 I,
                 {
                   defaultValue: p.phone,
-                  label: i.mobile_number,
-                  onChange: (f) => P({ phone: f.target.value }),
+                  label: r.mobile_number,
+                  onChange: (f) => E({ phone: f.target.value }),
                   type: "tel"
                 }
               ),
-              q && /* @__PURE__ */ e(ve, {})
+              Y && /* @__PURE__ */ e(De, {})
             ] })
           ] }),
-          /* @__PURE__ */ c(h, { direction: s ? "column" : "row", spacing: s ? 44 : 24, sx: { mb: 44 }, children: [
+          /* @__PURE__ */ c(h, { direction: l ? "column" : "row", spacing: l ? 44 : 24, sx: { mb: 44 }, children: [
             /* @__PURE__ */ e(ye, { dateAdapter: ge, children: /* @__PURE__ */ e(
               be,
               {
-                label: i.birthdate,
-                onChange: (f) => P({ birthday: _e(f) }),
+                label: r.birthdate,
+                onChange: (f) => E({ birthday: _e(f) }),
                 slotProps: {
                   nextIconButton: {
                     sx: {
@@ -183,8 +183,8 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
               I,
               {
                 defaultValue: p.postal_code,
-                label: i.zip_code,
-                onChange: (f) => P({ postal_code: f.target.value })
+                label: r.zip_code,
+                onChange: (f) => E({ postal_code: f.target.value })
               }
             )
           ] }),
@@ -193,17 +193,17 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
               I,
               {
                 defaultValue: p.credit_score,
-                label: i.credit_score,
-                onChange: (f) => P({ credit_score: Number(f.target.value) }),
+                label: r.credit_score,
+                onChange: (f) => E({ credit_score: Number(f.target.value) }),
                 sx: { mb: 44 }
               }
             ),
             /* @__PURE__ */ e(
-              X,
+              Q,
               {
                 disabled: !C,
-                onClick: se,
-                sx: { width: r ? 272 : 124 },
+                onClick: le,
+                sx: { width: i ? 272 : 124 },
                 variant: "contained",
                 children: n.save_button
               }
@@ -213,39 +213,39 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      $,
       {
-        copy: { title: i.discard_changes },
+        copy: { title: r.discard_changes },
         isOpen: T,
         onClose: ce,
-        onSecondaryAction: le,
-        primaryText: i.keep_editing,
-        secondaryText: i.leave,
-        children: i.discard_changes_message
+        onSecondaryAction: se,
+        primaryText: r.keep_editing,
+        secondaryText: r.leave,
+        children: r.discard_changes_message
       }
     )
   ] });
-}, Ue = D(Oe);
+}, Fe = D(Ue);
 var y = /* @__PURE__ */ ((t) => (t.Delete = "delete", t.Edit = "edit", t.Token = "token", t))(y || {});
-const Fe = ({
+const Ve = ({
   devices: t,
   onClickDeviceEdit: a,
   onClickDeviceDelete: o
 }) => {
-  const n = A(), { settings: i } = w(), d = [
+  const n = R(), { settings: r } = k(), d = [
     {
       field: "name",
-      headerName: i.mobile_devices_column_name,
+      headerName: r.mobile_devices_column_name,
       renderHeader: O,
-      renderCell: (r) => /* @__PURE__ */ c(h, { alignItems: "center", direction: "row", gap: 4, children: [
-        /* @__PURE__ */ e(v, { variant: "body2", children: r.value }),
+      renderCell: (i) => /* @__PURE__ */ c(h, { alignItems: "center", direction: "row", gap: 4, children: [
+        /* @__PURE__ */ e(v, { variant: "Small", children: i.value }),
         /* @__PURE__ */ e(
           V,
           {
-            "aria-label": i.mobile_devices_edit_label,
+            "aria-label": r.mobile_devices_edit_label,
             color: "secondary",
-            onClick: () => a(r.row),
-            children: /* @__PURE__ */ e(N, { name: "edit" })
+            onClick: () => a(i.row),
+            children: /* @__PURE__ */ e(M, { name: "edit" })
           }
         )
       ] }),
@@ -255,7 +255,7 @@ const Fe = ({
     },
     {
       field: "device_type",
-      headerName: i.mobile_devices_column_type,
+      headerName: r.mobile_devices_column_type,
       renderHeader: O,
       sortable: !0,
       hideSortIcons: !1,
@@ -264,9 +264,9 @@ const Fe = ({
     },
     {
       field: "created_at",
-      headerName: i.mobile_devices_column_added,
+      headerName: r.mobile_devices_column_added,
       renderHeader: O,
-      valueFormatter: (r) => oe(ne(r), { addSuffix: !0 }),
+      valueFormatter: (i) => oe(ne(i), { addSuffix: !0 }),
       sortable: !0,
       hideSortIcons: !1,
       flex: 1,
@@ -276,32 +276,32 @@ const Fe = ({
       field: "delete",
       headerName: "",
       renderHeader: O,
-      renderCell: (r) => /* @__PURE__ */ e(h, { mr: 4, children: /* @__PURE__ */ e(
+      renderCell: (i) => /* @__PURE__ */ e(h, { mr: 4, children: /* @__PURE__ */ e(
         V,
         {
-          "aria-label": i.mobile_devices_delete_label,
+          "aria-label": r.mobile_devices_delete_label,
           color: "secondary",
-          onClick: () => o(r.row),
-          children: /* @__PURE__ */ e(N, { name: "delete" })
+          onClick: () => o(i.row),
+          children: /* @__PURE__ */ e(M, { name: "delete" })
         }
       ) }),
       sortable: !1,
       hideSortIcons: !1,
       width: 58
     }
-  ], s = u.useMemo(() => t.map((r) => ({
-    id: r.guid,
-    ...r,
-    device_type: `${r.make} ${r.model}`
+  ], l = u.useMemo(() => t.map((i) => ({
+    id: i.guid,
+    ...i,
+    device_type: `${i.make} ${i.model}`
   })), [t]);
   return /* @__PURE__ */ e(F, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-    De,
+    ke,
     {
       columns: d,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
       disableRowSelectionOnClick: !0,
-      rows: s,
+      rows: l,
       slotProps: {
         footer: {
           sx: { justifyContent: "flex-end" }
@@ -318,8 +318,8 @@ const Fe = ({
               alignItems: "center",
               p: "12px 16px"
             },
-            children: /* @__PURE__ */ e(v, { color: n.palette.text.secondary, variant: "body2", children: L(
-              i.mobile_devices_count,
+            children: /* @__PURE__ */ e(v, { color: n.palette.text.secondary, variant: "Small", children: N(
+              r.mobile_devices_count,
               /* @__PURE__ */ e("b", { children: t.length }),
               /* @__PURE__ */ e("b", { children: t.length })
             ) })
@@ -328,7 +328,7 @@ const Fe = ({
       },
       sx: {
         border: "1px solid",
-        borderColor: n.palette.neutral.light,
+        borderColor: n.palette.border.light,
         borderRadius: "8px",
         "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
           color: n.palette.primary.main,
@@ -342,47 +342,47 @@ const Fe = ({
       }
     }
   ) });
-}, Ve = ({
+}, We = ({
   devices: t,
   onClickDeviceEdit: a,
   onClickDeviceDelete: o
 }) => {
-  const n = A(), { settings: i } = w(), [d, s] = u.useState(!1), r = (l) => (b, _) => {
-    s(_ ? l : !1);
+  const n = R(), { settings: r } = k(), [d, l] = u.useState(!1), i = (s) => (b, _) => {
+    l(_ ? s : !1);
   };
   return /* @__PURE__ */ c(h, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
-    t.map((l) => /* @__PURE__ */ c(
-      ke,
+    t.map((s) => /* @__PURE__ */ c(
+      we,
       {
-        expanded: d === l.guid,
-        onChange: r(l.guid),
+        expanded: d === s.guid,
+        onChange: i(s.guid),
         sx: { boxShadow: "none" },
         children: [
           /* @__PURE__ */ e(
-            Se,
+            Ie,
             {
-              expandIcon: /* @__PURE__ */ e(N, { color: "secondary", name: "keyboard_arrow_down", size: 24 }),
+              expandIcon: /* @__PURE__ */ e(M, { color: "secondary", name: "keyboard_arrow_down", size: 24 }),
               sx: {
                 padding: "14px 24px",
                 borderBottom: "1px solid",
-                borderColor: n.palette.neutral.light
+                borderColor: n.palette.border.light
               },
               children: /* @__PURE__ */ c(h, { gap: 4, children: [
-                /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: l.name }),
-                /* @__PURE__ */ e(v, { color: n.palette.text.secondary, variant: "body2", children: `${l.make} ${l.model}` }),
-                /* @__PURE__ */ e(v, { color: n.palette.text.secondary, variant: "body2", children: oe(ne(l.created_at), { addSuffix: !0 }) })
+                /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: s.name }),
+                /* @__PURE__ */ e(v, { color: n.palette.text.secondary, variant: "Small", children: `${s.make} ${s.model}` }),
+                /* @__PURE__ */ e(v, { color: n.palette.text.secondary, variant: "Small", children: oe(ne(s.created_at), { addSuffix: !0 }) })
               ] })
             }
           ),
           /* @__PURE__ */ c(
-            we,
+            Te,
             {
               sx: { backgroundColor: n.palette.background.default, p: "0 0 0 24px" },
               children: [
                 /* @__PURE__ */ c(
                   h,
                   {
-                    onClick: () => a(l),
+                    onClick: () => a(s),
                     sx: {
                       alignItems: "center",
                       flexDirection: "row",
@@ -391,18 +391,18 @@ const Fe = ({
                       py: 16,
                       cursor: "pointer",
                       borderBottom: "1px solid",
-                      borderColor: n.palette.neutral.light
+                      borderColor: n.palette.border.light
                     },
                     children: [
-                      /* @__PURE__ */ e(V, { "aria-label": i.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ e(N, { name: "edit" }) }),
-                      /* @__PURE__ */ e(v, { variant: "body1", children: i.mobile_devices_edit_label })
+                      /* @__PURE__ */ e(V, { "aria-label": r.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ e(M, { name: "edit" }) }),
+                      /* @__PURE__ */ e(v, { variant: "Body", children: r.mobile_devices_edit_label })
                     ]
                   }
                 ),
                 /* @__PURE__ */ c(
                   h,
                   {
-                    onClick: () => o(l),
+                    onClick: () => o(s),
                     sx: {
                       alignItems: "center",
                       flexDirection: "row",
@@ -412,8 +412,8 @@ const Fe = ({
                       cursor: "pointer"
                     },
                     children: [
-                      /* @__PURE__ */ e(V, { "aria-label": i.mobile_devices_delete_label, color: "secondary", children: /* @__PURE__ */ e(N, { name: "delete" }) }),
-                      /* @__PURE__ */ e(v, { variant: "body1", children: i.mobile_devices_delete_label })
+                      /* @__PURE__ */ e(V, { "aria-label": r.mobile_devices_delete_label, color: "secondary", children: /* @__PURE__ */ e(M, { name: "delete" }) }),
+                      /* @__PURE__ */ e(v, { variant: "Body", children: r.mobile_devices_delete_label })
                     ]
                   }
                 )
@@ -422,7 +422,7 @@ const Fe = ({
           )
         ]
       },
-      l.guid
+      s.guid
     )),
     /* @__PURE__ */ e(
       F,
@@ -430,45 +430,45 @@ const Fe = ({
         sx: {
           backgroundColor: n.palette.background.default,
           borderTop: "1px solid",
-          borderColor: n.palette.neutral.light,
+          borderColor: n.palette.border.light,
           p: "12px 16px"
         },
-        children: /* @__PURE__ */ e(v, { color: n.palette.text.secondary, variant: "body2", children: L(
-          i.mobile_devices_count,
+        children: /* @__PURE__ */ e(v, { color: n.palette.text.secondary, variant: "Small", children: N(
+          r.mobile_devices_count,
           /* @__PURE__ */ e("b", { children: t.length }),
           /* @__PURE__ */ e("b", { children: t.length })
         ) })
       }
     )
   ] });
-}, We = ({
+}, $e = ({
   dialogType: t,
   isOpen: a,
   onClose: o,
   device: n,
-  deviceToken: i = ""
+  deviceToken: r = ""
 }) => {
-  const d = A(), { common: s, settings: r } = w(), { updateDevice: l, deleteDevice: b, setAlert: _, loadDevices: m } = E(), [p, k] = u.useState("");
+  const d = R(), { common: l, settings: i } = k(), { updateDevice: s, deleteDevice: b, setAlert: _, loadDevices: m } = A(), [p, S] = u.useState("");
   u.useEffect(() => {
-    n && k(n.name);
+    n && S(n.name);
   }, [n, t]);
   const C = () => {
     switch (t) {
       case y.Edit:
-        return r.mobile_devices_edit_label;
+        return i.mobile_devices_edit_label;
       case y.Delete:
-        return r.mobile_devices_delete_label;
+        return i.mobile_devices_delete_label;
       default:
         return "";
     }
-  }, S = () => {
+  }, w = () => {
     switch (t) {
       case y.Token:
-        return s.done_button;
+        return l.done_button;
       case y.Edit:
-        return s.save_button;
+        return l.save_button;
       case y.Delete:
-        return s.delete_button;
+        return l.delete_button;
       default:
         return "";
     }
@@ -499,7 +499,7 @@ const Fe = ({
         justifyContent: "flex-end"
       },
       ...t === y.Delete && {
-        "& .MuiTypography-body1": {
+        "& .MuiTypography-Body": {
           padding: 0
         }
       }
@@ -507,21 +507,21 @@ const Fe = ({
   }, x = async () => {
     if (t === y.Token && o(), t === y.Edit && n) {
       const g = { ...n, name: p };
-      (await l(g)).success ? (_(r.mobile_devices_edit_success, "success"), m()) : _(
-        L(r.mobile_devices_edit_error, n.name),
+      (await s(g)).success ? (_(i.mobile_devices_edit_success, "success"), m()) : _(
+        N(i.mobile_devices_edit_error, n.name),
         "error"
       ), o();
     }
     t === y.Delete && n && ((await b(n.guid)).success ? (_(
-      L(r.mobile_devices_delete_success, n.name),
+      N(i.mobile_devices_delete_success, n.name),
       "success"
     ), m()) : _(
-      L(r.mobile_devices_delete_error, n.name),
+      N(i.mobile_devices_delete_error, n.name),
       "error"
     ), o());
   };
   return /* @__PURE__ */ c(
-    W,
+    $,
     {
       copy: { title: C() },
       isOpen: a,
@@ -529,48 +529,48 @@ const Fe = ({
       onPrimaryAction: x,
       onSecondaryAction: o,
       primaryColor: t === y.Delete ? "error" : void 0,
-      primaryText: S(),
-      secondaryText: t === y.Token ? s.back : s.cancel_button,
+      primaryText: w(),
+      secondaryText: t === y.Token ? l.back : l.cancel_button,
       sx: T(),
       children: [
         t === y.Token && /* @__PURE__ */ c(h, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
-          /* @__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(v, { bold: !0, truncate: !1, variant: "Body", children: i.mobile_devices_access_label }),
+          /* @__PURE__ */ e(v, { truncate: !1, variant: "Small", children: i.mobile_devices_access_info_1 }),
           /* @__PURE__ */ e(
             v,
             {
               sx: {
-                border: `1px solid ${d.palette.neutral.light}`,
+                border: `1px solid ${d.palette.border.light}`,
                 borderRadius: "4px",
                 p: "16px 32px"
               },
-              variant: "h1",
-              children: i
+              variant: "H1",
+              children: r
             }
           ),
-          /* @__PURE__ */ e(v, { truncate: !1, variant: "body2", children: r.mobile_devices_access_info_2 })
+          /* @__PURE__ */ e(v, { truncate: !1, variant: "Small", children: i.mobile_devices_access_info_2 })
         ] }),
-        t === y.Edit && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(I, { onChange: (g) => k(g.target.value), value: p }) }),
-        t === y.Delete && /* @__PURE__ */ e(B, { children: r.mobile_devices_delete_info })
+        t === y.Edit && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(I, { onChange: (g) => S(g.target.value), value: p }) }),
+        t === y.Delete && /* @__PURE__ */ e(L, { children: i.mobile_devices_delete_info })
       ]
     }
   );
-}, ze = D(We), Ge = D(() => {
-  const { isMobile: t } = H(), { settings: a } = w(), { isCopyLoaded: o, isInitialized: n } = Z(), { setAlert: i, devices: d, loadDevices: s, generateDeviceToken: r } = E(), [l, b] = u.useState({ open: !1, type: "" }), [_, m] = u.useState(), [p, k] = u.useState("");
+}, ze = D($e), Ge = D(() => {
+  const { isMobile: t } = H(), { settings: a } = k(), { isCopyLoaded: o, isInitialized: n } = Z(), { setAlert: r, devices: d, loadDevices: l, generateDeviceToken: i } = A(), [s, b] = u.useState({ open: !1, type: "" }), [_, m] = u.useState(), [p, S] = u.useState("");
   u.useEffect(() => {
-    n && s();
+    n && l();
   }, [n]);
   const C = async () => {
-    const g = await r();
-    g ? (k(g), b({ open: !0, type: y.Token })) : i(a.mobile_devices_access_error, "error");
-  }, S = (g) => {
+    const g = await i();
+    g ? (S(g), b({ open: !0, type: y.Token })) : r(a.mobile_devices_access_error, "error");
+  }, w = (g) => {
     m(g), b({ open: !0, type: y.Edit });
   }, T = (g) => {
     m(g), b({ open: !0, type: y.Delete });
   }, x = () => {
     b({ open: !1, type: "" }), m(void 0);
   };
-  return !o || !n ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ c(
+  return !o || !n ? /* @__PURE__ */ e(re, {}) : /* @__PURE__ */ c(
     h,
     {
       sx: {
@@ -581,123 +581,123 @@ const Fe = ({
       children: [
         /* @__PURE__ */ c(h, { gap: 4, children: [
           /* @__PURE__ */ e(J, { children: a.mobile_devices_title }),
-          /* @__PURE__ */ e(B, { variant: "body1", children: a.mobile_devices_info })
+          /* @__PURE__ */ e(L, { variant: "Body", children: a.mobile_devices_info })
         ] }),
         t ? /* @__PURE__ */ e(
-          Ve,
+          We,
           {
             devices: d,
             onClickDeviceDelete: T,
-            onClickDeviceEdit: S
+            onClickDeviceEdit: w
           }
         ) : /* @__PURE__ */ e(
-          Fe,
+          Ve,
           {
             devices: d,
             onClickDeviceDelete: T,
-            onClickDeviceEdit: S
+            onClickDeviceEdit: w
           }
         ),
         /* @__PURE__ */ c(h, { sx: { alignItems: "center", px: 24, py: 12, gap: 4 }, children: [
-          /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: a.mobile_devices_access_title }),
-          /* @__PURE__ */ e(B, { align: "center", variant: "body2", children: a.mobile_devices_access_description }),
-          /* @__PURE__ */ e(X, { onClick: C, variant: "text", children: a.mobile_devices_access_cta })
+          /* @__PURE__ */ e(v, { bold: !0, variant: "Body", children: a.mobile_devices_access_title }),
+          /* @__PURE__ */ e(L, { align: "center", variant: "Small", children: a.mobile_devices_access_description }),
+          /* @__PURE__ */ e(Q, { onClick: C, variant: "text", children: a.mobile_devices_access_cta })
         ] }),
         /* @__PURE__ */ e(
           ze,
           {
             device: _,
             deviceToken: p,
-            dialogType: l.type,
-            isOpen: l.open,
+            dialogType: s.type,
+            isOpen: s.open,
             onClose: x
           }
         )
       ]
     }
   );
-}), Y = D(
+}), je = Ge, X = D(
   ({ onClick: t, primaryText: a, secondaryText: o, sx: n }) => {
-    const i = A();
-    return /* @__PURE__ */ e(Pe, { sx: { bgcolor: i.palette.background.paper }, children: /* @__PURE__ */ c(Re, { alignItems: "flex-start", onClick: t, sx: n, children: [
-      /* @__PURE__ */ e(Ne, { primary: a, secondary: o }),
-      /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(Le, {}) })
+    const r = R();
+    return /* @__PURE__ */ e(Be, { sx: { bgcolor: r.palette.background.paper }, children: /* @__PURE__ */ c(Me, { alignItems: "flex-start", onClick: t, sx: n, children: [
+      /* @__PURE__ */ e(Le, { primary: a, secondary: o }),
+      /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(ve, {}) })
     ] }) });
   }
-), $e = D(() => {
-  const { settings: t } = w(), { categories: a } = ee(), { selectedRule: o, updateRuleCategory: n } = E(), [i, d] = u.useState(!1), s = () => {
+), Je = D(() => {
+  const { settings: t } = k(), { categories: a } = ee(), { selectedRule: o, updateRuleCategory: n } = A(), [r, d] = u.useState(!1), l = () => {
     d(!1);
-  }, r = () => {
+  }, i = () => {
     d(!0);
-  }, l = (_) => a.find((m) => m.guid === _)?.name, b = async (_) => {
-    o && o.category_guid !== _ && (o.category_guid = _, await n(o)), s();
+  }, s = (_) => a.find((m) => m.guid === _)?.name, b = async (_) => {
+    o && o.category_guid !== _ && (o.category_guid = _, await n(o)), l();
   };
   return /* @__PURE__ */ c(u.Fragment, { children: [
     /* @__PURE__ */ e(
-      Y,
+      X,
       {
-        onClick: r,
-        primaryText: o?.category_guid ? l(o.category_guid) : "",
+        onClick: i,
+        primaryText: o?.category_guid ? s(o.category_guid) : "",
         secondaryText: t.category
       }
     ),
     /* @__PURE__ */ e(
-      Ae,
+      Re,
       {
         initialSelected: o?.category_guid ? o.category_guid : void 0,
-        onClose: s,
+        onClose: l,
         onSelect: b,
-        showDrawer: i,
+        showDrawer: r,
         title: t.select_category
       }
     )
   ] });
-}), je = D(() => {
-  const { common: t, settings: a } = w(), { selectedRule: o, updateRulePayee: n } = E(), i = A(), [d, s] = u.useState(!1), r = o?.description ? o.description : o?.match_description, [l, b] = u.useState(r || ""), _ = () => {
-    s(!0);
+}), Ke = D(() => {
+  const { common: t, settings: a } = k(), { selectedRule: o, updateRulePayee: n } = A(), r = R(), [d, l] = u.useState(!1), i = o?.description ? o.description : o?.match_description, [s, b] = u.useState(i || ""), _ = () => {
+    l(!0);
   }, m = async () => {
-    l !== r && o && (o.description = l, await n(o), s(!1));
+    s !== i && o && (o.description = s, await n(o), l(!1));
   };
   return /* @__PURE__ */ c(u.Fragment, { children: [
     /* @__PURE__ */ e(
-      Y,
+      X,
       {
         onClick: _,
-        primaryText: r,
+        primaryText: i,
         secondaryText: a.payee
       }
     ),
     /* @__PURE__ */ e(
-      W,
+      $,
       {
         copy: { title: a.edit_payee },
         isOpen: d,
-        onClose: () => s(!1),
+        onClose: () => l(!1),
         onPrimaryAction: m,
-        onSecondaryAction: () => s(!1),
+        onSecondaryAction: () => l(!1),
         primaryText: t.save_button,
         secondaryText: t.cancel_button,
         sx: {
           "& .MuiDialogContent-root": { pt: 0, width: 400 },
-          path: { fill: i.palette.secondary.dark }
+          path: { fill: r.palette.secondary.darker }
         },
         children: /* @__PURE__ */ e(
           I,
           {
             onChange: (p) => b(p.target.value),
             sx: { width: 352 },
-            value: l
+            value: s
           }
         )
       }
     )
   ] });
-}), Je = D(({ onClose: t, onDelete: a, isOpen: o }) => {
-  const { common: n, settings: i } = w(), d = A();
+}), Xe = D(({ onClose: t, onDelete: a, isOpen: o }) => {
+  const { common: n, settings: r } = k(), d = R();
   return /* @__PURE__ */ e(
-    W,
+    $,
     {
-      copy: { title: i.delete_rule },
+      copy: { title: r.delete_rule },
       isOpen: o,
       onClose: t,
       onPrimaryAction: a,
@@ -707,44 +707,44 @@ const Fe = ({
       secondaryText: n.cancel_button,
       sx: {
         "& .MuiButton-outlined": {
-          borderColor: d.palette.divider,
+          borderColor: d.palette.border.main,
           color: d.palette.secondary.main
         },
         "& .MuiDialogContent-root": { pt: 0, width: 400 },
-        path: { fill: d.palette.secondary.dark }
+        path: { fill: d.palette.secondary.darker }
       },
-      children: /* @__PURE__ */ e(v, { truncate: !1, variant: "body2", children: i.delete_rule_confirm })
+      children: /* @__PURE__ */ e(v, { truncate: !1, variant: "Small", children: r.delete_rule_confirm })
     }
   );
-}), Ke = D(
+}), Ye = D(
   ({ isOpen: t, onClose: a, onDelete: o }) => {
-    const { common: n, settings: i } = w(), d = A(), [s, r] = u.useState(!1);
+    const { common: n, settings: r } = k(), d = R(), [l, i] = u.useState(!1);
     return /* @__PURE__ */ c(
-      Be,
+      He,
       {
         hasSecondaryAction: !1,
         isOpen: t,
         onClose: a,
         onPrimaryAction: () => {
-          r(!0);
+          i(!0);
         },
         primaryColor: "error",
         primaryText: n.delete_button,
         sx: {
-          "& .MuiToolbar-root": { borderTop: `1px solid ${d.palette.neutral.light}` }
+          "& .MuiToolbar-root": { borderTop: `1px solid ${d.palette.border.light}` }
         },
-        title: i.edit_rule,
+        title: r.edit_rule,
         children: [
-          /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ e(v, { bold: !0, variant: "caption", children: i.details }) }),
-          /* @__PURE__ */ e(je, {}),
+          /* @__PURE__ */ e(Ee, { children: /* @__PURE__ */ e(v, { bold: !0, variant: "XSmall", children: r.details }) }),
+          /* @__PURE__ */ e(Ke, {}),
           /* @__PURE__ */ e(j, { sx: { ml: 24 } }),
-          /* @__PURE__ */ e($e, {}),
+          /* @__PURE__ */ e(Je, {}),
           /* @__PURE__ */ e(j, { sx: { ml: 24 } }),
           /* @__PURE__ */ e(
-            Je,
+            Xe,
             {
-              isOpen: s,
-              onClose: () => r(!1),
+              isOpen: l,
+              onClose: () => i(!1),
               onDelete: o
             }
           )
@@ -752,28 +752,28 @@ const Fe = ({
       }
     );
   }
-), Ye = D(({ rule: t }) => {
-  const { categories: a } = ee(), { setSelectedGuid: o } = Ee(), { deleteTransactionRule: n, setSelectedRule: i } = E(), { isDesktop: d, isTablet: s } = H(), [r, l] = u.useState(!1), b = () => {
-    l(!1), o(null), i(void 0);
+), qe = D(({ rule: t }) => {
+  const { categories: a } = ee(), { setSelectedGuid: o } = Pe(), { deleteTransactionRule: n, setSelectedRule: r } = A(), { isDesktop: d, isTablet: l } = H(), [i, s] = u.useState(!1), b = () => {
+    s(!1), o(null), r(void 0);
   }, _ = async () => {
     await n(), b();
   }, m = () => {
-    l(!0), i(t);
-  }, p = (k) => a.find((C) => C.guid === k)?.name;
+    s(!0), r(t);
+  }, p = (S) => a.find((C) => C.guid === S)?.name;
   return /* @__PURE__ */ c(u.Fragment, { children: [
     /* @__PURE__ */ e(
-      Y,
+      X,
       {
         onClick: m,
         primaryText: t.description ? t.description : t.match_description,
         secondaryText: t.category_guid ? p(t.category_guid) : ""
       }
     ),
-    /* @__PURE__ */ e(j, { sx: { ml: s || d ? 0 : 24 } }),
-    /* @__PURE__ */ e(Ke, { isOpen: r, onClose: b, onDelete: _ })
+    /* @__PURE__ */ e(j, { sx: { ml: l || d ? 0 : 24 } }),
+    /* @__PURE__ */ e(Ye, { isOpen: i, onClose: b, onDelete: _ })
   ] });
-}), re = D(() => {
-  const { settings: t } = w(), { loadTransactionRules: a, transactionRules: o } = E(), { onLoad: n } = te();
+}), Qe = D(() => {
+  const { settings: t } = k(), { loadTransactionRules: a, transactionRules: o } = A(), { onLoad: n } = te();
   return u.useEffect(() => {
     a().finally(() => {
       n?.("TransactionRulesTab");
@@ -781,20 +781,20 @@ const Fe = ({
   }, []), /* @__PURE__ */ c(h, { sx: { gap: 24, py: 24 }, children: [
     /* @__PURE__ */ c(h, { sx: { px: 24 }, children: [
       /* @__PURE__ */ e(J, { children: t.transaction_rules_label }),
-      /* @__PURE__ */ e(B, { variant: "body1", children: t.transaction_rules_description })
+      /* @__PURE__ */ e(L, { variant: "Body", children: t.transaction_rules_description })
     ] }),
-    /* @__PURE__ */ e(Te, { children: o.map((i, d) => /* @__PURE__ */ e(Ye, { rule: i }, d)) })
+    /* @__PURE__ */ e(Ae, { children: o.map((r, d) => /* @__PURE__ */ e(qe, { rule: r }, d)) })
   ] });
-}), qe = D(({ selectedTab: t }) => {
-  const { alert: a, setAlert: o } = E(), {
+}), ie = Qe, Ze = D(({ selectedTab: t }) => {
+  const { alert: a, setAlert: o } = A(), {
     config: { display_user_profile_in_settings: n }
-  } = z();
-  return /* @__PURE__ */ c(Q, { children: [
-    t === M.Profile && /* @__PURE__ */ e(Ue, {}),
-    t === M.Devices && /* @__PURE__ */ e(Ge, {}),
-    t === M.Notifications && /* @__PURE__ */ e($, { showPersonalDetails: !n }),
-    t === M.TransactionRules && /* @__PURE__ */ e(re, {}),
-    t === M.Help && /* @__PURE__ */ e(h, { sx: { px: 24 }, children: /* @__PURE__ */ e(He, {}) }),
+  } = W();
+  return /* @__PURE__ */ c(q, { children: [
+    t === B.Profile && /* @__PURE__ */ e(Fe, {}),
+    t === B.Devices && /* @__PURE__ */ e(je, {}),
+    t === B.Notifications && /* @__PURE__ */ e(G, { showPersonalDetails: !n }),
+    t === B.TransactionRules && /* @__PURE__ */ e(ie, {}),
+    t === B.Help && /* @__PURE__ */ e(h, { sx: { px: 24 }, children: /* @__PURE__ */ e(Oe, {}) }),
     /* @__PURE__ */ e(
       fe,
       {
@@ -817,69 +817,69 @@ const Fe = ({
     )
   ] });
 });
-var M = /* @__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))(M || {});
-const Ft = D(({ onBackClick: t, sx: a }) => {
-  const { settings: o } = w(), { isCopyLoaded: n, isInitialized: i } = Z(), { config: d } = z(), { isMobile: s } = H(), { onLoad: r } = te();
+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 || {});
+const $t = D(({ onBackClick: t, sx: a }) => {
+  const { settings: o } = k(), { isCopyLoaded: n, isInitialized: r } = Z(), { config: d } = W(), { isMobile: l } = H(), { onLoad: i } = te();
   u.useEffect(() => {
-    i && n && r?.("SettingsWidget");
-  }, [i, n]);
+    r && n && i?.("SettingsWidget");
+  }, [r, n]);
   const {
-    display_user_profile_in_settings: l,
+    display_user_profile_in_settings: s,
     display_mobile_devices_in_settings: b,
     display_notification_settings_in_settings: _,
     display_user_transaction_rules_in_settings: m,
     show_help_widget_in_master: p
-  } = d, k = [
-    { enabled: l, index: 0, label: o?.profile_label },
+  } = d, S = [
+    { enabled: s, index: 0, label: o?.profile_label },
     { enabled: b, index: 1, label: o?.mobile_devices_label },
     { enabled: _, index: 2, label: o?.notifications_label },
     { enabled: m, index: 3, label: o?.transaction_rules_label },
     { enabled: p, index: 4, label: o?.help_label }
-  ], C = k.find((x) => x.enabled), [S, T] = u.useState(C ? C.index : -1);
-  return !n || !i ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ e(
+  ], C = S.find((x) => x.enabled), [w, T] = u.useState(C ? C.index : -1);
+  return !n || !r ? /* @__PURE__ */ e(re, {}) : /* @__PURE__ */ e(
     K,
     {
       onBackClick: t,
       sx: { height: "calc(100dvh - 24px)", overflow: "auto", ...a },
       title: o.title,
-      children: /* @__PURE__ */ c(h, { mx: s ? 0 : 48, my: 24, children: [
+      children: /* @__PURE__ */ c(h, { mx: l ? 0 : 48, my: 24, children: [
         /* @__PURE__ */ e(
           pe,
           {
             onChange: (x, g) => T(g),
             sx: { bgcolor: "background.paper" },
             textColor: "primary",
-            value: S,
+            value: w,
             variant: "scrollable",
-            children: k.map(
+            children: S.map(
               (x) => x.enabled && /* @__PURE__ */ e(ue, { label: x.label, value: x.index }, x.index)
             )
           }
         ),
-        /* @__PURE__ */ e(qe, { selectedTab: S })
+        /* @__PURE__ */ e(Ze, { selectedTab: w })
       ] })
     }
   );
-}), Vt = D((t) => {
-  const { clientConfig: a } = z(), o = a?.master?.deep_link_params?.view;
-  return o ? /* @__PURE__ */ e($, { view: o }) : /* @__PURE__ */ e(K, { ...t, children: /* @__PURE__ */ e(h, { my: 24, children: /* @__PURE__ */ e($, {}) }) });
-}), Wt = (t) => {
+}), zt = D((t) => {
+  const { clientConfig: a } = W(), o = a?.master?.deep_link_params?.view;
+  return o ? /* @__PURE__ */ e(G, { view: o }) : /* @__PURE__ */ e(K, { ...t, children: /* @__PURE__ */ e(h, { my: 24, children: /* @__PURE__ */ e(G, {}) }) });
+}), Gt = (t) => {
   const { isMobile: a } = H();
-  return /* @__PURE__ */ e(K, { ...t, children: /* @__PURE__ */ e(h, { sx: { mx: a ? 0 : 48, my: 24 }, children: /* @__PURE__ */ e(re, {}) }) });
+  return /* @__PURE__ */ e(K, { ...t, children: /* @__PURE__ */ e(h, { sx: { mx: a ? 0 : 48, my: 24 }, children: /* @__PURE__ */ e(ie, {}) }) });
 };
 export {
-  Kt as AccountNotificationProfiles,
-  Yt as BudgetNotificationProfiles,
-  Ge as DeviceTab,
-  qt as InsightsNotificationProfiles,
-  $ as NotificationSettings,
-  Vt as NotificationSettingsWidget,
-  Ue as ProfileTab,
-  $t as SettingsApi,
-  jt as SettingsStore,
-  M as SettingsTabs,
-  Ft as SettingsWidget,
-  qe as SettingsWidgetContents,
-  re as TransactionRulesTab,
-  Wt as TransactionRulesWidget
+  qt as AccountNotificationProfiles,
+  Qt as BudgetNotificationProfiles,
+  je as DeviceTab,
+  Zt as InsightsNotificationProfiles,
+  G as NotificationSettings,
+  zt as NotificationSettingsWidget,
+  Fe as ProfileTab,
+  Kt as SettingsApi,
+  Xt as SettingsStore,
+  B as SettingsTabs,
+  $t as SettingsWidget,
+  Ze as SettingsWidgetContents,
+  ie as TransactionRulesTab,
+  Gt as TransactionRulesWidget
 };