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

package/dist/ManageIncome-BVt_XQbo.mjs

@@ -0,0 +1,535 @@
+import { jsxs as s, jsx as e, Fragment as F } from "react/jsx-runtime";
+import d from "react";
+import { observer as D } from "mobx-react-lite";
+import O from "@mui/material/Divider";
+import j from "@mui/material/List";
+import K from "@mui/material/ListItem";
+import oe from "@mui/material/ListItemAvatar";
+import Q from "@mui/material/ListItemButton";
+import $ from "@mui/material/ListItemText";
+import y from "@mui/material/Stack";
+import { MerchantLogo as H, Text as v, H1 as ae, InstitutionLogo as ie, P as se, Icon as z } from "@mxenabled/mxui";
+import { F as c, S as T, D as G, g as J, R as A, e as ce } from "./RepeatingTransaction-BPWfaB3f.mjs";
+import { subDays as le } from "date-fns/subDays";
+import { startOfToday as P } from "date-fns/startOfToday";
+import { endOfMonth as de } from "date-fns/endOfMonth";
+import ue from "@mui/material/Button";
+import { Delete as _e } from "@mxenabled/mx-icons";
+import { T as X, a as me, u as ye, S as pe, b as he } from "./TransactionDetails-B5qfs9Zh.mjs";
+import { getDayOfYear as fe } from "date-fns/getDayOfYear";
+import { setDayOfYear as ge } from "date-fns/setDayOfYear";
+import { AdapterDateFns as Ce } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DatePicker as be } from "@mui/x-date-pickers";
+import { LocalizationProvider as we } from "@mui/x-date-pickers/LocalizationProvider";
+import { u as x, f as N, g as q, a as ve, n as Z, o as Se } from "./hooks-ClhFlg78.mjs";
+import { b as xe, f as V } from "./NumberFormatting-CtWHhyBX.mjs";
+import { D as L } from "./Drawer-kEE73B87.mjs";
+import { A as k } from "./WidgetContainer-CmGNZW0M.mjs";
+import { f as De, D as Ee, a as Ie } from "./Dialog-CWW597AF.mjs";
+import { formatISO as Ae } from "date-fns/formatISO";
+import { fromUnixTime as Oe } from "date-fns/fromUnixTime";
+import Le from "@mui/material/Box";
+import { S as Re } from "./SearchBox-B2_zLv8-.mjs";
+import { h as Te } from "./DateUtil-BcuH7ErC.mjs";
+import { c as B } from "./Category-5S6uwuXz.mjs";
+import { T as ee } from "./Transaction-C-5-Iuab.mjs";
+const te = ({
+  frequency: t,
+  firstDay: n,
+  secondDay: o,
+  onFrequencyChange: l,
+  onFirstDayChange: i,
+  onSecondDayChange: a
+}) => {
+  const { recurring: r } = x(), u = d.useMemo(
+    () => [
+      { id: c.EveryWeek, label: r.frequency_every_week },
+      { id: c.EveryOtherWeek, label: r.frequency_every_other_week },
+      { id: c.TwiceAMonth, label: r.frequency_twice_a_month },
+      { id: c.EveryMonth, label: r.frequency_every_month },
+      { id: c.EveryOtherMonth, label: r.frequency_every_other_month },
+      { id: c.EveryQuarter, label: r.frequency_every_quarter },
+      { id: c.EveryOtherQuarter, label: r.frequency_every_other_quarter },
+      { id: c.EveryYear, label: r.frequency_every_year }
+    ],
+    [r]
+  ), p = [
+    { id: 0, label: r.weekday_sunday },
+    { id: 1, label: r.weekday_monday },
+    { id: 2, label: r.weekday_tuesday },
+    { id: 3, label: r.weekday_wednesday },
+    { id: 4, label: r.weekday_thursday },
+    { id: 5, label: r.weekday_friday },
+    { id: 6, label: r.weekday_saturday }
+  ], h = [...Array(31).keys()].map((m) => ({
+    id: m + 1,
+    label: xe(m + 1)
+  }));
+  h[30].label += ` (${r.last_day_of_month})`;
+  const C = h.slice(0, 15), S = h.slice(14), b = t === c.EveryWeek || t === c.EveryOtherWeek, f = t === c.TwiceAMonth || t === c.EveryMonth || t === c.EveryOtherMonth || t === c.EveryQuarter || t === c.EveryOtherQuarter, E = ge(P(), n), g = (m) => {
+    m && i(fe(m));
+  };
+  return /* @__PURE__ */ s(y, { gap: 24, sx: { m: 24 }, children: [
+    /* @__PURE__ */ e(
+      T,
+      {
+        label: r.frequency,
+        onChange: l,
+        options: u,
+        value: t
+      }
+    ),
+    b && /* @__PURE__ */ e(
+      T,
+      {
+        label: r.day_of_the_week,
+        onChange: i,
+        options: p,
+        value: n
+      }
+    ),
+    f && /* @__PURE__ */ e(
+      T,
+      {
+        label: t === c.TwiceAMonth ? r.first_day_of_the_month : r.day_of_the_month,
+        onChange: i,
+        options: t === c.TwiceAMonth ? C : h,
+        value: n
+      }
+    ),
+    t === c.TwiceAMonth && /* @__PURE__ */ e(
+      T,
+      {
+        label: r.second_day_of_the_month,
+        onChange: a,
+        options: S,
+        value: o || 0
+      }
+    ),
+    t === c.EveryYear && /* @__PURE__ */ e(we, { dateAdapter: Ce, children: /* @__PURE__ */ e(
+      be,
+      {
+        disablePast: !0,
+        label: r.next_payment_date,
+        onChange: g,
+        value: E
+      }
+    ) })
+  ] });
+}, ke = D(({ repeatingTransaction: t }) => {
+  const { recurring: n } = x(), { updateRepeatingTransaction: o } = N(), { onEvent: l } = q(), [i, a] = d.useState(!1), [r, u] = d.useState(t.recurrence_type), [p, h] = d.useState(t.recurrence_day), [C, S] = d.useState(t.second_recurrence_day), b = async () => {
+    await o({
+      ...t,
+      recurrence_type: r,
+      recurrence_day: p,
+      second_recurrence_day: C
+    }), a(!1);
+  }, f = () => {
+    a(!0), l(k.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
+  };
+  return /* @__PURE__ */ s(F, { children: [
+    /* @__PURE__ */ e(
+      G,
+      {
+        iconName: "sync",
+        label: n.activity_schedule,
+        onClick: f,
+        value: `${J(n, t, !0)}`
+      }
+    ),
+    /* @__PURE__ */ e(
+      L,
+      {
+        ariaLabelClose: n.close_drawer_aria,
+        isOpen: i,
+        onClose: () => a(!1),
+        onPrimaryAction: b,
+        title: n.payment_schedule,
+        children: /* @__PURE__ */ e(
+          te,
+          {
+            firstDay: p,
+            frequency: r,
+            onFirstDayChange: h,
+            onFrequencyChange: u,
+            onSecondDayChange: S,
+            secondDay: C
+          }
+        )
+      }
+    )
+  ] });
+}), Ne = D(
+  ({ onDeleted: t, recurringTransaction: n }) => {
+    const { recurring: o } = x(), { selectedAccountGuids: l } = ve(), { onEvent: i } = q(), { deleteRepeatingTransaction: a } = N(), { setFilter: r, transactions: u } = Z(), { amount: p, description: h, merchant_guid: C } = n, [S, b] = d.useState(!1), [f, E] = d.useState("");
+    d.useEffect(() => {
+      r({
+        accounts: l,
+        dateRange: { start: le(P(), 90), end: de(P()) },
+        custom: (_) => _.repeating_transaction_guid === n.guid
+      });
+    }, [n]);
+    const g = d.useMemo(
+      () => u.find((_) => _.guid === f),
+      [f, u]
+    ), m = n.repeating_transaction_type === A.Income, R = async () => {
+      await a(n.guid), t();
+    }, M = () => {
+      b(!0), i(k.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE);
+    };
+    return /* @__PURE__ */ s(y, { bgcolor: "background.default", direction: "column", height: "100%", children: [
+      /* @__PURE__ */ s(y, { direction: "column", m: 24, children: [
+        /* @__PURE__ */ e(
+          H,
+          {
+            categoryGuid: g?.category_guid || "",
+            merchantGuid: C,
+            size: 64,
+            sx: { mb: 12 }
+          }
+        ),
+        /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: h }),
+        /* @__PURE__ */ s(ae, { color: m ? "success.main" : "text.primary", sx: { my: 4 }, children: [
+          m ? "+" : "",
+          V(p, "0,0.00")
+        ] }),
+        /* @__PURE__ */ e(v, { color: "text.secondary", variant: "body2", children: `${o.next_payment_date}: ${De(
+          n.predicted_occurs_on,
+          Ee.MONTH_DAY_YEAR
+        )}` })
+      ] }),
+      /* @__PURE__ */ s(j, { sx: { bgcolor: "background.paper" }, children: [
+        n.account && /* @__PURE__ */ s(F, { children: [
+          /* @__PURE__ */ e(
+            G,
+            {
+              iconName: "checkbook",
+              label: o.account,
+              value: n.account.institutionName || ""
+            }
+          ),
+          /* @__PURE__ */ e(O, { variant: "inset" })
+        ] }),
+        g?.category && /* @__PURE__ */ s(F, { children: [
+          /* @__PURE__ */ e(
+            G,
+            {
+              iconName: "monetization_on",
+              label: o.category,
+              value: g.category
+            }
+          ),
+          /* @__PURE__ */ e(O, { variant: "inset" })
+        ] }),
+        /* @__PURE__ */ e(ke, { repeatingTransaction: n }),
+        /* @__PURE__ */ e(O, {})
+      ] }),
+      /* @__PURE__ */ e(
+        ue,
+        {
+          color: "error",
+          onClick: M,
+          startIcon: /* @__PURE__ */ e(_e, {}),
+          sx: { mx: 24, my: 16 },
+          variant: "text",
+          children: m ? o.delete_income_title : o.delete_expense_title
+        }
+      ),
+      /* @__PURE__ */ e(v, { bold: !0, sx: { ml: 24, mt: 16 }, variant: "Body", children: o.paid_transactions }),
+      /* @__PURE__ */ e(X, { height: "30dvh", onClick: E }),
+      /* @__PURE__ */ e(
+        L,
+        {
+          ariaLabelClose: o.close_drawer_aria,
+          isOpen: !!f && !!g,
+          onClose: () => E(""),
+          title: o.transaction_details_drawer_title,
+          children: g && /* @__PURE__ */ e(me, { transaction: g })
+        }
+      ),
+      /* @__PURE__ */ e(
+        Ie,
+        {
+          copy: {
+            title: m ? o.delete_income_title : o.delete_expense_title,
+            close_aria: o.close_drawer_aria
+          },
+          isOpen: S,
+          onClose: () => b(!1),
+          onPrimaryAction: R,
+          children: /* @__PURE__ */ e(v, { children: m ? o.delete_income_description : o.delete_expense_description })
+        }
+      )
+    ] });
+  }
+), Me = D(
+  ({ onClick: t = () => {
+  }, repeatingTransaction: n }) => {
+    const { recurring: o } = x(), [l, i] = d.useState(!1), a = d.useMemo(
+      () => n.transactions.length === 0 ? "" : n.transactions[0].category_guid || "",
+      [n]
+    ), r = n.account?.institutionName || "", u = n.repeating_transaction_type === A.Income, p = J(o, n, !0);
+    return /* @__PURE__ */ s(K, { disableGutters: !0, disablePadding: !0, children: [
+      /* @__PURE__ */ s(Q, { onClick: () => {
+        t(n), i(!0);
+      }, children: [
+        /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(
+          H,
+          {
+            categoryGuid: a,
+            merchantGuid: n.merchant_guid
+          }
+        ) }),
+        /* @__PURE__ */ e($, { children: /* @__PURE__ */ s(
+          y,
+          {
+            direction: "row",
+            gap: 4,
+            sx: { justifyContent: "space-between", textOverflow: "ellipsis", textWrap: "nowrap" },
+            children: [
+              /* @__PURE__ */ s(y, { direction: "column", width: "50%", children: [
+                /* @__PURE__ */ e(v, { bold: !0, variant: "body1", children: n.description }),
+                /* @__PURE__ */ s(y, { alignItems: "center", direction: "row", gap: 6, children: [
+                  n.account?.institution_guid && /* @__PURE__ */ e(
+                    ie,
+                    {
+                      alt: r,
+                      institutionGuid: n.account?.institution_guid,
+                      size: 12
+                    }
+                  ),
+                  /* @__PURE__ */ e(v, { variant: "caption", children: r })
+                ] })
+              ] }),
+              /* @__PURE__ */ s(y, { alignItems: "flex-end", width: "100%", children: [
+                /* @__PURE__ */ s(
+                  v,
+                  {
+                    bold: !0,
+                    color: u ? "success.main" : "text.primary",
+                    variant: "body1",
+                    children: [
+                      u ? "+" : "",
+                      V(n.amount, "0,0.00")
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  y,
+                  {
+                    direction: "row",
+                    sx: {
+                      alignItems: "center",
+                      gap: 6,
+                      justifyContent: "flex-end",
+                      textTransform: "uppercase",
+                      width: "100%"
+                    },
+                    children: /* @__PURE__ */ e(v, { bold: !0, color: "text.secondary", variant: "caption", children: p })
+                  }
+                )
+              ] })
+            ]
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e(
+        L,
+        {
+          ariaLabelClose: o.close_drawer_aria,
+          isOpen: l,
+          onClose: () => i(!1),
+          title: n.repeating_transaction_type === A.Income ? o.income_details : o.expense_details,
+          children: /* @__PURE__ */ e(
+            Ne,
+            {
+              onDeleted: () => i(!1),
+              recurringTransaction: n
+            }
+          )
+        }
+      )
+    ] });
+  }
+), Fe = D(
+  ({
+    bgcolor: t = "background.default",
+    description: n,
+    onSearch: o,
+    onSelected: l
+  }) => {
+    const { recurring: i } = x(), { searchValue: a, setSearchValue: r } = ye();
+    return /* @__PURE__ */ s(y, { sx: { bgcolor: t, gap: 16, pt: 8 }, children: [
+      n && /* @__PURE__ */ e(se, { sx: { mx: 24 }, children: n }),
+      /* @__PURE__ */ e(
+        Re,
+        {
+          ariaLabel: i.select_transaction_search_aria,
+          cancelAriaLabel: i.select_transaction_search_cancel_aria,
+          onChange: (u) => {
+            r(u), o(u);
+          },
+          placeholder: i.select_transaction_search_placeholder,
+          searchValue: a
+        }
+      ),
+      /* @__PURE__ */ e(X, { bgcolor: t, height: "auto", onClick: l, showLoader: !1 })
+    ] });
+  }
+), Ge = D(
+  ({
+    bgcolor: t = "background.default",
+    firstDay: n,
+    secondDay: o,
+    frequency: l,
+    onFrequencyChange: i,
+    onFirstDayChange: a,
+    onSecondDayChange: r,
+    transaction: u
+  }) => {
+    const { recurring: p } = x();
+    return /* @__PURE__ */ s(y, { bgcolor: t, gap: 24, height: "100%", children: [
+      /* @__PURE__ */ s(y, { children: [
+        /* @__PURE__ */ e(pe, { bgcolor: t, children: Te(u.date) }),
+        /* @__PURE__ */ e(he, { transaction: u })
+      ] }),
+      /* @__PURE__ */ e(v, { bold: !0, sx: { mx: 24 }, variant: "Body", children: p.payment_schedule }),
+      /* @__PURE__ */ e(
+        te,
+        {
+          firstDay: n,
+          frequency: l,
+          onFirstDayChange: a,
+          onFrequencyChange: i,
+          onSecondDayChange: r,
+          secondDay: o
+        }
+      )
+    ] });
+  }
+), Y = (t) => t.top_level_category_guid !== B.INCOME && t.transaction_type === ee.DEBIT, Pe = (t, n) => Y(t) ? t.payee?.toLowerCase().includes(n.toLowerCase()) || t.description.toLowerCase().includes(n.toLowerCase()) || t.feed_description.toLowerCase().includes(n.toLowerCase()) : !1, U = (t) => t.top_level_category_guid === B.INCOME || t.top_level_category_guid === B.TRANSFER && t.transaction_type === ee.CREDIT, Be = (t, n) => U(t) ? t.payee?.toLowerCase().includes(n.toLowerCase()) || t.description?.toLowerCase().includes(n.toLowerCase()) || t.feed_description?.toLowerCase().includes(n.toLowerCase()) : !1, Ye = D(
+  ({
+    isIncome: t = !1,
+    label: n,
+    onAddRecurringTransaction: o = () => null
+  }) => {
+    const { recurring: l } = x(), { filter: i, setFilter: a, transactions: r } = Z(), { addRepeatingTransaction: u } = N(), { user: p } = Se(), [h, C] = d.useState(!1), [S, b] = d.useState(""), [f, E] = d.useState(c.EveryMonth), [g, m] = d.useState(1), [R, M] = d.useState(15), _ = d.useMemo(
+      () => r.find((w) => w.guid === S),
+      [S, r]
+    ), ne = () => {
+      C(!0), a(t ? { ...i, custom: U } : { ...i, custom: Y });
+    }, re = async () => {
+      if (!_) {
+        W();
+        return;
+      }
+      o();
+      const w = ce(f, Oe(_.date)), I = {
+        account_guid: _.account_guid,
+        amount: _.amount,
+        created_by: 0,
+        // User
+        merchant_guid: _.merchant_guid,
+        description: _.payee || _.description || _.feed_description,
+        predicted_occurs_on: Ae(w, { representation: "date" }),
+        recurrence_day: g,
+        recurrence_type: f,
+        repeating_transaction_type: t ? A.Income : A.Bill,
+        second_recurrence_day: R,
+        transaction_type: _.transaction_type,
+        user_guid: p.guid
+      };
+      await u(I, _), W();
+    }, W = () => {
+      b(""), C(!1);
+    };
+    return /* @__PURE__ */ s(Le, { children: [
+      /* @__PURE__ */ e(K, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ e(Q, { onClick: ne, children: /* @__PURE__ */ e($, { children: /* @__PURE__ */ s(y, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+        /* @__PURE__ */ s(y, { alignItems: "center", direction: "row", gap: 8, children: [
+          /* @__PURE__ */ e(z, { fill: !0, name: "add_box", size: 24, sx: { color: "primary.main" } }),
+          /* @__PURE__ */ e(v, { bold: !0, sx: { color: "primary.main" }, variant: "Body", children: n })
+        ] }),
+        /* @__PURE__ */ e(z, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
+      ] }) }) }) }),
+      /* @__PURE__ */ e(O, {}),
+      /* @__PURE__ */ e(
+        L,
+        {
+          ariaLabelClose: l.close_drawer_aria,
+          isOpen: h,
+          onClose: () => C(!1),
+          title: n,
+          children: /* @__PURE__ */ e(
+            Fe,
+            {
+              description: t ? l.add_income_description : l.add_expense_description,
+              onSearch: (w) => {
+                a({
+                  ...i,
+                  custom: (I) => t ? w ? Be(I, w) : U(I) : w ? Pe(I, w) : Y(I)
+                });
+              },
+              onSelected: (w) => b(w)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        L,
+        {
+          ariaLabelClose: l.close_drawer_aria,
+          isOpen: !!S,
+          onClose: () => b(""),
+          onPrimaryAction: re,
+          title: t ? l.income_details : l.expense_details,
+          children: _ && /* @__PURE__ */ e(
+            Ge,
+            {
+              firstDay: g,
+              frequency: f,
+              onFirstDayChange: m,
+              onFrequencyChange: E,
+              onSecondDayChange: M,
+              secondDay: R,
+              transaction: _
+            }
+          )
+        }
+      )
+    ] });
+  }
+), vt = D(() => {
+  const { recurring: t } = x(), { repeatingTransactions: n } = N(), { onEvent: o } = q(), l = (a) => {
+    o(k.RECURRING_TRANSACTIONS_CLICK_INCOME, {
+      repeating_transaction_guid: a.guid
+    });
+  }, i = () => {
+    o(k.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME);
+  };
+  return /* @__PURE__ */ s(j, { sx: { bgcolor: "background.paper" }, children: [
+    n.filter(
+      (a) => a.repeating_transaction_type === A.Income && (a.transactions.length > 0 || a.recurrence_type === c.EveryYear)
+    ).map((a, r) => /* @__PURE__ */ s(d.Fragment, { children: [
+      /* @__PURE__ */ e(Me, { onClick: l, repeatingTransaction: a }),
+      /* @__PURE__ */ e(O, { variant: r < n.length - 1 ? "inset" : "fullWidth" })
+    ] }, a.guid)),
+    /* @__PURE__ */ e(
+      Ye,
+      {
+        isIncome: !0,
+        label: t.add_income,
+        onAddRecurringTransaction: i
+      }
+    )
+  ] });
+});
+export {
+  Ye as A,
+  vt as M,
+  Me as R,
+  Fe as S,
+  Ne as a,
+  Ge as b,
+  U as c,
+  Be as i
+};

package/dist/MerchantStore-DVH-QOf0.mjs

@@ -0,0 +1,37 @@
+import { makeAutoObservable as m, runInAction as s } from "mobx";
+import { F as p, A as c } from "./Fetch-CkFKy79O.mjs";
+class h {
+  fetchInstance;
+  constructor(t, n) {
+    this.fetchInstance = new p(t, n);
+  }
+  getMerchants = async (t = [], n = [], r = 1, o = 25) => {
+    let a = c.MERCHANTS;
+    return a += `?page=${r}&per_page=${o}`, t.length && t.forEach((e) => a += `&fuzzy_name[]=${e}`), n.length && n.forEach((e) => a += `&guid[]=${e}`), this.fetchInstance.get(a).then((e) => e.merchants);
+  };
+  getMerchantByGuid = async (t) => this.fetchInstance.get(`${c.MERCHANTS}/${t}`).then((n) => n.merchant);
+}
+class l {
+  globalStore;
+  api = new h("/", "");
+  merchant = null;
+  merchants = [];
+  isLoading = !1;
+  constructor(t) {
+    this.globalStore = t, this.api = new h(t.endpoint, t.sessionToken), m(this);
+  }
+  loadMerchants = async (t = "") => {
+    this.isLoading = !0;
+    const n = await this.api.getMerchants([t]);
+    s(() => {
+      this.merchants = n, this.isLoading = !1;
+    });
+  };
+  loadMerchantByGuid = async (t) => {
+    const n = await this.api.getMerchantByGuid(t);
+    s(() => this.merchant = n);
+  };
+}
+export {
+  l as M
+};

package/dist/MicroWidgetContainer-DaLW43tE.mjs

@@ -0,0 +1,45 @@
+import { jsx as r, jsxs as p, Fragment as f } from "react/jsx-runtime";
+import x from "@mui/material/Button";
+import C from "@mui/material/Card";
+import g from "@mui/material/CardContent";
+import b from "@mui/material/CardHeader";
+import { P as u, H3 as v } from "@mxenabled/mxui";
+import { ChevronRight as W } from "@mxenabled/mx-icons";
+import { u as M } from "./useDimensions-27p2evRx.mjs";
+import { W as w } from "./hooks-ClhFlg78.mjs";
+const H = ({
+  children: e,
+  className: o,
+  ctaLabel: n,
+  onCTAClick: a,
+  subHeader: t,
+  sx: s,
+  title: c,
+  variant: d = "borderless"
+}) => {
+  const [m, { height: l, width: h }] = M(), i = /* @__PURE__ */ p(f, { children: [
+    /* @__PURE__ */ r(
+      b,
+      {
+        action: /* @__PURE__ */ r(
+          x,
+          {
+            endIcon: /* @__PURE__ */ r(W, { size: 20 }),
+            onClick: a,
+            size: "small",
+            variant: "text",
+            children: n
+          }
+        ),
+        subheader: t && /* @__PURE__ */ r(u, { sx: { color: "text.secondary" }, variant: "body2", children: t }),
+        sx: { p: 0, pb: 8, width: "calc(100% - 8px)", "& .MuiCardHeader-action": { mt: 0 } },
+        title: /* @__PURE__ */ r(v, { sx: { width: "calc(100% - 10px)" }, children: c })
+      }
+    ),
+    /* @__PURE__ */ r(g, { ref: m, sx: { p: 0, ":last-child": { pb: 0 } }, children: /* @__PURE__ */ r(w, { availableHeight: l, availableWidth: h, children: e }) })
+  ] });
+  return d === "borderless" ? i : /* @__PURE__ */ r(C, { className: o, sx: { alignItems: "center", p: 16, ...s }, children: i });
+}, F = H;
+export {
+  F as M
+};

package/dist/MiniWidgetContainer-BcNPxZt2.mjs

@@ -0,0 +1,39 @@
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import f from "@mui/material/Button";
+import u from "@mui/material/Card";
+import x from "@mui/material/CardHeader";
+import g from "@mui/material/CardContent";
+import b from "@mui/material/IconButton";
+import { Icon as C, ChevronRight as v } from "@mxenabled/mx-icons";
+import { Text as W, H3 as H } from "@mxenabled/mxui";
+import { u as I } from "./useDimensions-27p2evRx.mjs";
+import { W as M } from "./hooks-ClhFlg78.mjs";
+const j = ({
+  className: t = "mx-cmn-mini-widget",
+  closeLabel: a,
+  children: m,
+  onClose: i,
+  onPrimaryCtaClick: o,
+  primaryCtaLabel: d = "",
+  subTitle: n = "",
+  sx: l = {},
+  title: e = ""
+}) => {
+  const [s, { height: c, width: p }] = I();
+  return /* @__PURE__ */ h(u, { className: t, sx: { ...l }, children: [
+    /* @__PURE__ */ r(
+      x,
+      {
+        action: i ? /* @__PURE__ */ r(b, { "aria-label": a, onClick: i, children: /* @__PURE__ */ r(C, { name: "close", size: 24 }) }) : o && /* @__PURE__ */ r(f, { endIcon: /* @__PURE__ */ r(v, {}), onClick: o, children: /* @__PURE__ */ r(W, { bold: !0, variant: "Small", children: d }) }),
+        subheader: n || null,
+        subheaderTypographyProps: { variant: "Small" },
+        sx: { pb: 4 },
+        title: e ? /* @__PURE__ */ r(H, { sx: { pb: 4 }, children: e }) : null
+      }
+    ),
+    /* @__PURE__ */ r(g, { ref: s, sx: { p: 0 }, children: /* @__PURE__ */ r(M, { availableHeight: c, availableWidth: p, children: m }) })
+  ] });
+}, $ = j;
+export {
+  $ as M
+};