@mx-cartographer/experiences 9.0.0-alpha.mega1 → 9.0.0

package/dist/ManageIncome-B1JfqslT.mjs

@@ -0,0 +1,595 @@
+import { jsxs as c, jsx as e, Fragment as k } from "react/jsx-runtime";
+import _ from "react";
+import { observer as I } from "mobx-react-lite";
+import F from "@mui/material/Box";
+import T from "@mui/material/Divider";
+import Q from "@mui/material/List";
+import p from "@mui/material/Stack";
+import { MerchantLogo as $, Text as S, P as G, InstitutionLogo as se } from "@mxenabled/mxui";
+import ce from "@mui/material/ListItem";
+import de from "@mui/material/ListItemAvatar";
+import le from "@mui/material/ListItemButton";
+import _e from "@mui/material/ListItemText";
+import { b as ue, f as H } from "./NumberFormatting--XMeeBfr.mjs";
+import { F as l, g as X, R as L, c as Z } from "./RecurringTransactionsUtil-B3rLEx_g.mjs";
+import { subDays as J } from "date-fns/subDays";
+import { startOfToday as E } from "date-fns/startOfToday";
+import { endOfMonth as me } from "date-fns/endOfMonth";
+import { parseISO as pe } from "date-fns/parseISO";
+import V from "@mui/material/Button";
+import { Delete as ye, Add as he, ReceiptLong as fe } from "@mxenabled/mx-icons";
+import { T as ee, u as ge, S as Ce, a as be } from "./EmbeddedCard-DPwJjqMH.mjs";
+import { T as xe } from "./TransactionDetails-C3dlAzYf.mjs";
+import { addYears as j } from "date-fns/addYears";
+import { getDayOfYear as Se } from "date-fns/getDayOfYear";
+import { setDayOfYear as ve } from "date-fns/setDayOfYear";
+import { AdapterDateFns as De } from "@mui/x-date-pickers/AdapterDateFnsV3";
+import { DatePicker as we } from "@mui/x-date-pickers";
+import { LocalizationProvider as Ae } from "@mui/x-date-pickers/LocalizationProvider";
+import { u as w, i as Y, g as P, b as Ie, h as te, C as Re } from "./hooks-BaO_gOI6.mjs";
+import { S as M, D as z } from "./Select-BFt-HD-L.mjs";
+import { D as N } from "./Drawer-BXqqBMxg.mjs";
+import { A as O } from "./Analytics-CzGzz_sE.mjs";
+import { f as Ee, D as Le } from "./DateFormats-HudZ3Bjs.mjs";
+import { D as Oe } from "./Dialog-CwWc0AbH.mjs";
+import { formatISO as Te } from "date-fns/formatISO";
+import { fromUnixTime as ke } from "date-fns/fromUnixTime";
+import { S as Ne } from "./SearchBox-Cpgu_gdO.mjs";
+import { i as Me } from "./DateUtil-Bhq59ZVg.mjs";
+import { C as q } from "./Category-DEKZGLYe.mjs";
+import { T as ne } from "./TransactionUtils-BphBJBbU.mjs";
+const re = ({
+  frequency: n,
+  firstDay: t,
+  secondDay: o,
+  onFrequencyChange: i,
+  onFirstDayChange: s,
+  onSecondDayChange: d
+}) => {
+  const { recurring: r } = w(), a = _.useMemo(
+    () => [
+      { id: l.EveryWeek, label: r.frequency_every_week },
+      { id: l.EveryOtherWeek, label: r.frequency_every_other_week },
+      { id: l.TwiceAMonth, label: r.frequency_twice_a_month },
+      { id: l.EveryMonth, label: r.frequency_every_month },
+      { id: l.EveryOtherMonth, label: r.frequency_every_other_month },
+      { id: l.EveryQuarter, label: r.frequency_every_quarter },
+      { id: l.EveryOtherQuarter, label: r.frequency_every_other_quarter },
+      { id: l.EveryYear, label: r.frequency_every_year }
+    ],
+    [r]
+  ), m = [
+    { 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((b) => ({
+    id: b + 1,
+    label: ue(b + 1)
+  }));
+  h[30].label += ` (${r.last_day_of_month})`;
+  const g = h.slice(0, 15), v = h.slice(14), C = n === l.EveryWeek || n === l.EveryOtherWeek, f = n === l.TwiceAMonth || n === l.EveryMonth || n === l.EveryOtherMonth || n === l.EveryQuarter || n === l.EveryOtherQuarter, A = ve(E(), t), y = A < E() ? j(A, 1) : A, D = (b) => {
+    b && s(Se(b));
+  };
+  return /* @__PURE__ */ c(p, { gap: 24, sx: { m: 24 }, children: [
+    /* @__PURE__ */ e(
+      M,
+      {
+        label: r.frequency,
+        onChange: i,
+        options: a,
+        value: n
+      }
+    ),
+    C && /* @__PURE__ */ e(
+      M,
+      {
+        label: r.day_of_the_week,
+        onChange: s,
+        options: m,
+        value: t
+      }
+    ),
+    f && /* @__PURE__ */ e(
+      M,
+      {
+        label: n === l.TwiceAMonth ? r.first_day_of_the_month : r.day_of_the_month,
+        onChange: s,
+        options: n === l.TwiceAMonth ? g : h,
+        value: t
+      }
+    ),
+    n === l.TwiceAMonth && /* @__PURE__ */ e(
+      M,
+      {
+        label: r.second_day_of_the_month,
+        onChange: d,
+        options: v,
+        value: o || 0
+      }
+    ),
+    n === l.EveryYear && /* @__PURE__ */ e(Ae, { dateAdapter: De, children: /* @__PURE__ */ e(
+      we,
+      {
+        disablePast: !0,
+        label: r.next_payment_date,
+        maxDate: J(j(E(), 1), 1),
+        minDate: E(),
+        onChange: D,
+        value: y
+      }
+    ) })
+  ] });
+}, Fe = I(({ repeatingTransaction: n }) => {
+  const { recurring: t } = w(), { updateRepeatingTransaction: o } = Y(), { onEvent: i } = P(), [s, d] = _.useState(!1), [r, a] = _.useState(n.recurrence_type), [m, h] = _.useState(n.recurrence_day), [g, v] = _.useState(n.second_recurrence_day), C = async () => {
+    await o({
+      ...n,
+      recurrence_type: r,
+      recurrence_day: m,
+      second_recurrence_day: g
+    }), d(!1);
+  }, f = () => {
+    d(!0), i(O.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
+  };
+  return /* @__PURE__ */ c(k, { children: [
+    /* @__PURE__ */ e(
+      z,
+      {
+        iconName: "sync",
+        label: t.activity_schedule,
+        onClick: f,
+        value: `${X(t, n, !0)}`
+      }
+    ),
+    /* @__PURE__ */ e(
+      N,
+      {
+        ariaLabelClose: t.close_drawer_aria,
+        isOpen: s,
+        onClose: () => d(!1),
+        onPrimaryAction: C,
+        title: t.payment_schedule,
+        children: /* @__PURE__ */ e(
+          re,
+          {
+            firstDay: m,
+            frequency: r,
+            onFirstDayChange: h,
+            onFrequencyChange: a,
+            onSecondDayChange: v,
+            secondDay: g
+          }
+        )
+      }
+    )
+  ] });
+}), Ge = I(
+  ({ onDeleted: n, recurringTransaction: t }) => {
+    const { recurring: o } = w(), { selectedAccountGuids: i } = Ie(), { onEvent: s } = P(), { deleteRepeatingTransaction: d } = Y(), { setFilter: r, transactions: a } = te(), { amount: m, description: h, merchant_guid: g } = t, [v, C] = _.useState(!1), [f, A] = _.useState("");
+    _.useEffect(() => {
+      r({
+        accounts: i,
+        dateRange: { start: J(E(), 90), end: me(E()) },
+        custom: (u) => u.repeating_transaction_guid === t.guid
+      });
+    }, [t]);
+    const y = _.useMemo(
+      () => a.find((u) => u.guid === f),
+      [f, a]
+    ), D = t.repeating_transaction_type === L.Income, b = async () => {
+      await d(t.guid), n();
+    }, U = () => {
+      C(!0), s(O.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE);
+    };
+    return /* @__PURE__ */ c(p, { bgcolor: "background.default", direction: "column", height: "100%", children: [
+      /* @__PURE__ */ c(p, { direction: "column", m: 24, children: [
+        /* @__PURE__ */ e(
+          $,
+          {
+            categoryGuid: y?.category_guid || "",
+            merchantGuid: g,
+            size: 64,
+            sx: { mb: 12 }
+          }
+        ),
+        /* @__PURE__ */ e(S, { bold: !0, variant: "body1", children: h }),
+        /* @__PURE__ */ c(G, { color: D ? "success.main" : "text.primary", sx: { my: 4 }, variant: "h1", children: [
+          D ? "+" : "",
+          H(m, "0,0.00")
+        ] }),
+        /* @__PURE__ */ e(S, { color: "text.secondary", variant: "body2", children: `${o.next_payment_date}: ${Ee(
+          Z(
+            t.recurrence_type,
+            pe(t.predicted_occurs_on),
+            t.recurrence_day
+          ),
+          Le.MONTH_DAY_YEAR
+        )}` })
+      ] }),
+      /* @__PURE__ */ c(Q, { sx: { bgcolor: "background.paper" }, children: [
+        t.account && /* @__PURE__ */ c(k, { children: [
+          /* @__PURE__ */ e(
+            z,
+            {
+              iconName: "checkbook",
+              label: o.account,
+              value: t.account.displayName || ""
+            }
+          ),
+          /* @__PURE__ */ e(T, { variant: "inset" })
+        ] }),
+        y?.category && /* @__PURE__ */ c(k, { children: [
+          /* @__PURE__ */ e(
+            z,
+            {
+              iconName: "monetization_on",
+              label: o.category,
+              value: y.category
+            }
+          ),
+          /* @__PURE__ */ e(T, { variant: "inset" })
+        ] }),
+        /* @__PURE__ */ e(Fe, { repeatingTransaction: t }),
+        /* @__PURE__ */ e(T, {})
+      ] }),
+      /* @__PURE__ */ e(
+        V,
+        {
+          color: "error",
+          onClick: U,
+          startIcon: /* @__PURE__ */ e(ye, {}),
+          sx: { mx: 24, my: 16 },
+          variant: "text",
+          children: D ? o.delete_income_title : o.delete_expense_title
+        }
+      ),
+      /* @__PURE__ */ e(S, { bold: !0, sx: { ml: 24, mt: 16 }, variant: "body1", children: o.paid_transactions }),
+      /* @__PURE__ */ e(ee, { height: "30dvh", onClick: A }),
+      /* @__PURE__ */ e(
+        N,
+        {
+          ariaLabelClose: o.close_drawer_aria,
+          isOpen: !!f && !!y,
+          onClose: () => A(""),
+          title: o.transaction_details_drawer_title,
+          children: y && /* @__PURE__ */ e(xe, { transaction: y })
+        }
+      ),
+      /* @__PURE__ */ e(
+        Oe,
+        {
+          copy: {
+            title: D ? o.delete_income_title : o.delete_expense_title,
+            close_aria: o.close_drawer_aria
+          },
+          isOpen: v,
+          onClose: () => C(!1),
+          onPrimaryAction: b,
+          children: /* @__PURE__ */ e(S, { children: D ? o.delete_income_description : o.delete_expense_description })
+        }
+      )
+    ] });
+  }
+), Ye = I(
+  ({ onClick: n = () => {
+  }, repeatingTransaction: t }) => {
+    const { recurring: o } = w(), [i, s] = _.useState(!1), d = _.useMemo(
+      () => t.transactions.length === 0 ? "" : t.transactions[0].category_guid || "",
+      [t]
+    ), r = t.account?.displayName || "", a = t.repeating_transaction_type === L.Income, m = X(o, t, !0);
+    return /* @__PURE__ */ c(ce, { disableGutters: !0, disablePadding: !0, children: [
+      /* @__PURE__ */ c(le, { onClick: () => {
+        n(t), s(!0);
+      }, children: [
+        /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(
+          $,
+          {
+            categoryGuid: d,
+            merchantGuid: t.merchant_guid
+          }
+        ) }),
+        /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ c(p, { direction: "row", gap: 4, sx: { justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ c(p, { direction: "column", sx: { width: "50%" }, children: [
+            /* @__PURE__ */ e(S, { bold: !0, variant: "body1", children: t.description }),
+            /* @__PURE__ */ c(p, { alignItems: "center", direction: "row", gap: 6, children: [
+              t.account?.institution_guid && /* @__PURE__ */ e(
+                se,
+                {
+                  alt: r,
+                  institutionGuid: t.account?.institution_guid,
+                  size: 12
+                }
+              ),
+              /* @__PURE__ */ e(S, { variant: "caption", children: r })
+            ] })
+          ] }),
+          /* @__PURE__ */ c(p, { alignItems: "flex-end", sx: { width: "50%" }, children: [
+            /* @__PURE__ */ c(
+              S,
+              {
+                bold: !0,
+                color: a ? "success.main" : "text.primary",
+                variant: "body1",
+                children: [
+                  a ? "+" : "",
+                  H(t.amount, "0,0.00")
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(
+              p,
+              {
+                direction: "row",
+                sx: {
+                  alignItems: "center",
+                  gap: 6,
+                  justifyContent: "flex-end",
+                  textTransform: "uppercase",
+                  width: "100%"
+                },
+                children: /* @__PURE__ */ e(S, { bold: !0, color: "text.secondary", variant: "caption", children: m })
+              }
+            )
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ e(
+        N,
+        {
+          ariaLabelClose: o.close_drawer_aria,
+          isOpen: i,
+          onClose: () => s(!1),
+          title: t.repeating_transaction_type === L.Income ? o.income_details : o.expense_details,
+          children: /* @__PURE__ */ e(
+            Ge,
+            {
+              onDeleted: () => s(!1),
+              recurringTransaction: t
+            }
+          )
+        }
+      )
+    ] });
+  }
+), Pe = I(
+  ({
+    bgcolor: n = "background.default",
+    description: t,
+    onSearch: o,
+    onSelected: i
+  }) => {
+    const { recurring: s } = w(), { searchValue: d, setSearchValue: r } = ge();
+    return /* @__PURE__ */ c(p, { sx: { bgcolor: n, gap: 16, pt: 8 }, children: [
+      t && /* @__PURE__ */ e(G, { sx: { mx: 24 }, children: t }),
+      /* @__PURE__ */ e(
+        Ne,
+        {
+          ariaLabel: s.select_transaction_search_aria,
+          cancelAriaLabel: s.select_transaction_search_cancel_aria,
+          onChange: (a) => {
+            r(a), o(a);
+          },
+          placeholder: s.select_transaction_search_placeholder,
+          searchValue: d
+        }
+      ),
+      /* @__PURE__ */ e(
+        ee,
+        {
+          bgcolor: n,
+          filter: (a) => !!a.merchant_guid,
+          height: "auto",
+          onClick: i,
+          showLoader: !1
+        }
+      )
+    ] });
+  }
+), Ue = I(
+  ({
+    bgcolor: n = "background.default",
+    firstDay: t,
+    secondDay: o,
+    frequency: i,
+    onFrequencyChange: s,
+    onFirstDayChange: d,
+    onSecondDayChange: r,
+    transaction: a
+  }) => {
+    const { recurring: m } = w();
+    return /* @__PURE__ */ c(p, { bgcolor: n, gap: 24, height: "100%", children: [
+      /* @__PURE__ */ c(p, { children: [
+        /* @__PURE__ */ e(Ce, { bgcolor: n, children: Me(a.date) }),
+        /* @__PURE__ */ e(be, { transaction: a })
+      ] }),
+      /* @__PURE__ */ c(F, { children: [
+        /* @__PURE__ */ e(S, { bold: !0, sx: { mx: 24 }, variant: "body1", children: m.payment_schedule }),
+        /* @__PURE__ */ e(
+          re,
+          {
+            firstDay: t,
+            frequency: i,
+            onFirstDayChange: d,
+            onFrequencyChange: s,
+            onSecondDayChange: r,
+            secondDay: o
+          }
+        )
+      ] })
+    ] });
+  }
+), B = (n) => n.top_level_category_guid !== q.INCOME && n.transaction_type === ne.DEBIT, ze = (n, t) => B(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description.toLowerCase().includes(t.toLowerCase()) || n.feed_description.toLowerCase().includes(t.toLowerCase()) : !1, W = (n) => n.top_level_category_guid === q.INCOME || n.top_level_category_guid === q.TRANSFER && n.transaction_type === ne.CREDIT, qe = (n, t) => W(n) ? n.payee?.toLowerCase().includes(t.toLowerCase()) || n.description?.toLowerCase().includes(t.toLowerCase()) || n.feed_description?.toLowerCase().includes(t.toLowerCase()) : !1, oe = I(
+  ({
+    isIncome: n = !1,
+    label: t,
+    onAddRecurringTransaction: o = () => null
+  }) => {
+    const { recurring: i } = w(), { filter: s, setFilter: d, transactions: r } = te(), { addRepeatingTransaction: a } = Y(), { user: m } = Re(), [h, g] = _.useState(!1), [v, C] = _.useState(""), [f, A] = _.useState(l.EveryMonth), [y, D] = _.useState(1), [b, U] = _.useState(15), u = _.useMemo(
+      () => r.find((x) => x.guid === v),
+      [v, r]
+    ), ae = () => {
+      g(!0), d(n ? { ...s, custom: W } : { ...s, custom: B });
+    }, ie = async () => {
+      if (!u) {
+        K();
+        return;
+      }
+      o();
+      const x = Z(f, ke(u.date), y), R = {
+        account_guid: u.account_guid,
+        amount: u.amount,
+        created_by: 0,
+        // User
+        merchant_guid: u.merchant_guid,
+        description: u.payee || u.description || u.feed_description,
+        predicted_occurs_on: Te(x, { representation: "date" }),
+        recurrence_day: y,
+        recurrence_type: f,
+        repeating_transaction_type: n ? L.Income : L.Bill,
+        second_recurrence_day: b,
+        transaction_type: u.transaction_type,
+        user_guid: m.guid
+      };
+      await a(R, u), K();
+    }, K = () => {
+      C(""), g(!1);
+    };
+    return /* @__PURE__ */ c(k, { children: [
+      /* @__PURE__ */ e(V, { onClick: ae, startIcon: /* @__PURE__ */ e(he, { size: 24 }), variant: "contained", children: t }),
+      /* @__PURE__ */ e(
+        N,
+        {
+          ariaLabelClose: i.close_drawer_aria,
+          isOpen: h,
+          onClose: () => g(!1),
+          title: t,
+          children: /* @__PURE__ */ e(
+            Pe,
+            {
+              description: n ? i.add_income_description : i.add_expense_description,
+              onSearch: (x) => {
+                d({
+                  ...s,
+                  custom: (R) => n ? x ? qe(R, x) : W(R) : x ? ze(R, x) : B(R)
+                });
+              },
+              onSelected: (x) => C(x)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        N,
+        {
+          ariaLabelClose: i.close_drawer_aria,
+          isOpen: !!v,
+          onClose: () => C(""),
+          onPrimaryAction: ie,
+          title: n ? i.income_details : i.expense_details,
+          children: u && /* @__PURE__ */ e(
+            Ue,
+            {
+              firstDay: y,
+              frequency: f,
+              onFirstDayChange: D,
+              onFrequencyChange: A,
+              onSecondDayChange: U,
+              secondDay: b,
+              transaction: u
+            }
+          )
+        }
+      )
+    ] });
+  }
+), Be = I(
+  ({ zeroStateFor: n }) => {
+    const { recurring: t } = w(), { onEvent: o } = P(), i = n === "income", s = i ? t.recurring_setting_zero_state_income_title : t.recurring_setting_zero_state_expenses_title, d = i ? t.recurring_setting_zero_state_income_description : t.recurring_setting_zero_state_expenses_description, r = i ? t.add_income : t.add_expense;
+    return /* @__PURE__ */ c(p, { sx: { alignItems: "center", p: 24, pt: 48 }, children: [
+      /* @__PURE__ */ e(fe, { size: 48 }),
+      /* @__PURE__ */ e(G, { sx: { my: 8, fontWeight: 600 }, variant: "body1", children: s }),
+      /* @__PURE__ */ e(G, { color: "text.secondary", sx: { mb: 32 }, variant: "subtitle2", children: d }),
+      /* @__PURE__ */ e(
+        oe,
+        {
+          isIncome: i,
+          label: r,
+          onAddRecurringTransaction: () => {
+            o(
+              i ? O.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME : O.RECURRING_ACTIVITY_CLICK_ADD_EXPENSE
+            );
+          }
+        }
+      )
+    ] });
+  }
+), Lt = I(({ forOverview: n = !1 }) => {
+  const { recurring: t } = w(), { detailedRepeatingTransactions: o } = Y(), { onEvent: i } = P(), s = (a) => {
+    i(O.RECURRING_TRANSACTIONS_CLICK_INCOME, {
+      repeating_transaction_guid: a.guid
+    });
+  }, d = () => {
+    i(O.RECURRING_TRANSACTIONS_CLICK_ADD_INCOME);
+  }, r = o.filter(
+    (a) => a.repeating_transaction_type === L.Income && (a.transactions.length > 0 || a.recurrence_type === l.EveryYear)
+  );
+  return /* @__PURE__ */ e(k, { children: r.length !== 0 ? /* @__PURE__ */ c(
+    p,
+    {
+      sx: {
+        height: n ? "calc(100vh - 62px)" : "calc(100vh - 109px)",
+        maxHeight: n ? "calc(100vh - 62px)" : "calc(100vh - 109px)"
+      },
+      children: [
+        n && /* @__PURE__ */ e(S, { bold: !0, sx: { mb: 4, mt: 12, mx: 24 }, variant: "body2", children: t.income }),
+        /* @__PURE__ */ e(F, { sx: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ e(Q, { sx: { bgcolor: "background.paper" }, children: r.map((a, m) => /* @__PURE__ */ c(_.Fragment, { children: [
+          /* @__PURE__ */ e(Ye, { onClick: s, repeatingTransaction: a }),
+          /* @__PURE__ */ e(
+            T,
+            {
+              variant: m < r.length - 1 ? "inset" : "fullWidth"
+            }
+          )
+        ] }, a.guid)) }) }),
+        /* @__PURE__ */ c(F, { children: [
+          /* @__PURE__ */ e(T, {}),
+          /* @__PURE__ */ e(
+            F,
+            {
+              sx: {
+                alignContent: "center",
+                bgcolor: "background.paper",
+                justifyContent: "flex-end",
+                px: 24,
+                py: 12,
+                textAlign: "right"
+              },
+              children: /* @__PURE__ */ e(
+                oe,
+                {
+                  isIncome: !0,
+                  label: t.add_income,
+                  onAddRecurringTransaction: d
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  ) : /* @__PURE__ */ e(Be, { zeroStateFor: "income" }) });
+});
+export {
+  oe as A,
+  Lt as M,
+  Ye as R,
+  Pe as S,
+  Be as a,
+  W as b,
+  Ue as c,
+  Ge as d,
+  qe as i
+};

package/dist/{MicroWidgetContainer-DSyYwRCU.mjs → MicroWidgetContainer-CfKdQfhi.mjs}

@@ -5,8 +5,8 @@ import b from "@mui/material/CardContent";
 import g from "@mui/material/CardHeader";
 import { H3 as u, P as v } from "@mxenabled/mxui";
 import { ChevronRight as W } from "@mxenabled/mx-icons";
-import { u as w } from "./useDimensions-27p2evRx.mjs";
-import { W as H } from "./hooks-fY_n74f7.mjs";
+import { u as w } from "./useDimensions-CeDR9V8N.mjs";
+import { W as H } from "./hooks-BaO_gOI6.mjs";
 const D = ({
   children: i,
   className: o,

package/dist/MiniWidgetContainer-BdPiUU-u.mjs

@@ -0,0 +1,66 @@
+import { jsxs as r, jsx as i, Fragment as g } from "react/jsx-runtime";
+import u from "@mui/material/Box";
+import b from "@mui/material/Button";
+import C from "@mui/material/Card";
+import v from "@mui/material/CardHeader";
+import z from "@mui/material/CardContent";
+import H from "@mui/material/IconButton";
+import { Icon as I, ChevronRight as W } from "@mxenabled/mx-icons";
+import { H3 as y, Text as B, P as j } from "@mxenabled/mxui";
+import { u as w } from "./useDimensions-CeDR9V8N.mjs";
+import { W as M } from "./hooks-BaO_gOI6.mjs";
+const J = ({
+  children: a,
+  className: m = "mx-cmn-mini-widget",
+  closeLabel: l,
+  contentStyles: d,
+  onClose: o,
+  onPrimaryCtaClick: e,
+  primaryCtaLabel: s = "",
+  primaryCtaLabelAria: c = "",
+  subTitle: t = "",
+  sx: p = {},
+  title: n = ""
+}) => {
+  const [h, { height: f, width: x }] = w();
+  return /* @__PURE__ */ r(C, { className: m, sx: { touchAction: "manipulation", ...p }, children: [
+    /* @__PURE__ */ i(
+      v,
+      {
+        sx: { pb: 8 },
+        title: /* @__PURE__ */ r(g, { children: [
+          /* @__PURE__ */ r(
+            u,
+            {
+              sx: {
+                alignItems: "center",
+                display: "grid",
+                gap: 2,
+                gridTemplateColumns: "1fr auto",
+                pb: 4
+              },
+              children: [
+                n && /* @__PURE__ */ i(y, { children: n }),
+                o ? /* @__PURE__ */ i(H, { "aria-label": l, onClick: o, size: "small", children: /* @__PURE__ */ i(I, { name: "close", size: 24 }) }) : e && /* @__PURE__ */ i(
+                  b,
+                  {
+                    "aria-label": c,
+                    endIcon: /* @__PURE__ */ i(W, {}),
+                    onClick: e,
+                    size: "small",
+                    children: /* @__PURE__ */ i(B, { bold: !0, variant: "body2", children: s })
+                  }
+                )
+              ]
+            }
+          ),
+          t && /* @__PURE__ */ i(j, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "body2", children: t })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ i(z, { ref: h, sx: { p: 0, ...d }, children: /* @__PURE__ */ i(M, { availableHeight: f, availableWidth: x, children: a }) })
+  ] });
+};
+export {
+  J as M
+};