@mx-cartographer/experiences 7.0.24-alpha.sms2 → 7.0.24

package/dist/settings/index.es.js

@@ -2,10 +2,10 @@ import { S as Jt, a as Kt } from "../SettingsStore-B4gi6oOw.mjs";
 import { jsxs as c, Fragment as q, jsx as e } from "react/jsx-runtime";
 import h from "react";
 import { observer as D } from "mobx-react-lite";
-import u from "@mui/material/Stack";
+import p from "@mui/material/Stack";
 import me from "@mui/material/Tab";
-import pe from "@mui/material/Tabs";
-import ue from "@mui/material/Alert";
+import ue from "@mui/material/Tabs";
+import pe from "@mui/material/Alert";
 import he from "@mui/material/Snackbar";
 import { getUnixTime as fe } from "date-fns/getUnixTime";
 import { AdapterDateFns as _e } from "@mui/x-date-pickers/AdapterDateFnsV3";
@@ -18,7 +18,7 @@ import I from "@mui/material/TextField";
 import { H3 as J, P as H, Text as x, Icon as M, ChevronRightIcon as xe } from "@mxenabled/mxui";
 import { V as ve, a as Ce, N as G } from "../NotificationSettings-BJFyyZYE.mjs";
 import { A as Yt, B as qt, I as Qt } from "../NotificationSettings-BJFyyZYE.mjs";
-import { u as w, m as $, r as A, o as De, a as Z, k as ee } from "../hooks-DkUqN6JE.mjs";
+import { u as k, m as $, r as A, o as De, a as Z, k as ee } from "../hooks-DkUqN6JE.mjs";
 import { u as L } from "../useScreenSize-B6JyS_Lj.mjs";
 import { a as W } from "../Dialog-CWW597AF.mjs";
 import { formatDistanceToNow as te } from "date-fns/formatDistanceToNow";
@@ -28,8 +28,8 @@ import V from "@mui/material/IconButton";
 import { DataGridPro as Se } 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 ke from "@mui/material/AccordionDetails";
+import ke from "@mui/material/Accordion";
+import we from "@mui/material/AccordionDetails";
 import Te from "@mui/material/AccordionSummary";
 import { L as ne } from "../Loader-DUaFpDGv.mjs";
 import Ie from "@mui/material/List";
@@ -44,7 +44,7 @@ import { D as He } from "../Drawer-kEE73B87.mjs";
 import { H as Le } from "../Help-KAAMEubC.mjs";
 import { W as K } from "../WidgetContainer-CdBs9WOZ.mjs";
 const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
-  const o = ye(), { common: n, settings: i } = w(), { isDesktop: m, isMobile: l, isSmallMobile: r, isTablet: s } = L(t), { config: g } = $(), { updateUser: _ } = A(), { user: d } = De(), [p, S] = h.useState({
+  const o = ye(), { common: n, settings: r } = k(), { isDesktop: m, isMobile: l, isSmallMobile: i, isTablet: s } = L(t), { config: g } = $(), { updateUser: _ } = A(), { user: d } = De(), [u, S] = h.useState({
     first_name: d.first_name,
     last_name: d.last_name,
     email: d.email,
@@ -52,7 +52,7 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
     birthday: d.birthday,
     postal_code: d.postal_code,
     credit_score: d.credit_score
-  }), [v, k] = h.useState(!1), [C, T] = h.useState(!1), y = h.useRef(null), z = p.email && !d.email_is_verified && !v, Y = p.phone && !d.phone_is_verified && !v;
+  }), [v, w] = h.useState(!1), [C, T] = h.useState(!1), y = h.useRef(null), z = u.email && !d.email_is_verified && !v, Y = u.phone && !d.phone_is_verified && !v;
   h.useEffect(() => {
     if (a) {
       const f = (R) => {
@@ -63,23 +63,23 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
       };
     }
   }, [v]);
-  const re = () => {
-    if (p.birthday) {
-      const f = new Date(p.birthday * 1e3), R = f.getUTCFullYear(), ce = f.getUTCMonth(), de = f.getUTCDate();
+  const ie = () => {
+    if (u.birthday) {
+      const f = new Date(u.birthday * 1e3), R = f.getUTCFullYear(), ce = f.getUTCMonth(), de = f.getUTCDate();
       return new Date(R, ce, de);
     }
   }, ae = async () => {
-    await _({ ...d, ...p }), k(!1);
+    await _({ ...d, ...u }), w(!1);
   }, le = () => {
     T(!1), a && a();
   }, se = () => {
     T(!1);
   }, E = (f) => {
     const R = {
-      ...p,
+      ...u,
       ...f
     };
-    S(R), k(JSON.stringify({ ...d, ...R }) !== JSON.stringify(d));
+    S(R), w(JSON.stringify({ ...d, ...R }) !== JSON.stringify(d));
   };
   return /* @__PURE__ */ c(q, { children: [
     /* @__PURE__ */ c(
@@ -90,16 +90,16 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
         sx: {
           backgroundColor: "background.paper",
           p: 24,
-          width: r ? 320 : s ? 680 : m ? 990 : 400,
+          width: i ? 320 : s ? 680 : m ? 990 : 400,
           "& .MuiTextField-root": {
-            width: r ? 272 : s ? 328 : m ? 483 : 352
+            width: i ? 272 : s ? 328 : m ? 483 : 352
           }
         },
         children: [
-          /* @__PURE__ */ e(J, { children: i.personal_details }),
-          /* @__PURE__ */ e(H, { variant: "Body", children: i.update_information }),
+          /* @__PURE__ */ e(J, { children: r.personal_details }),
+          /* @__PURE__ */ e(H, { variant: "Body", children: r.update_information }),
           /* @__PURE__ */ c(
-            u,
+            p,
             {
               direction: l ? "column" : "row",
               spacing: l ? 44 : 24,
@@ -108,40 +108,40 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
                 /* @__PURE__ */ e(
                   I,
                   {
-                    defaultValue: p.first_name,
-                    label: i.first_name,
+                    defaultValue: u.first_name,
+                    label: r.first_name,
                     onChange: (f) => E({ first_name: f.target.value })
                   }
                 ),
                 /* @__PURE__ */ e(
                   I,
                   {
-                    defaultValue: p.last_name,
-                    label: i.last_name,
+                    defaultValue: u.last_name,
+                    label: r.last_name,
                     onChange: (f) => E({ last_name: f.target.value })
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ c(u, { direction: l ? "column" : "row", children: [
-            g.display_email_edit_field_in_settings && /* @__PURE__ */ c(u, { sx: { mb: z ? 20 : 44, mr: l ? 0 : 24 }, children: [
+          /* @__PURE__ */ c(p, { direction: l ? "column" : "row", children: [
+            g.display_email_edit_field_in_settings && /* @__PURE__ */ c(p, { sx: { mb: z ? 20 : 44, mr: l ? 0 : 24 }, children: [
               /* @__PURE__ */ e(
                 I,
                 {
-                  defaultValue: p.email,
-                  label: i.email_address,
+                  defaultValue: u.email,
+                  label: r.email_address,
                   onChange: (f) => E({ email: f.target.value })
                 }
               ),
               z && /* @__PURE__ */ e(ve, {})
             ] }),
-            g.display_sms_edit_field_in_settings && /* @__PURE__ */ c(u, { sx: { mb: Y ? 20 : 44 }, children: [
+            g.display_sms_edit_field_in_settings && /* @__PURE__ */ c(p, { sx: { mb: Y ? 20 : 44 }, children: [
               /* @__PURE__ */ e(
                 I,
                 {
-                  defaultValue: p.phone,
-                  label: i.mobile_number,
+                  defaultValue: u.phone,
+                  label: r.mobile_number,
                   onChange: (f) => E({ phone: f.target.value }),
                   type: "tel"
                 }
@@ -149,11 +149,11 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
               Y && /* @__PURE__ */ e(Ce, {})
             ] })
           ] }),
-          /* @__PURE__ */ c(u, { direction: l ? "column" : "row", spacing: l ? 44 : 24, sx: { mb: 44 }, children: [
+          /* @__PURE__ */ c(p, { direction: l ? "column" : "row", spacing: l ? 44 : 24, sx: { mb: 44 }, children: [
             /* @__PURE__ */ e(be, { dateAdapter: _e, children: /* @__PURE__ */ e(
               ge,
               {
-                label: i.birthdate,
+                label: r.birthdate,
                 onChange: (f) => E({ birthday: fe(f) }),
                 slotProps: {
                   nextIconButton: {
@@ -176,24 +176,24 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
                     "&:hover": { backgroundColor: U(o.palette.primary.light, 0.1) }
                   }
                 },
-                value: re()
+                value: ie()
               }
             ) }),
             /* @__PURE__ */ e(
               I,
               {
-                defaultValue: p.postal_code,
-                label: i.zip_code,
+                defaultValue: u.postal_code,
+                label: r.zip_code,
                 onChange: (f) => E({ postal_code: f.target.value })
               }
             )
           ] }),
-          /* @__PURE__ */ c(u, { children: [
+          /* @__PURE__ */ c(p, { children: [
             /* @__PURE__ */ e(
               I,
               {
-                defaultValue: p.credit_score,
-                label: i.credit_score,
+                defaultValue: u.credit_score,
+                label: r.credit_score,
                 onChange: (f) => E({ credit_score: Number(f.target.value) }),
                 sx: { mb: 44 }
               }
@@ -203,7 +203,7 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
               {
                 disabled: !v,
                 onClick: ae,
-                sx: { width: r ? 272 : 124 },
+                sx: { width: i ? 272 : 124 },
                 variant: "contained",
                 children: n.save_button
               }
@@ -215,13 +215,13 @@ const Oe = ({ availableWidth: t, handleOnLeavClick: a }) => {
     /* @__PURE__ */ e(
       W,
       {
-        copy: { title: i.discard_changes },
+        copy: { title: r.discard_changes },
         isOpen: C,
         onClose: se,
         onSecondaryAction: le,
-        primaryText: i.keep_editing,
-        secondaryText: i.leave,
-        children: i.discard_changes_message
+        primaryText: r.keep_editing,
+        secondaryText: r.leave,
+        children: r.discard_changes_message
       }
     )
   ] });
@@ -232,19 +232,19 @@ const Fe = ({
   onClickDeviceEdit: a,
   onClickDeviceDelete: o
 }) => {
-  const n = P(), { settings: i } = w(), m = [
+  const n = P(), { settings: r } = k(), m = [
     {
       field: "name",
-      headerName: i.mobile_devices_column_name,
+      headerName: r.mobile_devices_column_name,
       renderHeader: O,
-      renderCell: (r) => /* @__PURE__ */ c(u, { alignItems: "center", direction: "row", gap: 4, children: [
-        /* @__PURE__ */ e(x, { variant: "Small", children: r.value }),
+      renderCell: (i) => /* @__PURE__ */ c(p, { alignItems: "center", direction: "row", gap: 4, children: [
+        /* @__PURE__ */ e(x, { 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),
+            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) => te(oe(r), { addSuffix: !0 }),
+      valueFormatter: (i) => te(oe(i), { addSuffix: !0 }),
       sortable: !0,
       hideSortIcons: !1,
       flex: 1,
@@ -276,12 +276,12 @@ const Fe = ({
       field: "delete",
       headerName: "",
       renderHeader: O,
-      renderCell: (r) => /* @__PURE__ */ e(u, { mr: 4, children: /* @__PURE__ */ e(
+      renderCell: (i) => /* @__PURE__ */ e(p, { 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),
+          onClick: () => o(i.row),
           children: /* @__PURE__ */ e(M, { name: "delete" })
         }
       ) }),
@@ -289,10 +289,10 @@ const Fe = ({
       hideSortIcons: !1,
       width: 58
     }
-  ], l = h.useMemo(() => t.map((r) => ({
-    id: r.guid,
-    ...r,
-    device_type: `${r.make} ${r.model}`
+  ], l = h.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(
     Se,
@@ -319,7 +319,7 @@ const Fe = ({
               p: "12px 16px"
             },
             children: /* @__PURE__ */ e(x, { color: n.palette.text.secondary, variant: "Small", children: N(
-              i.mobile_devices_count,
+              r.mobile_devices_count,
               /* @__PURE__ */ e("b", { children: t.length }),
               /* @__PURE__ */ e("b", { children: t.length })
             ) })
@@ -347,15 +347,15 @@ const Fe = ({
   onClickDeviceEdit: a,
   onClickDeviceDelete: o
 }) => {
-  const n = P(), { settings: i } = w(), [m, l] = h.useState(!1), r = (s) => (g, _) => {
+  const n = P(), { settings: r } = k(), [m, l] = h.useState(!1), i = (s) => (g, _) => {
     l(_ ? s : !1);
   };
-  return /* @__PURE__ */ c(u, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
+  return /* @__PURE__ */ c(p, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
     t.map((s) => /* @__PURE__ */ c(
-      we,
+      ke,
       {
         expanded: m === s.guid,
-        onChange: r(s.guid),
+        onChange: i(s.guid),
         sx: { boxShadow: "none" },
         children: [
           /* @__PURE__ */ e(
@@ -367,7 +367,7 @@ const Fe = ({
                 borderBottom: "1px solid",
                 borderColor: n.palette.border.light
               },
-              children: /* @__PURE__ */ c(u, { gap: 4, children: [
+              children: /* @__PURE__ */ c(p, { gap: 4, children: [
                 /* @__PURE__ */ e(x, { bold: !0, variant: "Body", children: s.name }),
                 /* @__PURE__ */ e(x, { color: n.palette.text.secondary, variant: "Small", children: `${s.make} ${s.model}` }),
                 /* @__PURE__ */ e(x, { color: n.palette.text.secondary, variant: "Small", children: te(oe(s.created_at), { addSuffix: !0 }) })
@@ -375,12 +375,12 @@ const Fe = ({
             }
           ),
           /* @__PURE__ */ c(
-            ke,
+            we,
             {
               sx: { backgroundColor: n.palette.background.default, p: "0 0 0 24px" },
               children: [
                 /* @__PURE__ */ c(
-                  u,
+                  p,
                   {
                     onClick: () => a(s),
                     sx: {
@@ -394,13 +394,13 @@ const Fe = ({
                       borderColor: n.palette.border.light
                     },
                     children: [
-                      /* @__PURE__ */ e(V, { "aria-label": i.mobile_devices_edit_label, color: "secondary", children: /* @__PURE__ */ e(M, { name: "edit" }) }),
-                      /* @__PURE__ */ e(x, { variant: "Body", 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(x, { variant: "Body", children: r.mobile_devices_edit_label })
                     ]
                   }
                 ),
                 /* @__PURE__ */ c(
-                  u,
+                  p,
                   {
                     onClick: () => o(s),
                     sx: {
@@ -412,8 +412,8 @@ const Fe = ({
                       cursor: "pointer"
                     },
                     children: [
-                      /* @__PURE__ */ e(V, { "aria-label": i.mobile_devices_delete_label, color: "secondary", children: /* @__PURE__ */ e(M, { name: "delete" }) }),
-                      /* @__PURE__ */ e(x, { variant: "Body", 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(x, { variant: "Body", children: r.mobile_devices_delete_label })
                     ]
                   }
                 )
@@ -434,7 +434,7 @@ const Fe = ({
           p: "12px 16px"
         },
         children: /* @__PURE__ */ e(x, { color: n.palette.text.secondary, variant: "Small", children: N(
-          i.mobile_devices_count,
+          r.mobile_devices_count,
           /* @__PURE__ */ e("b", { children: t.length }),
           /* @__PURE__ */ e("b", { children: t.length })
         ) })
@@ -446,22 +446,22 @@ const Fe = ({
   isOpen: a,
   onClose: o,
   device: n,
-  deviceToken: i = ""
+  deviceToken: r = ""
 }) => {
-  const m = P(), { common: l, settings: r } = w(), { updateDevice: s, deleteDevice: g, setAlert: _, loadDevices: d } = A(), [p, S] = h.useState("");
+  const m = P(), { common: l, settings: i } = k(), { updateDevice: s, deleteDevice: g, setAlert: _, loadDevices: d } = A(), [u, S] = h.useState("");
   h.useEffect(() => {
     n && S(n.name);
   }, [n, t]);
   const v = () => {
     switch (t) {
       case b.Edit:
-        return r.mobile_devices_edit_label;
+        return i.mobile_devices_edit_label;
       case b.Delete:
-        return r.mobile_devices_delete_label;
+        return i.mobile_devices_delete_label;
       default:
         return "";
     }
-  }, k = () => {
+  }, w = () => {
     switch (t) {
       case b.Token:
         return l.done_button;
@@ -506,17 +506,17 @@ const Fe = ({
     };
   }, T = async () => {
     if (t === b.Token && o(), t === b.Edit && n) {
-      const y = { ...n, name: p };
-      (await s(y)).success ? (_(r.mobile_devices_edit_success, "success"), d()) : _(
-        N(r.mobile_devices_edit_error, n.name),
+      const y = { ...n, name: u };
+      (await s(y)).success ? (_(i.mobile_devices_edit_success, "success"), d()) : _(
+        N(i.mobile_devices_edit_error, n.name),
         "error"
       ), o();
     }
     t === b.Delete && n && ((await g(n.guid)).success ? (_(
-      N(r.mobile_devices_delete_success, n.name),
+      N(i.mobile_devices_delete_success, n.name),
       "success"
     ), d()) : _(
-      N(r.mobile_devices_delete_error, n.name),
+      N(i.mobile_devices_delete_error, n.name),
       "error"
     ), o());
   };
@@ -529,13 +529,13 @@ const Fe = ({
       onPrimaryAction: T,
       onSecondaryAction: o,
       primaryColor: t === b.Delete ? "error" : void 0,
-      primaryText: k(),
+      primaryText: w(),
       secondaryText: t === b.Token ? l.back : l.cancel_button,
       sx: C(),
       children: [
-        t === b.Token && /* @__PURE__ */ c(u, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
-          /* @__PURE__ */ e(x, { bold: !0, truncate: !1, variant: "Body", children: r.mobile_devices_access_label }),
-          /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: r.mobile_devices_access_info_1 }),
+        t === b.Token && /* @__PURE__ */ c(p, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
+          /* @__PURE__ */ e(x, { bold: !0, truncate: !1, variant: "Body", children: i.mobile_devices_access_label }),
+          /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: i.mobile_devices_access_info_1 }),
           /* @__PURE__ */ e(
             x,
             {
@@ -545,25 +545,25 @@ const Fe = ({
                 p: "16px 32px"
               },
               variant: "H1",
-              children: i
+              children: r
             }
           ),
-          /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: r.mobile_devices_access_info_2 })
+          /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: i.mobile_devices_access_info_2 })
         ] }),
-        t === b.Edit && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(I, { onChange: (y) => S(y.target.value), value: p }) }),
-        t === b.Delete && /* @__PURE__ */ e(H, { children: r.mobile_devices_delete_info })
+        t === b.Edit && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(I, { onChange: (y) => S(y.target.value), value: u }) }),
+        t === b.Delete && /* @__PURE__ */ e(H, { children: i.mobile_devices_delete_info })
       ]
     }
   );
 }, We = D($e), ze = D(() => {
-  const { isMobile: t } = L(), { settings: a } = w(), { isCopyLoaded: o, isInitialized: n } = Z(), { setAlert: i, devices: m, loadDevices: l, generateDeviceToken: r } = A(), [s, g] = h.useState({ open: !1, type: "" }), [_, d] = h.useState(), [p, S] = h.useState("");
+  const { isMobile: t } = L(), { settings: a } = k(), { isCopyLoaded: o, isInitialized: n } = Z(), { setAlert: r, devices: m, loadDevices: l, generateDeviceToken: i } = A(), [s, g] = h.useState({ open: !1, type: "" }), [_, d] = h.useState(), [u, S] = h.useState("");
   h.useEffect(() => {
     n && l();
   }, [n]);
   const v = async () => {
-    const y = await r();
-    y ? (S(y), g({ open: !0, type: b.Token })) : i(a.mobile_devices_access_error, "error");
-  }, k = (y) => {
+    const y = await i();
+    y ? (S(y), g({ open: !0, type: b.Token })) : r(a.mobile_devices_access_error, "error");
+  }, w = (y) => {
     d(y), g({ open: !0, type: b.Edit });
   }, C = (y) => {
     d(y), g({ open: !0, type: b.Delete });
@@ -571,7 +571,7 @@ const Fe = ({
     g({ open: !1, type: "" }), d(void 0);
   };
   return !o || !n ? /* @__PURE__ */ e(ne, {}) : /* @__PURE__ */ c(
-    u,
+    p,
     {
       sx: {
         backgroundColor: "background.paper",
@@ -579,7 +579,7 @@ const Fe = ({
         gap: 24
       },
       children: [
-        /* @__PURE__ */ c(u, { gap: 4, children: [
+        /* @__PURE__ */ c(p, { gap: 4, children: [
           /* @__PURE__ */ e(J, { children: a.mobile_devices_title }),
           /* @__PURE__ */ e(H, { variant: "Body", children: a.mobile_devices_info })
         ] }),
@@ -588,17 +588,17 @@ const Fe = ({
           {
             devices: m,
             onClickDeviceDelete: C,
-            onClickDeviceEdit: k
+            onClickDeviceEdit: w
           }
         ) : /* @__PURE__ */ e(
           Fe,
           {
             devices: m,
             onClickDeviceDelete: C,
-            onClickDeviceEdit: k
+            onClickDeviceEdit: w
           }
         ),
-        /* @__PURE__ */ c(u, { 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: "Body", children: a.mobile_devices_access_title }),
           /* @__PURE__ */ e(H, { align: "center", variant: "Small", children: a.mobile_devices_access_description }),
           /* @__PURE__ */ e(Q, { onClick: v, variant: "text", children: a.mobile_devices_access_cta })
@@ -607,7 +607,7 @@ const Fe = ({
           We,
           {
             device: _,
-            deviceToken: p,
+            deviceToken: u,
             dialogType: s.type,
             isOpen: s.open,
             onClose: T
@@ -618,16 +618,16 @@ const Fe = ({
   );
 }), Ge = ze, X = D(
   ({ onClick: t, primaryText: a, secondaryText: o, sx: n }) => {
-    const i = P();
-    return /* @__PURE__ */ e(Re, { sx: { bgcolor: i.palette.background.paper }, children: /* @__PURE__ */ c(Be, { alignItems: "flex-start", onClick: t, sx: n, children: [
+    const r = P();
+    return /* @__PURE__ */ e(Re, { sx: { bgcolor: r.palette.background.paper }, children: /* @__PURE__ */ c(Be, { alignItems: "flex-start", onClick: t, sx: n, children: [
       /* @__PURE__ */ e(Ne, { primary: a, secondary: o }),
       /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(xe, {}) })
     ] }) });
   }
 ), je = D(() => {
-  const { settings: t } = w(), { categories: a } = ee(), { selectedRule: o, updateRuleCategory: n } = A(), [i, m] = h.useState(!1), l = () => {
+  const { settings: t } = k(), { categories: a } = ee(), { selectedRule: o, updateRuleCategory: n } = A(), [r, m] = h.useState(!1), l = () => {
     m(!1);
-  }, r = () => {
+  }, i = () => {
     m(!0);
   }, s = (_) => a.find((d) => d.guid === _)?.name, g = async (_) => {
     o && o.category_guid !== _ && (o.category_guid = _, await n(o)), l();
@@ -636,7 +636,7 @@ const Fe = ({
     /* @__PURE__ */ e(
       X,
       {
-        onClick: r,
+        onClick: i,
         primaryText: o?.category_guid ? s(o.category_guid) : "",
         secondaryText: t.category
       }
@@ -647,23 +647,23 @@ const Fe = ({
         initialSelected: o?.category_guid ? o.category_guid : void 0,
         onClose: l,
         onSelect: g,
-        showDrawer: i,
+        showDrawer: r,
         title: t.select_category
       }
     )
   ] });
 }), Je = D(() => {
-  const { common: t, settings: a } = w(), { selectedRule: o, updateRulePayee: n } = A(), i = P(), [m, l] = h.useState(!1), r = o?.description ? o.description : o?.match_description, [s, g] = h.useState(r || ""), _ = () => {
+  const { common: t, settings: a } = k(), { selectedRule: o, updateRulePayee: n } = A(), r = P(), [m, l] = h.useState(!1), i = o?.description ? o.description : o?.match_description, [s, g] = h.useState(i || ""), _ = () => {
     l(!0);
   }, d = async () => {
-    s !== r && o && (o.description = s, await n(o), l(!1));
+    s !== i && o && (o.description = s, await n(o), l(!1));
   };
   return /* @__PURE__ */ c(h.Fragment, { children: [
     /* @__PURE__ */ e(
       X,
       {
         onClick: _,
-        primaryText: r,
+        primaryText: i,
         secondaryText: a.payee
       }
     ),
@@ -679,12 +679,12 @@ const Fe = ({
         secondaryText: t.cancel_button,
         sx: {
           "& .MuiDialogContent-root": { pt: 0, width: 400 },
-          path: { fill: i.palette.secondary.darker }
+          path: { fill: r.palette.secondary.darker }
         },
         children: /* @__PURE__ */ e(
           I,
           {
-            onChange: (p) => g(p.target.value),
+            onChange: (u) => g(u.target.value),
             sx: { width: 352 },
             value: s
           }
@@ -693,11 +693,11 @@ const Fe = ({
     )
   ] });
 }), Ke = D(({ onClose: t, onDelete: a, isOpen: o }) => {
-  const { common: n, settings: i } = w(), m = P();
+  const { common: n, settings: r } = k(), m = P();
   return /* @__PURE__ */ e(
     W,
     {
-      copy: { title: i.delete_rule },
+      copy: { title: r.delete_rule },
       isOpen: o,
       onClose: t,
       onPrimaryAction: a,
@@ -713,12 +713,12 @@ const Fe = ({
         "& .MuiDialogContent-root": { pt: 0, width: 400 },
         path: { fill: m.palette.secondary.darker }
       },
-      children: /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: i.delete_rule_confirm })
+      children: /* @__PURE__ */ e(x, { truncate: !1, variant: "Small", children: r.delete_rule_confirm })
     }
   );
 }), Xe = D(
   ({ isOpen: t, onClose: a, onDelete: o }) => {
-    const { common: n, settings: i } = w(), m = P(), [l, r] = h.useState(!1);
+    const { common: n, settings: r } = k(), m = P(), [l, i] = h.useState(!1);
     return /* @__PURE__ */ c(
       He,
       {
@@ -726,16 +726,16 @@ const Fe = ({
         isOpen: t,
         onClose: a,
         onPrimaryAction: () => {
-          r(!0);
+          i(!0);
         },
         primaryColor: "error",
         primaryText: n.delete_button,
         sx: {
           "& .MuiToolbar-root": { borderTop: `1px solid ${m.palette.border.light}` }
         },
-        title: i.edit_rule,
+        title: r.edit_rule,
         children: [
-          /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(x, { bold: !0, variant: "XSmall", children: i.details }) }),
+          /* @__PURE__ */ e(Ae, { children: /* @__PURE__ */ e(x, { bold: !0, variant: "XSmall", children: r.details }) }),
           /* @__PURE__ */ e(Je, {}),
           /* @__PURE__ */ e(j, { sx: { ml: 24 } }),
           /* @__PURE__ */ e(je, {}),
@@ -744,7 +744,7 @@ const Fe = ({
             Ke,
             {
               isOpen: l,
-              onClose: () => r(!1),
+              onClose: () => i(!1),
               onDelete: o
             }
           )
@@ -753,37 +753,37 @@ const Fe = ({
     );
   }
 ), Ye = D(({ rule: t }) => {
-  const { categories: a } = ee(), { setSelectedGuid: o } = Pe(), { deleteTransactionRule: n, setSelectedRule: i } = A(), { isDesktop: m, isTablet: l } = L(), [r, s] = h.useState(!1), g = () => {
-    s(!1), o(null), i(void 0);
+  const { categories: a } = ee(), { setSelectedGuid: o } = Pe(), { deleteTransactionRule: n, setSelectedRule: r } = A(), { isDesktop: m, isTablet: l } = L(), [i, s] = h.useState(!1), g = () => {
+    s(!1), o(null), r(void 0);
   }, _ = async () => {
     await n(), g();
   }, d = () => {
-    s(!0), i(t);
-  }, p = (S) => a.find((v) => v.guid === S)?.name;
+    s(!0), r(t);
+  }, u = (S) => a.find((v) => v.guid === S)?.name;
   return /* @__PURE__ */ c(h.Fragment, { children: [
     /* @__PURE__ */ e(
       X,
       {
         onClick: d,
         primaryText: t.description ? t.description : t.match_description,
-        secondaryText: t.category_guid ? p(t.category_guid) : ""
+        secondaryText: t.category_guid ? u(t.category_guid) : ""
       }
     ),
     /* @__PURE__ */ e(j, { sx: { ml: l || m ? 0 : 24 } }),
-    /* @__PURE__ */ e(Xe, { isOpen: r, onClose: g, onDelete: _ })
+    /* @__PURE__ */ e(Xe, { isOpen: i, onClose: g, onDelete: _ })
   ] });
 }), qe = D(() => {
-  const { settings: t } = w(), { loadTransactionRules: a, transactionRules: o } = A();
+  const { settings: t } = k(), { loadTransactionRules: a, transactionRules: o } = A();
   return h.useEffect(() => {
     a().finally();
-  }, []), /* @__PURE__ */ c(u, { sx: { gap: 24, py: 24 }, children: [
-    /* @__PURE__ */ c(u, { sx: { px: 24 }, children: [
+  }, []), /* @__PURE__ */ c(p, { sx: { gap: 24, py: 24 }, children: [
+    /* @__PURE__ */ c(p, { sx: { px: 24 }, children: [
       /* @__PURE__ */ e(J, { children: t.transaction_rules_label }),
       /* @__PURE__ */ e(H, { variant: "Body", children: t.transaction_rules_description })
     ] }),
-    /* @__PURE__ */ e(Ie, { children: o.map((n, i) => /* @__PURE__ */ e(Ye, { rule: n }, i)) })
+    /* @__PURE__ */ e(Ie, { children: o.map((n, r) => /* @__PURE__ */ e(Ye, { rule: n }, r)) })
   ] });
-}), ie = qe, Qe = D(({ selectedTab: t }) => {
+}), re = qe, Qe = D(({ selectedTab: t }) => {
   const { alert: a, setAlert: o } = A(), {
     config: { display_user_profile_in_settings: n }
   } = $();
@@ -791,8 +791,8 @@ const Fe = ({
     t === B.Profile && /* @__PURE__ */ e(Ue, {}),
     t === B.Devices && /* @__PURE__ */ e(Ge, {}),
     t === B.Notifications && /* @__PURE__ */ e(G, { showPersonalDetails: !n }),
-    t === B.TransactionRules && /* @__PURE__ */ e(ie, {}),
-    t === B.Help && /* @__PURE__ */ e(u, { sx: { px: 24 }, children: /* @__PURE__ */ e(Le, {}) }),
+    t === B.TransactionRules && /* @__PURE__ */ e(re, {}),
+    t === B.Help && /* @__PURE__ */ e(p, { sx: { px: 24 }, children: /* @__PURE__ */ e(Le, {}) }),
     /* @__PURE__ */ e(
       he,
       {
@@ -801,7 +801,7 @@ const Fe = ({
         onClose: () => o(""),
         open: !!a.message,
         children: /* @__PURE__ */ e(
-          ue,
+          pe,
           {
             onClose: () => {
               o("");
@@ -817,35 +817,35 @@ const Fe = ({
 });
 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 } = w(), { isCopyLoaded: n, isInitialized: i } = Z(), { config: m } = $(), { isMobile: l } = L(), {
-    display_user_profile_in_settings: r,
+  const { settings: o } = k(), { isCopyLoaded: n, isInitialized: r } = Z(), { config: m } = $(), { isMobile: l } = L(), {
+    display_user_profile_in_settings: i,
     display_mobile_devices_in_settings: s,
     display_notification_settings_in_settings: g,
     display_user_transaction_rules_in_settings: _,
     show_help_widget_in_master: d
-  } = m, p = [
-    { enabled: r, index: 0, label: o?.profile_label },
+  } = m, u = [
+    { enabled: i, index: 0, label: o?.profile_label },
     { enabled: s, index: 1, label: o?.mobile_devices_label },
     { enabled: g, index: 2, label: o?.notifications_label },
     { enabled: _, index: 3, label: o?.transaction_rules_label },
     { enabled: d, index: 4, label: o?.help_label }
-  ], S = p.find((C) => C.enabled), [v, k] = h.useState(S ? S.index : -1);
-  return !n || !i ? /* @__PURE__ */ e(ne, {}) : /* @__PURE__ */ e(
+  ], S = u.find((C) => C.enabled), [v, w] = h.useState(S ? S.index : -1);
+  return !n || !r ? /* @__PURE__ */ e(ne, {}) : /* @__PURE__ */ e(
     K,
     {
       onBackClick: t,
       sx: { height: "calc(100dvh - 24px)", overflow: "auto", ...a },
       title: o.title,
-      children: /* @__PURE__ */ c(u, { mx: l ? 0 : 48, my: 24, children: [
+      children: /* @__PURE__ */ c(p, { mx: l ? 0 : 48, my: 24, children: [
         /* @__PURE__ */ e(
-          pe,
+          ue,
           {
-            onChange: (C, T) => k(T),
+            onChange: (C, T) => w(T),
             sx: { bgcolor: "background.paper" },
             textColor: "primary",
             value: v,
             variant: "scrollable",
-            children: p.map(
+            children: u.map(
               (C) => C.enabled && /* @__PURE__ */ e(me, { label: C.label, value: C.index }, C.index)
             )
           }
@@ -855,13 +855,11 @@ const $t = D(({ onBackClick: t, sx: a }) => {
     }
   );
 }), Wt = D((t) => {
-  const { clientConfig: a } = $();
-  console.log("clientConfig", a);
-  const o = a?.master?.deep_link_params?.view || window.app?.clientConfig?.master?.deep_link_params?.view;
-  return console.log("view", o), o ? /* @__PURE__ */ e(G, { view: o }) : /* @__PURE__ */ e(K, { ...t, children: /* @__PURE__ */ e(u, { my: 24, children: /* @__PURE__ */ e(G, {}) }) });
+  const { clientConfig: a } = $(), o = a?.master?.deep_link_params?.view;
+  return o ? /* @__PURE__ */ e(G, { view: o }) : /* @__PURE__ */ e(K, { ...t, children: /* @__PURE__ */ e(p, { my: 24, children: /* @__PURE__ */ e(G, {}) }) });
 }), zt = (t) => {
   const { isMobile: a } = L();
-  return /* @__PURE__ */ e(K, { ...t, children: /* @__PURE__ */ e(u, { sx: { mx: a ? 0 : 48, my: 24 }, children: /* @__PURE__ */ e(ie, {}) }) });
+  return /* @__PURE__ */ e(K, { ...t, children: /* @__PURE__ */ e(p, { sx: { mx: a ? 0 : 48, my: 24 }, children: /* @__PURE__ */ e(re, {}) }) });
 };
 export {
   Yt as AccountNotificationProfiles,
@@ -876,6 +874,6 @@ export {
   B as SettingsTabs,
   $t as SettingsWidget,
   Qe as SettingsWidgetContents,
-  ie as TransactionRulesTab,
+  re as TransactionRulesTab,
   zt as TransactionRulesWidget
 };