@mx-cartographer/experiences 9.2.4-alpha.al2 → 9.3.0-alpha.bb1

package/dist/settings/index.es.js

@@ -1,894 +1,25 @@
-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 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 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-BOz1Xkf4.mjs";
-import { A as Jt, B as Kt, I as Yt } from "../NotificationSettings-BOz1Xkf4.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 { 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 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 Ae from "@mui/material/ListSubheader";
-import { b as Ie, u as Ee } from "../CategorySelectorDrawer-BuSaE8-f.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-CWQYTC6t.mjs";
-import { u as ne } from "../useWidgetLoadTimer-B0tB-yzL.mjs";
-import { H as Oe } from "../Help-wVQI-yjk.mjs";
-import { W as q } from "../WidgetContainer-BBzwzqOz.mjs";
-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 f = (R) => {
-        g.current && !g.current.contains(R.target) && v && T(!0);
-      };
-      return document.addEventListener("mousedown", f), () => {
-        document.removeEventListener("mousedown", f);
-      };
-    }
-  }, [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);
-    }
-  }, se = async () => {
-    await _({ ...d, ...h }), S(!1);
-  }, le = () => {
-    T(!1), r && r();
-  }, ce = () => {
-    T(!1);
-  }, P = (f) => {
-    const R = {
-      ...h,
-      ...f
-    };
-    w(R), S(JSON.stringify({ ...d, ...R }) !== JSON.stringify(d));
-  };
-  return /* @__PURE__ */ c(X, { children: [
-    /* @__PURE__ */ c(
-      z,
-      {
-        component: "form",
-        ref: g,
-        sx: {
-          backgroundColor: "background.paper",
-          p: 24,
-          width: a ? 320 : l ? 680 : u ? 990 : 400,
-          "& .MuiTextField-root": {
-            width: a ? 272 : l ? 328 : u ? 483 : 352
-          }
-        },
-        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(
-                I,
-                {
-                  defaultValue: h.email,
-                  label: n.email_address,
-                  onChange: (f) => P({ email: f.target.value })
-                }
-              ),
-              D && /* @__PURE__ */ e(xe, {})
-            ] }),
-            b.display_sms_edit_field_in_settings && /* @__PURE__ */ c(p, { sx: { mb: U ? 20 : 44 }, children: [
-              /* @__PURE__ */ e(
-                I,
-                {
-                  defaultValue: h.phone,
-                  label: n.mobile_number,
-                  onChange: (f) => P({ phone: f.target.value }),
-                  type: "tel"
-                }
-              ),
-              U && /* @__PURE__ */ e(ve, {})
-            ] })
-          ] }),
-          /* @__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: n.birthdate,
-                onChange: (f) => P({ birthday: _e(f) }),
-                slotProps: {
-                  nextIconButton: {
-                    sx: {
-                      color: "primary.main",
-                      "&:hover": { backgroundColor: W(i.palette.primary.light, 0.1) }
-                    }
-                  },
-                  previousIconButton: {
-                    sx: {
-                      color: "primary.main",
-                      "&:hover": { backgroundColor: W(i.palette.primary.light, 0.1) }
-                    }
-                  }
-                },
-                sx: {
-                  width: "100%",
-                  "& .MuiIconButton-edgeEnd": {
-                    color: "primary.main",
-                    "&:hover": { backgroundColor: W(i.palette.primary.light, 0.1) }
-                  }
-                },
-                value: ae()
-              }
-            ) }),
-            /* @__PURE__ */ e(
-              I,
-              {
-                defaultValue: h.postal_code,
-                label: n.zip_code,
-                onChange: (f) => P({ postal_code: f.target.value })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ c(p, { children: [
-            /* @__PURE__ */ e(
-              I,
-              {
-                defaultValue: h.credit_score,
-                label: n.credit_score,
-                onChange: (f) => P({ credit_score: Number(f.target.value) }),
-                sx: { mb: 44 }
-              }
-            ),
-            /* @__PURE__ */ e(
-              Z,
-              {
-                disabled: !v,
-                onClick: se,
-                sx: { width: a ? 272 : 124 },
-                variant: "contained",
-                children: o.save_button
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      $,
-      {
-        copy: { title: n.discard_changes },
-        isOpen: A,
-        onClose: ce,
-        onSecondaryAction: le,
-        primaryText: n.keep_editing,
-        secondaryText: n.leave,
-        children: n.discard_changes_message
-      }
-    )
-  ] });
-}, 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: i
-}) => {
-  const o = L(), { settings: n } = k(), u = [
-    {
-      field: "name",
-      headerName: n.mobile_devices_column_name,
-      renderHeader: V,
-      renderCell: (a) => /* @__PURE__ */ c(p, { alignItems: "center", direction: "row", gap: 4, children: [
-        /* @__PURE__ */ e(x, { variant: "body2", children: a.value }),
-        /* @__PURE__ */ e(
-          O,
-          {
-            "aria-label": n.mobile_devices_edit_label,
-            color: "secondary",
-            onClick: () => r(a.row),
-            children: /* @__PURE__ */ e(B, { name: "edit" })
-          }
-        )
-      ] }),
-      sortable: !0,
-      flex: 1,
-      minWidth: 200
-    },
-    {
-      field: "device_type",
-      headerName: n.mobile_devices_column_type,
-      renderHeader: V,
-      sortable: !0,
-      hideSortIcons: !1,
-      flex: 1,
-      minWidth: 150
-    },
-    {
-      field: "created_at",
-      headerName: n.mobile_devices_column_added,
-      renderHeader: V,
-      valueFormatter: (a) => te(oe(a), { addSuffix: !0 }),
-      sortable: !0,
-      hideSortIcons: !1,
-      flex: 1,
-      minWidth: 150
-    },
-    {
-      field: "delete",
-      headerName: "",
-      renderHeader: V,
-      renderCell: (a) => /* @__PURE__ */ e(p, { mr: 4, children: /* @__PURE__ */ e(
-        O,
-        {
-          "aria-label": n.mobile_devices_delete_label,
-          color: "secondary",
-          onClick: () => i(a.row),
-          children: /* @__PURE__ */ e(B, { name: "delete" })
-        }
-      ) }),
-      sortable: !1,
-      hideSortIcons: !1,
-      width: 58
-    }
-  ], 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(
-    De,
-    {
-      columns: u,
-      disableColumnFilter: !0,
-      disableColumnMenu: !0,
-      disableRowSelectionOnClick: !0,
-      rows: s,
-      slotProps: {
-        footer: {
-          sx: { justifyContent: "flex-end" }
-        }
-      },
-      slots: {
-        footer: () => /* @__PURE__ */ e(
-          z,
-          {
-            sx: {
-              backgroundColor: o.palette.background.default,
-              display: "flex",
-              justifyContent: "flex-end",
-              alignItems: "center",
-              p: "12px 16px"
-            },
-            children: /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: H(
-              n.mobile_devices_count,
-              /* @__PURE__ */ e("b", { children: t.length }),
-              /* @__PURE__ */ e("b", { children: t.length })
-            ) })
-          }
-        )
-      },
-      sx: {
-        border: "1px solid",
-        borderColor: o.palette.neutral.light,
-        borderRadius: "8px",
-        "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
-          color: o.palette.primary.main,
-          "&:hover": {
-            backgroundColor: W(o.palette.primary.main, 0.1)
-          }
-        },
-        "& .MuiDataGrid-sortIcon": {
-          color: o.palette.primary.main
-        }
-      }
-    }
-  ) });
-}, We = ({
-  devices: t,
-  onClickDeviceEdit: r,
-  onClickDeviceDelete: i
-}) => {
-  const o = L(), { settings: n } = k(), [u, s] = m.useState(!1), a = (l) => (b, _) => {
-    s(_ ? l : !1);
-  };
-  return /* @__PURE__ */ c(p, { mx: -28, sx: { "& .MuiAccordion-root": { mb: 0, mt: 0 } }, children: [
-    t.map((l) => /* @__PURE__ */ c(
-      ke,
-      {
-        expanded: u === l.guid,
-        onChange: a(l.guid),
-        sx: { boxShadow: "none" },
-        children: [
-          /* @__PURE__ */ e(
-            Se,
-            {
-              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__ */ 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__ */ c(
-            we,
-            {
-              sx: { backgroundColor: o.palette.background.default, p: "0 0 0 24px" },
-              children: [
-                /* @__PURE__ */ c(
-                  p,
-                  {
-                    onClick: () => r(l),
-                    sx: {
-                      alignItems: "center",
-                      flexDirection: "row",
-                      width: "100%",
-                      gap: 12,
-                      py: 16,
-                      cursor: "pointer",
-                      borderBottom: "1px solid",
-                      borderColor: o.palette.divider
-                    },
-                    children: [
-                      /* @__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__ */ c(
-                  p,
-                  {
-                    onClick: () => i(l),
-                    sx: {
-                      alignItems: "center",
-                      flexDirection: "row",
-                      width: "100%",
-                      gap: 12,
-                      py: 16,
-                      cursor: "pointer"
-                    },
-                    children: [
-                      /* @__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 })
-                    ]
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      },
-      l.guid
-    )),
-    /* @__PURE__ */ e(
-      z,
-      {
-        sx: {
-          backgroundColor: o.palette.background.default,
-          borderTop: "1px solid",
-          borderColor: o.palette.divider,
-          p: "12px 16px"
-        },
-        children: /* @__PURE__ */ e(x, { color: o.palette.text.secondary, variant: "body2", children: H(
-          n.mobile_devices_count,
-          /* @__PURE__ */ e("b", { children: t.length }),
-          /* @__PURE__ */ e("b", { children: t.length })
-        ) })
-      }
-    )
-  ] });
-}, ze = ({
-  dialogType: t,
-  isOpen: r,
-  onClose: i,
-  device: o,
-  deviceToken: n = ""
-}) => {
-  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 y.Edit:
-        return a.mobile_devices_edit_label;
-      case y.Delete:
-        return a.mobile_devices_delete_label;
-      default:
-        return "";
-    }
-  }, S = () => {
-    switch (t) {
-      case y.Token:
-        return s.done_button;
-      case y.Edit:
-        return s.save_button;
-      case y.Delete:
-        return s.delete_button;
-      default:
-        return "";
-    }
-  }, A = () => {
-    const g = {
-      "& .MuiDialogContent-root": {
-        width: 400,
-        pt: 0
-      }
-    };
-    return t === y.Token ? {
-      ...g,
-      "& .MuiToolbar-root:last-child": {
-        padding: "32px 60px 48px",
-        justifyContent: "center"
-      },
-      "& .MuiButton-root:first-child": {
-        display: "none"
-      },
-      "& .MuiButton-root:last-child": {
-        flex: 1
-      }
-    } : {
-      ...g,
-      "& .MuiToolbar-root:last-child": {
-        gap: 8,
-        padding: 24,
-        justifyContent: "flex-end"
-      },
-      ...t === y.Delete && {
-        "& .MuiTypography-body1": {
-          padding: 0
-        }
-      }
-    };
-  }, 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"
-      ), i();
-    }
-    t === y.Delete && o && ((await b(o.guid)).success ? (_(
-      H(a.mobile_devices_delete_success, o.name),
-      "success"
-    ), d()) : _(
-      H(a.mobile_devices_delete_error, o.name),
-      "error"
-    ), i());
-  };
-  return /* @__PURE__ */ c(
-    $,
-    {
-      copy: { title: v() },
-      isOpen: r,
-      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 === 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(
-            M,
-            {
-              sx: {
-                border: `1px solid ${u.palette.neutral.light}`,
-                borderRadius: "4px",
-                p: "16px 32px"
-              },
-              variant: "h1",
-              children: n
-            }
-          ),
-          /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: a.mobile_devices_access_info_2 })
-        ] }),
-        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 })
-      ]
-    }
-  );
-}, 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 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 !i || !o ? /* @__PURE__ */ e(ie, {}) : /* @__PURE__ */ c(
-    p,
-    {
-      sx: {
-        backgroundColor: "background.paper",
-        p: 24,
-        gap: 24
-      },
-      children: [
-        /* @__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(
-          We,
-          {
-            devices: u,
-            onClickDeviceDelete: A,
-            onClickDeviceEdit: S
-          }
-        ) : /* @__PURE__ */ e(
-          Ve,
-          {
-            devices: u,
-            onClickDeviceDelete: A,
-            onClickDeviceEdit: S
-          }
-        ),
-        /* @__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(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(
-          Ge,
-          {
-            device: _,
-            deviceToken: h,
-            dialogType: l.type,
-            isOpen: l.open,
-            onClose: T
-          }
-        )
-      ]
-    }
-  );
-}), Q = C(
-  ({ 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, {}) })
-    ] }) });
-  }
-), $e = C(() => {
-  const { settings: t } = k(), { categories: r } = j(), { selectedRule: i, updateRuleCategory: o } = E(), [n, u] = m.useState(!1), s = () => {
-    u(!1);
-  }, a = () => {
-    u(!0);
-  }, l = (_) => r.find((d) => d.guid === _)?.name, b = async (_) => {
-    i && i.category_guid !== _ && (i.category_guid = _, await o(i)), s();
-  };
-  return /* @__PURE__ */ c(m.Fragment, { children: [
-    /* @__PURE__ */ e(
-      Q,
-      {
-        onClick: a,
-        primaryText: i?.category_guid ? l(i.category_guid) : "",
-        secondaryText: t.category
-      }
-    ),
-    /* @__PURE__ */ e(
-      Ie,
-      {
-        initialSelected: i?.category_guid ? i.category_guid : void 0,
-        onClose: s,
-        onSelect: b,
-        showDrawer: n,
-        title: t.select_category
-      }
-    )
-  ] });
-}), 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__ */ c(m.Fragment, { children: [
-    /* @__PURE__ */ e(
-      Q,
-      {
-        onClick: _,
-        primaryText: a,
-        secondaryText: r.payee
-      }
-    ),
-    /* @__PURE__ */ e(
-      $,
-      {
-        copy: { title: r.edit_payee },
-        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: n.palette.secondary.darker }
-        },
-        children: /* @__PURE__ */ e(
-          I,
-          {
-            onChange: (h) => b(h.target.value),
-            sx: { width: 352 },
-            value: l
-          }
-        )
-      }
-    )
-  ] });
-}), Ke = C(({ onClose: t, onDelete: r, isOpen: i }) => {
-  const { common: o, settings: n } = k();
-  return /* @__PURE__ */ e(
-    $,
-    {
-      copy: { title: n.delete_rule },
-      isOpen: i,
-      onClose: t,
-      onPrimaryAction: r,
-      onSecondaryAction: t,
-      primaryColor: "error",
-      primaryText: o.delete_button,
-      secondaryColor: "secondary",
-      secondaryText: o.cancel_button,
-      sx: { "& .MuiDialogContent-root": { pt: 0, width: 400 } },
-      children: /* @__PURE__ */ e(x, { truncate: !1, variant: "body2", children: n.delete_rule_confirm })
-    }
-  );
-}), 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: () => {
-          s(!0);
-        },
-        primaryColor: "error",
-        primaryText: o.delete_button,
-        title: n.edit_rule,
-        children: [
-          /* @__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($e, {}),
-          /* @__PURE__ */ e(K, { sx: { ml: 24 } }),
-          /* @__PURE__ */ e(
-            Ke,
-            {
-              isOpen: u,
-              onClose: () => s(!1),
-              onDelete: i
-            }
-          )
-        ]
-      }
-    );
-  }
-), 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: d,
-        primaryText: t.description ? t.description : t.match_description,
-        secondaryText: t.category_guid ? h(t.category_guid) : ""
-      }
-    ),
-    /* @__PURE__ */ e(K, { sx: { ml: s || u ? 0 : 24 } }),
-    /* @__PURE__ */ e(Ye, { isOpen: a, onClose: b, onDelete: _ })
-  ] });
-}), re = C(() => {
-  const { settings: t } = k(), { loadTransactionRules: r, transactionRules: i } = E(), [o, n] = m.useState(!1);
-  return ne({
-    widgetName: "TransactionRulesTab",
-    isLoaded: o
-  }), 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(Te, { children: i.map((u, s) => /* @__PURE__ */ e(qe, { rule: u }, s)) })
-  ] });
-}), Qe = C(({ selectedTab: t }) => {
-  const { alert: r, setAlert: i } = E(), {
-    config: { display_user_profile_in_settings: o }
-  } = G();
-  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(
-      fe,
-      {
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        autoHideDuration: 3500,
-        onClose: () => i(""),
-        open: !!r.message,
-        children: /* @__PURE__ */ e(
-          he,
-          {
-            onClose: () => {
-              i("");
-            },
-            severity: r.severity,
-            variant: "filled",
-            children: r.message
-          }
-        )
-      }
-    )
-  ] });
-});
-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: u && n
-  }), m.useEffect(() => {
-    l || b().finally();
-  }, []);
-  const {
-    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
-  } = 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 }
-  ], 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", ...i },
-      title: o.title,
-      children: /* @__PURE__ */ c(p, { mx: a ? 0 : 48, my: 24, children: [
-        /* @__PURE__ */ e(
-          pe,
-          {
-            onChange: (D, U) => g(U),
-            sx: { bgcolor: "background.paper" },
-            textColor: "primary",
-            value: T,
-            variant: "scrollable",
-            children: S.map(
-              (D) => D.enabled && /* @__PURE__ */ e(ue, { label: D.label, value: D.index }, D.index)
-            )
-          }
-        ),
-        /* @__PURE__ */ e(Qe, { selectedTab: T })
-      ] })
-    }
-  );
-}), 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(
-      O,
-      {
-        color: "primary",
-        onClick: t.onBackClick,
-        sx: { p: 10, alignSelf: "flex-start" },
-        children: /* @__PURE__ */ e(Be, { size: 24 })
-      }
-    ),
-    /* @__PURE__ */ e(J, { view: i })
-  ] }) : /* @__PURE__ */ e(q, { ...t, showAccountFilter: !1, children: /* @__PURE__ */ e(p, { my: 24, children: /* @__PURE__ */ e(J, {}) }) });
-}), 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, {}) }) });
-};
+import t from "./components/profile/ProfileTab/index.es.js";
+import { DeviceTab as r } from "./components/devices/DeviceTab/index.es.js";
+import f from "./components/transactionrules/TransactionRulesTab/index.es.js";
+import { AccountNotificationProfiles as n } from "./components/notifications/AccountNotificationProfiles/index.es.js";
+import { BudgetNotificationProfiles as a } from "./components/notifications/BudgetNotificationProfiles/index.es.js";
+import { InsightsNotificationProfiles as g } from "./components/notifications/InsightsNotificationProfiles/index.es.js";
+import { NotificationSettings as l } from "./components/notifications/NotificationSettings/index.es.js";
+import { SettingsWidgetContents as d } from "./components/SettingsWidgetContents/index.es.js";
+import { SettingsTabs as u, SettingsWidget as N } from "./SettingsWidget/index.es.js";
+import { NotificationSettingsWidget as S } from "./NotificationSettingsWidget/index.es.js";
+import { TransactionRulesWidget as R } from "./TransactionRulesWidget/index.es.js";
 export {
-  Jt as AccountNotificationProfiles,
-  Kt as BudgetNotificationProfiles,
-  je as DeviceTab,
-  Yt as InsightsNotificationProfiles,
-  J as NotificationSettings,
-  zt as NotificationSettingsWidget,
-  Ue as ProfileTab,
-  N as SettingsTabs,
-  Wt as SettingsWidget,
-  Qe as SettingsWidgetContents,
-  re as TransactionRulesTab,
-  Gt as TransactionRulesWidget
+  n as AccountNotificationProfiles,
+  a as BudgetNotificationProfiles,
+  r as DeviceTab,
+  g as InsightsNotificationProfiles,
+  l as NotificationSettings,
+  S as NotificationSettingsWidget,
+  t as ProfileTab,
+  u as SettingsTabs,
+  N as SettingsWidget,
+  d as SettingsWidgetContents,
+  f as TransactionRulesTab,
+  R as TransactionRulesWidget
 };
-//# sourceMappingURL=index.es.js.map