@mx-cartographer/experiences 7.12.17 → 7.13.1

package/dist/{ManageIncome-BnWWjP2g.mjs → ManageIncome-QvqN555q.mjs}

@@ -3,22 +3,22 @@ import _ from "react";
 import { observer as I } from "mobx-react-lite";
 import F from "@mui/material/Box";
 import T from "@mui/material/Divider";
-import H from "@mui/material/List";
+import Q from "@mui/material/List";
 import p from "@mui/material/Stack";
-import { MerchantLogo as Q, Text as S, P as G, InstitutionLogo as se } from "@mxenabled/mxui";
+import { MerchantLogo as $, Text as S, P as G, InstitutionLogo as se } from "@mxenabled/mxui";
 import ce from "@mui/material/ListItem";
-import le from "@mui/material/ListItemAvatar";
-import de from "@mui/material/ListItemButton";
+import de from "@mui/material/ListItemAvatar";
+import le from "@mui/material/ListItemButton";
 import _e from "@mui/material/ListItemText";
-import { F as d, S as M, D as z, g as $, R as L, e as X } from "./RecurringTransactions-CYNpe_RS.mjs";
+import { F as l, S as M, D as z, g as H, R as L, e as X } from "./RecurringTransactions-BOzBqfdg.mjs";
 import { subDays as Z } from "date-fns/subDays";
 import { startOfToday as E } from "date-fns/startOfToday";
 import { endOfMonth as ue } from "date-fns/endOfMonth";
 import { parseISO as me } from "date-fns/parseISO";
 import J from "@mui/material/Button";
 import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
-import { T as V, u as fe, S as ge, a as Ce } from "./StatusIndicator-BV3oFzxo.mjs";
-import { T as be } from "./TransactionDetails-DYlTwSDt.mjs";
+import { T as V, u as fe, S as ge, a as Ce } from "./StatusIndicator-CIKUOoN_.mjs";
+import { T as be } from "./TransactionDetails-BpcWeXNU.mjs";
 import { addYears as j } from "date-fns/addYears";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";
@@ -27,7 +27,7 @@ import { DatePicker as De } from "@mui/x-date-pickers";
 import { LocalizationProvider as we } from "@mui/x-date-pickers/LocalizationProvider";
 import { u as w, i as Y, g as P, b as Ae, h as ee, o as Ie } from "./hooks-BxkfR-Ff.mjs";
 import { b as Re, f as te } from "./NumberFormatting-QCaNwbjv.mjs";
-import { D as N } from "./Drawer-DV4NTsFg.mjs";
+import { D as N } from "./Drawer-Bbe4AMB1.mjs";
 import { A as O } from "./Analytics-BYItVAe-.mjs";
 import { f as Ee, D as Le } from "./DateFormats-BMpMrZpW.mjs";
 import { D as Oe } from "./Dialog-Ck34yr-d.mjs";
@@ -35,7 +35,7 @@ import { formatISO as Te } from "date-fns/formatISO";
 import { fromUnixTime as ke } from "date-fns/fromUnixTime";
 import { S as Ne } from "./SearchBox-B7km148n.mjs";
 import { h as Me } from "./DateUtil-wcYTmDRD.mjs";
-import { b as B } from "./Category-CevNQ03n.mjs";
+import { b as q } from "./Category-CevNQ03n.mjs";
 import { T as ne } from "./Transaction-CqjlF6SO.mjs";
 const re = ({
   frequency: n,
@@ -43,18 +43,18 @@ const re = ({
   secondDay: o,
   onFrequencyChange: i,
   onFirstDayChange: s,
-  onSecondDayChange: l
+  onSecondDayChange: d
 }) => {
   const { recurring: r } = w(), a = _.useMemo(
     () => [
-      { id: d.EveryWeek, label: r.frequency_every_week },
-      { id: d.EveryOtherWeek, label: r.frequency_every_other_week },
-      { id: d.TwiceAMonth, label: r.frequency_twice_a_month },
-      { id: d.EveryMonth, label: r.frequency_every_month },
-      { id: d.EveryOtherMonth, label: r.frequency_every_other_month },
-      { id: d.EveryQuarter, label: r.frequency_every_quarter },
-      { id: d.EveryOtherQuarter, label: r.frequency_every_other_quarter },
-      { id: d.EveryYear, label: r.frequency_every_year }
+      { 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 = [
@@ -70,7 +70,7 @@ const re = ({
     label: Re(b + 1)
   }));
   h[30].label += ` (${r.last_day_of_month})`;
-  const g = h.slice(0, 15), v = h.slice(14), C = n === d.EveryWeek || n === d.EveryOtherWeek, f = n === d.TwiceAMonth || n === d.EveryMonth || n === d.EveryOtherMonth || n === d.EveryQuarter || n === d.EveryOtherQuarter, A = Se(E(), t), y = A < E() ? j(A, 1) : A, D = (b) => {
+  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 = Se(E(), t), y = A < E() ? j(A, 1) : A, D = (b) => {
     b && s(xe(b));
   };
   return /* @__PURE__ */ c(p, { gap: 24, sx: { m: 24 }, children: [
@@ -95,22 +95,22 @@ const re = ({
     f && /* @__PURE__ */ e(
       M,
       {
-        label: n === d.TwiceAMonth ? r.first_day_of_the_month : r.day_of_the_month,
+        label: n === l.TwiceAMonth ? r.first_day_of_the_month : r.day_of_the_month,
         onChange: s,
-        options: n === d.TwiceAMonth ? g : h,
+        options: n === l.TwiceAMonth ? g : h,
         value: t
       }
     ),
-    n === d.TwiceAMonth && /* @__PURE__ */ e(
+    n === l.TwiceAMonth && /* @__PURE__ */ e(
       M,
       {
         label: r.second_day_of_the_month,
-        onChange: l,
+        onChange: d,
         options: v,
         value: o || 0
       }
     ),
-    n === d.EveryYear && /* @__PURE__ */ e(we, { dateAdapter: ve, children: /* @__PURE__ */ e(
+    n === l.EveryYear && /* @__PURE__ */ e(we, { dateAdapter: ve, children: /* @__PURE__ */ e(
       De,
       {
         disablePast: !0,
@@ -123,15 +123,15 @@ const re = ({
     ) })
   ] });
 }, Fe = I(({ repeatingTransaction: n }) => {
-  const { recurring: t } = w(), { updateRepeatingTransaction: o } = Y(), { onEvent: i } = P(), [s, l] = _.useState(!1), [r, a] = _.useState(n.recurrence_type), [m, h] = _.useState(n.recurrence_day), [g, v] = _.useState(n.second_recurrence_day), C = async () => {
+  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
-    }), l(!1);
+    }), d(!1);
   }, f = () => {
-    l(!0), i(O.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
+    d(!0), i(O.RECURRING_TRANSACTIONS_DETAILS_CLICK_PAYMENT_SCHEDULE);
   };
   return /* @__PURE__ */ c(k, { children: [
     /* @__PURE__ */ e(
@@ -140,7 +140,7 @@ const re = ({
         iconName: "sync",
         label: t.activity_schedule,
         onClick: f,
-        value: `${$(t, n, !0)}`
+        value: `${H(t, n, !0)}`
       }
     ),
     /* @__PURE__ */ e(
@@ -148,7 +148,7 @@ const re = ({
       {
         ariaLabelClose: t.close_drawer_aria,
         isOpen: s,
-        onClose: () => l(!1),
+        onClose: () => d(!1),
         onPrimaryAction: C,
         title: t.payment_schedule,
         children: /* @__PURE__ */ e(
@@ -167,7 +167,7 @@ const re = ({
   ] });
 }), Ge = I(
   ({ onDeleted: n, recurringTransaction: t }) => {
-    const { recurring: o } = w(), { selectedAccountGuids: i } = Ae(), { onEvent: s } = P(), { deleteRepeatingTransaction: l } = Y(), { setFilter: r, transactions: a } = ee(), { amount: m, description: h, merchant_guid: g } = t, [v, C] = _.useState(!1), [f, A] = _.useState("");
+    const { recurring: o } = w(), { selectedAccountGuids: i } = Ae(), { onEvent: s } = P(), { deleteRepeatingTransaction: d } = Y(), { setFilter: r, transactions: a } = ee(), { amount: m, description: h, merchant_guid: g } = t, [v, C] = _.useState(!1), [f, A] = _.useState("");
     _.useEffect(() => {
       r({
         accounts: i,
@@ -179,14 +179,14 @@ const re = ({
       () => a.find((u) => u.guid === f),
       [f, a]
     ), D = t.repeating_transaction_type === L.Income, b = async () => {
-      await l(t.guid), n();
+      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(
-          Q,
+          $,
           {
             categoryGuid: y?.category_guid || "",
             merchantGuid: g,
@@ -195,7 +195,7 @@ const re = ({
           }
         ),
         /* @__PURE__ */ e(S, { bold: !0, variant: "body1", children: h }),
-        /* @__PURE__ */ c(G, { color: D ? "success.main" : "text.primary", sx: { my: 4 }, variant: "H1", children: [
+        /* @__PURE__ */ c(G, { color: D ? "success.main" : "text.primary", sx: { my: 4 }, variant: "h1", children: [
           D ? "+" : "",
           te(m, "0,0.00")
         ] }),
@@ -208,7 +208,7 @@ const re = ({
           Le.MONTH_DAY_YEAR
         )}` })
       ] }),
-      /* @__PURE__ */ c(H, { sx: { bgcolor: "background.paper" }, children: [
+      /* @__PURE__ */ c(Q, { sx: { bgcolor: "background.paper" }, children: [
         t.account && /* @__PURE__ */ c(k, { children: [
           /* @__PURE__ */ e(
             z,
@@ -245,7 +245,7 @@ const re = ({
           children: D ? o.delete_income_title : o.delete_expense_title
         }
       ),
-      /* @__PURE__ */ e(S, { bold: !0, sx: { ml: 24, mt: 16 }, variant: "Body", children: o.paid_transactions }),
+      /* @__PURE__ */ e(S, { bold: !0, sx: { ml: 24, mt: 16 }, variant: "body1", children: o.paid_transactions }),
       /* @__PURE__ */ e(V, { height: "30dvh", onClick: A }),
       /* @__PURE__ */ e(
         N,
@@ -275,18 +275,18 @@ const re = ({
 ), Ye = I(
   ({ onClick: n = () => {
   }, repeatingTransaction: t }) => {
-    const { recurring: o } = w(), [i, s] = _.useState(!1), l = _.useMemo(
+    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 = $(o, t, !0);
+    ), r = t.account?.displayName || "", a = t.repeating_transaction_type === L.Income, m = H(o, t, !0);
     return /* @__PURE__ */ c(ce, { disableGutters: !0, disablePadding: !0, children: [
-      /* @__PURE__ */ c(de, { onClick: () => {
+      /* @__PURE__ */ c(le, { onClick: () => {
         n(t), s(!0);
       }, children: [
-        /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(
-          Q,
+        /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(
+          $,
           {
-            categoryGuid: l,
+            categoryGuid: d,
             merchantGuid: t.merchant_guid
           }
         ) }),
@@ -360,7 +360,7 @@ const re = ({
     onSearch: o,
     onSelected: i
   }) => {
-    const { recurring: s } = w(), { searchValue: l, setSearchValue: r } = fe();
+    const { recurring: s } = w(), { searchValue: d, setSearchValue: r } = fe();
     return /* @__PURE__ */ c(p, { sx: { bgcolor: n, gap: 16, pt: 8 }, children: [
       t && /* @__PURE__ */ e(G, { sx: { mx: 24 }, children: t }),
       /* @__PURE__ */ e(
@@ -372,7 +372,7 @@ const re = ({
             r(a), o(a);
           },
           placeholder: s.select_transaction_search_placeholder,
-          searchValue: l
+          searchValue: d
         }
       ),
       /* @__PURE__ */ e(
@@ -394,7 +394,7 @@ const re = ({
     secondDay: o,
     frequency: i,
     onFrequencyChange: s,
-    onFirstDayChange: l,
+    onFirstDayChange: d,
     onSecondDayChange: r,
     transaction: a
   }) => {
@@ -405,13 +405,13 @@ const re = ({
         /* @__PURE__ */ e(Ce, { transaction: a })
       ] }),
       /* @__PURE__ */ c(F, { children: [
-        /* @__PURE__ */ e(S, { bold: !0, sx: { mx: 24 }, variant: "Body", children: m.payment_schedule }),
+        /* @__PURE__ */ e(S, { bold: !0, sx: { mx: 24 }, variant: "body1", children: m.payment_schedule }),
         /* @__PURE__ */ e(
           re,
           {
             firstDay: t,
             frequency: i,
-            onFirstDayChange: l,
+            onFirstDayChange: d,
             onFrequencyChange: s,
             onSecondDayChange: r,
             secondDay: o
@@ -420,17 +420,17 @@ const re = ({
       ] })
     ] });
   }
-), q = (n) => n.top_level_category_guid !== B.INCOME && n.transaction_type === ne.DEBIT, ze = (n, t) => q(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 === B.INCOME || n.top_level_category_guid === B.TRANSFER && n.transaction_type === ne.CREDIT, Be = (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(
+), 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: l, transactions: r } = ee(), { addRepeatingTransaction: a } = Y(), { user: m } = Ie(), [h, g] = _.useState(!1), [v, C] = _.useState(""), [f, A] = _.useState(d.EveryMonth), [y, D] = _.useState(1), [b, U] = _.useState(15), u = _.useMemo(
+    const { recurring: i } = w(), { filter: s, setFilter: d, transactions: r } = ee(), { addRepeatingTransaction: a } = Y(), { user: m } = Ie(), [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), l(n ? { ...s, custom: W } : { ...s, custom: q });
+      g(!0), d(n ? { ...s, custom: W } : { ...s, custom: B });
     }, ie = async () => {
       if (!u) {
         K();
@@ -470,9 +470,9 @@ const re = ({
             {
               description: n ? i.add_income_description : i.add_expense_description,
               onSearch: (x) => {
-                l({
+                d({
                   ...s,
-                  custom: (R) => n ? x ? Be(R, x) : W(R) : x ? ze(R, x) : q(R)
+                  custom: (R) => n ? x ? qe(R, x) : W(R) : x ? ze(R, x) : B(R)
                 });
               },
               onSelected: (x) => C(x)
@@ -504,13 +504,13 @@ const re = ({
       )
     ] });
   }
-), qe = I(
+), 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, l = i ? t.recurring_setting_zero_state_income_description : t.recurring_setting_zero_state_expenses_description, r = i ? t.add_income : t.add_expense;
+    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(he, { 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: l }),
+      /* @__PURE__ */ e(G, { color: "text.secondary", sx: { mb: 32 }, variant: "subtitle2", children: d }),
       /* @__PURE__ */ e(
         oe,
         {
@@ -530,10 +530,10 @@ const re = ({
     i(O.RECURRING_TRANSACTIONS_CLICK_INCOME, {
       repeating_transaction_guid: a.guid
     });
-  }, l = () => {
+  }, 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 === d.EveryYear)
+    (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,
@@ -543,8 +543,8 @@ const re = ({
         maxHeight: n ? "calc(100vh - 62px)" : "calc(100vh - 109px)"
       },
       children: [
-        n && /* @__PURE__ */ e(S, { bold: !0, sx: { mb: 4, mt: 12, mx: 24 }, variant: "Small", children: t.income }),
-        /* @__PURE__ */ e(F, { sx: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ e(H, { sx: { bgcolor: "background.paper" }, children: r.map((a, m) => /* @__PURE__ */ c(_.Fragment, { 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,
@@ -571,7 +571,7 @@ const re = ({
                 {
                   isIncome: !0,
                   label: t.add_income,
-                  onAddRecurringTransaction: l
+                  onAddRecurringTransaction: d
                 }
               )
             }
@@ -579,16 +579,16 @@ const re = ({
         ] })
       ]
     }
-  ) : /* @__PURE__ */ e(qe, { zeroStateFor: "income" }) });
+  ) : /* @__PURE__ */ e(Be, { zeroStateFor: "income" }) });
 });
 export {
   oe as A,
   Et as M,
   Ye as R,
   Pe as S,
-  qe as a,
+  Be as a,
   Ge as b,
   Ue as c,
   W as d,
-  Be as i
+  qe as i
 };

package/dist/{MiniWidgetContainer-Cu72GNsE.mjs → MiniWidgetContainer-xLWSV6Wz.mjs}

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