@mx-cartographer/experiences 6.26.33-alpha.mm0 → 7.0.0-alpha.mega1

package/dist/RepeatingTransaction-BPWfaB3f.mjs

@@ -0,0 +1,282 @@
+import { jsxs as O, Fragment as Y, jsx as d } from "react/jsx-runtime";
+import B from "@mui/material/Avatar";
+import M from "@mui/material/ListItem";
+import P from "@mui/material/ListItemAvatar";
+import L from "@mui/material/ListItemButton";
+import U from "@mui/material/ListItemText";
+import { Icon as w, IconWeight as G } from "@mxenabled/mxui";
+import S from "@mui/material/ListItemIcon";
+import C from "@mui/material/MenuItem";
+import $ from "@mui/material/TextField";
+import { ExpandMore as j } from "@mxenabled/mx-icons";
+import { addDays as W } from "date-fns/addDays";
+import { addMonths as z } from "date-fns/addMonths";
+import { addQuarters as Q } from "date-fns/addQuarters";
+import { addYears as K } from "date-fns/addYears";
+import { formatISO as H } from "date-fns/formatISO";
+import { fromUnixTime as V } from "date-fns/fromUnixTime";
+import { getUnixTime as y } from "date-fns/getUnixTime";
+import { isAfter as l } from "date-fns/isAfter";
+import { isBefore as u } from "date-fns/isBefore";
+import { isSameDay as X } from "date-fns/isSameDay";
+import { nextDay as k } from "date-fns/nextDay";
+import { parseISO as J } from "date-fns/parseISO";
+import { setDate as E } from "date-fns/setDate";
+import { startOfToday as g } from "date-fns/startOfToday";
+import { subDays as p } from "date-fns/subDays";
+import { subMonths as Z } from "date-fns/subMonths";
+import { subQuarters as A } from "date-fns/subQuarters";
+import { subYears as T } from "date-fns/subYears";
+import { lastDayOfMonth as q } from "date-fns/lastDayOfMonth";
+import { setDayOfYear as F } from "date-fns/setDayOfYear";
+import { g as R, a as ee, b as te, c as re, d as oe, e as ae, f as ne } from "./DateUtil-BcuH7ErC.mjs";
+import { b as I } from "./NumberFormatting-CtWHhyBX.mjs";
+import { f as x, D as v } from "./Dialog-CWW597AF.mjs";
+import { b as h } from "./Localization-2MODESHW.mjs";
+const se = ({ iconName: e, label: o, onClick: t, value: n }) => {
+  const a = /* @__PURE__ */ O(Y, { children: [
+    /* @__PURE__ */ d(P, { children: /* @__PURE__ */ d(B, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ d(w, { name: e, sx: { color: "text.primary" }, weight: G.Dark }) }) }),
+    /* @__PURE__ */ d(
+      U,
+      {
+        primary: o,
+        primaryTypographyProps: { variant: "XSmall" },
+        secondary: n,
+        secondaryTypographyProps: { color: "text.default", variant: "Body", fontWeight: 600 }
+      }
+    )
+  ] });
+  return t ? /* @__PURE__ */ d(M, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ O(L, { onClick: t, children: [
+    a,
+    /* @__PURE__ */ d(S, { children: /* @__PURE__ */ d(w, { name: "chevron_right", size: 24 }) })
+  ] }) }) : /* @__PURE__ */ d(M, { disableGutters: !1, disablePadding: !1, children: a });
+}, Fe = se, Re = ({ label: e, onChange: o, options: t, value: n }) => /* @__PURE__ */ d(
+  $,
+  {
+    InputLabelProps: { shrink: !0 },
+    SelectProps: {
+      IconComponent: (r) => /* @__PURE__ */ d(j, { size: 20, sx: { mr: 4 }, ...r })
+    },
+    defaultValue: 0,
+    label: e,
+    onChange: (r) => {
+      o(Number(r.target.value));
+    },
+    select: !0,
+    value: n,
+    variant: "outlined",
+    children: t.map((r) => /* @__PURE__ */ d(C, { value: r.id, children: r.label }, r.id))
+  }
+), ce = (e) => {
+  if (!e) return "";
+  let o = e.user_name || e.feed_name || "";
+  return e.account_number && (o = `${o} *${e.account_number}`), o;
+}, ie = (e, o) => {
+  const t = [], n = e.transactions.find(
+    (m) => m.repeating_transaction_guid === e.guid
+  );
+  if (!n) return [];
+  const a = J(e.predicted_occurs_on), r = {
+    accountGuid: e.account?.guid || "",
+    amount: e.amount,
+    categoryGuid: n.category_guid || "",
+    expectedDate: a,
+    frequency: e.recurrence_type,
+    institutionGuid: e.account?.institution_guid || "",
+    institutionName: ce(e.account),
+    merchantGuid: e.merchant_guid,
+    name: e.description,
+    recurrenceDay: e.recurrence_day,
+    repeatingTransactionGuid: e.guid,
+    secondRecurrenceDay: e.second_recurrence_day,
+    status: f.Upcoming,
+    type: e.repeating_transaction_type === N.Income ? b.Income : b.Expense,
+    transaction: void 0
+  }, i = o.start, c = o.end;
+  switch (e.recurrence_type) {
+    case s.EveryWeek:
+      t.push(...ue(r, i, c));
+      break;
+    case s.EveryOtherWeek:
+      t.push(...de(r, i, c));
+      break;
+    case s.TwiceAMonth:
+      t.push(...me(r, i));
+      break;
+    case s.EveryMonth:
+      t.push(...he(r, i));
+      break;
+    case s.EveryOtherMonth:
+      t.push(...le(r, i, c));
+      break;
+    case s.EveryQuarter:
+      t.push(...fe(r, i, c));
+      break;
+    case s.EveryOtherQuarter:
+      t.push(...ye(r, i, c));
+      break;
+    case s.EveryYear:
+      t.push(...pe(r, i, c));
+      break;
+  }
+  for (const m of t) {
+    const D = e.transactions.find(
+      (_) => _.repeating_transaction_guid === e.guid && _.date > y(p(m.expectedDate, 5)) && _.date < y(W(m.expectedDate, 5))
+    );
+    D ? (m.transaction = D, m.status = f.Paid, m.occurredOnDate = V(D.date)) : u(m.expectedDate, p(g(), 3)) && (m.status = f.Missed);
+  }
+  return t;
+}, ue = (e, o, t) => {
+  const n = [];
+  let a = k(o, e.recurrenceDay);
+  for (; u(a, t); )
+    n.push({ ...e, expectedDate: a }), a = k(a, e.recurrenceDay);
+  return n;
+}, de = (e, o, t) => {
+  const n = [], a = e.expectedDate;
+  if (u(a, t)) {
+    let r = p(a, 14);
+    for (; l(r, o) || X(r, o); )
+      n.push({ ...e, expectedDate: r }), r = p(r, 14);
+    for (r = a; l(r, o) && u(r, t); )
+      n.push({ ...e, expectedDate: r }), r = W(r, 14);
+  }
+  return n;
+}, me = (e, o) => {
+  const t = [], n = E(o, e.recurrenceDay), a = e.secondRecurrenceDay && e.secondRecurrenceDay < 28 ? E(o, e.secondRecurrenceDay) : q(o);
+  return t.push({ ...e, expectedDate: n }), t.push({ ...e, expectedDate: a }), t;
+}, he = (e, o) => {
+  const t = [], n = E(o, e.recurrenceDay);
+  return t.push({ ...e, expectedDate: n }), t;
+}, le = (e, o, t) => {
+  const n = [], a = e.expectedDate;
+  let r = u(a, t) ? a : Z(a, 2);
+  for (; u(r, t); )
+    l(r, o) && n.push({ ...e, expectedDate: r }), r = z(r, 2);
+  return n;
+}, fe = (e, o, t) => {
+  const n = [], a = e.expectedDate;
+  let r = u(a, t) ? a : A(a, 1);
+  for (; u(r, t); )
+    l(r, o) && n.push({ ...e, expectedDate: r }), r = Q(r, 1);
+  return n;
+}, ye = (e, o, t) => {
+  const n = [], a = e.expectedDate;
+  let r = u(a, t) ? a : A(a, 2);
+  for (; u(r, t); )
+    l(r, o) && n.push({ ...e, expectedDate: r }), r = Q(r, 2);
+  return n;
+}, pe = (e, o, t) => {
+  const n = [], a = e.expectedDate;
+  let r = u(a, t) ? a : T(a, 1);
+  for (; u(r, t); )
+    l(r, o) && n.push({ ...e, expectedDate: r }), r = K(r, 1);
+  return n;
+}, et = (e, o) => {
+  const t = [];
+  for (const n of e) {
+    const a = ie(n, o);
+    t.push(...a);
+  }
+  return t.sort(
+    (n, a) => y(n.occurredOnDate || n.expectedDate) - y(a.occurredOnDate || a.expectedDate)
+  );
+}, tt = (e, o, t) => {
+  const n = [];
+  for (const a of o) {
+    const r = t.filter(
+      (i) => i.repeating_transaction_guid === a.guid
+    );
+    t.length > 0 && n.push({
+      ...a,
+      account: e.find((i) => i.guid === a.account_guid),
+      transactions: r
+    });
+  }
+  return n;
+}, rt = (e) => e.reduce((o, t) => {
+  const n = H(t.expectedDate, { representation: "date" }), a = o.find(
+    (r) => r.date.toString() === t.expectedDate.toString()
+  );
+  return a ? a.recurrences.push(t) : o.push({
+    date: t.expectedDate,
+    id: `date-${n}`,
+    recurrences: [t]
+  }), o;
+}, []), ot = (e, o, t) => {
+  const n = k(g(), o.recurrence_day), a = F(g(), o.recurrence_day), r = I(o.recurrence_day), i = o.second_recurrence_day ? I(o.second_recurrence_day) : "";
+  let c = t ? h(e.monthly_ordinal, r) : e.monthly;
+  switch (o.recurrence_type) {
+    case s.EveryQuarter:
+      c = t ? h(e.quarterly_ordinal, r) : e.quarterly;
+      break;
+    case s.EveryWeek:
+      c = t ? h(
+        e.weekly_ordinal,
+        x(n, v.DAY_OF_WEEK)
+      ) : e.weekly;
+      break;
+    case s.EveryYear:
+      c = t ? h(
+        e.anually_ordinal,
+        x(a, v.MONTH_DAY)
+      ) : e.anually;
+      break;
+    case s.EveryOtherWeek:
+      c = t ? h(
+        e.every_other_week_ordinal,
+        x(n, v.DAY_OF_WEEK)
+      ) : e.every_other_week;
+      break;
+    case s.EveryOtherMonth:
+      c = t ? h(e.every_other_month_ordinal, r) : e.every_other_month;
+      break;
+    case s.EveryOtherQuarter:
+      c = t ? h(e.every_other_quarter_ordinal, r) : e.every_other_quarter;
+      break;
+    case s.TwiceAMonth:
+      c = t ? h(e.twice_a_month_ordinal, r, i) : e.twice_a_month;
+      break;
+  }
+  return c;
+}, at = (e, o) => {
+  let t = o;
+  switch (e) {
+    case s.EveryWeek:
+      t = ne(o);
+      break;
+    case s.EveryOtherWeek:
+      t = ae(o);
+      break;
+    case s.EveryMonth:
+      t = oe(o);
+      break;
+    case s.EveryOtherMonth:
+      t = re(o);
+      break;
+    case s.EveryQuarter:
+      t = te(o);
+      break;
+    case s.EveryOtherQuarter:
+      t = ee(o);
+      break;
+    case s.EveryYear:
+      t = R(o);
+      break;
+  }
+  return t;
+};
+var s = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.EveryWeek = 1] = "EveryWeek", e[e.EveryOtherWeek = 2] = "EveryOtherWeek", e[e.EveryMonth = 3] = "EveryMonth", e[e.EveryOtherMonth = 4] = "EveryOtherMonth", e[e.EveryQuarter = 5] = "EveryQuarter", e[e.EveryOtherQuarter = 6] = "EveryOtherQuarter", e[e.EveryYear = 7] = "EveryYear", e[e.TwiceAMonth = 8] = "TwiceAMonth", e))(s || {}), f = /* @__PURE__ */ ((e) => (e[e.Paid = 0] = "Paid", e[e.Missed = 1] = "Missed", e[e.Upcoming = 2] = "Upcoming", e))(f || {}), b = /* @__PURE__ */ ((e) => (e[e.Expense = 0] = "Expense", e[e.Income = 1] = "Income", e))(b || {}), N = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.Subscription = 1] = "Subscription", e[e.Bill = 2] = "Bill", e[e.Income = 3] = "Income", e[e.Transfer = 4] = "Transfer", e))(N || {});
+export {
+  Fe as D,
+  s as F,
+  N as R,
+  Re as S,
+  f as a,
+  et as b,
+  b as c,
+  tt as d,
+  at as e,
+  rt as f,
+  ot as g
+};

package/dist/SearchBox-B2_zLv8-.mjs

@@ -0,0 +1,42 @@
+import { jsx as r } from "react/jsx-runtime";
+import { observer as p } from "mobx-react-lite";
+import d from "@mui/material/Box";
+import h from "@mui/material/IconButton";
+import a from "@mui/material/InputAdornment";
+import { useTokens as x, TextField as u, Icon as c } from "@mxenabled/mxui";
+const b = ({
+  ariaLabel: t = "Search",
+  cancelAriaLabel: s = "Cancel Search",
+  onChange: e,
+  placeholder: i = "Search",
+  searchValue: o
+}) => {
+  const n = x(), m = /* @__PURE__ */ r(
+    h,
+    {
+      "aria-label": s,
+      className: "mx-cat-cancel-search-button",
+      color: "primary",
+      onClick: () => e(""),
+      children: /* @__PURE__ */ r(c, { name: "cancel", size: 24 })
+    }
+  );
+  return /* @__PURE__ */ r(d, { className: "mx-cmn-search-box", px: n.Spacing.Large, py: n.Spacing.Medium, children: /* @__PURE__ */ r(
+    u,
+    {
+      InputProps: {
+        startAdornment: /* @__PURE__ */ r(a, { position: "start", children: /* @__PURE__ */ r(c, { color: "disabled", name: "search", size: 26 }) }),
+        endAdornment: /* @__PURE__ */ r(a, { position: "end", sx: { p: 0 }, children: o ? m : null })
+      },
+      "aria-label": t,
+      name: "search",
+      onChange: (l) => e(l.target.value),
+      placeholder: i,
+      sx: { bgcolor: "background.paper", width: "100%" },
+      value: o
+    }
+  ) });
+}, v = p(b);
+export {
+  v as S
+};

package/dist/SettingsStore-CE7jDVFL.mjs

@@ -0,0 +1,265 @@
+import { makeAutoObservable as N, runInAction as l } from "mobx";
+import { F as D, A as o } from "./Fetch-CkFKy79O.mjs";
+import { B as f, A as n, I as i } from "./Notification-AMGWM1Al.mjs";
+import { T as m } from "./TransactionApi-DbbcjI2L.mjs";
+class y {
+  fetchInstance;
+  constructor(e, t) {
+    this.fetchInstance = new D(e, t);
+  }
+  deleteDevice = async (e) => this.fetchInstance.delete(`${o.DEVICES}/${e}`).then((t) => t);
+  generateDeviceToken = async () => this.fetchInstance.get(`${o.USER}/mobile_token`).then((e) => e.mobile_token);
+  getDevices = async () => this.fetchInstance.get(o.DEVICES).then((e) => e.map((t) => t.device));
+  getNotificationProfiles = async () => this.fetchInstance.get(o.NOTIFICATION_PROFILES).then((e) => e.notification_profiles);
+  // verifications endpoints respond with HTTP status codes; they error otherwise
+  sendEmailVerification = async () => this.fetchInstance.post(o.EMAIL_VERIFICATIONS);
+  sendPhoneVerification = async () => this.fetchInstance.post(o.PHONE_VERIFICATIONS + "/deliver");
+  verifyPhoneToken = async (e) => this.fetchInstance.post(o.PHONE_VERIFICATIONS + "/verify", { sms_verification_token: e }).then((t) => ({ verified: t.verified }));
+  updateDevice = async (e) => this.fetchInstance.put(`${o.DEVICES}/${e.guid}`, e).then((t) => t.device);
+  updateNotificationProfile = async (e) => this.fetchInstance.put(`${o.NOTIFICATION_PROFILES}/${e.guid}`, e).then((t) => t.notification_profile);
+  updateUserCommunicationProfile = async (e) => this.fetchInstance.put(o.USER_COMMUNICATION_PROFILE, e).then((t) => t.user_communication_profile);
+  getInsightsNotificationProfiles = async () => this.fetchInstance.get(`${o.NOTIFICATION_PROFILES}/${o.INSIGHTS_NOTIFICATION_PROFILES}`).then((e) => e);
+}
+const v = "PARENT-ENTITY", C = (s, e) => ({
+  [f.BudgetExceeded]: e.notification_budget_exceeded,
+  [f.BudgetOffTarget]: e.notification_budget_off_target,
+  [n.DebtPaymentReminder]: e.notification_debt_payment_reminder,
+  [n.AccountBalanceLow]: e.notification_low_balance,
+  [n.AccountDepositLargePosted]: e.notification_large_deposit,
+  [n.AccountDepositLarge]: e.notification_large_deposit,
+  [n.TransactionExpenseLarge]: e.notification_large_expense,
+  [n.TransactionFeeCharge]: e.notification_transaction_fee,
+  [n.InternationalTransaction]: e.notification_transaction_is_international,
+  [i.AccountBalanceLow]: e.account_balance_low,
+  [i.BillAmountNotStandard]: e.bill_amount_not_standard,
+  [i.CategorySpending]: e.category_spending,
+  [i.CreditCardCloseToLimit]: e.credit_card_close_to_limit,
+  [i.DebtPaymentReminder]: e.debt_payment_reminder,
+  [i.DuplicatePayment]: e.duplicate_payment,
+  [i.MonthlySpendComparison]: e.monthly_spend_comparison,
+  [i.MonthlySpendToIncomeComparison]: e.monthly_spend_to_income_comparison,
+  [i.MonthlySubscriptionAggregate]: e.monthly_subscription_aggregate,
+  [i.MonthlyTopMerchantSpending]: e.monthly_top_merchant_spending,
+  [i.SaveAnExtra100Dollars]: e.save_an_extra_100_dollars,
+  [i.SavingsOpportunity]: e.savings_opportunity,
+  [i.SetUpDirectDeposit]: e.set_up_direct_deposit,
+  [i.SwitchDirectDeposit]: e.switch_direct_deposit,
+  [i.UncategorizedTransactions]: e.uncategorized_transactions,
+  [i.UnifiedDeposit]: e.unified_deposit,
+  [i.UpcomingBill]: e.upcoming_bill,
+  [i.WeekendSpendingSummary]: e.weekend_spending_summary,
+  [i.WeeklyNewMerchants]: e.weekly_new_merchants,
+  [i.DiscoveredAccounts]: e.discovered_account,
+  [i.TransactionExpenseLarge]: e.large_transaction,
+  [i.PromotionalCampaignMessages]: e.promotional_campaign_messages,
+  [i.TransparentOverdraft]: e.transparent_overdraft
+})[s] || "", R = (s, e, t, r, d, p) => {
+  const g = [], {
+    email_notifications_enabled: I,
+    sms_notifications_enabled: P,
+    push_notifications_enabled: T
+  } = e, {
+    opted_out_of_email_notifications: b,
+    opted_out_of_sms_notifications: E,
+    opted_out_of_push_notifications: S
+  } = d;
+  for (const a of r.filter((u) => u.entity_guid === v)) {
+    const u = C(a.notification_type, t), A = r.filter(
+      (c) => c.entity_guid !== v && c.notification_type === a.notification_type && s.some((h) => h.guid === c.entity_guid)
+    ), _ = [];
+    I && !b && a.email_channel && p.email && _.push(t.delivery_method_email_label), P && !E && a.sms_channel && p.phone && _.push(t.delivery_method_sms_label), T && !S && a.push_channel && _.push(t.delivery_method_push_label), g.push({
+      ...a,
+      children: A.map((c) => ({
+        ...c,
+        account: s.find((h) => h.guid === c.entity_guid),
+        label: u
+      })),
+      deliveryMethodsLabel: _.join(", "),
+      label: u
+    });
+  }
+  return g;
+};
+class x {
+  globalStore;
+  api = new y("/", "");
+  transactionApi = new m("/", "");
+  alert = { message: "", severity: void 0 };
+  devices = [];
+  notificationProfiles = [];
+  selectedRule = void 0;
+  transactionRules = [];
+  constructor(e) {
+    this.globalStore = e, this.api = new y(e.endpoint, e.sessionToken), this.transactionApi = new m(e.endpoint, e.sessionToken), N(this);
+  }
+  get accountProfiles() {
+    const e = this.globalStore.appDataStore.clientCommunicationProfile;
+    return this.detailedNotificationProfiles.filter(
+      (t) => t.notification_type === n.DebtPaymentReminder && e.debt_payment_reminder_notifications_enabled || t.notification_type === n.AccountBalanceLow && e.low_balance_notifications_enabled || t.notification_type === n.AccountDepositLarge && e.large_deposit_notifications_enabled || t.notification_type === n.TransactionExpenseLarge && e.large_expense_notifications_enabled || t.notification_type === n.TransactionFeeCharge && e.transaction_fee_notifications_enabled || t.notification_type === n.InternationalTransaction && e.transaction_is_international_notifications_enabled || t.notification_type === n.AccountDepositLargePosted && e.large_deposit_notifications_enabled
+    );
+  }
+  get budgetProfiles() {
+    const e = this.globalStore.appDataStore.clientCommunicationProfile;
+    return this.detailedNotificationProfiles.filter(
+      (t) => t.notification_type === f.BudgetExceeded && e.budget_exceeded_notifications_enabled || t.notification_type === f.BudgetOffTarget && e.budget_off_target_notifications_enabled
+    );
+  }
+  get insightsProfiles() {
+    return this.detailedNotificationProfiles.filter(
+      (e) => Object.values(i).includes(e.notification_type)
+    );
+  }
+  get clientCommunicationProfile() {
+    return this.globalStore.appDataStore.clientCommunicationProfile;
+  }
+  get copy() {
+    return this.globalStore.copyStore.copy.settings;
+  }
+  get detailedNotificationProfiles() {
+    return this.globalStore.isInitialized ? R(
+      this.globalStore.accountStore.accounts,
+      this.clientCommunicationProfile,
+      this.copy,
+      this.notificationProfiles,
+      this.userCommunicationsProfile,
+      this.globalStore.userStore.user
+    ) : [];
+  }
+  get userCommunicationsProfile() {
+    return this.globalStore.appDataStore.userCommunicationProfile;
+  }
+  deleteDevice = async (e) => {
+    try {
+      await this.api.deleteDevice(e);
+      const t = this.devices.findIndex((r) => r.guid === e);
+      return t >= 0 && l(() => {
+        this.devices.splice(t, 1);
+      }), { success: !0 };
+    } catch {
+      return console.error(`Error deleting device: ${e}`), { success: !1 };
+    }
+  };
+  deleteTransactionRule = async () => {
+    this.selectedRule && this.transactionApi.removeTransactionRule(this.selectedRule?.guid).then(() => {
+      this.setAlert(this.copy.delete_rule_success, "success"), this.loadTransactionRules();
+    }).catch(() => {
+      this.setAlert(this.copy.delete_rule_error, "error");
+    });
+  };
+  generateDeviceToken = async () => {
+    try {
+      return await this.api.generateDeviceToken();
+    } catch (e) {
+      console.error(`Error generating device token: ${e}`);
+    }
+  };
+  loadDevices = async () => {
+    try {
+      const e = await this.api.getDevices();
+      l(() => {
+        this.devices = e;
+      });
+    } catch (e) {
+      console.error(`Error loading devices: ${e}`);
+    }
+  };
+  loadNotificationProfiles = async () => {
+    try {
+      const e = await this.api.getNotificationProfiles();
+      l(() => {
+        this.notificationProfiles = e;
+      });
+    } catch (e) {
+      console.error(`Error loading notification profiles: ${e}`);
+    }
+  };
+  loadTransactionRules = async () => {
+    try {
+      const e = await this.transactionApi.getTransactionRules();
+      l(() => {
+        this.transactionRules = e;
+      });
+    } catch (e) {
+      console.error(`Error loading transaction rules: ${e}`);
+    }
+  };
+  sendEmailVerification = async () => {
+    try {
+      await this.api.sendEmailVerification(), this.setAlert(this.copy.verification_sent_success, "success");
+    } catch (e) {
+      console.error(`Error sending email verification: ${e}`), this.setAlert(this.copy.verification_sent_error, "error");
+    }
+  };
+  sendPhoneVerification = async () => {
+    try {
+      await this.api.sendPhoneVerification(), this.setAlert(this.copy.verification_sent_success, "success");
+    } catch (e) {
+      console.error(`Error sending phone verification: ${e}`), this.setAlert(this.copy.verification_sent_error, "error");
+    }
+  };
+  setAlert = (e, t = void 0) => this.alert = { message: e, severity: t };
+  setSelectedRule = (e) => {
+    this.selectedRule = e;
+  };
+  updateDevice = async (e) => {
+    try {
+      const t = await this.api.updateDevice(e), r = this.devices.findIndex((d) => d.guid === e.guid);
+      return r >= 0 && l(() => {
+        this.devices[r] = t;
+      }), { success: !0 };
+    } catch (t) {
+      return console.error(`Error updating device: ${t}`), { success: !1 };
+    }
+  };
+  updateNotificationProfile = async (e) => {
+    try {
+      const t = await this.api.updateNotificationProfile(e), r = this.notificationProfiles.findIndex((d) => d.guid === e.guid);
+      r >= 0 && l(() => {
+        this.notificationProfiles[r] = t;
+      });
+    } catch (t) {
+      console.error(`Error updating notification profile: ${t}`);
+    }
+  };
+  updateRuleCategory = async (e) => {
+    this.transactionApi.updateTransactionRule(e).then(() => {
+      this.loadTransactionRules();
+    });
+  };
+  updateRulePayee = async (e) => {
+    this.transactionApi.updateTransactionRule(e).then(() => {
+      this.setAlert(this.copy.edit_payee_success, "success"), this.loadTransactionRules();
+    }).catch(() => {
+      this.setAlert(this.copy.edit_payee_error, "error");
+    });
+  };
+  updateUser = async (e) => {
+    this.globalStore.userStore.updateUser(e).then(() => {
+      this.setAlert(this.copy.information_updated_success, "success");
+    }).catch(() => {
+      this.setAlert(this.copy.information_updated_error, "error");
+    });
+  };
+  updateUserCommunicationProfile = async (e) => {
+    try {
+      const t = await this.api.updateUserCommunicationProfile(e);
+      this.globalStore.appDataStore.setUserCommunicationProfile(t);
+    } catch (t) {
+      console.error(`Error occurred while updating user communication profile: ${t}`);
+    }
+  };
+  verifyPhoneToken = async (e) => {
+    try {
+      const { verified: t } = await this.api.verifyPhoneToken(e);
+      if (!t)
+        throw new Error();
+      this.setAlert(this.copy.verified_phone_success, "success");
+    } catch (t) {
+      console.error(`Error verifying phone token: ${t}`), this.setAlert(this.copy.verified_phone_error, "error");
+    }
+  };
+}
+export {
+  y as S,
+  x as a
+};

package/dist/SingleSegmentDonut-BgbLgwHi.mjs

@@ -0,0 +1,69 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import l from "@mui/material/Box";
+import D from "@mui/material/styles/useTheme";
+const p = 48, u = 4, S = ({
+  color: m = "",
+  percent: r = 0,
+  size: t = p,
+  strokeWidth: s = u,
+  children: i,
+  backgroundStrokeColor: c
+}) => {
+  const h = D(), n = (t - s) / 2, f = -90, g = r > 100 ? 100 : r, x = 2 * Math.PI * n * (1 - g / 100), e = t / 2;
+  return /* @__PURE__ */ a(
+    l,
+    {
+      className: "mx-cmn-single-segment-donut",
+      height: t,
+      mt: -8,
+      position: "relative",
+      width: t,
+      children: [
+        /* @__PURE__ */ a("svg", { height: t, width: t, children: [
+          /* @__PURE__ */ o(
+            "circle",
+            {
+              cx: e,
+              cy: e,
+              fill: "none",
+              r: n,
+              stroke: c || h.palette.grey[300],
+              strokeWidth: s
+            }
+          ),
+          /* @__PURE__ */ o(
+            "circle",
+            {
+              cx: e,
+              cy: e,
+              fill: "none",
+              r: n,
+              stroke: m,
+              strokeDasharray: 2 * Math.PI * n,
+              strokeDashoffset: x,
+              strokeWidth: s,
+              transform: `rotate(${f}, ${e}, ${e})`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o(
+          l,
+          {
+            className: "mx-cmn-single-segment-donut-children",
+            left: "50%",
+            position: "absolute",
+            sx: { transform: "translate(-50%, -50%)" },
+            textAlign: "center",
+            top: "50%",
+            children: i
+          }
+        )
+      ]
+    }
+  );
+}, E = S;
+export {
+  p as D,
+  E as S,
+  u as a
+};