@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.sms1

package/dist/{ManageIncome-8EsStyIQ.mjs → ManageIncome-NpXHhO1n.mjs}

@@ -4,20 +4,20 @@ import { observer as A } from "mobx-react-lite";
 import M from "@mui/material/Box";
 import T from "@mui/material/Divider";
 import K from "@mui/material/List";
-import y from "@mui/material/Stack";
+import h from "@mui/material/Stack";
 import { MerchantLogo as H, Text as S, H1 as oe, InstitutionLogo as ae, P as U } from "@mxenabled/mxui";
 import ie from "@mui/material/ListItem";
 import se from "@mui/material/ListItemAvatar";
 import ce from "@mui/material/ListItemButton";
 import le from "@mui/material/ListItemText";
-import { F as d, S as N, D as Y, g as Q, R, e as de } from "./RecurringTransactions-CxcSL1dY.mjs";
+import { F as d, S as N, D as Y, g as Q, R, e as de } from "./RecurringTransactions-BKcYmpv3.mjs";
 import { subDays as _e } from "date-fns/subDays";
 import { startOfToday as z } from "date-fns/startOfToday";
 import { endOfMonth as ue } from "date-fns/endOfMonth";
 import { parseISO as me } from "date-fns/parseISO";
 import $ from "@mui/material/Button";
-import { Delete as pe, Add as ye, ReceiptLong as he } from "@mxenabled/mx-icons";
-import { T as X, a as ge, b as fe, S as Ce, c as be } from "./TransactionDetails-Bn0qY5Hw.mjs";
+import { Delete as pe, Add as he, ReceiptLong as ye } from "@mxenabled/mx-icons";
+import { T as X, a as ge, b as fe, S as Ce, c as be } from "./TransactionDetails-5M2vfr59.mjs";
 import { getDayOfYear as xe } from "date-fns/getDayOfYear";
 import { setDayOfYear as Se } from "date-fns/setDayOfYear";
 import { AdapterDateFns as ve } from "@mui/x-date-pickers/AdapterDateFnsV3";
@@ -25,15 +25,15 @@ import { DatePicker as we } from "@mui/x-date-pickers";
 import { LocalizationProvider as Ae } from "@mui/x-date-pickers/LocalizationProvider";
 import { u as w, j as F, g as G, b as Ie, h as Z, p as De } from "./hooks-C41HAxM5.mjs";
 import { b as Re, f as J } from "./NumberFormatting-DjTD0t3W.mjs";
-import { D as O } from "./Drawer-BF40nbsH.mjs";
-import { A as E } from "./WidgetContainer-CDh9fjpR.mjs";
-import { f as Ee, a as Te, D as Le } from "./Dialog-CDV0kKxj.mjs";
+import { D as O } from "./Drawer-BEtCk82g.mjs";
+import { A as E } from "./WidgetContainer-BhQ1Kx2z.mjs";
+import { f as Ee, a as Te, D as Le } from "./Dialog-BPTr3qHE.mjs";
 import { formatISO as Oe } 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-CDPZw_-m.mjs";
-import { b as q } from "./Category-Ccoew_sA.mjs";
-import { T as V } from "./User-BklmOUSd.mjs";
+import { S as Ne } from "./SearchBox-B2_zLv8-.mjs";
+import { h as Me } from "./DateUtil-CBdcsyuk.mjs";
+import { b as B } from "./Category-CevNQ03n.mjs";
+import { T as V } from "./User-wXzDI4M8.mjs";
 const ee = ({
   frequency: n,
   firstDay: t,
@@ -62,15 +62,15 @@ const ee = ({
     { id: 4, label: r.weekday_thursday },
     { id: 5, label: r.weekday_friday },
     { id: 6, label: r.weekday_saturday }
-  ], h = [...Array(31).keys()].map((p) => ({
+  ], y = [...Array(31).keys()].map((p) => ({
     id: p + 1,
     label: Re(p + 1)
   }));
-  h[30].label += ` (${r.last_day_of_month})`;
-  const C = h.slice(0, 15), v = h.slice(14), b = n === d.EveryWeek || n === d.EveryOtherWeek, g = n === d.TwiceAMonth || n === d.EveryMonth || n === d.EveryOtherMonth || n === d.EveryQuarter || n === d.EveryOtherQuarter, I = Se(z(), t), f = (p) => {
+  y[30].label += ` (${r.last_day_of_month})`;
+  const C = y.slice(0, 15), v = y.slice(14), b = n === d.EveryWeek || n === d.EveryOtherWeek, g = n === d.TwiceAMonth || n === d.EveryMonth || n === d.EveryOtherMonth || n === d.EveryQuarter || n === d.EveryOtherQuarter, I = Se(z(), t), f = (p) => {
     p && s(xe(p));
   };
-  return /* @__PURE__ */ c(y, { gap: 24, sx: { m: 24 }, children: [
+  return /* @__PURE__ */ c(h, { gap: 24, sx: { m: 24 }, children: [
     /* @__PURE__ */ e(
       N,
       {
@@ -94,7 +94,7 @@ const ee = ({
       {
         label: n === d.TwiceAMonth ? r.first_day_of_the_month : r.day_of_the_month,
         onChange: s,
-        options: n === d.TwiceAMonth ? C : h,
+        options: n === d.TwiceAMonth ? C : y,
         value: t
       }
     ),
@@ -118,7 +118,7 @@ const ee = ({
     ) })
   ] });
 }, Fe = A(({ repeatingTransaction: n }) => {
-  const { recurring: t } = w(), { updateRepeatingTransaction: o } = F(), { onEvent: i } = G(), [s, l] = _.useState(!1), [r, a] = _.useState(n.recurrence_type), [m, h] = _.useState(n.recurrence_day), [C, v] = _.useState(n.second_recurrence_day), b = async () => {
+  const { recurring: t } = w(), { updateRepeatingTransaction: o } = F(), { onEvent: i } = G(), [s, l] = _.useState(!1), [r, a] = _.useState(n.recurrence_type), [m, y] = _.useState(n.recurrence_day), [C, v] = _.useState(n.second_recurrence_day), b = async () => {
     await o({
       ...n,
       recurrence_type: r,
@@ -151,7 +151,7 @@ const ee = ({
           {
             firstDay: m,
             frequency: r,
-            onFirstDayChange: h,
+            onFirstDayChange: y,
             onFrequencyChange: a,
             onSecondDayChange: v,
             secondDay: C
@@ -162,7 +162,7 @@ const ee = ({
   ] });
 }), Ge = A(
   ({ onDeleted: n, recurringTransaction: t }) => {
-    const { recurring: o } = w(), { selectedAccountGuids: i } = Ie(), { onEvent: s } = G(), { deleteRepeatingTransaction: l } = F(), { setFilter: r, transactions: a } = Z(), { amount: m, description: h, merchant_guid: C } = t, [v, b] = _.useState(!1), [g, I] = _.useState("");
+    const { recurring: o } = w(), { selectedAccountGuids: i } = Ie(), { onEvent: s } = G(), { deleteRepeatingTransaction: l } = F(), { setFilter: r, transactions: a } = Z(), { amount: m, description: y, merchant_guid: C } = t, [v, b] = _.useState(!1), [g, I] = _.useState("");
     _.useEffect(() => {
       r({
         accounts: i,
@@ -178,8 +178,8 @@ const ee = ({
     }, P = () => {
       b(!0), s(E.RECURRING_TRANSACTIONS_DETAILS_CLICK_DELETE);
     };
-    return /* @__PURE__ */ c(y, { bgcolor: "background.default", direction: "column", height: "100%", children: [
-      /* @__PURE__ */ c(y, { direction: "column", m: 24, children: [
+    return /* @__PURE__ */ c(h, { bgcolor: "background.default", direction: "column", height: "100%", children: [
+      /* @__PURE__ */ c(h, { direction: "column", m: 24, children: [
         /* @__PURE__ */ e(
           H,
           {
@@ -189,7 +189,7 @@ const ee = ({
             sx: { mb: 12 }
           }
         ),
-        /* @__PURE__ */ e(S, { bold: !0, variant: "body1", children: h }),
+        /* @__PURE__ */ e(S, { bold: !0, variant: "body1", children: y }),
         /* @__PURE__ */ c(oe, { color: p ? "success.main" : "text.primary", sx: { my: 4 }, children: [
           p ? "+" : "",
           J(m, "0,0.00")
@@ -236,7 +236,7 @@ const ee = ({
           children: p ? 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(S, { bold: !0, sx: { ml: 24, mt: 16 }, variant: "Body", children: o.paid_transactions }),
       /* @__PURE__ */ e(X, { height: "30dvh", onClick: I }),
       /* @__PURE__ */ e(
         O,
@@ -281,10 +281,10 @@ const ee = ({
             merchantGuid: t.merchant_guid
           }
         ) }),
-        /* @__PURE__ */ e(le, { children: /* @__PURE__ */ c(y, { direction: "row", gap: 4, sx: { justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ c(y, { direction: "column", sx: { width: "50%" }, children: [
+        /* @__PURE__ */ e(le, { children: /* @__PURE__ */ c(h, { direction: "row", gap: 4, sx: { justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ c(h, { direction: "column", sx: { width: "50%" }, children: [
             /* @__PURE__ */ e(S, { bold: !0, variant: "body1", children: t.description }),
-            /* @__PURE__ */ c(y, { alignItems: "center", direction: "row", gap: 6, children: [
+            /* @__PURE__ */ c(h, { alignItems: "center", direction: "row", gap: 6, children: [
               t.account?.institution_guid && /* @__PURE__ */ e(
                 ae,
                 {
@@ -296,7 +296,7 @@ const ee = ({
               /* @__PURE__ */ e(S, { variant: "caption", children: r })
             ] })
           ] }),
-          /* @__PURE__ */ c(y, { alignItems: "flex-end", sx: { width: "50%" }, children: [
+          /* @__PURE__ */ c(h, { alignItems: "flex-end", sx: { width: "50%" }, children: [
             /* @__PURE__ */ c(
               S,
               {
@@ -310,7 +310,7 @@ const ee = ({
               }
             ),
             /* @__PURE__ */ e(
-              y,
+              h,
               {
                 direction: "row",
                 sx: {
@@ -352,7 +352,7 @@ const ee = ({
     onSelected: i
   }) => {
     const { recurring: s } = w(), { searchValue: l, setSearchValue: r } = fe();
-    return /* @__PURE__ */ c(y, { sx: { bgcolor: n, gap: 16, pt: 8 }, children: [
+    return /* @__PURE__ */ c(h, { sx: { bgcolor: n, gap: 16, pt: 8 }, children: [
       t && /* @__PURE__ */ e(U, { sx: { mx: 24 }, children: t }),
       /* @__PURE__ */ e(
         Ne,
@@ -390,13 +390,13 @@ const ee = ({
     transaction: a
   }) => {
     const { recurring: m } = w();
-    return /* @__PURE__ */ c(y, { bgcolor: n, gap: 24, height: "100%", children: [
-      /* @__PURE__ */ c(y, { children: [
+    return /* @__PURE__ */ c(h, { bgcolor: n, gap: 24, height: "100%", children: [
+      /* @__PURE__ */ c(h, { children: [
         /* @__PURE__ */ e(Ce, { bgcolor: n, children: Me(a.date) }),
         /* @__PURE__ */ e(be, { transaction: a })
       ] }),
       /* @__PURE__ */ c(M, { children: [
-        /* @__PURE__ */ e(S, { bold: !0, sx: { mx: 24 }, variant: "body1", children: m.payment_schedule }),
+        /* @__PURE__ */ e(S, { bold: !0, sx: { mx: 24 }, variant: "Body", children: m.payment_schedule }),
         /* @__PURE__ */ e(
           ee,
           {
@@ -411,17 +411,17 @@ const ee = ({
       ] })
     ] });
   }
-), B = (n) => n.top_level_category_guid !== q.INCOME && n.transaction_type === V.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 === V.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, te = A(
+), q = (n) => n.top_level_category_guid !== B.INCOME && n.transaction_type === V.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 === V.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, te = A(
   ({
     isIncome: n = !1,
     label: t,
     onAddRecurringTransaction: o = () => null
   }) => {
-    const { recurring: i } = w(), { filter: s, setFilter: l, transactions: r } = Z(), { addRepeatingTransaction: a } = F(), { user: m } = De(), [h, C] = _.useState(!1), [v, b] = _.useState(""), [g, I] = _.useState(d.EveryMonth), [f, p] = _.useState(1), [k, P] = _.useState(15), u = _.useMemo(
+    const { recurring: i } = w(), { filter: s, setFilter: l, transactions: r } = Z(), { addRepeatingTransaction: a } = F(), { user: m } = De(), [y, C] = _.useState(!1), [v, b] = _.useState(""), [g, I] = _.useState(d.EveryMonth), [f, p] = _.useState(1), [k, P] = _.useState(15), u = _.useMemo(
       () => r.find((x) => x.guid === v),
       [v, r]
     ), ne = () => {
-      C(!0), l(n ? { ...s, custom: W } : { ...s, custom: B });
+      C(!0), l(n ? { ...s, custom: W } : { ...s, custom: q });
     }, re = async () => {
       if (!u) {
         j();
@@ -448,12 +448,12 @@ const ee = ({
       b(""), C(!1);
     };
     return /* @__PURE__ */ c(L, { children: [
-      /* @__PURE__ */ e($, { onClick: ne, startIcon: /* @__PURE__ */ e(ye, { size: 24 }), variant: "contained", children: t }),
+      /* @__PURE__ */ e($, { onClick: ne, startIcon: /* @__PURE__ */ e(he, { size: 24 }), variant: "contained", children: t }),
       /* @__PURE__ */ e(
         O,
         {
           ariaLabelClose: i.close_drawer_aria,
-          isOpen: h,
+          isOpen: y,
           onClose: () => C(!1),
           title: t,
           children: /* @__PURE__ */ e(
@@ -463,7 +463,7 @@ const ee = ({
               onSearch: (x) => {
                 l({
                   ...s,
-                  custom: (D) => n ? x ? qe(D, x) : W(D) : x ? ze(D, x) : B(D)
+                  custom: (D) => n ? x ? Be(D, x) : W(D) : x ? ze(D, x) : q(D)
                 });
               },
               onSelected: (x) => b(x)
@@ -495,11 +495,11 @@ const ee = ({
       )
     ] });
   }
-), Be = A(
+), qe = A(
   ({ zeroStateFor: n }) => {
     const { recurring: t } = w(), { onEvent: o } = G(), 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;
-    return /* @__PURE__ */ c(y, { sx: { alignItems: "center", p: 24, pt: 48 }, children: [
-      /* @__PURE__ */ e(he, { size: 48 }),
+    return /* @__PURE__ */ c(h, { sx: { alignItems: "center", p: 24, pt: 48 }, children: [
+      /* @__PURE__ */ e(ye, { size: 48 }),
       /* @__PURE__ */ e(U, { sx: { my: 8, fontWeight: 600 }, variant: "body1", children: s }),
       /* @__PURE__ */ e(U, { color: "text.secondary", sx: { mb: 32 }, variant: "subtitle2", children: l }),
       /* @__PURE__ */ e(
@@ -527,14 +527,14 @@ const ee = ({
     (a) => a.repeating_transaction_type === R.Income && (a.transactions.length > 0 || a.recurrence_type === d.EveryYear)
   );
   return /* @__PURE__ */ e(L, { children: r.length !== 0 ? /* @__PURE__ */ c(
-    y,
+    h,
     {
       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 }),
+        n && /* @__PURE__ */ e(S, { bold: !0, sx: { mb: 4, mt: 12, mx: 24 }, variant: "Small", children: t.income }),
         /* @__PURE__ */ e(M, { sx: { flex: 1, overflow: "auto" }, children: /* @__PURE__ */ e(K, { sx: { bgcolor: "background.paper" }, children: r.map((a, m) => /* @__PURE__ */ c(_.Fragment, { children: [
           /* @__PURE__ */ e(Pe, { onClick: s, repeatingTransaction: a }),
           /* @__PURE__ */ e(
@@ -570,16 +570,16 @@ const ee = ({
         ] })
       ]
     }
-  ) : /* @__PURE__ */ e(Be, { zeroStateFor: "income" }) });
+  ) : /* @__PURE__ */ e(qe, { zeroStateFor: "income" }) });
 });
 export {
   te as A,
   It as M,
   Pe as R,
   Ue as S,
-  Be as a,
+  qe as a,
   Ge as b,
   Ye as c,
   W as d,
-  qe as i
+  Be as i
 };

package/dist/MicroWidgetContainer-DEiRnYVa.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-C41HAxM5.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-CmXpTylX.mjs

@@ -0,0 +1,56 @@
+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 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-27p2evRx.mjs";
+import { W as j } from "./hooks-C41HAxM5.mjs";
+const w = ({
+  children: a,
+  className: m = "mx-cmn-mini-widget",
+  closeLabel: l,
+  contentStyles: d,
+  onClose: e,
+  onPrimaryCtaClick: o,
+  primaryCtaLabel: s = "",
+  subTitle: n = "",
+  sx: c = {},
+  title: t = ""
+}) => {
+  const [p, { height: h, width: f }] = S();
+  return /* @__PURE__ */ r(u, { className: m, sx: { ...c }, children: [
+    /* @__PURE__ */ i(
+      v,
+      {
+        sx: { pb: 8 },
+        title: /* @__PURE__ */ r(g, { children: [
+          /* @__PURE__ */ r(
+            x,
+            {
+              sx: {
+                alignItems: "center",
+                display: "grid",
+                gap: 2,
+                gridTemplateColumns: "1fr auto",
+                pb: 4
+              },
+              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 }) })
+              ]
+            }
+          ),
+          n && /* @__PURE__ */ i(M, { color: "text.secondary", sx: { fontSize: 15, lineHeight: "20px" }, variant: "Small", children: n })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ i(b, { ref: p, sx: { p: 0, ...d }, children: /* @__PURE__ */ i(j, { availableHeight: h, availableWidth: f, children: a }) })
+  ] });
+}, G = w;
+export {
+  G as M
+};

package/dist/{NetWorthStore-Bti6u-d9.mjs → NetWorthStore-lsuhEpn6.mjs}

@@ -3,8 +3,8 @@ import { format as A } from "date-fns/format";
 import { fromUnixTime as W } from "date-fns/fromUnixTime";
 import { startOfMonth as _ } from "date-fns/startOfMonth";
 import { subMonths as B } from "date-fns/subMonths";
-import { a as b } from "./Accounts-CRUehOiy.mjs";
-import { h as N, i as M, a as v } from "./ConnectDrawer-DVp54lUH.mjs";
+import { a as b } from "./Accounts-DXfZotRC.mjs";
+import { h as N, a as M, i as v } from "./ConnectDrawer-BIbTqYOH.mjs";
 const f = 13, L = (n, t) => n.filter((e) => {
   const { is_closed: r, is_deleted: s, is_hidden: a, is_manual: i } = e;
   return r || s || a ? !1 : i || !e.guid ? !0 : t.some((l) => n.some((g) => l.guid === g.member_guid));
@@ -79,8 +79,8 @@ const f = 13, L = (n, t) => n.filter((e) => {
     return e[s] || (e[s] = []), e[s].push(r), e;
   }, {});
   return Object.entries(t).map(([e, r]) => ({
-    icon: M[+e] || v[+e],
-    name: N[+e],
+    icon: N[+e] || M[+e],
+    name: v[+e],
     accounts: r
   }));
 };