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

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

@@ -0,0 +1,89 @@
+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

@@ -0,0 +1,99 @@
+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

@@ -0,0 +1,204 @@
+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

@@ -0,0 +1,63 @@
+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

@@ -0,0 +1,80 @@
+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

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

package/dist/settings/components/transactionrules/TransactionRulesTab/index.es.js

@@ -0,0 +1,23 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import c from "react";
+import { observer as l } from "mobx-react-lite";
+import m from "@mui/material/List";
+import s from "@mui/material/Stack";
+import { H3 as p, P as f } from "@mxenabled/mxui";
+import u from "../actions/EditRuleAction/index.es.js";
+import { useGlobalCopyStore as d, useSettingsStore as x } from "../../../../common/context/hooks/index.es.js";
+const R = l(() => {
+  const { settings: r } = d(), { loadTransactionRules: e, transactionRules: i } = x();
+  return c.useEffect(() => {
+    e().finally();
+  }, []), /* @__PURE__ */ o(s, { sx: { gap: 24, py: 24 }, children: [
+    /* @__PURE__ */ o(s, { sx: { px: 24 }, children: [
+      /* @__PURE__ */ t(p, { children: r.transaction_rules_label }),
+      /* @__PURE__ */ t(f, { variant: "Body", children: r.transaction_rules_description })
+    ] }),
+    /* @__PURE__ */ t(m, { children: i.map((n, a) => /* @__PURE__ */ t(u, { rule: n }, a)) })
+  ] });
+}), v = R;
+export {
+  v as default
+};

package/dist/settings/components/transactionrules/actions/DeleteRuleAction/index.es.js

@@ -0,0 +1,34 @@
+import { jsx as n } from "react/jsx-runtime";
+import { observer as a } from "mobx-react-lite";
+import m from "@mui/material/styles/useTheme";
+import { Text as c } from "@mxenabled/mxui";
+import { useGlobalCopyStore as p } from "../../../../../common/context/hooks/index.es.js";
+import s from "../../../../../common/components/dialog/Dialog/index.es.js";
+const x = a(({ onClose: o, onDelete: i, isOpen: l }) => {
+  const { common: t, settings: r } = p(), e = m();
+  return /* @__PURE__ */ n(
+    s,
+    {
+      copy: { title: r.delete_rule },
+      isOpen: l,
+      onClose: o,
+      onPrimaryAction: i,
+      onSecondaryAction: o,
+      primaryColor: "error",
+      primaryText: t.delete_button,
+      secondaryText: t.cancel_button,
+      sx: {
+        "& .MuiButton-outlined": {
+          borderColor: e.palette.border.main,
+          color: e.palette.secondary.main
+        },
+        "& .MuiDialogContent-root": { pt: 0, width: 400 },
+        path: { fill: e.palette.secondary.darker }
+      },
+      children: /* @__PURE__ */ n(c, { truncate: !1, variant: "Small", children: r.delete_rule_confirm })
+    }
+  );
+});
+export {
+  x as default
+};

package/dist/settings/components/transactionrules/actions/EditCategoryAction/index.es.js

@@ -0,0 +1,38 @@
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { observer as p } from "mobx-react-lite";
+import i from "react";
+import f from "../../../../../categories/components/CategorySelectorDrawer/index.es.js";
+import C from "../../components/RuleListItem/index.es.js";
+import { useGlobalCopyStore as S, useCategoryStore as _, useSettingsStore as h } from "../../../../../common/context/hooks/index.es.js";
+const v = p(() => {
+  const { settings: o } = S(), { categories: n } = _(), { selectedRule: e, updateRuleCategory: c } = h(), [g, r] = i.useState(!1), a = () => {
+    r(!1);
+  }, l = () => {
+    r(!0);
+  }, u = (t) => n.find((d) => d.guid === t)?.name, y = async (t) => {
+    e && e.category_guid !== t && (e.category_guid = t, await c(e)), a();
+  };
+  return /* @__PURE__ */ m(i.Fragment, { children: [
+    /* @__PURE__ */ s(
+      C,
+      {
+        onClick: l,
+        primaryText: e?.category_guid ? u(e.category_guid) : "",
+        secondaryText: o.category
+      }
+    ),
+    /* @__PURE__ */ s(
+      f,
+      {
+        initialSelected: e?.category_guid ? e.category_guid : void 0,
+        onClose: a,
+        onSelect: y,
+        showDrawer: g,
+        title: o.select_category
+      }
+    )
+  ] });
+});
+export {
+  v as default
+};