@mx-cartographer/experiences 9.1.0-alpha.bb1 → 9.1.1

package/dist/settings-ZMHe439l.mjs

@@ -1,1526 +0,0 @@
-import { s as H } from "./GlobalCopyApi-BeXzaDH9.mjs";
-import { J as Ee, Y as Me, wt as A, xt as Ne } from "./core-BexP5oiV.mjs";
-import { Bn as Oe, Gn as re, Tn as le, f as Re, hr as Le, l as Be, lr as ce, mr as j, ur as R, wn as N } from "./accounts-DkyAiLpg.mjs";
-import { n as de } from "./Analytics-BKzTPees.mjs";
-import { O as U, T as P, d as Ue, h as me, i as J, n as ge, p as T, s as oe, t as ue } from "./Loader-BlVzRtUd.mjs";
-import { n as Ve } from "./MiniWidgetContainer-COwnjfy7.mjs";
-import { t as X } from "./HeaderCell-EhCUSjvj.mjs";
-import { n as Fe } from "./help-CctDYrAH.mjs";
-import u from "react";
-import { observer as x } from "mobx-react-lite";
-import m from "@mui/material/Stack";
-import { H3 as Y, Icon as q, InstitutionLogo as He, P as W, Text as y } from "@mxenabled/mxui";
-import { endOfMonth as We } from "date-fns/endOfMonth";
-import { startOfMonth as ze } from "date-fns/startOfMonth";
-import Q from "@mui/material/Button";
-import { ChevronRight as O, ExpandMore as Ge, Star as $e } from "@mxenabled/mx-icons";
-import { Fragment as z, jsx as e, jsxs as c } from "react/jsx-runtime";
-import { alpha as Z, useTheme as L } from "@mui/material/styles";
-import G from "@mui/material/Box";
-import je from "@mui/material/Tab";
-import Je from "@mui/material/Tabs";
-import ie from "@mui/material/IconButton";
-import { getUnixTime as Ye } from "date-fns/getUnixTime";
-import { fromUnixTime as be } from "date-fns/fromUnixTime";
-import Ke from "@mui/material/Card";
-import qe from "@mui/material/CardContent";
-import E from "@mui/material/Divider";
-import $ from "@mui/material/List";
-import ee from "@mui/material/ListItem";
-import te from "@mui/material/ListItemButton";
-import Qe from "@mui/material/ListItemIcon";
-import ne from "@mui/material/ListItemText";
-import M from "@mui/material/TextField";
-import Xe from "@mui/material/ListSubheader";
-import { AdapterDateFns as ye } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DateCalendar as Ze } from "@mui/x-date-pickers/DateCalendar";
-import et from "@mui/material/Alert";
-import { DataGridPro as tt } from "@mui/x-data-grid-pro";
-import nt from "@mui/material/Snackbar";
-import it from "@mui/material/Collapse";
-import { DatePicker as ot } from "@mui/x-date-pickers";
-import { LocalizationProvider as xe } from "@mui/x-date-pickers/LocalizationProvider";
-import at from "@mui/material/Accordion";
-import st from "@mui/material/AccordionDetails";
-import rt from "@mui/material/AccordionSummary";
-import { formatDistanceToNow as ve } from "date-fns/formatDistanceToNow";
-var Ce = x(() => {
-  const { common: t, settings: n } = T(), { sendEmailVerification: o } = P(), { user: a } = U(), i = L(), [l, r] = u.useState(!1), s = () => {
-    r(!1);
-  }, d = () => {
-    r(!0);
-  };
-  return /* @__PURE__ */ c(u.Fragment, { children: [/* @__PURE__ */ c(Q, {
-    onClick: d,
-    sx: {
-      height: "auto",
-      p: 4,
-      width: "fit-content"
-    },
-    children: [/* @__PURE__ */ e(y, {
-      variant: "body2",
-      children: n.verify_email
-    }), /* @__PURE__ */ e(O, {})]
-  }), /* @__PURE__ */ e(R, {
-    copy: { title: "" },
-    isOpen: l,
-    onClose: s,
-    onPrimaryAction: o,
-    onSecondaryAction: s,
-    primaryText: n.send_verification,
-    secondaryText: t.back,
-    sx: {
-      "& .MuiDialogContent-root": {
-        pt: 0,
-        width: 400
-      },
-      "& .MuiToolbar-root:last-child": {
-        gap: 16,
-        padding: "32px 60px 48px",
-        justifyContent: "center"
-      }
-    },
-    children: /* @__PURE__ */ c(m, {
-      spacing: 16,
-      sx: {
-        px: 40,
-        textAlign: "center",
-        width: "100%"
-      },
-      children: [
-        /* @__PURE__ */ e(y, {
-          bold: !0,
-          truncate: !1,
-          variant: "body1",
-          children: n.confirm_your_email
-        }),
-        /* @__PURE__ */ e(y, {
-          truncate: !1,
-          variant: "body2",
-          children: n.confirm_email
-        }),
-        /* @__PURE__ */ e(y, {
-          sx: {
-            border: `1px solid ${i.palette.neutral.light}`,
-            borderRadius: "4px",
-            p: "16px 32px"
-          },
-          variant: "h3",
-          children: a.email
-        }),
-        /* @__PURE__ */ e(y, {
-          truncate: !1,
-          variant: "body2",
-          children: n.verification_notice_email
-        })
-      ]
-    })
-  })] });
-}), lt = x(({ handleClose: t, handleVerify: n, isOpen: o }) => {
-  const { common: a, settings: i } = T(), [l, r] = u.useState("");
-  return /* @__PURE__ */ e(R, {
-    copy: { title: i.enter_verification_code },
-    isOpen: o,
-    onClose: t,
-    onPrimaryAction: () => n(l),
-    onSecondaryAction: t,
-    primaryText: i.verify,
-    secondaryText: a.cancel_button,
-    sx: {
-      "& .MuiDialogContent-root": {
-        pt: 0,
-        width: 400
-      },
-      "& .MuiToolbar-root:last-child": {
-        gap: 8,
-        padding: 24,
-        justifyContent: "flex-end"
-      }
-    },
-    children: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(M, {
-      onChange: (s) => r(s.target.value),
-      sx: { width: 352 },
-      value: l
-    }) })
-  });
-}), De = x(() => {
-  const { common: t, settings: n } = T(), { sendPhoneVerification: o, verifyPhoneToken: a } = P(), { user: i } = U(), l = L(), [r, s] = u.useState(!1), [d, h] = u.useState(!1), p = () => {
-    s(!1);
-  }, _ = () => {
-    s(!0);
-  }, f = () => {
-    o().finally(() => {
-      h(!0);
-    });
-  }, g = (b) => {
-    a(b).finally(() => {
-      h(!1);
-    });
-  };
-  return /* @__PURE__ */ c(u.Fragment, { children: [
-    /* @__PURE__ */ c(Q, {
-      onClick: _,
-      sx: {
-        height: "auto",
-        p: 4,
-        width: "fit-content"
-      },
-      children: [/* @__PURE__ */ e(y, {
-        variant: "body2",
-        children: n.verify_phone
-      }), /* @__PURE__ */ e(O, {})]
-    }),
-    /* @__PURE__ */ e(R, {
-      copy: { title: "" },
-      isOpen: r,
-      onClose: p,
-      onPrimaryAction: f,
-      onSecondaryAction: p,
-      primaryText: n.send_verification,
-      secondaryText: t.back,
-      sx: {
-        "& .MuiDialogContent-root": {
-          pt: 0,
-          width: 400
-        },
-        "& .MuiToolbar-root:last-child": {
-          gap: 16,
-          padding: "32px 60px 48px",
-          justifyContent: "center"
-        }
-      },
-      children: /* @__PURE__ */ c(m, {
-        spacing: 16,
-        sx: {
-          px: 40,
-          textAlign: "center",
-          width: "100%"
-        },
-        children: [
-          /* @__PURE__ */ e(y, {
-            bold: !0,
-            truncate: !1,
-            variant: "body1",
-            children: n.confirm_your_phone
-          }),
-          /* @__PURE__ */ e(y, {
-            truncate: !1,
-            variant: "body2",
-            children: n.confirm_phone
-          }),
-          /* @__PURE__ */ e(y, {
-            sx: {
-              border: `1px solid ${l.palette.neutral.light}`,
-              borderRadius: "4px",
-              p: "16px 32px"
-            },
-            variant: "h3",
-            children: i.phone
-          }),
-          /* @__PURE__ */ e(y, {
-            truncate: !1,
-            variant: "body2",
-            children: n.verification_notice_phone
-          })
-        ]
-      })
-    }),
-    /* @__PURE__ */ e(lt, {
-      handleClose: () => h(!1),
-      handleVerify: g,
-      isOpen: d
-    })
-  ] });
-}), ct = ({ availableWidth: t, handleOnLeavClick: n }) => {
-  const o = L(), { common: a, settings: i } = T(), { isDesktop: l, isMobile: r, isSmallMobile: s, isTablet: d } = j(t), { config: h } = J(), { updateUser: p } = P(), { user: _ } = U(), [f, g] = u.useState({
-    first_name: _.first_name,
-    last_name: _.last_name,
-    email: _.email,
-    phone: _.phone,
-    birthday: _.birthday,
-    postal_code: _.postal_code,
-    credit_score: _.credit_score
-  }), [b, D] = u.useState(!1), [S, w] = u.useState(!1), v = u.useRef(null), I = f.email && !_.email_is_verified && !b, V = f.phone && !_.phone_is_verified && !b;
-  u.useEffect(() => {
-    if (n) {
-      const C = (F) => {
-        v.current && !v.current.contains(F.target) && b && w(!0);
-      };
-      return document.addEventListener("mousedown", C), () => {
-        document.removeEventListener("mousedown", C);
-      };
-    }
-  }, [b]);
-  const ae = () => {
-    if (f.birthday) {
-      const C = /* @__PURE__ */ new Date(f.birthday * 1e3), F = C.getUTCFullYear(), Ae = C.getUTCMonth(), Ie = C.getUTCDate();
-      return new Date(F, Ae, Ie);
-    }
-  }, ke = async () => {
-    await p({
-      ..._,
-      ...f
-    }), D(!1);
-  }, Pe = () => {
-    w(!1), n && n();
-  }, Se = () => {
-    w(!1);
-  }, B = (C) => {
-    const F = {
-      ...f,
-      ...C
-    };
-    g(F), D(JSON.stringify({
-      ..._,
-      ...F
-    }) !== JSON.stringify(_));
-  };
-  return /* @__PURE__ */ c(z, { children: [/* @__PURE__ */ c(G, {
-    component: "form",
-    ref: v,
-    sx: {
-      backgroundColor: "background.paper",
-      p: 24,
-      width: s ? 320 : d ? 680 : l ? 990 : 400,
-      "& .MuiTextField-root": { width: s ? 272 : d ? 328 : l ? 483 : 352 }
-    },
-    children: [
-      /* @__PURE__ */ e(Y, { children: i.personal_details }),
-      /* @__PURE__ */ e(W, {
-        variant: "body1",
-        children: i.update_information
-      }),
-      /* @__PURE__ */ c(m, {
-        direction: r ? "column" : "row",
-        spacing: r ? 44 : 24,
-        sx: {
-          mb: 44,
-          pt: 32
-        },
-        children: [/* @__PURE__ */ e(M, {
-          defaultValue: f.first_name,
-          label: i.first_name,
-          onChange: (C) => B({ first_name: C.target.value })
-        }), /* @__PURE__ */ e(M, {
-          defaultValue: f.last_name,
-          label: i.last_name,
-          onChange: (C) => B({ last_name: C.target.value })
-        })]
-      }),
-      /* @__PURE__ */ c(m, {
-        direction: r ? "column" : "row",
-        children: [h.display_email_edit_field_in_settings && /* @__PURE__ */ c(m, {
-          sx: {
-            mb: I ? 20 : 44,
-            mr: r ? 0 : 24
-          },
-          children: [/* @__PURE__ */ e(M, {
-            defaultValue: f.email,
-            label: i.email_address,
-            onChange: (C) => B({ email: C.target.value })
-          }), I && /* @__PURE__ */ e(Ce, {})]
-        }), h.display_sms_edit_field_in_settings && /* @__PURE__ */ c(m, {
-          sx: { mb: V ? 20 : 44 },
-          children: [/* @__PURE__ */ e(M, {
-            defaultValue: f.phone,
-            label: i.mobile_number,
-            onChange: (C) => B({ phone: C.target.value }),
-            type: "tel"
-          }), V && /* @__PURE__ */ e(De, {})]
-        })]
-      }),
-      /* @__PURE__ */ c(m, {
-        direction: r ? "column" : "row",
-        spacing: r ? 44 : 24,
-        sx: { mb: 44 },
-        children: [/* @__PURE__ */ e(xe, {
-          dateAdapter: ye,
-          children: /* @__PURE__ */ e(ot, {
-            label: i.birthdate,
-            onChange: (C) => B({ birthday: Ye(C) }),
-            slotProps: {
-              nextIconButton: { sx: {
-                color: "primary.main",
-                "&:hover": { backgroundColor: Z(o.palette.primary.light, 0.1) }
-              } },
-              previousIconButton: { sx: {
-                color: "primary.main",
-                "&:hover": { backgroundColor: Z(o.palette.primary.light, 0.1) }
-              } }
-            },
-            sx: {
-              width: "100%",
-              "& .MuiIconButton-edgeEnd": {
-                color: "primary.main",
-                "&:hover": { backgroundColor: Z(o.palette.primary.light, 0.1) }
-              }
-            },
-            value: ae()
-          })
-        }), /* @__PURE__ */ e(M, {
-          defaultValue: f.postal_code,
-          label: i.zip_code,
-          onChange: (C) => B({ postal_code: C.target.value })
-        })]
-      }),
-      /* @__PURE__ */ c(m, { children: [/* @__PURE__ */ e(M, {
-        defaultValue: f.credit_score,
-        label: i.credit_score,
-        onChange: (C) => B({ credit_score: Number(C.target.value) }),
-        sx: { mb: 44 }
-      }), /* @__PURE__ */ e(Q, {
-        disabled: !b,
-        onClick: ke,
-        sx: { width: s ? 272 : 124 },
-        variant: "contained",
-        children: a.save_button
-      })] })
-    ]
-  }), /* @__PURE__ */ e(R, {
-    copy: { title: i.discard_changes },
-    isOpen: S,
-    onClose: Se,
-    onSecondaryAction: Pe,
-    primaryText: i.keep_editing,
-    secondaryText: i.leave,
-    children: i.discard_changes_message
-  })] });
-}, dt = x(ct), k = /* @__PURE__ */ (function(t) {
-  return t.Delete = "delete", t.Edit = "edit", t.Token = "token", t;
-})({}), mt = ({ devices: t, onClickDeviceEdit: n, onClickDeviceDelete: o }) => {
-  const a = L(), { settings: i } = T();
-  return /* @__PURE__ */ e(G, {
-    sx: { width: "100%" },
-    children: /* @__PURE__ */ e(tt, {
-      columns: [
-        {
-          field: "name",
-          headerName: i.mobile_devices_column_name,
-          renderHeader: X,
-          renderCell: (l) => /* @__PURE__ */ c(m, {
-            alignItems: "center",
-            direction: "row",
-            gap: 4,
-            children: [/* @__PURE__ */ e(y, {
-              variant: "body2",
-              children: l.value
-            }), /* @__PURE__ */ e(ie, {
-              "aria-label": i.mobile_devices_edit_label,
-              color: "secondary",
-              onClick: () => n(l.row),
-              children: /* @__PURE__ */ e(q, { name: "edit" })
-            })]
-          }),
-          sortable: !0,
-          flex: 1,
-          minWidth: 200
-        },
-        {
-          field: "device_type",
-          headerName: i.mobile_devices_column_type,
-          renderHeader: X,
-          sortable: !0,
-          hideSortIcons: !1,
-          flex: 1,
-          minWidth: 150
-        },
-        {
-          field: "created_at",
-          headerName: i.mobile_devices_column_added,
-          renderHeader: X,
-          valueFormatter: (l) => ve(be(l), { addSuffix: !0 }),
-          sortable: !0,
-          hideSortIcons: !1,
-          flex: 1,
-          minWidth: 150
-        },
-        {
-          field: "delete",
-          headerName: "",
-          renderHeader: X,
-          renderCell: (l) => /* @__PURE__ */ e(m, {
-            mr: 4,
-            children: /* @__PURE__ */ e(ie, {
-              "aria-label": i.mobile_devices_delete_label,
-              color: "secondary",
-              onClick: () => o(l.row),
-              children: /* @__PURE__ */ e(q, { name: "delete" })
-            })
-          }),
-          sortable: !1,
-          hideSortIcons: !1,
-          width: 58
-        }
-      ],
-      disableColumnFilter: !0,
-      disableColumnMenu: !0,
-      disableRowSelectionOnClick: !0,
-      rows: u.useMemo(() => t.map((l) => ({
-        id: l.guid,
-        ...l,
-        device_type: `${l.make} ${l.model}`
-      })), [t]),
-      slotProps: { footer: { sx: { justifyContent: "flex-end" } } },
-      slots: { footer: () => /* @__PURE__ */ e(G, {
-        sx: {
-          backgroundColor: a.palette.background.default,
-          display: "flex",
-          justifyContent: "flex-end",
-          alignItems: "center",
-          p: "12px 16px"
-        },
-        children: /* @__PURE__ */ e(y, {
-          color: a.palette.text.secondary,
-          variant: "body2",
-          children: H(i.mobile_devices_count, /* @__PURE__ */ e("b", { children: t.length }), /* @__PURE__ */ e("b", { children: t.length }))
-        })
-      }) },
-      sx: {
-        border: "1px solid",
-        borderColor: a.palette.neutral.light,
-        borderRadius: "8px",
-        "& .MuiDataGrid-columnHeader .MuiIconButton-root": {
-          color: a.palette.primary.main,
-          "&:hover": { backgroundColor: Z(a.palette.primary.main, 0.1) }
-        },
-        "& .MuiDataGrid-sortIcon": { color: a.palette.primary.main }
-      }
-    })
-  });
-}, ut = ({ devices: t, onClickDeviceEdit: n, onClickDeviceDelete: o }) => {
-  const a = L(), { settings: i } = T(), [l, r] = u.useState(!1), s = (d) => (h, p) => {
-    r(p ? d : !1);
-  };
-  return /* @__PURE__ */ c(m, {
-    mx: -28,
-    sx: { "& .MuiAccordion-root": {
-      mb: 0,
-      mt: 0
-    } },
-    children: [t.map((d) => /* @__PURE__ */ c(at, {
-      expanded: l === d.guid,
-      onChange: s(d.guid),
-      sx: { boxShadow: "none" },
-      children: [/* @__PURE__ */ e(rt, {
-        expandIcon: /* @__PURE__ */ e(q, {
-          color: "secondary",
-          name: "keyboard_arrow_down",
-          size: 24
-        }),
-        sx: {
-          padding: "14px 24px",
-          borderBottom: "1px solid",
-          borderColor: a.palette.divider
-        },
-        children: /* @__PURE__ */ c(m, {
-          gap: 4,
-          children: [
-            /* @__PURE__ */ e(y, {
-              bold: !0,
-              variant: "body1",
-              children: d.name
-            }),
-            /* @__PURE__ */ e(y, {
-              color: a.palette.text.secondary,
-              variant: "body2",
-              children: `${d.make} ${d.model}`
-            }),
-            /* @__PURE__ */ e(y, {
-              color: a.palette.text.secondary,
-              variant: "body2",
-              children: ve(be(d.created_at), { addSuffix: !0 })
-            })
-          ]
-        })
-      }), /* @__PURE__ */ c(st, {
-        sx: {
-          backgroundColor: a.palette.background.default,
-          p: "0 0 0 24px"
-        },
-        children: [/* @__PURE__ */ c(m, {
-          onClick: () => n(d),
-          sx: {
-            alignItems: "center",
-            flexDirection: "row",
-            width: "100%",
-            gap: 12,
-            py: 16,
-            cursor: "pointer",
-            borderBottom: "1px solid",
-            borderColor: a.palette.divider
-          },
-          children: [/* @__PURE__ */ e(ie, {
-            "aria-label": i.mobile_devices_edit_label,
-            color: "secondary",
-            children: /* @__PURE__ */ e(q, { name: "edit" })
-          }), /* @__PURE__ */ e(y, {
-            variant: "body1",
-            children: i.mobile_devices_edit_label
-          })]
-        }), /* @__PURE__ */ c(m, {
-          onClick: () => o(d),
-          sx: {
-            alignItems: "center",
-            flexDirection: "row",
-            width: "100%",
-            gap: 12,
-            py: 16,
-            cursor: "pointer"
-          },
-          children: [/* @__PURE__ */ e(ie, {
-            "aria-label": i.mobile_devices_delete_label,
-            color: "secondary",
-            children: /* @__PURE__ */ e(q, { name: "delete" })
-          }), /* @__PURE__ */ e(y, {
-            variant: "body1",
-            children: i.mobile_devices_delete_label
-          })]
-        })]
-      })]
-    }, d.guid)), /* @__PURE__ */ e(G, {
-      sx: {
-        backgroundColor: a.palette.background.default,
-        borderTop: "1px solid",
-        borderColor: a.palette.divider,
-        p: "12px 16px"
-      },
-      children: /* @__PURE__ */ e(y, {
-        color: a.palette.text.secondary,
-        variant: "body2",
-        children: H(i.mobile_devices_count, /* @__PURE__ */ e("b", { children: t.length }), /* @__PURE__ */ e("b", { children: t.length }))
-      })
-    })]
-  });
-}, ht = ({ dialogType: t, isOpen: n, onClose: o, device: a, deviceToken: i = "" }) => {
-  const l = L(), { common: r, settings: s } = T(), { updateDevice: d, deleteDevice: h, setAlert: p, loadDevices: _ } = P(), [f, g] = u.useState("");
-  u.useEffect(() => {
-    a && g(a.name);
-  }, [a, t]);
-  const b = () => {
-    switch (t) {
-      case k.Edit:
-        return s.mobile_devices_edit_label;
-      case k.Delete:
-        return s.mobile_devices_delete_label;
-      default:
-        return "";
-    }
-  }, D = () => {
-    switch (t) {
-      case k.Token:
-        return r.done_button;
-      case k.Edit:
-        return r.save_button;
-      case k.Delete:
-        return r.delete_button;
-      default:
-        return "";
-    }
-  }, S = () => {
-    const v = { "& .MuiDialogContent-root": {
-      width: 400,
-      pt: 0
-    } };
-    return t === k.Token ? {
-      ...v,
-      "& .MuiToolbar-root:last-child": {
-        padding: "32px 60px 48px",
-        justifyContent: "center"
-      },
-      "& .MuiButton-root:first-child": { display: "none" },
-      "& .MuiButton-root:last-child": { flex: 1 }
-    } : {
-      ...v,
-      "& .MuiToolbar-root:last-child": {
-        gap: 8,
-        padding: 24,
-        justifyContent: "flex-end"
-      },
-      ...t === k.Delete && { "& .MuiTypography-body1": { padding: 0 } }
-    };
-  }, w = async () => {
-    t === k.Token && o(), t === k.Edit && a && ((await d({
-      ...a,
-      name: f
-    })).success ? (p(s.mobile_devices_edit_success, "success"), _()) : p(H(s.mobile_devices_edit_error, a.name), "error"), o()), t === k.Delete && a && ((await h(a.guid)).success ? (p(H(s.mobile_devices_delete_success, a.name), "success"), _()) : p(H(s.mobile_devices_delete_error, a.name), "error"), o());
-  };
-  return /* @__PURE__ */ c(R, {
-    copy: { title: b() },
-    isOpen: n,
-    onClose: o,
-    onPrimaryAction: w,
-    onSecondaryAction: o,
-    primaryColor: t === k.Delete ? "error" : void 0,
-    primaryText: D(),
-    secondaryText: t === k.Token ? r.back : r.cancel_button,
-    sx: S(),
-    children: [
-      t === k.Token && /* @__PURE__ */ c(m, {
-        spacing: 16,
-        sx: {
-          px: 40,
-          textAlign: "center",
-          width: "100%"
-        },
-        children: [
-          /* @__PURE__ */ e(y, {
-            bold: !0,
-            truncate: !1,
-            variant: "body1",
-            children: s.mobile_devices_access_label
-          }),
-          /* @__PURE__ */ e(y, {
-            truncate: !1,
-            variant: "body2",
-            children: s.mobile_devices_access_info_1
-          }),
-          /* @__PURE__ */ e(W, {
-            sx: {
-              border: `1px solid ${l.palette.neutral.light}`,
-              borderRadius: "4px",
-              p: "16px 32px"
-            },
-            variant: "h1",
-            children: i
-          }),
-          /* @__PURE__ */ e(y, {
-            truncate: !1,
-            variant: "body2",
-            children: s.mobile_devices_access_info_2
-          })
-        ]
-      }),
-      t === k.Edit && /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(M, {
-        onChange: (v) => g(v.target.value),
-        value: f
-      }) }),
-      t === k.Delete && /* @__PURE__ */ e(W, { children: s.mobile_devices_delete_info })
-    ]
-  });
-}, _t = x(ht), pt = x(() => {
-  const { isMobile: t } = j(), { settings: n } = T(), { isCopyLoaded: o, isInitialized: a } = me(), { setAlert: i, devices: l, loadDevices: r, generateDeviceToken: s } = P(), [d, h] = u.useState({
-    open: !1,
-    type: ""
-  }), [p, _] = u.useState(), [f, g] = u.useState("");
-  u.useEffect(() => {
-    a && r();
-  }, [a]);
-  const b = async () => {
-    const v = await s();
-    v ? (g(v), h({
-      open: !0,
-      type: k.Token
-    })) : i(n.mobile_devices_access_error, "error");
-  }, D = (v) => {
-    _(v), h({
-      open: !0,
-      type: k.Edit
-    });
-  }, S = (v) => {
-    _(v), h({
-      open: !0,
-      type: k.Delete
-    });
-  }, w = () => {
-    h({
-      open: !1,
-      type: ""
-    }), _(void 0);
-  };
-  return !o || !a ? /* @__PURE__ */ e(ue, {}) : /* @__PURE__ */ c(m, {
-    sx: {
-      backgroundColor: "background.paper",
-      p: 24,
-      gap: 24
-    },
-    children: [
-      /* @__PURE__ */ c(m, {
-        gap: 4,
-        children: [/* @__PURE__ */ e(Y, { children: n.mobile_devices_title }), /* @__PURE__ */ e(W, {
-          variant: "body1",
-          children: n.mobile_devices_info
-        })]
-      }),
-      t ? /* @__PURE__ */ e(ut, {
-        devices: l,
-        onClickDeviceDelete: S,
-        onClickDeviceEdit: D
-      }) : /* @__PURE__ */ e(mt, {
-        devices: l,
-        onClickDeviceDelete: S,
-        onClickDeviceEdit: D
-      }),
-      /* @__PURE__ */ c(m, {
-        sx: {
-          alignItems: "center",
-          px: 24,
-          py: 12,
-          gap: 4
-        },
-        children: [
-          /* @__PURE__ */ e(y, {
-            bold: !0,
-            variant: "body1",
-            children: n.mobile_devices_access_title
-          }),
-          /* @__PURE__ */ e(W, {
-            align: "center",
-            variant: "body2",
-            children: n.mobile_devices_access_description
-          }),
-          /* @__PURE__ */ e(Q, {
-            onClick: b,
-            variant: "text",
-            children: n.mobile_devices_access_cta
-          })
-        ]
-      }),
-      /* @__PURE__ */ e(_t, {
-        device: p,
-        deviceToken: f,
-        dialogType: d.type,
-        isOpen: d.open,
-        onClose: w
-      })
-    ]
-  });
-}), he = x(({ onClick: t, primaryText: n, secondaryText: o, sx: a }) => /* @__PURE__ */ e(ee, {
-  sx: { bgcolor: L().palette.background.paper },
-  children: /* @__PURE__ */ c(te, {
-    alignItems: "flex-start",
-    onClick: t,
-    sx: a,
-    children: [/* @__PURE__ */ e(ne, {
-      primary: n,
-      secondary: o
-    }), /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ e(O, {}) })]
-  })
-})), ft = x(() => {
-  const { settings: t } = T(), { categories: n } = oe(), { selectedRule: o, updateRuleCategory: a } = P(), [i, l] = u.useState(!1), r = () => {
-    l(!1);
-  }, s = () => {
-    l(!0);
-  }, d = (p) => n.find((_) => _.guid === p)?.name, h = async (p) => {
-    o && o.category_guid !== p && (o.category_guid = p, await a(o)), r();
-  };
-  return /* @__PURE__ */ c(u.Fragment, { children: [/* @__PURE__ */ e(he, {
-    onClick: s,
-    primaryText: o?.category_guid ? d(o.category_guid) : "",
-    secondaryText: t.category
-  }), /* @__PURE__ */ e(Be, {
-    initialSelected: o?.category_guid ? o.category_guid : void 0,
-    onClose: r,
-    onSelect: h,
-    showDrawer: i,
-    title: t.select_category
-  })] });
-}), gt = x(() => {
-  const { common: t, settings: n } = T(), { selectedRule: o, updateRulePayee: a } = P(), i = L(), [l, r] = u.useState(!1), s = o?.description ? o.description : o?.match_description, [d, h] = u.useState(s || ""), p = () => {
-    r(!0);
-  }, _ = async () => {
-    d !== s && o && (o.description = d, await a(o), r(!1));
-  };
-  return /* @__PURE__ */ c(u.Fragment, { children: [/* @__PURE__ */ e(he, {
-    onClick: p,
-    primaryText: s,
-    secondaryText: n.payee
-  }), /* @__PURE__ */ e(R, {
-    copy: { title: n.edit_payee },
-    isOpen: l,
-    onClose: () => r(!1),
-    onPrimaryAction: _,
-    onSecondaryAction: () => r(!1),
-    primaryText: t.save_button,
-    secondaryText: t.cancel_button,
-    sx: {
-      "& .MuiDialogContent-root": {
-        pt: 0,
-        width: 400
-      },
-      path: { fill: i.palette.secondary.darker }
-    },
-    children: /* @__PURE__ */ e(M, {
-      onChange: (f) => h(f.target.value),
-      sx: { width: 352 },
-      value: d
-    })
-  })] });
-}), bt = x(({ onClose: t, onDelete: n, isOpen: o }) => {
-  const { common: a, settings: i } = T();
-  return /* @__PURE__ */ e(R, {
-    copy: { title: i.delete_rule },
-    isOpen: o,
-    onClose: t,
-    onPrimaryAction: n,
-    onSecondaryAction: t,
-    primaryColor: "error",
-    primaryText: a.delete_button,
-    secondaryColor: "secondary",
-    secondaryText: a.cancel_button,
-    sx: { "& .MuiDialogContent-root": {
-      pt: 0,
-      width: 400
-    } },
-    children: /* @__PURE__ */ e(y, {
-      truncate: !1,
-      variant: "body2",
-      children: i.delete_rule_confirm
-    })
-  });
-}), yt = x(({ isOpen: t, onClose: n, onDelete: o }) => {
-  const { common: a, settings: i } = T(), [l, r] = u.useState(!1);
-  return /* @__PURE__ */ c(ce, {
-    hasSecondaryAction: !1,
-    isOpen: t,
-    onClose: n,
-    onPrimaryAction: () => {
-      r(!0);
-    },
-    primaryColor: "error",
-    primaryText: a.delete_button,
-    title: i.edit_rule,
-    children: [
-      /* @__PURE__ */ e(Xe, { children: /* @__PURE__ */ e(y, {
-        bold: !0,
-        variant: "caption",
-        children: i.details
-      }) }),
-      /* @__PURE__ */ e(gt, {}),
-      /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
-      /* @__PURE__ */ e(ft, {}),
-      /* @__PURE__ */ e(E, { sx: { ml: 24 } }),
-      /* @__PURE__ */ e(bt, {
-        isOpen: l,
-        onClose: () => r(!1),
-        onDelete: o
-      })
-    ]
-  });
-}), xt = x(({ rule: t }) => {
-  const { categories: n } = oe(), { setSelectedGuid: o } = Re(), { deleteTransactionRule: a, setSelectedRule: i } = P(), { isDesktop: l, isTablet: r } = j(), [s, d] = u.useState(!1), h = () => {
-    d(!1), o(null), i(void 0);
-  }, p = async () => {
-    await a(), h();
-  }, _ = () => {
-    d(!0), i(t);
-  }, f = (g) => n.find((b) => b.guid === g)?.name;
-  return /* @__PURE__ */ c(u.Fragment, { children: [
-    /* @__PURE__ */ e(he, {
-      onClick: _,
-      primaryText: t.description ? t.description : t.match_description,
-      secondaryText: t.category_guid ? f(t.category_guid) : ""
-    }),
-    /* @__PURE__ */ e(E, { sx: { ml: r || l ? 0 : 24 } }),
-    /* @__PURE__ */ e(yt, {
-      isOpen: s,
-      onClose: h,
-      onDelete: p
-    })
-  ] });
-}), Te = x(() => {
-  const { settings: t } = T(), { loadTransactionRules: n, transactionRules: o } = P(), [a, i] = u.useState(!1);
-  return de({
-    widgetName: "TransactionRulesTab",
-    isLoaded: a
-  }), u.useEffect(() => {
-    n().finally(() => i(!0));
-  }, []), /* @__PURE__ */ c(m, {
-    sx: {
-      gap: 24,
-      py: 24
-    },
-    children: [/* @__PURE__ */ c(m, {
-      sx: { px: 24 },
-      children: [/* @__PURE__ */ e(Y, { children: t.transaction_rules_label }), /* @__PURE__ */ e(W, {
-        variant: "body1",
-        children: t.transaction_rules_description
-      })]
-    }), /* @__PURE__ */ e($, { children: o.map((l, r) => /* @__PURE__ */ e(xt, { rule: l }, r)) })]
-  });
-}), vt = x(({ onProfileUpdated: t, profile: n }) => {
-  const { common: o, recurring: a, settings: i } = T(), { updateAccount: l } = ge(), r = n.notification_type === Ne.DebtPaymentReminder, [s, d] = u.useState(!1), [h, p] = u.useState(n.threshold || 0), [_, f] = u.useState(n.account?.day_payment_is_due || 0), g = n.account?.name || n.account?.feed_name || "", b = n.account?.day_payment_is_due ? H(i.notification_debt_payment_date, Me(n.account?.day_payment_is_due)) : i.notification_debt_payment_zero_state, D = r ? b : Ee(n.threshold ?? 0, "0,0"), S = async () => {
-    r && n.account ? await l({
-      ...n.account,
-      day_payment_is_due: _
-    }) : t({
-      ...n,
-      threshold: h
-    });
-  };
-  return /* @__PURE__ */ c(m, { children: [/* @__PURE__ */ e(le, {
-    avatar: n.account?.institution_guid ? /* @__PURE__ */ e(He, {
-      alt: n.label,
-      institutionGuid: n.account?.institution_guid
-    }) : void 0,
-    endIcon: /* @__PURE__ */ e(O, {}),
-    isChecked: n.is_enabled,
-    isDisabled: !n.is_enabled,
-    isPrimaryTextBold: !0,
-    onClick: () => d(!0),
-    onToggle: () => t({
-      ...n,
-      is_enabled: !n.is_enabled
-    }),
-    primaryText: g,
-    secondaryText: n.is_enabled ? D : i.notification_disabled
-  }), /* @__PURE__ */ e(R, {
-    copy: {
-      title: r ? a.day_of_the_month : i.notification_threshold_label,
-      close_aria: o.close_aria
-    },
-    disablePrimaryButton: r && _ === 0,
-    isOpen: s,
-    onClose: () => d(!1),
-    onPrimaryAction: S,
-    primaryText: o.save_button,
-    children: r ? /* @__PURE__ */ e(xe, {
-      dateAdapter: ye,
-      children: /* @__PURE__ */ e(Ze, {
-        maxDate: We(/* @__PURE__ */ new Date()),
-        minDate: ze(/* @__PURE__ */ new Date()),
-        onChange: (w) => {
-          f(w.getDate());
-        },
-        slots: {
-          leftArrowIcon: () => null,
-          rightArrowIcon: () => null
-        },
-        sx: { "& .MuiPickersDay-today": { color: "primary.main" } },
-        views: ["day"]
-      })
-    }) : /* @__PURE__ */ e(Oe, {
-      amount: h,
-      autoFocus: !0,
-      fullWidth: !0,
-      minAmount: 0,
-      setAmount: (w) => p(Number(w) || 0),
-      sx: { ".MuiTypography-body1": { p: 0 } }
-    })
-  })] });
-}), Ct = x(({ onUpdateProfile: t, profile: n }) => {
-  const { settings: o } = T(), { user: a } = U(), { clientCommunicationProfile: i, userCommunicationsProfile: l } = P(), { isMobile: r } = j(), s = n.notification_type > 2, { opted_out_of_email_notifications: d, opted_out_of_push_notifications: h, opted_out_of_sms_notifications: p } = l, { email_notifications_enabled: _, push_notifications_enabled: f, sms_notifications_enabled: g } = i;
-  return /* @__PURE__ */ c(m, { children: [(_ || g || f) && /* @__PURE__ */ c(z, { children: [/* @__PURE__ */ e(y, {
-    bold: !0,
-    sx: {
-      mb: 4,
-      ml: 24,
-      mt: 12
-    },
-    variant: "caption",
-    children: o.delivery_method_title
-  }), /* @__PURE__ */ c($, {
-    sx: { bgcolor: "background.paper" },
-    children: [
-      _ && /* @__PURE__ */ e(m, {
-        sx: { pl: 24 },
-        children: /* @__PURE__ */ e(N, {
-          isChecked: !d && n.email_channel && !!a.email,
-          isDisabled: d || !a.email,
-          onToggle: () => t({
-            ...n,
-            email_channel: !n.email_channel
-          }),
-          primaryText: o.delivery_method_email_label,
-          secondaryText: d || !n.email_channel || !a.email ? o.notification_disabled : o.notification_enabled,
-          useExtraPadding: !1
-        })
-      }),
-      _ && (g || f) && /* @__PURE__ */ e(E, { sx: { ml: r ? 0 : 24 } }),
-      g && /* @__PURE__ */ e(m, {
-        sx: { pl: 24 },
-        children: /* @__PURE__ */ e(N, {
-          isChecked: !p && n.sms_channel && !!a.phone,
-          isDisabled: p || !a.phone,
-          onToggle: () => t({
-            ...n,
-            sms_channel: !n.sms_channel
-          }),
-          primaryText: `${o.delivery_method_sms_label}`,
-          secondaryText: p || !n.sms_channel || !a.phone ? o.notification_disabled : o.notification_enabled,
-          useExtraPadding: !1
-        })
-      }),
-      g && f && /* @__PURE__ */ e(E, { sx: { ml: r ? 0 : 24 } }),
-      f && /* @__PURE__ */ e(m, {
-        sx: { pl: 24 },
-        children: /* @__PURE__ */ e(N, {
-          isChecked: !h && n.push_channel,
-          isDisabled: h,
-          onToggle: () => t({
-            ...n,
-            push_channel: !n.push_channel
-          }),
-          primaryText: o.delivery_method_push_label,
-          secondaryText: o.delivery_method_push_subtitle,
-          useExtraPadding: !1
-        })
-      }),
-      /* @__PURE__ */ e(E, {})
-    ]
-  })] }), s && !!n.children?.length && /* @__PURE__ */ c(m, { children: [/* @__PURE__ */ e(y, {
-    bold: !0,
-    sx: {
-      mb: 4,
-      ml: 24,
-      mt: 12
-    },
-    variant: "caption",
-    children: o.accounts_threshold_title
-  }), /* @__PURE__ */ e($, {
-    sx: { bgcolor: "background.paper" },
-    children: n.children?.map((b) => /* @__PURE__ */ e(vt, {
-      onProfileUpdated: t,
-      profile: b
-    }, b.guid))
-  })] })] });
-}), _e = x(() => {
-  const { accountProfiles: t, updateNotificationProfile: n } = P(), [o, a] = u.useState(""), i = u.useMemo(() => t.find((s) => s.guid === o), [t, o]), l = async (s) => {
-    await n({
-      ...s,
-      is_enabled: !s.is_enabled
-    });
-  }, r = async (s) => {
-    await n(s);
-  };
-  return /* @__PURE__ */ c(m, {
-    sx: { backgroundColor: "background.paper" },
-    children: [t.filter((s) => s.children && s.children.length > 0).map((s) => /* @__PURE__ */ e(le, {
-      endIcon: /* @__PURE__ */ e(O, {}),
-      isChecked: s.is_enabled,
-      isDisabled: !s.is_enabled,
-      onClick: () => a(s.guid),
-      onToggle: () => l(s),
-      primaryText: s.label,
-      secondaryText: s.is_enabled ? s.deliveryMethodsLabel : void 0
-    }, s.guid)), /* @__PURE__ */ e(ce, {
-      isOpen: !!i,
-      onClose: () => a(""),
-      title: i ? i.label : "",
-      children: i && /* @__PURE__ */ e(Ct, {
-        onUpdateProfile: r,
-        profile: i
-      })
-    })]
-  });
-}), we = x(({ profile: t }) => {
-  const { settings: n } = T(), { clientCommunicationProfile: { email_notifications_enabled: o, push_notifications_enabled: a, sms_notifications_enabled: i }, updateNotificationProfile: l, userCommunicationsProfile: { opted_out_of_email_notifications: r, opted_out_of_push_notifications: s, opted_out_of_sms_notifications: d } } = P(), { user: h } = U(), [p, _] = u.useState(!1), f = async () => {
-    await g({
-      ...t,
-      is_enabled: !t.is_enabled
-    }), t.is_enabled && _(!1);
-  }, g = async (D) => {
-    await l(D);
-  }, b = o || i || a;
-  return /* @__PURE__ */ c($, {
-    sx: { bgcolor: "background.paper" },
-    children: [
-      /* @__PURE__ */ e(le, {
-        endIcon: b ? /* @__PURE__ */ e(Ge, { sx: {
-          transition: "transform 0.3s ease-in-out",
-          transform: p ? "rotate(180deg)" : "rotate(0deg)"
-        } }) : void 0,
-        isChecked: t.is_enabled,
-        isDisabled: !t.is_enabled,
-        onClick: () => _(!p),
-        onToggle: () => f(),
-        primaryText: t.label,
-        secondaryText: t.is_enabled ? t.deliveryMethodsLabel : void 0
-      }, t.guid),
-      b && /* @__PURE__ */ e(it, {
-        in: p,
-        children: /* @__PURE__ */ c($, {
-          sx: { bgcolor: "background.paper" },
-          children: [
-            o && /* @__PURE__ */ e(N, {
-              isChecked: !r && t.email_channel && !!h.email,
-              isDisabled: r || !h.email,
-              onToggle: () => g({
-                ...t,
-                email_channel: !t.email_channel
-              }),
-              primaryText: n.delivery_method_email_label
-            }),
-            o && (i || a) && /* @__PURE__ */ e(E, { sx: { ml: 48 } }),
-            i && /* @__PURE__ */ e(N, {
-              isChecked: !d && t.sms_channel && !!h.phone,
-              isDisabled: d || !h.phone,
-              onToggle: () => g({
-                ...t,
-                sms_channel: !t.sms_channel
-              }),
-              primaryText: n.delivery_method_sms_label
-            }),
-            i && a && /* @__PURE__ */ e(E, { sx: { ml: 48 } }),
-            a && /* @__PURE__ */ e(N, {
-              isChecked: !s && t.push_channel,
-              isDisabled: s,
-              onToggle: () => g({
-                ...t,
-                push_channel: !t.push_channel
-              }),
-              primaryText: n.delivery_method_push_label
-            })
-          ]
-        })
-      }),
-      /* @__PURE__ */ e(E, {})
-    ]
-  }, t.guid);
-}), pe = x(() => {
-  const { budgetProfiles: t } = P();
-  return /* @__PURE__ */ e(m, { children: t.map((n) => /* @__PURE__ */ e(we, { profile: n }, n.guid)) });
-}), Dt = x(() => {
-  const { onEvent: t } = Ue(), { settings: n } = T(), { clientCommunicationProfile: o, updateUserCommunicationProfile: a, userCommunicationsProfile: i } = P(), { user: l } = U(), r = async (s, d) => {
-    const h = {
-      ...i,
-      [s]: d
-    };
-    if (t) {
-      const p = s.split("_")[3];
-      d === !1 ? t("opt_in_notification_method", { notificationType: p }) : t("opt_out_notification_method", { notificationType: p });
-    }
-    await a(h);
-  };
-  return /* @__PURE__ */ c(m, { children: [
-    /* @__PURE__ */ e(Y, {
-      sx: { mt: 24 },
-      children: n.delivery_method_title
-    }),
-    o.email_notifications_enabled && /* @__PURE__ */ c(z, { children: [/* @__PURE__ */ e(N, {
-      isChecked: !!l.email && !i.opted_out_of_email_notifications,
-      isDisabled: !l.email,
-      onToggle: () => r("opted_out_of_email_notifications", !i.opted_out_of_email_notifications),
-      primaryText: n.delivery_method_email_title,
-      secondaryText: l.email && !i.opted_out_of_email_notifications ? n.notification_enabled : n.notification_disabled,
-      useExtraPadding: !1
-    }), (o.sms_notifications_enabled || o.push_notifications_enabled) && /* @__PURE__ */ e(E, {})] }),
-    o.sms_notifications_enabled && /* @__PURE__ */ c(z, { children: [/* @__PURE__ */ e(N, {
-      isChecked: !!l.phone && !i.opted_out_of_sms_notifications,
-      isDisabled: !l.phone,
-      onToggle: () => r("opted_out_of_sms_notifications", !i.opted_out_of_sms_notifications),
-      primaryText: n.delivery_method_sms_title,
-      secondaryText: l.phone && !i.opted_out_of_sms_notifications ? n.notification_enabled : n.notification_disabled,
-      useExtraPadding: !1
-    }), o.push_notifications_enabled && /* @__PURE__ */ e(E, {})] }),
-    o.push_notifications_enabled && /* @__PURE__ */ e(N, {
-      isChecked: !i.opted_out_of_push_notifications,
-      isDisabled: !0,
-      onToggle: () => {
-      },
-      primaryText: n.delivery_method_push_title,
-      secondaryText: n.delivery_method_push_subtitle,
-      useExtraPadding: !1
-    }),
-    o.sms_notifications_enabled && /* @__PURE__ */ e(Ke, {
-      sx: {
-        backgroundColor: "background.default",
-        mt: 12
-      },
-      variant: "outlined",
-      children: /* @__PURE__ */ e(qe, { children: /* @__PURE__ */ c(m, {
-        alignItems: "flex-start",
-        direction: "row",
-        gap: 6,
-        children: [/* @__PURE__ */ e($e, {
-          color: "primary",
-          filled: !0
-        }), /* @__PURE__ */ e(y, {
-          variant: "caption",
-          children: n.delivery_method_sms_note_1
-        })]
-      }) })
-    })
-  ] });
-}), fe = x(() => {
-  const { insightsProfiles: t } = P();
-  return /* @__PURE__ */ e(m, { children: t.map((n) => /* @__PURE__ */ e(we, { profile: n }, n.guid)) });
-}), Tt = () => {
-  const { config: t } = J(), [n, { width: o }] = Ve(), { common: a, settings: i } = T(), { updateUser: l } = P(), { user: r } = U(), [s, d] = u.useState(!1), [h, p] = u.useState({
-    email: r.email,
-    phone: r.phone
-  }), _ = h.email && !r.email_is_verified && !s, f = h.phone && !r.phone_is_verified && !s, g = (D) => {
-    const { name: S, value: w } = D.target, v = {
-      ...h,
-      [S]: w
-    };
-    p(v), d(JSON.stringify({
-      ...r,
-      ...v
-    }) !== JSON.stringify(r));
-  }, b = async () => {
-    await l({
-      ...r,
-      ...h
-    }), d(!1);
-  };
-  return /* @__PURE__ */ c(m, {
-    ref: n,
-    children: [/* @__PURE__ */ e(E, {}), /* @__PURE__ */ c(m, {
-      sx: { pt: 12 },
-      children: [
-        /* @__PURE__ */ e(Y, {
-          sx: {
-            lineHeight: "20px",
-            pb: 4,
-            pt: 16
-          },
-          children: i.personal_details
-        }),
-        /* @__PURE__ */ c(m, {
-          sx: {
-            flexDirection: o <= 768 ? "column" : "row",
-            gap: 24,
-            py: 16
-          },
-          children: [t.display_email_edit_field_in_settings && /* @__PURE__ */ c(m, {
-            sx: {
-              flex: 1,
-              pb: 14
-            },
-            children: [/* @__PURE__ */ e(M, {
-              defaultValue: r.email,
-              fullWidth: !0,
-              label: i.email_address,
-              name: "email",
-              onChange: g
-            }), _ && /* @__PURE__ */ e(G, {
-              sx: {
-                height: 20,
-                ".MuiButton-root": {
-                  px: 0,
-                  ":hover": { bgcolor: "transparent" }
-                }
-              },
-              children: /* @__PURE__ */ e(Ce, {})
-            })]
-          }), t.display_sms_edit_field_in_settings && /* @__PURE__ */ c(m, {
-            sx: {
-              flex: 1,
-              pb: 14
-            },
-            children: [/* @__PURE__ */ e(M, {
-              defaultValue: r.phone,
-              fullWidth: !0,
-              label: i.mobile_number,
-              name: "phone",
-              onChange: g
-            }), f && /* @__PURE__ */ e(G, {
-              sx: {
-                height: 20,
-                ".MuiButton-root": {
-                  px: 0,
-                  ":hover": { bgcolor: "transparent" }
-                }
-              },
-              children: /* @__PURE__ */ e(De, {})
-            })]
-          })]
-        }),
-        /* @__PURE__ */ e(Q, {
-          disabled: !s,
-          onClick: b,
-          sx: { width: 84 },
-          variant: "contained",
-          children: a.save_button
-        })
-      ]
-    })]
-  });
-}, wt = x(Tt), se = x(({ notificationTypes: t = [A.Accounts, A.Budgets], showPersonalDetails: n = !1, view: o }) => {
-  const { config: a } = J(), { settings: i } = T(), { isInitialized: l } = me(), { isAccountDataLoaded: r, loadAccountData: s } = ge(), { clientCommunicationProfile: d, loadNotificationProfiles: h } = P(), p = Le(), [_, f] = u.useState(!1), [g, b] = u.useState(void 0);
-  if (t.length > 0 && p && t.push(A.Insights), de({
-    widgetName: "NotificationSettingsWidget",
-    isLoaded: _
-  }), u.useEffect(() => {
-    r || s().finally();
-  }, []), u.useEffect(() => {
-    l && h().finally(() => f(!0));
-  }, [l]), !l) return /* @__PURE__ */ e(ue, {});
-  let D = i.manage_account_notifications;
-  g === A.Budgets ? D = i.manage_budget_notifications : g === A.Insights && (D = i.manage_insights_notifications);
-  const { email_notifications_enabled: S, sms_notifications_enabled: w, push_notifications_enabled: v } = d, I = S || w || v;
-  if (o === "accounts") return /* @__PURE__ */ e(_e, {});
-  if (o === "budgets") return /* @__PURE__ */ e(pe, {});
-  if (o === "insights") return /* @__PURE__ */ e(fe, {});
-  const V = a.display_email_edit_field_in_settings || a.display_sms_edit_field_in_settings, ae = n && d.can_edit_contact_info && V;
-  return /* @__PURE__ */ c(m, {
-    sx: { pt: I ? 0 : 24 },
-    children: [
-      /* @__PURE__ */ c(m, {
-        sx: { px: 24 },
-        children: [I && /* @__PURE__ */ c(z, { children: [/* @__PURE__ */ e(Dt, {}), /* @__PURE__ */ e(E, { sx: { my: 24 } })] }), /* @__PURE__ */ e(Y, {
-          sx: { mb: 4 },
-          children: i.notification_types_title
-        })]
-      }),
-      /* @__PURE__ */ c($, { children: [
-        t.includes(A.Accounts) && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ c(te, {
-          onClick: () => b(A.Accounts),
-          children: [/* @__PURE__ */ e(ne, {
-            primary: i.accounts_title,
-            secondary: i.accounts_subtitle
-          }), /* @__PURE__ */ e(O, {})]
-        }) }),
-        t.includes(A.Budgets) && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ c(te, {
-          onClick: () => b(A.Budgets),
-          children: [/* @__PURE__ */ e(ne, {
-            primary: i.budgets_title,
-            secondary: i.budgets_subtitle
-          }), /* @__PURE__ */ e(O, {})]
-        }) }),
-        t.includes(A.Insights) && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ c(te, {
-          onClick: () => b(A.Insights),
-          children: [/* @__PURE__ */ e(ne, {
-            primary: i.insights_title,
-            secondary: i.insights_subtitle
-          }), /* @__PURE__ */ e(O, {})]
-        }) })
-      ] }),
-      ae && /* @__PURE__ */ e(m, {
-        sx: { px: 24 },
-        children: /* @__PURE__ */ e(wt, {})
-      }),
-      /* @__PURE__ */ e(ce, {
-        isOpen: !!g,
-        onClose: () => b(void 0),
-        title: D,
-        children: /* @__PURE__ */ c(m, { children: [
-          g === A.Accounts && /* @__PURE__ */ e(_e, {}),
-          g === A.Budgets && /* @__PURE__ */ e(pe, {}),
-          g === A.Insights && /* @__PURE__ */ e(fe, {})
-        ] })
-      })
-    ]
-  });
-}), kt = x(({ selectedTab: t }) => {
-  const { alert: n, setAlert: o } = P(), { config: { display_user_profile_in_settings: a } } = J();
-  return /* @__PURE__ */ c(z, { children: [
-    t === K.Profile && /* @__PURE__ */ e(dt, {}),
-    t === K.Devices && /* @__PURE__ */ e(pt, {}),
-    t === K.Notifications && /* @__PURE__ */ e(se, { showPersonalDetails: !a }),
-    t === K.TransactionRules && /* @__PURE__ */ e(Te, {}),
-    t === K.Help && /* @__PURE__ */ e(m, {
-      sx: { px: 24 },
-      children: /* @__PURE__ */ e(Fe, {})
-    }),
-    /* @__PURE__ */ e(nt, {
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "right"
-      },
-      autoHideDuration: 3500,
-      onClose: () => o(""),
-      open: !!n.message,
-      children: /* @__PURE__ */ e(et, {
-        onClose: () => {
-          o("");
-        },
-        severity: n.severity,
-        variant: "filled",
-        children: n.message
-      })
-    })
-  ] });
-}), K = /* @__PURE__ */ (function(t) {
-  return 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;
-})({}), xn = x(({ onBackClick: t, onMenuClick: n, sx: o }) => {
-  const { settings: a } = T(), { isCopyLoaded: i, isInitialized: l } = me(), { config: r } = J(), { isMobile: s } = j(), { categoriesLoaded: d, loadCategories: h } = oe();
-  de({
-    widgetName: "SettingsWidget",
-    isLoaded: l && i
-  }), u.useEffect(() => {
-    d || h().finally();
-  }, []);
-  const { display_user_profile_in_settings: p, display_mobile_devices_in_settings: _, display_notification_settings_in_settings: f, display_user_transaction_rules_in_settings: g, show_help_widget_in_master: b } = r, D = [
-    {
-      enabled: p,
-      index: 0,
-      label: a?.profile_label
-    },
-    {
-      enabled: _,
-      index: 1,
-      label: a?.mobile_devices_label
-    },
-    {
-      enabled: f,
-      index: 2,
-      label: a?.notifications_label
-    },
-    {
-      enabled: g,
-      index: 3,
-      label: a?.transaction_rules_label
-    },
-    {
-      enabled: b,
-      index: 4,
-      label: a?.help_label
-    }
-  ], S = D.find((I) => I.enabled), [w, v] = u.useState(S ? S.index : -1);
-  return !i || !l ? /* @__PURE__ */ e(ue, {}) : /* @__PURE__ */ e(re, {
-    onBackClick: t,
-    onMenuClick: n,
-    showAccountFilter: !1,
-    sx: {
-      height: "calc(100dvh - 24px)",
-      overflow: "auto",
-      ...o
-    },
-    title: a.title,
-    children: /* @__PURE__ */ c(m, {
-      mx: s ? 0 : 48,
-      my: 24,
-      children: [/* @__PURE__ */ e(Je, {
-        onChange: (I, V) => v(V),
-        sx: { bgcolor: "background.paper" },
-        textColor: "primary",
-        value: w,
-        variant: "scrollable",
-        children: D.map((I) => I.enabled && /* @__PURE__ */ e(je, {
-          label: I.label,
-          value: I.index
-        }, I.index))
-      }), /* @__PURE__ */ e(kt, { selectedTab: w })]
-    })
-  });
-}), vn = x((t) => {
-  const { clientConfig: n } = J(), o = n?.master?.deep_link_params?.view;
-  return o ? /* @__PURE__ */ e(se, { view: o }) : /* @__PURE__ */ e(re, {
-    ...t,
-    showAccountFilter: !1,
-    children: /* @__PURE__ */ e(m, {
-      my: 24,
-      children: /* @__PURE__ */ e(se, {})
-    })
-  });
-}), Cn = (t) => {
-  const { isMobile: n } = j(), { categoriesLoaded: o, loadCategories: a } = oe();
-  return u.useEffect(() => {
-    o || a().finally();
-  }), /* @__PURE__ */ e(re, {
-    ...t,
-    showAccountFilter: !1,
-    children: /* @__PURE__ */ e(m, {
-      sx: {
-        mx: n ? 0 : 48,
-        my: 24
-      },
-      children: /* @__PURE__ */ e(Te, {})
-    })
-  });
-};
-export {
-  kt as a,
-  pe as c,
-  pt as d,
-  dt as f,
-  xn as i,
-  _e as l,
-  vn as n,
-  se as o,
-  K as r,
-  fe as s,
-  Cn as t,
-  Te as u
-};