@mx-cartographer/experiences 6.26.18-alpha.mega3 → 6.26.18-alpha.mega4

package/dist/settings/components/notifications/NotificationProfile/index.es.js

@@ -1,96 +0,0 @@
-import { jsxs as g, jsx as s } from "react/jsx-runtime";
-import T from "react";
-import { observer as D } from "mobx-react-lite";
-import v from "@mui/material/Collapse";
-import m from "@mui/material/Divider";
-import p from "@mui/material/List";
-import { ExpandMore as C } from "@mxenabled/mx-icons";
-import { useGlobalCopyStore as k, useSettingsStore as P, useUserStore as S } from "../../../../common/context/hooks/index.es.js";
-import { ToggleButtonListItem as w } from "../../../../common/components/listitems/ToggleButtonListItem/index.es.js";
-import { ToggleListItem as r } from "../../../../common/components/listitems/ToggleListItem/index.es.js";
-const q = D(({ profile: e }) => {
-  const { settings: n } = k(), {
-    clientCommunicationProfile: {
-      email_notifications_enabled: l,
-      push_notifications_enabled: o,
-      sms_notifications_enabled: i
-    },
-    updateNotificationProfile: x,
-    userCommunicationsProfile: {
-      opted_out_of_email_notifications: c,
-      opted_out_of_push_notifications: _,
-      opted_out_of_sms_notifications: h
-    }
-  } = P(), { user: t } = S(), [d, u] = T.useState(!1), f = async () => {
-    await a({ ...e, is_enabled: !e.is_enabled }), e.is_enabled && u(!1);
-  }, a = async (y) => {
-    await x(y);
-  }, b = l || i || o;
-  return /* @__PURE__ */ g(p, { sx: { bgcolor: "background.paper" }, children: [
-    /* @__PURE__ */ s(
-      w,
-      {
-        endIcon: b ? /* @__PURE__ */ s(
-          C,
-          {
-            sx: {
-              transition: "transform 0.3s ease-in-out",
-              transform: d ? "rotate(180deg)" : "rotate(0deg)"
-            }
-          }
-        ) : void 0,
-        isChecked: e.is_enabled,
-        isDisabled: !e.is_enabled,
-        onClick: () => u(!d),
-        onToggle: () => f(),
-        primaryText: e.label,
-        secondaryText: e.is_enabled ? e.deliveryMethodsLabel : void 0
-      },
-      e.guid
-    ),
-    b && /* @__PURE__ */ s(v, { in: d, children: /* @__PURE__ */ g(p, { sx: { bgcolor: "background.paper" }, children: [
-      l && /* @__PURE__ */ s(
-        r,
-        {
-          isChecked: !c && e.email_channel && !!t.email,
-          isDisabled: c || !t.email,
-          onToggle: () => a({
-            ...e,
-            email_channel: !e.email_channel
-          }),
-          primaryText: n.delivery_method_email_label
-        }
-      ),
-      l && (i || o) && /* @__PURE__ */ s(m, { sx: { ml: 48 } }),
-      i && /* @__PURE__ */ s(
-        r,
-        {
-          isChecked: !h && e.sms_channel && !!t.phone,
-          isDisabled: h || !t.phone,
-          onToggle: () => a({
-            ...e,
-            sms_channel: !e.sms_channel
-          }),
-          primaryText: n.delivery_method_sms_label
-        }
-      ),
-      i && o && /* @__PURE__ */ s(m, { sx: { ml: 48 } }),
-      o && /* @__PURE__ */ s(
-        r,
-        {
-          isChecked: !_ && e.push_channel,
-          isDisabled: _,
-          onToggle: () => a({
-            ...e,
-            push_channel: !e.push_channel
-          }),
-          primaryText: n.delivery_method_push_label
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ s(m, {})
-  ] }, e.guid);
-});
-export {
-  q as NotificationProfile
-};

package/dist/settings/components/notifications/NotificationSettings/index.es.js

@@ -1,89 +0,0 @@
-import { jsx as i, jsxs as o, Fragment as v } from "react/jsx-runtime";
-import b from "react";
-import { observer as E } from "mobx-react-lite";
-import L from "@mui/material/Divider";
-import k from "@mui/material/List";
-import d from "@mui/material/ListItem";
-import f from "@mui/material/ListItemText";
-import p from "@mui/material/ListItemButton";
-import r from "@mui/material/Stack";
-import { ChevronRight as u } from "@mxenabled/mx-icons";
-import { H3 as O } from "@mxenabled/mxui";
-import { AccountNotificationProfiles as y } from "../AccountNotificationProfiles/index.es.js";
-import { BudgetNotificationProfiles as x } from "../BudgetNotificationProfiles/index.es.js";
-import { DeliveryMethods as T } from "../DeliveryMethods/index.es.js";
-import { InsightsNotificationProfiles as I } from "../InsightsNotificationProfiles/index.es.js";
-import j from "../PersonalDetails/index.es.js";
-import { NotificationTypes as t } from "../../../../common/types/Notification/index.es.js";
-import { useAppConfig as F, useGlobalCopyStore as G, useGlobalUiStore as M, useSettingsStore as R } from "../../../../common/context/hooks/index.es.js";
-import w from "../../../../common/components/Loader/index.es.js";
-import z from "../../../../common/components/drawer/Drawer/index.es.js";
-const li = E(
-  ({
-    notificationTypes: c = [t.Accounts, t.Budgets],
-    showPersonalDetails: B = !1,
-    view: l
-  }) => {
-    const { config: _ } = F(), { settings: e } = G(), { isInitialized: a } = M(), { clientCommunicationProfile: h, loadNotificationProfiles: C } = R(), [s, n] = b.useState(
-      void 0
-    );
-    if (b.useEffect(() => {
-      a && C().finally();
-    }, [a]), !a)
-      return /* @__PURE__ */ i(w, {});
-    let m = e.manage_account_notifications;
-    s === t.Budgets ? m = e.manage_budget_notifications : s === t.Insights && (m = e.manage_insights_notifications);
-    const {
-      email_notifications_enabled: P,
-      sms_notifications_enabled: S,
-      push_notifications_enabled: A
-    } = h, g = P || S || A;
-    if (l === "accounts")
-      return /* @__PURE__ */ i(y, {});
-    if (l === "budgets")
-      return /* @__PURE__ */ i(x, {});
-    if (l === "insights")
-      return /* @__PURE__ */ i(I, {});
-    const D = _.display_email_edit_field_in_settings || _.display_sms_edit_field_in_settings, N = B && h.can_edit_contact_info && D;
-    return /* @__PURE__ */ o(r, { sx: { pt: g ? 0 : 24 }, children: [
-      /* @__PURE__ */ o(r, { sx: { px: 24 }, children: [
-        g && /* @__PURE__ */ o(v, { children: [
-          /* @__PURE__ */ i(T, {}),
-          /* @__PURE__ */ i(L, { sx: { my: 24 } })
-        ] }),
-        /* @__PURE__ */ i(O, { sx: { mb: 4 }, children: e.notification_types_title })
-      ] }),
-      /* @__PURE__ */ o(k, { children: [
-        c.includes(t.Accounts) && /* @__PURE__ */ i(d, { children: /* @__PURE__ */ o(p, { onClick: () => n(t.Accounts), children: [
-          /* @__PURE__ */ i(f, { primary: e.accounts_title, secondary: e.accounts_subtitle }),
-          /* @__PURE__ */ i(u, {})
-        ] }) }),
-        c.includes(t.Budgets) && /* @__PURE__ */ i(d, { children: /* @__PURE__ */ o(p, { onClick: () => n(t.Budgets), children: [
-          /* @__PURE__ */ i(f, { primary: e.budgets_title, secondary: e.budgets_subtitle }),
-          /* @__PURE__ */ i(u, {})
-        ] }) }),
-        c.includes(t.Insights) && /* @__PURE__ */ i(d, { children: /* @__PURE__ */ o(p, { onClick: () => n(t.Insights), children: [
-          /* @__PURE__ */ i(f, { primary: e.insights_title, secondary: e.insights_subtitle }),
-          /* @__PURE__ */ i(u, {})
-        ] }) })
-      ] }),
-      N && /* @__PURE__ */ i(r, { sx: { px: 24 }, children: /* @__PURE__ */ i(j, {}) }),
-      /* @__PURE__ */ i(
-        z,
-        {
-          isOpen: !!s,
-          onClose: () => n(void 0),
-          title: m,
-          children: /* @__PURE__ */ o(r, { children: [
-            s === t.Accounts && /* @__PURE__ */ i(y, {}),
-            s === t.Budgets && /* @__PURE__ */ i(x, {}),
-            s === t.Insights && /* @__PURE__ */ i(I, {})
-          ] })
-        }
-      )
-    ] });
-  }
-);
-export {
-  li as NotificationSettings
-};

package/dist/settings/components/notifications/PersonalDetails/index.es.js

@@ -1,99 +0,0 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import p from "react";
-import { observer as w } from "mobx-react-lite";
-import c from "@mui/material/Box";
-import V from "@mui/material/Button";
-import D from "@mui/material/Divider";
-import i from "@mui/material/Stack";
-import f from "@mui/material/TextField";
-import { H3 as B } from "@mxenabled/mxui";
-import { useDimensions as P } from "../../../../common/hooks/useDimensions/index.es.js";
-import A from "../../profile/actions/VerifyEmailAction/index.es.js";
-import H from "../../profile/actions/VerifyPhoneAction/index.es.js";
-import { useAppConfig as M, useGlobalCopyStore as j, useSettingsStore as k, useUserStore as E } from "../../../../common/context/hooks/index.es.js";
-const J = () => {
-  const { config: a } = M(), [h, { width: u }] = P(), { common: g, settings: s } = j(), { updateUser: x } = k(), { user: e } = E(), [r, l] = p.useState(!1), [n, _] = p.useState({
-    email: e.email,
-    phone: e.phone
-  }), b = n.email && !e.email_is_verified && !r, y = n.phone && !e.phone_is_verified && !r, m = (C) => {
-    const { name: S, value: U } = C.target, d = { ...n, [S]: U };
-    _(d), l(JSON.stringify({ ...e, ...d }) !== JSON.stringify(e));
-  }, v = async () => {
-    await x({ ...e, ...n }), l(!1);
-  };
-  return /* @__PURE__ */ t(i, { ref: h, children: [
-    /* @__PURE__ */ o(D, {}),
-    /* @__PURE__ */ t(i, { sx: { pt: 12 }, children: [
-      /* @__PURE__ */ o(B, { sx: { lineHeight: "20px", pb: 4, pt: 16 }, children: s.personal_details }),
-      /* @__PURE__ */ t(i, { sx: { flexDirection: u <= 768 ? "column" : "row", gap: 24, py: 16 }, children: [
-        a.display_email_edit_field_in_settings && /* @__PURE__ */ t(i, { sx: { flex: 1, pb: 14 }, children: [
-          /* @__PURE__ */ o(
-            f,
-            {
-              defaultValue: e.email,
-              fullWidth: !0,
-              label: s.email_address,
-              name: "email",
-              onChange: m
-            }
-          ),
-          b && /* @__PURE__ */ o(
-            c,
-            {
-              sx: {
-                height: 20,
-                ".MuiButton-root": {
-                  px: 0,
-                  ":hover": {
-                    bgcolor: "transparent"
-                  }
-                }
-              },
-              children: /* @__PURE__ */ o(A, {})
-            }
-          )
-        ] }),
-        a.display_sms_edit_field_in_settings && /* @__PURE__ */ t(i, { sx: { flex: 1, pb: 14 }, children: [
-          /* @__PURE__ */ o(
-            f,
-            {
-              defaultValue: e.phone,
-              fullWidth: !0,
-              label: s.mobile_number,
-              name: "phone",
-              onChange: m
-            }
-          ),
-          y && /* @__PURE__ */ o(
-            c,
-            {
-              sx: {
-                height: 20,
-                ".MuiButton-root": {
-                  px: 0,
-                  ":hover": {
-                    bgcolor: "transparent"
-                  }
-                }
-              },
-              children: /* @__PURE__ */ o(H, {})
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ o(
-        V,
-        {
-          disabled: !r,
-          onClick: v,
-          sx: { width: 84 },
-          variant: "contained",
-          children: g.save_button
-        }
-      )
-    ] })
-  ] });
-}, Q = w(J);
-export {
-  Q as default
-};

package/dist/settings/components/profile/ProfileTab/index.es.js

@@ -1,204 +0,0 @@
-import { jsxs as i, Fragment as I, jsx as t } from "react/jsx-runtime";
-import p from "react";
-import { observer as L } from "mobx-react-lite";
-import { getUnixTime as R } from "date-fns/getUnixTime";
-import { AdapterDateFns as z } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import { DatePicker as N } from "@mui/x-date-pickers";
-import { LocalizationProvider as j } from "@mui/x-date-pickers/LocalizationProvider";
-import { useTheme as H, alpha as b } from "@mui/material/styles";
-import J from "@mui/material/Box";
-import O from "@mui/material/Button";
-import d from "@mui/material/Stack";
-import c from "@mui/material/TextField";
-import { H3 as G, P as K } from "@mxenabled/mxui";
-import Y from "../actions/VerifyEmailAction/index.es.js";
-import q from "../actions/VerifyPhoneAction/index.es.js";
-import { useGlobalCopyStore as Q, useAppConfig as W, useSettingsStore as X, useUserStore as Z } from "../../../../common/context/hooks/index.es.js";
-import { useScreenSize as $ } from "../../../../common/hooks/useScreenSize/index.es.js";
-import ee from "../../../../common/components/dialog/Dialog/index.es.js";
-const te = ({ availableWidth: T, handleOnLeavClick: u }) => {
-  const f = H(), { common: U, settings: o } = Q(), { isDesktop: y, isMobile: s, isSmallMobile: h, isTablet: v } = $(T), { config: x } = W(), { updateUser: D } = X(), { user: r } = Z(), [a, V] = p.useState({
-    first_name: r.first_name,
-    last_name: r.last_name,
-    email: r.email,
-    phone: r.phone,
-    birthday: r.birthday,
-    postal_code: r.postal_code,
-    credit_score: r.credit_score
-  }), [m, C] = p.useState(!1), [k, g] = p.useState(!1), _ = p.useRef(null), w = a.email && !r.email_is_verified && !m, S = a.phone && !r.phone_is_verified && !m;
-  p.useEffect(() => {
-    if (u) {
-      const e = (l) => {
-        _.current && !_.current.contains(l.target) && m && g(!0);
-      };
-      return document.addEventListener("mousedown", e), () => {
-        document.removeEventListener("mousedown", e);
-      };
-    }
-  }, [m]);
-  const P = () => {
-    if (a.birthday) {
-      const e = new Date(a.birthday * 1e3), l = e.getUTCFullYear(), F = e.getUTCMonth(), M = e.getUTCDate();
-      return new Date(l, F, M);
-    }
-  }, B = async () => {
-    await D({ ...r, ...a }), C(!1);
-  }, E = () => {
-    g(!1), u && u();
-  }, A = () => {
-    g(!1);
-  }, n = (e) => {
-    const l = {
-      ...a,
-      ...e
-    };
-    V(l), C(JSON.stringify({ ...r, ...l }) !== JSON.stringify(r));
-  };
-  return /* @__PURE__ */ i(I, { children: [
-    /* @__PURE__ */ i(
-      J,
-      {
-        component: "form",
-        ref: _,
-        sx: {
-          backgroundColor: "background.paper",
-          p: 24,
-          width: h ? 320 : v ? 680 : y ? 990 : 400,
-          "& .MuiTextField-root": {
-            width: h ? 272 : v ? 328 : y ? 483 : 352
-          }
-        },
-        children: [
-          /* @__PURE__ */ t(G, { children: o.personal_details }),
-          /* @__PURE__ */ t(K, { variant: "Body", children: o.update_information }),
-          /* @__PURE__ */ i(
-            d,
-            {
-              direction: s ? "column" : "row",
-              spacing: s ? 44 : 24,
-              sx: { mb: 44, pt: 32 },
-              children: [
-                /* @__PURE__ */ t(
-                  c,
-                  {
-                    defaultValue: a.first_name,
-                    label: o.first_name,
-                    onChange: (e) => n({ first_name: e.target.value })
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  c,
-                  {
-                    defaultValue: a.last_name,
-                    label: o.last_name,
-                    onChange: (e) => n({ last_name: e.target.value })
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ i(d, { direction: s ? "column" : "row", children: [
-            x.display_email_edit_field_in_settings && /* @__PURE__ */ i(d, { sx: { mb: w ? 20 : 44, mr: s ? 0 : 24 }, children: [
-              /* @__PURE__ */ t(
-                c,
-                {
-                  defaultValue: a.email,
-                  label: o.email_address,
-                  onChange: (e) => n({ email: e.target.value })
-                }
-              ),
-              w && /* @__PURE__ */ t(Y, {})
-            ] }),
-            x.display_sms_edit_field_in_settings && /* @__PURE__ */ i(d, { sx: { mb: S ? 20 : 44 }, children: [
-              /* @__PURE__ */ t(
-                c,
-                {
-                  defaultValue: a.phone,
-                  label: o.mobile_number,
-                  onChange: (e) => n({ phone: e.target.value }),
-                  type: "tel"
-                }
-              ),
-              S && /* @__PURE__ */ t(q, {})
-            ] })
-          ] }),
-          /* @__PURE__ */ i(d, { direction: s ? "column" : "row", spacing: s ? 44 : 24, sx: { mb: 44 }, children: [
-            /* @__PURE__ */ t(j, { dateAdapter: z, children: /* @__PURE__ */ t(
-              N,
-              {
-                label: o.birthdate,
-                onChange: (e) => n({ birthday: R(e) }),
-                slotProps: {
-                  nextIconButton: {
-                    sx: {
-                      color: "primary.main",
-                      "&:hover": { backgroundColor: b(f.palette.primary.light, 0.1) }
-                    }
-                  },
-                  previousIconButton: {
-                    sx: {
-                      color: "primary.main",
-                      "&:hover": { backgroundColor: b(f.palette.primary.light, 0.1) }
-                    }
-                  }
-                },
-                sx: {
-                  width: "100%",
-                  "& .MuiIconButton-edgeEnd": {
-                    color: "primary.main",
-                    "&:hover": { backgroundColor: b(f.palette.primary.light, 0.1) }
-                  }
-                },
-                value: P()
-              }
-            ) }),
-            /* @__PURE__ */ t(
-              c,
-              {
-                defaultValue: a.postal_code,
-                label: o.zip_code,
-                onChange: (e) => n({ postal_code: e.target.value })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ i(d, { children: [
-            /* @__PURE__ */ t(
-              c,
-              {
-                defaultValue: a.credit_score,
-                label: o.credit_score,
-                onChange: (e) => n({ credit_score: Number(e.target.value) }),
-                sx: { mb: 44 }
-              }
-            ),
-            /* @__PURE__ */ t(
-              O,
-              {
-                disabled: !m,
-                onClick: B,
-                sx: { width: h ? 272 : 124 },
-                variant: "contained",
-                children: U.save_button
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(
-      ee,
-      {
-        copy: { title: o.discard_changes },
-        isOpen: k,
-        onClose: A,
-        onSecondaryAction: E,
-        primaryText: o.keep_editing,
-        secondaryText: o.leave,
-        children: o.discard_changes_message
-      }
-    )
-  ] });
-}, ve = L(te);
-export {
-  ve as default
-};

package/dist/settings/components/profile/actions/VerifyEmailAction/index.es.js

@@ -1,63 +0,0 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { observer as f } from "mobx-react-lite";
-import a from "react";
-import h from "@mui/material/Button";
-import u from "@mui/material/Stack";
-import x from "@mui/material/styles/useTheme";
-import { Text as o } from "@mxenabled/mxui";
-import { ChevronRight as g } from "@mxenabled/mx-icons";
-import { useGlobalCopyStore as y, useSettingsStore as v, useUserStore as S } from "../../../../../common/context/hooks/index.es.js";
-import C from "../../../../../common/components/dialog/Dialog/index.es.js";
-const D = f(() => {
-  const { common: s, settings: e } = y(), { sendEmailVerification: l } = v(), { user: c } = S(), m = x(), [p, i] = a.useState(!1), n = () => {
-    i(!1);
-  }, d = () => {
-    i(!0);
-  };
-  return /* @__PURE__ */ r(a.Fragment, { children: [
-    /* @__PURE__ */ r(h, { onClick: d, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
-      /* @__PURE__ */ t(o, { variant: "Small", children: e.verify_email }),
-      /* @__PURE__ */ t(g, {})
-    ] }),
-    /* @__PURE__ */ t(
-      C,
-      {
-        copy: { title: "" },
-        isOpen: p,
-        onClose: n,
-        onPrimaryAction: l,
-        onSecondaryAction: n,
-        primaryText: e.send_verification,
-        secondaryText: s.back,
-        sx: {
-          "& .MuiDialogContent-root": { pt: 0, width: 400 },
-          "& .MuiToolbar-root:last-child": {
-            gap: 16,
-            padding: "32px 60px 48px",
-            justifyContent: "center"
-          }
-        },
-        children: /* @__PURE__ */ r(u, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
-          /* @__PURE__ */ t(o, { bold: !0, truncate: !1, variant: "Body", children: e.confirm_your_email }),
-          /* @__PURE__ */ t(o, { truncate: !1, variant: "Small", children: e.confirm_email }),
-          /* @__PURE__ */ t(
-            o,
-            {
-              sx: {
-                border: `1px solid ${m.palette.border.light}`,
-                borderRadius: "4px",
-                p: "16px 32px"
-              },
-              variant: "H3",
-              children: c.email
-            }
-          ),
-          /* @__PURE__ */ t(o, { truncate: !1, variant: "Small", children: e.verification_notice_email })
-        ] })
-      }
-    )
-  ] });
-});
-export {
-  D as default
-};

package/dist/settings/components/profile/actions/VerifyPhoneAction/index.es.js

@@ -1,80 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { observer as S } from "mobx-react-lite";
-import i from "react";
-import v from "@mui/material/Button";
-import C from "@mui/material/Stack";
-import T from "@mui/material/styles/useTheme";
-import { Text as t } from "@mxenabled/mxui";
-import { ChevronRight as b } from "@mxenabled/mx-icons";
-import k from "../VerifyTokenAction/index.es.js";
-import { useGlobalCopyStore as V, useSettingsStore as _, useUserStore as w } from "../../../../../common/context/hooks/index.es.js";
-import A from "../../../../../common/components/dialog/Dialog/index.es.js";
-const U = S(() => {
-  const { common: l, settings: o } = V(), { sendPhoneVerification: c, verifyPhoneToken: p } = _(), { user: f } = w(), h = T(), [m, a] = i.useState(!1), [d, n] = i.useState(!1), s = () => {
-    a(!1);
-  }, u = () => {
-    a(!0);
-  }, y = () => {
-    c().finally(() => {
-      n(!0);
-    });
-  }, x = (g) => {
-    p(g).finally(() => {
-      n(!1);
-    });
-  };
-  return /* @__PURE__ */ r(i.Fragment, { children: [
-    /* @__PURE__ */ r(v, { onClick: u, sx: { height: "auto", p: 4, width: "fit-content" }, children: [
-      /* @__PURE__ */ e(t, { variant: "Small", children: o.verify_phone }),
-      /* @__PURE__ */ e(b, {})
-    ] }),
-    /* @__PURE__ */ e(
-      A,
-      {
-        copy: { title: "" },
-        isOpen: m,
-        onClose: s,
-        onPrimaryAction: y,
-        onSecondaryAction: s,
-        primaryText: o.send_verification,
-        secondaryText: l.back,
-        sx: {
-          "& .MuiDialogContent-root": { pt: 0, width: 400 },
-          "& .MuiToolbar-root:last-child": {
-            gap: 16,
-            padding: "32px 60px 48px",
-            justifyContent: "center"
-          }
-        },
-        children: /* @__PURE__ */ r(C, { spacing: 16, sx: { px: 40, textAlign: "center", width: "100%" }, children: [
-          /* @__PURE__ */ e(t, { bold: !0, truncate: !1, variant: "Body", children: o.confirm_your_phone }),
-          /* @__PURE__ */ e(t, { truncate: !1, variant: "Small", children: o.confirm_phone }),
-          /* @__PURE__ */ e(
-            t,
-            {
-              sx: {
-                border: `1px solid ${h.palette.border.light}`,
-                borderRadius: "4px",
-                p: "16px 32px"
-              },
-              variant: "H3",
-              children: f.phone
-            }
-          ),
-          /* @__PURE__ */ e(t, { truncate: !1, variant: "Small", children: o.verification_notice_phone })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ e(
-      k,
-      {
-        handleClose: () => n(!1),
-        handleVerify: x,
-        isOpen: d
-      }
-    )
-  ] });
-});
-export {
-  U as default
-};

package/dist/settings/components/profile/actions/VerifyTokenAction/index.es.js

@@ -1,36 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { observer as s } from "mobx-react-lite";
-import p from "react";
-import l from "@mui/material/Stack";
-import f from "@mui/material/TextField";
-import { useGlobalCopyStore as d } from "../../../../../common/context/hooks/index.es.js";
-import y from "../../../../../common/components/dialog/Dialog/index.es.js";
-const b = s(
-  ({ handleClose: t, handleVerify: i, isOpen: n }) => {
-    const { common: a, settings: e } = d(), [r, c] = p.useState("");
-    return /* @__PURE__ */ o(
-      y,
-      {
-        copy: { title: e.enter_verification_code },
-        isOpen: n,
-        onClose: t,
-        onPrimaryAction: () => i(r),
-        onSecondaryAction: t,
-        primaryText: e.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__ */ o(l, { children: /* @__PURE__ */ o(f, { onChange: (m) => c(m.target.value), sx: { width: 352 }, value: r }) })
-      }
-    );
-  }
-);
-export {
-  b as default
-};