@mx-cartographer/experiences 9.2.9-alpha.al4 → 9.2.9

package/dist/settings/index.es.js

@@ -1,234 +1,171 @@
-import { jsxs as m, jsx as e, Fragment as oe } from "react/jsx-runtime";
-import u from "react";
+import { jsxs as c, Fragment as X, jsx as e } from "react/jsx-runtime";
+import m from "react";
 import { observer as C } from "mobx-react-lite";
 import p from "@mui/material/Stack";
-import pe from "@mui/material/Tab";
-import he from "@mui/material/Tabs";
-import fe from "@mui/material/Alert";
-import _e from "@mui/material/Snackbar";
-import { getUnixTime as ge } from "date-fns/getUnixTime";
-import { AdapterDateFns as be } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DatePicker as ye } from "@mui/x-date-pickers";
-import { LocalizationProvider as xe } from "@mui/x-date-pickers/LocalizationProvider";
-import { useTheme as B, alpha as W } from "@mui/material/styles";
+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 _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 L, alpha as W } from "@mui/material/styles";
 import z from "@mui/material/Box";
-import Y from "@mui/material/Button";
-import P from "@mui/material/TextField";
-import { Text as x, H3 as Z, P as L, Icon as O } from "@mxenabled/mxui";
-import N from "@mui/material/IconButton";
-import X from "@mui/material/InputAdornment";
-import { ChevronRight as ne, VisibilityOff as ee, Visibility as te, ChevronLeft as ve } from "@mxenabled/mx-icons";
-import { u as A, A as I, i as G, C as Ce, a as ie, l as j } from "../hooks-97sNJ_lf.mjs";
-import { D as U } from "../Dialog-Bvd2n8hz.mjs";
-import { V as we, a as De, N as J } from "../NotificationSettings-DXYTQcTs.mjs";
-import { A as Xt, B as eo, I as to } from "../NotificationSettings-DXYTQcTs.mjs";
+import Z from "@mui/material/Button";
+import I from "@mui/material/TextField";
+import { H3 as Y, P as M, Text as x, Icon as B } from "@mxenabled/mxui";
+import { V as xe, a as ve, N as J } from "../NotificationSettings-CW7okUrk.mjs";
+import { A as Jt, B as Kt, I as Yt } from "../NotificationSettings-CW7okUrk.mjs";
+import { u as k, i as G, A as E, C as Ce, a as ee, l as j } from "../hooks-97sNJ_lf.mjs";
 import { u as F } from "../useScreenSize-mWpmnh5w.mjs";
-import { formatDistanceToNow as re } from "date-fns/formatDistanceToNow";
-import { fromUnixTime as ae } from "date-fns/fromUnixTime";
-import { DataGridPro as Se } from "@mui/x-data-grid-pro";
+import { D as $ } from "../Dialog-Bvd2n8hz.mjs";
+import { formatDistanceToNow as te } from "date-fns/formatDistanceToNow";
+import { fromUnixTime as oe } from "date-fns/fromUnixTime";
+import O from "@mui/material/IconButton";
+import { DataGridPro as De } from "@mui/x-data-grid-pro";
 import { b as H } from "../Localization-DnoVyBNK.mjs";
 import { H as V } from "../HeaderCell-P8w6CmfO.mjs";
 import ke from "@mui/material/Accordion";
-import Ae from "@mui/material/AccordionDetails";
-import Te from "@mui/material/AccordionSummary";
-import { L as se } from "../Loader-CxeBwuPG.mjs";
-import Pe from "@mui/material/List";
+import we from "@mui/material/AccordionDetails";
+import Se from "@mui/material/AccordionSummary";
+import { L as ie } from "../Loader-CxeBwuPG.mjs";
+import Te from "@mui/material/List";
 import K from "@mui/material/Divider";
-import Ie from "@mui/material/ListSubheader";
-import { b as Ee, u as Ne } from "../CategorySelectorDrawer-NJsFsKP1.mjs";
-import Re 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 Oe } from "../Drawer-DsnW2o0v.mjs";
-import { u as le } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { H as He } from "../Help-D4sOpItq.mjs";
+import Ae from "@mui/material/ListSubheader";
+import { b as Ie, u as Ee } from "../CategorySelectorDrawer-BYeVJ_kO.mjs";
+import Pe from "@mui/material/ListItem";
+import Re from "@mui/material/ListItemButton";
+import Ne from "@mui/material/ListItemIcon";
+import Me from "@mui/material/ListItemText";
+import { ChevronRight as Le, ChevronLeft as Be } from "@mxenabled/mx-icons";
+import { D as He } from "../Drawer-DsnW2o0v.mjs";
+import { u as ne } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
+import { H as Oe } from "../Help-D4sOpItq.mjs";
 import { W as q } from "../WidgetContainer-eosXfD5G.mjs";
-const Ue = 12, Fe = /[a-zA-Z]/, Ve = /\d/, We = "Passwords must be at least 12 characters, and must contain at least one number and one letter.", ze = C(() => {
-  const { common: t, settings: r } = A(), { updatePassword: n } = I(), [o, i] = u.useState(!1), [l, c] = u.useState(""), [a, s] = u.useState(""), [d, h] = u.useState(!1), [f, y] = u.useState(!1), S = l.length >= Ue && Fe.test(l) && Ve.test(l) && l === a, v = () => {
-    i(!1), c(""), s(""), h(!1), y(!1);
-  }, w = () => {
-    i(!0);
-  }, k = () => {
-    n({ new_password: l, new_password_again: a });
-  };
-  return /* @__PURE__ */ m(p, { children: [
-    /* @__PURE__ */ m(Y, { onClick: w, children: [
-      /* @__PURE__ */ e(x, { variant: "body2", children: r.reset_password }),
-      /* @__PURE__ */ e(ne, {})
-    ] }),
-    /* @__PURE__ */ e(
-      U,
-      {
-        copy: { title: r.reset_password },
-        disablePrimaryButton: !S,
-        isOpen: o,
-        onClose: v,
-        onPrimaryAction: k,
-        onSecondaryAction: v,
-        primaryText: r.save_password,
-        secondaryText: t.cancel_button,
-        sx: {
-          "& .MuiToolbar-root:last-child": {
-            padding: 24,
-            justifyContent: "flex-end"
-          }
-        },
-        children: /* @__PURE__ */ m(p, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
-          /* @__PURE__ */ e(x, { variant: "body1", children: We }),
-          /* @__PURE__ */ e(
-            P,
-            {
-              label: r.new_password,
-              onChange: (D) => c(D.target.value),
-              slotProps: {
-                input: {
-                  endAdornment: /* @__PURE__ */ e(X, { position: "end", children: /* @__PURE__ */ e(N, { edge: "end", onClick: () => h(!d), children: d ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ e(te, {}) }) })
-                }
-              },
-              type: d ? "text" : "password",
-              value: l
-            }
-          ),
-          /* @__PURE__ */ e(
-            P,
-            {
-              label: r.confirm_new_password,
-              onChange: (D) => s(D.target.value),
-              slotProps: {
-                input: {
-                  endAdornment: /* @__PURE__ */ e(X, { position: "end", children: /* @__PURE__ */ e(
-                    N,
-                    {
-                      edge: "end",
-                      onClick: () => y(!f),
-                      children: f ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ e(te, {})
-                    }
-                  ) })
-                }
-              },
-              type: f ? "text" : "password",
-              value: a
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-}), Ge = ({ availableWidth: t, handleOnLeaveClick: r }) => {
-  const n = B(), { common: o, settings: i } = A(), { isMobile: l } = F(t), { config: c } = G(), { updateUser: a } = I(), { user: s } = Ce(), [d, h] = u.useState({
-    first_name: s.first_name,
-    last_name: s.last_name,
-    email: s.email,
-    phone: s.phone,
-    birthday: s.birthday,
-    postal_code: s.postal_code,
-    credit_score: s.credit_score
-  }), [f, y] = u.useState(!1), [S, v] = u.useState(!1), w = u.useRef(null), k = d.email && !s.email_is_verified && !f, D = d.phone && !s.phone_is_verified && !f;
-  u.useEffect(() => {
+const Fe = ({ availableWidth: t, handleOnLeavClick: r }) => {
+  const i = L(), { common: o, settings: n } = k(), { isDesktop: u, isMobile: s, isSmallMobile: a, isTablet: l } = F(t), { config: b } = G(), { updateUser: _ } = E(), { user: d } = Ce(), [h, w] = m.useState({
+    first_name: d.first_name,
+    last_name: d.last_name,
+    email: d.email,
+    phone: d.phone,
+    birthday: d.birthday,
+    postal_code: d.postal_code,
+    credit_score: d.credit_score
+  }), [v, S] = m.useState(!1), [A, T] = m.useState(!1), g = m.useRef(null), D = h.email && !d.email_is_verified && !v, U = h.phone && !d.phone_is_verified && !v;
+  m.useEffect(() => {
     if (r) {
-      const _ = (R) => {
-        w.current && !w.current.contains(R.target) && f && v(!0);
+      const f = (R) => {
+        g.current && !g.current.contains(R.target) && v && T(!0);
       };
-      return document.addEventListener("mousedown", _), () => {
-        document.removeEventListener("mousedown", _);
+      return document.addEventListener("mousedown", f), () => {
+        document.removeEventListener("mousedown", f);
       };
     }
-  }, [f]);
-  const b = () => {
-    if (d.birthday) {
-      const _ = new Date(d.birthday * 1e3), R = _.getUTCFullYear(), me = _.getUTCMonth(), ue = _.getUTCDate();
-      return new Date(R, me, ue);
+  }, [v]);
+  const ae = () => {
+    if (h.birthday) {
+      const f = new Date(h.birthday * 1e3), R = f.getUTCFullYear(), de = f.getUTCMonth(), me = f.getUTCDate();
+      return new Date(R, de, me);
     }
-  }, T = async () => {
-    await a({ ...s, ...d }), y(!1);
-  }, $ = () => {
-    v(!1), r && r();
-  }, de = () => {
-    v(!1);
-  }, E = (_) => {
+  }, se = async () => {
+    await _({ ...d, ...h }), S(!1);
+  }, le = () => {
+    T(!1), r && r();
+  }, ce = () => {
+    T(!1);
+  }, P = (f) => {
     const R = {
-      ...d,
-      ..._
+      ...h,
+      ...f
     };
-    h(R), y(JSON.stringify({ ...s, ...R }) !== JSON.stringify(s));
+    w(R), S(JSON.stringify({ ...d, ...R }) !== JSON.stringify(d));
   };
-  return /* @__PURE__ */ m(oe, { children: [
-    /* @__PURE__ */ m(
+  return /* @__PURE__ */ c(X, { children: [
+    /* @__PURE__ */ c(
       z,
       {
         component: "form",
-        ref: w,
+        ref: g,
         sx: {
           backgroundColor: "background.paper",
           p: 24,
+          width: a ? 320 : l ? 680 : u ? 990 : 400,
           "& .MuiTextField-root": {
-            flex: 1
+            width: a ? 272 : l ? 328 : u ? 483 : 352
           }
         },
         children: [
-          /* @__PURE__ */ e(Z, { children: i.personal_details }),
-          /* @__PURE__ */ e(L, { variant: "body1", children: i.update_information }),
-          /* @__PURE__ */ m(p, { direction: l ? "column" : "row", spacing: 24, sx: { mb: 24, pt: 24 }, children: [
-            /* @__PURE__ */ e(
-              P,
-              {
-                defaultValue: d.first_name,
-                label: i.first_name,
-                onChange: (_) => E({ first_name: _.target.value })
-              }
-            ),
-            /* @__PURE__ */ e(
-              P,
-              {
-                defaultValue: d.last_name,
-                label: i.last_name,
-                onChange: (_) => E({ last_name: _.target.value })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ m(p, { direction: l ? "column" : "row", children: [
-            c.display_email_edit_field_in_settings && /* @__PURE__ */ m(p, { sx: { flex: 1, mb: k ? 20 : 24, mr: l ? 0 : 24 }, children: [
+          /* @__PURE__ */ e(Y, { children: n.personal_details }),
+          /* @__PURE__ */ e(M, { variant: "body1", children: n.update_information }),
+          /* @__PURE__ */ c(
+            p,
+            {
+              direction: s ? "column" : "row",
+              spacing: s ? 44 : 24,
+              sx: { mb: 44, pt: 32 },
+              children: [
+                /* @__PURE__ */ e(
+                  I,
+                  {
+                    defaultValue: h.first_name,
+                    label: n.first_name,
+                    onChange: (f) => P({ first_name: f.target.value })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  I,
+                  {
+                    defaultValue: h.last_name,
+                    label: n.last_name,
+                    onChange: (f) => P({ last_name: f.target.value })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ c(p, { direction: s ? "column" : "row", children: [
+            b.display_email_edit_field_in_settings && /* @__PURE__ */ c(p, { sx: { mb: D ? 20 : 44, mr: s ? 0 : 24 }, children: [
               /* @__PURE__ */ e(
-                P,
+                I,
                 {
-                  defaultValue: d.email,
-                  label: i.email_address,
-                  onChange: (_) => E({ email: _.target.value })
+                  defaultValue: h.email,
+                  label: n.email_address,
+                  onChange: (f) => P({ email: f.target.value })
                 }
               ),
-              k && /* @__PURE__ */ e(we, {})
+              D && /* @__PURE__ */ e(xe, {})
             ] }),
-            c.display_sms_edit_field_in_settings && /* @__PURE__ */ m(p, { sx: { flex: 1, mb: D ? 20 : 24 }, children: [
+            b.display_sms_edit_field_in_settings && /* @__PURE__ */ c(p, { sx: { mb: U ? 20 : 44 }, children: [
               /* @__PURE__ */ e(
-                P,
+                I,
                 {
-                  defaultValue: d.phone,
-                  label: i.mobile_number,
-                  onChange: (_) => E({ phone: _.target.value }),
+                  defaultValue: h.phone,
+                  label: n.mobile_number,
+                  onChange: (f) => P({ phone: f.target.value }),
                   type: "tel"
                 }
               ),
-              D && /* @__PURE__ */ e(De, {})
+              U && /* @__PURE__ */ e(ve, {})
             ] })
           ] }),
-          /* @__PURE__ */ m(p, { direction: l ? "column" : "row", spacing: 24, sx: { mb: 24 }, children: [
-            /* @__PURE__ */ e(xe, { dateAdapter: be, children: /* @__PURE__ */ e(
-              ye,
+          /* @__PURE__ */ c(p, { direction: s ? "column" : "row", spacing: s ? 44 : 24, sx: { mb: 44 }, children: [
+            /* @__PURE__ */ e(ye, { dateAdapter: ge, children: /* @__PURE__ */ e(
+              be,
               {
-                label: i.birthdate,
-                onChange: (_) => E({ birthday: ge(_) }),
+                label: n.birthdate,
+                onChange: (f) => P({ birthday: _e(f) }),
                 slotProps: {
                   nextIconButton: {
                     sx: {
                       color: "primary.main",
-                      "&:hover": { backgroundColor: W(n.palette.primary.light, 0.1) }
+                      "&:hover": { backgroundColor: W(i.palette.primary.light, 0.1) }
                     }
                   },
                   previousIconButton: {
                     sx: {
                       color: "primary.main",
-                      "&:hover": { backgroundColor: W(n.palette.primary.light, 0.1) }
+                      "&:hover": { backgroundColor: W(i.palette.primary.light, 0.1) }
                     }
                   }
                 },
@@ -236,37 +173,37 @@ const Ue = 12, Fe = /[a-zA-Z]/, Ve = /\d/, We = "Passwords must be at least 12 c
                   width: "100%",
                   "& .MuiIconButton-edgeEnd": {
                     color: "primary.main",
-                    "&:hover": { backgroundColor: W(n.palette.primary.light, 0.1) }
+                    "&:hover": { backgroundColor: W(i.palette.primary.light, 0.1) }
                   }
                 },
-                value: b()
+                value: ae()
               }
             ) }),
             /* @__PURE__ */ e(
-              P,
+              I,
               {
-                defaultValue: d.postal_code,
-                label: i.zip_code,
-                onChange: (_) => E({ postal_code: _.target.value })
+                defaultValue: h.postal_code,
+                label: n.zip_code,
+                onChange: (f) => P({ postal_code: f.target.value })
               }
             )
           ] }),
-          /* @__PURE__ */ m(p, { children: [
+          /* @__PURE__ */ c(p, { children: [
             /* @__PURE__ */ e(
-              P,
+              I,
               {
-                defaultValue: d.credit_score,
-                label: i.credit_score,
-                onChange: (_) => E({ credit_score: Number(_.target.value) })
+                defaultValue: h.credit_score,
+                label: n.credit_score,
+                onChange: (f) => P({ credit_score: Number(f.target.value) }),
+                sx: { mb: 44 }
               }
             ),
-            c.display_password_options_in_settings && /* @__PURE__ */ e(ze, {}),
             /* @__PURE__ */ e(
-              Y,
+              Z,
               {
-                disabled: !f,
-                onClick: T,
-                sx: { width: l ? "100%" : 124 },
+                disabled: !v,
+                onClick: se,
+                sx: { width: a ? 272 : 124 },
                 variant: "contained",
                 children: o.save_button
               }
@@ -276,39 +213,39 @@ const Ue = 12, Fe = /[a-zA-Z]/, Ve = /\d/, We = "Passwords must be at least 12 c
       }
     ),
     /* @__PURE__ */ e(
-      U,
+      $,
       {
-        copy: { title: i.discard_changes },
-        isOpen: S,
-        onClose: de,
-        onSecondaryAction: $,
-        primaryText: i.keep_editing,
-        secondaryText: i.leave,
-        children: i.discard_changes_message
+        copy: { title: n.discard_changes },
+        isOpen: A,
+        onClose: ce,
+        onSecondaryAction: le,
+        primaryText: n.keep_editing,
+        secondaryText: n.leave,
+        children: n.discard_changes_message
       }
     )
   ] });
-}, je = C(Ge);
-var g = /* @__PURE__ */ ((t) => (t.Delete = "delete", t.Edit = "edit", t.Token = "token", t))(g || {});
-const $e = ({
+}, Ue = C(Fe);
+var y = /* @__PURE__ */ ((t) => (t.Delete = "delete", t.Edit = "edit", t.Token = "token", t))(y || {});
+const Ve = ({
   devices: t,
   onClickDeviceEdit: r,
-  onClickDeviceDelete: n
+  onClickDeviceDelete: i
 }) => {
-  const o = B(), { settings: i } = A(), l = [
+  const o = L(), { settings: n } = k(), u = [
     {
       field: "name",
-      headerName: i.mobile_devices_column_name,
+      headerName: n.mobile_devices_column_name,
       renderHeader: V,
-      renderCell: (a) => /* @__PURE__ */ m(p, { alignItems: "center", direction: "row", gap: 4, children: [
+      renderCell: (a) => /* @__PURE__ */ c(p, { alignItems: "center", direction: "row", gap: 4, children: [
         /* @__PURE__ */ e(x, { variant: "body2", children: a.value }),
         /* @__PURE__ */ e(
-          N,
+          O,
           {
-            "aria-label": i.mobile_devices_edit_label,
+            "aria-label": n.mobile_devices_edit_label,
             color: "secondary",
             onClick: () => r(a.row),
-            children: /* @__PURE__ */ e(O, { name: "edit" })
+            children: /* @__PURE__ */ e(B, { name: "edit" })
           }
         )
       ] }),
@@ -318,7 +255,7 @@ const $e = ({
     },
     {
       field: "device_type",
-      headerName: i.mobile_devices_column_type,
+      headerName: n.mobile_devices_column_type,
       renderHeader: V,
       sortable: !0,
       hideSortIcons: !1,
@@ -327,9 +264,9 @@ const $e = ({
     },
     {
       field: "created_at",
-      headerName: i.mobile_devices_column_added,
+      headerName: n.mobile_devices_column_added,
       renderHeader: V,
-      valueFormatter: (a) => re(ae(a), { addSuffix: !0 }),
+      valueFormatter: (a) => te(oe(a), { addSuffix: !0 }),
       sortable: !0,
       hideSortIcons: !1,
       flex: 1,
@@ -340,31 +277,31 @@ const $e = ({
       headerName: "",
       renderHeader: V,
       renderCell: (a) => /* @__PURE__ */ e(p, { mr: 4, children: /* @__PURE__ */ e(
-        N,
+        O,
         {
-          "aria-label": i.mobile_devices_delete_label,
+          "aria-label": n.mobile_devices_delete_label,
           color: "secondary",
-          onClick: () => n(a.row),
-          children: /* @__PURE__ */ e(O, { name: "delete" })
+          onClick: () => i(a.row),
+          children: /* @__PURE__ */ e(B, { name: "delete" })
         }
       ) }),
       sortable: !1,
       hideSortIcons: !1,
       width: 58
     }
-  ], c = 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(z, { sx: { width: "100%" }, children: /* @__PURE__ */ e(
-    Se,
+    De,
     {
-      columns: l,
+      columns: u,
       disableColumnFilter: !0,
       disableColumnMenu: !0,
       disableRowSelectionOnClick: !0,
-      rows: c,
+      rows: s,
       slotProps: {
         footer: {
           sx: { justifyContent: "flex-end" }
@@ -382,7 +319,7 @@ const $e = ({
               p: "12px 16px"
             },
             children: /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: H(
-              i.mobile_devices_count,
+              n.mobile_devices_count,
               /* @__PURE__ */ e("b", { children: t.length }),
               /* @__PURE__ */ e("b", { children: t.length })
             ) })
@@ -405,47 +342,47 @@ const $e = ({
       }
     }
   ) });
-}, Je = ({
+}, We = ({
   devices: t,
   onClickDeviceEdit: r,
-  onClickDeviceDelete: n
+  onClickDeviceDelete: i
 }) => {
-  const o = B(), { settings: i } = A(), [l, c] = u.useState(!1), a = (s) => (d, h) => {
-    c(h ? s : !1);
+  const o = L(), { settings: n } = k(), [u, s] = m.useState(!1), a = (l) => (b, _) => {
+    s(_ ? l : !1);
   };
-  return /* @__PURE__ */ m(p, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
-    t.map((s) => /* @__PURE__ */ m(
+  return /* @__PURE__ */ c(p, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
+    t.map((l) => /* @__PURE__ */ c(
       ke,
       {
-        expanded: l === s.guid,
-        onChange: a(s.guid),
+        expanded: u === l.guid,
+        onChange: a(l.guid),
         sx: { boxShadow: "none" },
         children: [
           /* @__PURE__ */ e(
-            Te,
+            Se,
             {
-              expandIcon: /* @__PURE__ */ e(O, { 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: o.palette.divider
               },
-              children: /* @__PURE__ */ m(p, { gap: 4, children: [
-                /* @__PURE__ */ e(x, { bold: !0, variant: "body1", children: s.name }),
-                /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: `${s.make} ${s.model}` }),
-                /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: re(ae(s.created_at), { addSuffix: !0 }) })
+              children: /* @__PURE__ */ c(p, { 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__ */ m(
-            Ae,
+          /* @__PURE__ */ c(
+            we,
             {
               sx: { backgroundColor: o.palette.background.default, p: "0 0 0 24px" },
               children: [
-                /* @__PURE__ */ m(
+                /* @__PURE__ */ c(
                   p,
                   {
-                    onClick: () => r(s),
+                    onClick: () => r(l),
                     sx: {
                       alignItems: "center",
                       flexDirection: "row",
@@ -457,15 +394,15 @@ const $e = ({
                       borderColor: o.palette.divider
                     },
                     children: [
-                      /* @__PURE__ */ e(N, { "aria-label": i.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ e(O, { name: "edit" }) }),
-                      /* @__PURE__ */ e(x, { variant: "body1", children: i.mobile_devices_edit_label })
+                      /* @__PURE__ */ e(O, { "aria-label": n.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ e(B, { name: "edit" }) }),
+                      /* @__PURE__ */ e(x, { variant: "body1", children: n.mobile_devices_edit_label })
                     ]
                   }
                 ),
-                /* @__PURE__ */ m(
+                /* @__PURE__ */ c(
                   p,
                   {
-                    onClick: () => n(s),
+                    onClick: () => i(l),
                     sx: {
                       alignItems: "center",
                       flexDirection: "row",
@@ -475,8 +412,8 @@ const $e = ({
                       cursor: "pointer"
                     },
                     children: [
-                      /* @__PURE__ */ e(N, { "aria-label": i.mobile_devices_delete_label, color: "secondary", children: /* @__PURE__ */ e(O, { name: "delete" }) }),
-                      /* @__PURE__ */ e(x, { variant: "body1", children: i.mobile_devices_delete_label })
+                      /* @__PURE__ */ e(O, { "aria-label": n.mobile_devices_delete_label, color: "secondary", children: /* @__PURE__ */ e(B, { name: "delete" }) }),
+                      /* @__PURE__ */ e(x, { variant: "body1", children: n.mobile_devices_delete_label })
                     ]
                   }
                 )
@@ -485,7 +422,7 @@ const $e = ({
           )
         ]
       },
-      s.guid
+      l.guid
     )),
     /* @__PURE__ */ e(
       z,
@@ -497,53 +434,53 @@ const $e = ({
           p: "12px 16px"
         },
         children: /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: H(
-          i.mobile_devices_count,
+          n.mobile_devices_count,
           /* @__PURE__ */ e("b", { children: t.length }),
           /* @__PURE__ */ e("b", { children: t.length })
         ) })
       }
     )
   ] });
-}, Ke = ({
+}, ze = ({
   dialogType: t,
   isOpen: r,
-  onClose: n,
+  onClose: i,
   device: o,
-  deviceToken: i = ""
+  deviceToken: n = ""
 }) => {
-  const l = B(), { common: c, settings: a } = A(), { updateDevice: s, deleteDevice: d, setAlert: h, loadDevices: f } = I(), [y, S] = u.useState("");
-  u.useEffect(() => {
-    o && S(o.name);
+  const u = L(), { common: s, settings: a } = k(), { updateDevice: l, deleteDevice: b, setAlert: _, loadDevices: d } = E(), [h, w] = m.useState("");
+  m.useEffect(() => {
+    o && w(o.name);
   }, [o, t]);
   const v = () => {
     switch (t) {
-      case g.Edit:
+      case y.Edit:
         return a.mobile_devices_edit_label;
-      case g.Delete:
+      case y.Delete:
         return a.mobile_devices_delete_label;
       default:
         return "";
     }
-  }, w = () => {
+  }, S = () => {
     switch (t) {
-      case g.Token:
-        return c.done_button;
-      case g.Edit:
-        return c.save_button;
-      case g.Delete:
-        return c.delete_button;
+      case y.Token:
+        return s.done_button;
+      case y.Edit:
+        return s.save_button;
+      case y.Delete:
+        return s.delete_button;
       default:
         return "";
     }
-  }, k = () => {
-    const b = {
+  }, A = () => {
+    const g = {
       "& .MuiDialogContent-root": {
         width: 400,
         pt: 0
       }
     };
-    return t === g.Token ? {
-      ...b,
+    return t === y.Token ? {
+      ...g,
       "& .MuiToolbar-root:last-child": {
         padding: "32px 60px 48px",
         justifyContent: "center"
@@ -555,85 +492,85 @@ const $e = ({
         flex: 1
       }
     } : {
-      ...b,
+      ...g,
       "& .MuiToolbar-root:last-child": {
         gap: 8,
         padding: 24,
         justifyContent: "flex-end"
       },
-      ...t === g.Delete && {
+      ...t === y.Delete && {
         "& .MuiTypography-body1": {
           padding: 0
         }
       }
     };
-  }, D = async () => {
-    if (t === g.Token && n(), t === g.Edit && o) {
-      const b = { ...o, name: y };
-      (await s(b)).success ? (h(a.mobile_devices_edit_success, "success"), f()) : h(
+  }, T = async () => {
+    if (t === y.Token && i(), t === y.Edit && o) {
+      const g = { ...o, name: h };
+      (await l(g)).success ? (_(a.mobile_devices_edit_success, "success"), d()) : _(
         H(a.mobile_devices_edit_error, o.name),
         "error"
-      ), n();
+      ), i();
     }
-    t === g.Delete && o && ((await d(o.guid)).success ? (h(
+    t === y.Delete && o && ((await b(o.guid)).success ? (_(
       H(a.mobile_devices_delete_success, o.name),
       "success"
-    ), f()) : h(
+    ), d()) : _(
       H(a.mobile_devices_delete_error, o.name),
       "error"
-    ), n());
+    ), i());
   };
-  return /* @__PURE__ */ m(
-    U,
+  return /* @__PURE__ */ c(
+    $,
     {
       copy: { title: v() },
       isOpen: r,
-      onClose: n,
-      onPrimaryAction: D,
-      onSecondaryAction: n,
-      primaryColor: t === g.Delete ? "error" : void 0,
-      primaryText: w(),
-      secondaryText: t === g.Token ? c.back : c.cancel_button,
-      sx: k(),
+      onClose: i,
+      onPrimaryAction: T,
+      onSecondaryAction: i,
+      primaryColor: t === y.Delete ? "error" : void 0,
+      primaryText: S(),
+      secondaryText: t === y.Token ? s.back : s.cancel_button,
+      sx: A(),
       children: [
-        t === g.Token && /* @__PURE__ */ m(p, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+        t === y.Token && /* @__PURE__ */ c(p, { 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(
-            L,
+            M,
             {
               sx: {
-                border: `1px solid ${l.palette.neutral.light}`,
+                border: `1px solid ${u.palette.neutral.light}`,
                 borderRadius: "4px",
                 p: "16px 32px"
               },
               variant: "h1",
-              children: i
+              children: n
             }
           ),
           /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: a.mobile_devices_access_info_2 })
         ] }),
-        t === g.Edit && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(P, { onChange: (b) => S(b.target.value), value: y }) }),
-        t === g.Delete && /* @__PURE__ */ e(L, { children: a.mobile_devices_delete_info })
+        t === y.Edit && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(I, { onChange: (g) => w(g.target.value), value: h }) }),
+        t === y.Delete && /* @__PURE__ */ e(M, { children: a.mobile_devices_delete_info })
       ]
     }
   );
-}, Ye = C(Ke), Ze = C(() => {
-  const { isMobile: t } = F(), { settings: r } = A(), { isCopyLoaded: n, isInitialized: o } = ie(), { setAlert: i, devices: l, loadDevices: c, generateDeviceToken: a } = I(), [s, d] = u.useState({ open: !1, type: "" }), [h, f] = u.useState(), [y, S] = u.useState("");
-  u.useEffect(() => {
-    o && c();
+}, Ge = C(ze), je = C(() => {
+  const { isMobile: t } = F(), { settings: r } = k(), { isCopyLoaded: i, isInitialized: o } = ee(), { setAlert: n, devices: u, loadDevices: s, generateDeviceToken: a } = E(), [l, b] = m.useState({ open: !1, type: "" }), [_, d] = m.useState(), [h, w] = m.useState("");
+  m.useEffect(() => {
+    o && s();
   }, [o]);
   const v = async () => {
-    const b = await a();
-    b ? (S(b), d({ open: !0, type: g.Token })) : i(r.mobile_devices_access_error, "error");
-  }, w = (b) => {
-    f(b), d({ open: !0, type: g.Edit });
-  }, k = (b) => {
-    f(b), d({ open: !0, type: g.Delete });
-  }, D = () => {
-    d({ open: !1, type: "" }), f(void 0);
+    const g = await a();
+    g ? (w(g), b({ open: !0, type: y.Token })) : n(r.mobile_devices_access_error, "error");
+  }, S = (g) => {
+    d(g), b({ open: !0, type: y.Edit });
+  }, A = (g) => {
+    d(g), b({ open: !0, type: y.Delete });
+  }, T = () => {
+    b({ open: !1, type: "" }), d(void 0);
   };
-  return !n || !o ? /* @__PURE__ */ e(se, {}) : /* @__PURE__ */ m(
+  return !i || !o ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ c(
     p,
     {
       sx: {
@@ -642,126 +579,126 @@ const $e = ({
         gap: 24
       },
       children: [
-        /* @__PURE__ */ m(p, { gap: 4, children: [
-          /* @__PURE__ */ e(Z, { children: r.mobile_devices_title }),
-          /* @__PURE__ */ e(L, { variant: "body1", children: r.mobile_devices_info })
+        /* @__PURE__ */ c(p, { gap: 4, children: [
+          /* @__PURE__ */ e(Y, { children: r.mobile_devices_title }),
+          /* @__PURE__ */ e(M, { variant: "body1", children: r.mobile_devices_info })
         ] }),
         t ? /* @__PURE__ */ e(
-          Je,
+          We,
           {
-            devices: l,
-            onClickDeviceDelete: k,
-            onClickDeviceEdit: w
+            devices: u,
+            onClickDeviceDelete: A,
+            onClickDeviceEdit: S
           }
         ) : /* @__PURE__ */ e(
-          $e,
+          Ve,
           {
-            devices: l,
-            onClickDeviceDelete: k,
-            onClickDeviceEdit: w
+            devices: u,
+            onClickDeviceDelete: A,
+            onClickDeviceEdit: S
           }
         ),
-        /* @__PURE__ */ m(p, { sx: { alignItems: "center", px: 24, py: 12, gap: 4 }, children: [
+        /* @__PURE__ */ c(p, { 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(L, { align: "center", variant: "body2", children: r.mobile_devices_access_description }),
-          /* @__PURE__ */ e(Y, { onClick: v, variant: "text", children: r.mobile_devices_access_cta })
+          /* @__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(
-          Ye,
+          Ge,
           {
-            device: h,
-            deviceToken: y,
-            dialogType: s.type,
-            isOpen: s.open,
-            onClose: D
+            device: _,
+            deviceToken: h,
+            dialogType: l.type,
+            isOpen: l.open,
+            onClose: T
           }
         )
       ]
     }
   );
 }), Q = C(
-  ({ onClick: t, primaryText: r, secondaryText: n, sx: o }) => {
-    const i = B();
-    return /* @__PURE__ */ e(Re, { sx: { bgcolor: i.palette.background.paper }, children: /* @__PURE__ */ m(Me, { alignItems: "flex-start", onClick: t, sx: o, children: [
-      /* @__PURE__ */ e(Be, { primary: r, secondary: n }),
-      /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e(ne, {}) })
+  ({ onClick: t, primaryText: r, secondaryText: i, sx: o }) => {
+    const n = L();
+    return /* @__PURE__ */ e(Pe, { sx: { bgcolor: n.palette.background.paper }, children: /* @__PURE__ */ c(Re, { alignItems: "flex-start", onClick: t, sx: o, children: [
+      /* @__PURE__ */ e(Me, { primary: r, secondary: i }),
+      /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(Le, {}) })
     ] }) });
   }
-), qe = C(() => {
-  const { settings: t } = A(), { categories: r } = j(), { selectedRule: n, updateRuleCategory: o } = I(), [i, l] = u.useState(!1), c = () => {
-    l(!1);
+), $e = C(() => {
+  const { settings: t } = k(), { categories: r } = j(), { selectedRule: i, updateRuleCategory: o } = E(), [n, u] = m.useState(!1), s = () => {
+    u(!1);
   }, a = () => {
-    l(!0);
-  }, s = (h) => r.find((f) => f.guid === h)?.name, d = async (h) => {
-    n && n.category_guid !== h && (n.category_guid = h, await o(n)), c();
+    u(!0);
+  }, l = (_) => r.find((d) => d.guid === _)?.name, b = async (_) => {
+    i && i.category_guid !== _ && (i.category_guid = _, await o(i)), s();
   };
-  return /* @__PURE__ */ m(u.Fragment, { children: [
+  return /* @__PURE__ */ c(m.Fragment, { children: [
     /* @__PURE__ */ e(
       Q,
       {
         onClick: a,
-        primaryText: n?.category_guid ? s(n.category_guid) : "",
+        primaryText: i?.category_guid ? l(i.category_guid) : "",
         secondaryText: t.category
       }
     ),
     /* @__PURE__ */ e(
-      Ee,
+      Ie,
       {
-        initialSelected: n?.category_guid ? n.category_guid : void 0,
-        onClose: c,
-        onSelect: d,
-        showDrawer: i,
+        initialSelected: i?.category_guid ? i.category_guid : void 0,
+        onClose: s,
+        onSelect: b,
+        showDrawer: n,
         title: t.select_category
       }
     )
   ] });
-}), Qe = C(() => {
-  const { common: t, settings: r } = A(), { selectedRule: n, updateRulePayee: o } = I(), i = B(), [l, c] = u.useState(!1), a = n?.description ? n.description : n?.match_description, [s, d] = u.useState(a || ""), h = () => {
-    c(!0);
-  }, f = async () => {
-    s !== a && n && (n.description = s, await o(n), c(!1));
+}), Je = C(() => {
+  const { common: t, settings: r } = k(), { selectedRule: i, updateRulePayee: o } = E(), n = L(), [u, s] = m.useState(!1), a = i?.description ? i.description : i?.match_description, [l, b] = m.useState(a || ""), _ = () => {
+    s(!0);
+  }, d = async () => {
+    l !== a && i && (i.description = l, await o(i), s(!1));
   };
-  return /* @__PURE__ */ m(u.Fragment, { children: [
+  return /* @__PURE__ */ c(m.Fragment, { children: [
     /* @__PURE__ */ e(
       Q,
       {
-        onClick: h,
+        onClick: _,
         primaryText: a,
         secondaryText: r.payee
       }
     ),
     /* @__PURE__ */ e(
-      U,
+      $,
       {
         copy: { title: r.edit_payee },
-        isOpen: l,
-        onClose: () => c(!1),
-        onPrimaryAction: f,
-        onSecondaryAction: () => c(!1),
+        isOpen: u,
+        onClose: () => s(!1),
+        onPrimaryAction: d,
+        onSecondaryAction: () => s(!1),
         primaryText: t.save_button,
         secondaryText: t.cancel_button,
         sx: {
           "& .MuiDialogContent-root": { pt: 0, width: 400 },
-          path: { fill: i.palette.secondary.darker }
+          path: { fill: n.palette.secondary.darker }
         },
         children: /* @__PURE__ */ e(
-          P,
+          I,
           {
-            onChange: (y) => d(y.target.value),
+            onChange: (h) => b(h.target.value),
             sx: { width: 352 },
-            value: s
+            value: l
           }
         )
       }
     )
   ] });
-}), Xe = C(({ onClose: t, onDelete: r, isOpen: n }) => {
-  const { common: o, settings: i } = A();
+}), Ke = C(({ onClose: t, onDelete: r, isOpen: i }) => {
+  const { common: o, settings: n } = k();
   return /* @__PURE__ */ e(
-    U,
+    $,
     {
-      copy: { title: i.delete_rule },
-      isOpen: n,
+      copy: { title: n.delete_rule },
+      isOpen: i,
       onClose: t,
       onPrimaryAction: r,
       onSecondaryAction: t,
@@ -770,98 +707,98 @@ const $e = ({
       secondaryColor: "secondary",
       secondaryText: o.cancel_button,
       sx: { "& .MuiDialogContent-root": { pt: 0, width: 400 } },
-      children: /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: i.delete_rule_confirm })
+      children: /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: n.delete_rule_confirm })
     }
   );
-}), et = C(
-  ({ isOpen: t, onClose: r, onDelete: n }) => {
-    const { common: o, settings: i } = A(), [l, c] = u.useState(!1);
-    return /* @__PURE__ */ m(
-      Oe,
+}), Ye = C(
+  ({ isOpen: t, onClose: r, onDelete: i }) => {
+    const { common: o, settings: n } = k(), [u, s] = m.useState(!1);
+    return /* @__PURE__ */ c(
+      He,
       {
         hasSecondaryAction: !1,
         isOpen: t,
         onClose: r,
         onPrimaryAction: () => {
-          c(!0);
+          s(!0);
         },
         primaryColor: "error",
         primaryText: o.delete_button,
-        title: i.edit_rule,
+        title: n.edit_rule,
         children: [
-          /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ e(x, { bold: !0, variant: "caption", children: i.details }) }),
-          /* @__PURE__ */ e(Qe, {}),
+          /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(x, { bold: !0, variant: "caption", children: n.details }) }),
+          /* @__PURE__ */ e(Je, {}),
           /* @__PURE__ */ e(K, { sx: { ml: 24 } }),
-          /* @__PURE__ */ e(qe, {}),
+          /* @__PURE__ */ e($e, {}),
           /* @__PURE__ */ e(K, { sx: { ml: 24 } }),
           /* @__PURE__ */ e(
-            Xe,
+            Ke,
             {
-              isOpen: l,
-              onClose: () => c(!1),
-              onDelete: n
+              isOpen: u,
+              onClose: () => s(!1),
+              onDelete: i
             }
           )
         ]
       }
     );
   }
-), tt = C(({ rule: t }) => {
-  const { categories: r } = j(), { setSelectedGuid: n } = Ne(), { deleteTransactionRule: o, setSelectedRule: i } = I(), { isDesktop: l, isTablet: c } = F(), [a, s] = u.useState(!1), d = () => {
-    s(!1), n(null), i(void 0);
-  }, h = async () => {
-    await o(), d();
-  }, f = () => {
-    s(!0), i(t);
-  }, y = (S) => r.find((v) => v.guid === S)?.name;
-  return /* @__PURE__ */ m(u.Fragment, { children: [
+), qe = C(({ rule: t }) => {
+  const { categories: r } = j(), { setSelectedGuid: i } = Ee(), { deleteTransactionRule: o, setSelectedRule: n } = E(), { isDesktop: u, isTablet: s } = F(), [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((v) => v.guid === w)?.name;
+  return /* @__PURE__ */ c(m.Fragment, { children: [
     /* @__PURE__ */ e(
       Q,
       {
-        onClick: f,
+        onClick: d,
         primaryText: t.description ? t.description : t.match_description,
-        secondaryText: t.category_guid ? y(t.category_guid) : ""
+        secondaryText: t.category_guid ? h(t.category_guid) : ""
       }
     ),
-    /* @__PURE__ */ e(K, { sx: { ml: c || l ? 0 : 24 } }),
-    /* @__PURE__ */ e(et, { isOpen: a, onClose: d, onDelete: h })
+    /* @__PURE__ */ e(K, { sx: { ml: s || u ? 0 : 24 } }),
+    /* @__PURE__ */ e(Ye, { isOpen: a, onClose: b, onDelete: _ })
   ] });
-}), ce = C(() => {
-  const { settings: t } = A(), { loadTransactionRules: r, transactionRules: n } = I(), [o, i] = u.useState(!1);
-  return le({
+}), re = C(() => {
+  const { settings: t } = k(), { loadTransactionRules: r, transactionRules: i } = E(), [o, n] = m.useState(!1);
+  return ne({
     widgetName: "TransactionRulesTab",
     isLoaded: o
-  }), u.useEffect(() => {
-    r().finally(() => i(!0));
-  }, []), /* @__PURE__ */ m(p, { sx: { gap: 24, py: 24 }, children: [
-    /* @__PURE__ */ m(p, { sx: { px: 24 }, children: [
-      /* @__PURE__ */ e(Z, { children: t.transaction_rules_label }),
-      /* @__PURE__ */ e(L, { variant: "body1", children: t.transaction_rules_description })
+  }), m.useEffect(() => {
+    r().finally(() => n(!0));
+  }, []), /* @__PURE__ */ c(p, { sx: { gap: 24, py: 24 }, children: [
+    /* @__PURE__ */ c(p, { sx: { px: 24 }, children: [
+      /* @__PURE__ */ e(Y, { children: t.transaction_rules_label }),
+      /* @__PURE__ */ e(M, { variant: "body1", children: t.transaction_rules_description })
     ] }),
-    /* @__PURE__ */ e(Pe, { children: n.map((l, c) => /* @__PURE__ */ e(tt, { rule: l }, c)) })
+    /* @__PURE__ */ e(Te, { children: i.map((u, s) => /* @__PURE__ */ e(qe, { rule: u }, s)) })
   ] });
-}), ot = C(({ selectedTab: t }) => {
-  const { alert: r, setAlert: n } = I(), {
+}), Qe = C(({ selectedTab: t }) => {
+  const { alert: r, setAlert: i } = E(), {
     config: { display_user_profile_in_settings: o }
   } = G();
-  return /* @__PURE__ */ m(oe, { children: [
-    t === M.Profile && /* @__PURE__ */ e(je, {}),
-    t === M.Devices && /* @__PURE__ */ e(Ze, {}),
-    t === M.Notifications && /* @__PURE__ */ e(J, { showPersonalDetails: !o }),
-    t === M.TransactionRules && /* @__PURE__ */ e(ce, {}),
-    t === M.Help && /* @__PURE__ */ e(p, { sx: { px: 24 }, children: /* @__PURE__ */ e(He, {}) }),
+  return /* @__PURE__ */ c(X, { children: [
+    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(p, { sx: { px: 24 }, children: /* @__PURE__ */ e(Oe, {}) }),
     /* @__PURE__ */ e(
-      _e,
+      fe,
       {
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         autoHideDuration: 3500,
-        onClose: () => n(""),
+        onClose: () => i(""),
         open: !!r.message,
         children: /* @__PURE__ */ e(
-          fe,
+          he,
           {
             onClose: () => {
-              n("");
+              i("");
             },
             severity: r.severity,
             variant: "filled",
@@ -872,86 +809,86 @@ const $e = ({
     )
   ] });
 });
-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 Kt = C(({ onBackClick: t, onMenuClick: r, sx: n }) => {
-  const { settings: o } = A(), { isCopyLoaded: i, isInitialized: l } = ie(), { config: c } = G(), { isMobile: a } = F(), { categoriesLoaded: s, loadCategories: d } = j();
-  le({
+var N = /* @__PURE__ */ ((t) => (t[t.Profile = 0] = "Profile", t[t.Devices = 1] = "Devices", t[t.Notifications = 2] = "Notifications", t[t.TransactionRules = 3] = "TransactionRules", t[t.Help = 4] = "Help", t))(N || {});
+const Wt = C(({ onBackClick: t, onMenuClick: r, sx: i }) => {
+  const { settings: o } = k(), { isCopyLoaded: n, isInitialized: u } = ee(), { config: s } = G(), { isMobile: a } = F(), { categoriesLoaded: l, loadCategories: b } = j();
+  ne({
     widgetName: "SettingsWidget",
-    isLoaded: l && i
-  }), u.useEffect(() => {
-    s || d().finally();
+    isLoaded: u && n
+  }), m.useEffect(() => {
+    l || b().finally();
   }, []);
   const {
-    display_user_profile_in_settings: h,
-    display_mobile_devices_in_settings: f,
-    display_notification_settings_in_settings: y,
-    display_user_transaction_rules_in_settings: S,
+    display_user_profile_in_settings: _,
+    display_mobile_devices_in_settings: d,
+    display_notification_settings_in_settings: h,
+    display_user_transaction_rules_in_settings: w,
     show_help_widget_in_master: v
-  } = c, w = [
-    { enabled: h, index: 0, label: o?.profile_label },
-    { enabled: f, index: 1, label: o?.mobile_devices_label },
-    { enabled: y, index: 2, label: o?.notifications_label },
-    { enabled: S, index: 3, label: o?.transaction_rules_label },
+  } = s, S = [
+    { enabled: _, index: 0, label: o?.profile_label },
+    { enabled: d, index: 1, label: o?.mobile_devices_label },
+    { enabled: h, index: 2, label: o?.notifications_label },
+    { enabled: w, index: 3, label: o?.transaction_rules_label },
     { enabled: v, index: 4, label: o?.help_label }
-  ], k = w.find((T) => T.enabled), [D, b] = u.useState(k ? k.index : -1);
-  return !i || !l ? /* @__PURE__ */ e(se, {}) : /* @__PURE__ */ e(
+  ], A = S.find((D) => D.enabled), [T, g] = m.useState(A ? A.index : -1);
+  return !n || !u ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ e(
     q,
     {
       onBackClick: t,
       onMenuClick: r,
       showAccountFilter: !1,
-      sx: { height: "calc(100dvh - 24px)", overflow: "auto", ...n },
+      sx: { height: "calc(100dvh - 24px)", overflow: "auto", ...i },
       title: o.title,
-      children: /* @__PURE__ */ m(p, { mx: a ? 0 : 48, my: 24, children: [
+      children: /* @__PURE__ */ c(p, { mx: a ? 0 : 48, my: 24, children: [
         /* @__PURE__ */ e(
-          he,
+          pe,
           {
-            onChange: (T, $) => b($),
+            onChange: (D, U) => g(U),
             sx: { bgcolor: "background.paper" },
             textColor: "primary",
-            value: D,
+            value: T,
             variant: "scrollable",
-            children: w.map(
-              (T) => T.enabled && /* @__PURE__ */ e(pe, { label: T.label, value: T.index }, T.index)
+            children: S.map(
+              (D) => D.enabled && /* @__PURE__ */ e(ue, { label: D.label, value: D.index }, D.index)
             )
           }
         ),
-        /* @__PURE__ */ e(ot, { selectedTab: D })
+        /* @__PURE__ */ e(Qe, { selectedTab: T })
       ] })
     }
   );
-}), Yt = C((t) => {
-  const { clientConfig: r } = G(), n = r?.master?.deep_link_params?.view, o = r?.master?.show_back_button;
-  return n ? /* @__PURE__ */ m(p, { children: [
+}), zt = C((t) => {
+  const { clientConfig: r } = G(), i = r?.master?.deep_link_params?.view, o = r?.master?.show_back_button;
+  return i ? /* @__PURE__ */ c(p, { children: [
     o && t.onBackClick && /* @__PURE__ */ e(
-      N,
+      O,
       {
         color: "primary",
         onClick: t.onBackClick,
         sx: { p: 10, alignSelf: "flex-start" },
-        children: /* @__PURE__ */ e(ve, { size: 24 })
+        children: /* @__PURE__ */ e(Be, { size: 24 })
       }
     ),
-    /* @__PURE__ */ e(J, { view: n })
+    /* @__PURE__ */ e(J, { view: i })
   ] }) : /* @__PURE__ */ e(q, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(p, { my: 24, children: /* @__PURE__ */ e(J, {}) }) });
-}), Zt = (t) => {
-  const { isMobile: r } = F(), { categoriesLoaded: n, loadCategories: o } = j();
-  return u.useEffect(() => {
-    n || o().finally();
-  }), /* @__PURE__ */ e(q, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(p, { sx: { mx: r ? 0 : 48, my: 24 }, children: /* @__PURE__ */ e(ce, {}) }) });
+}), Gt = (t) => {
+  const { isMobile: r } = F(), { categoriesLoaded: i, loadCategories: o } = j();
+  return m.useEffect(() => {
+    i || o().finally();
+  }), /* @__PURE__ */ e(q, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(p, { sx: { mx: r ? 0 : 48, my: 24 }, children: /* @__PURE__ */ e(re, {}) }) });
 };
 export {
-  Xt as AccountNotificationProfiles,
-  eo as BudgetNotificationProfiles,
-  Ze as DeviceTab,
-  to as InsightsNotificationProfiles,
+  Jt as AccountNotificationProfiles,
+  Kt as BudgetNotificationProfiles,
+  je as DeviceTab,
+  Yt as InsightsNotificationProfiles,
   J as NotificationSettings,
-  Yt as NotificationSettingsWidget,
-  je as ProfileTab,
-  M as SettingsTabs,
-  Kt as SettingsWidget,
-  ot as SettingsWidgetContents,
-  ce as TransactionRulesTab,
-  Zt as TransactionRulesWidget
+  zt as NotificationSettingsWidget,
+  Ue as ProfileTab,
+  N as SettingsTabs,
+  Wt as SettingsWidget,
+  Qe as SettingsWidgetContents,
+  re as TransactionRulesTab,
+  Gt as TransactionRulesWidget
 };
 //# sourceMappingURL=index.es.js.map