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

package/dist/settings-ZMHe439l.mjs

@@ -0,0 +1,1526 @@
+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
+};