@mx-cartographer/experiences 7.0.59-alpha.al0 → 7.0.59-alpha.al1

package/dist/finstrong/index.es.js

@@ -30,7 +30,7 @@ import Ue from "@mui/material/AccordionSummary";
 import Ve from "@mui/material/CardHeader";
 import { u as Ye } from "../useDimensions-27p2evRx.mjs";
 import { C as qe } from "../ConnectionsDrawer-CU3E2RLw.mjs";
-import { R as Je } from "../RecurringSettings-qv7DNYac.mjs";
+import { R as Je } from "../RecurringSettings-B486z99o.mjs";
 import Qe from "@mui/material/TextField";
 import { u as Ce } from "../useScreenSize-B6JyS_Lj.mjs";
 import { a as Ze } from "../Dialog-CWW597AF.mjs";

package/dist/goals/index.es.js

@@ -48,9 +48,9 @@ import { isValid as ut } from "date-fns/isValid";
 import { AdapterDateFns as _t } from "@mui/x-date-pickers/AdapterDateFnsV3";
 import { DatePicker as pt } from "@mui/x-date-pickers";
 import { LocalizationProvider as ht } from "@mui/x-date-pickers/LocalizationProvider";
-import { E as gt } from "../EmptyState-w2yYDuKG.mjs";
-import { A as Y, W as bt } from "../WidgetContainer-B8MRJ5Y1.mjs";
+import { A as Y, W as gt } from "../WidgetContainer-B8MRJ5Y1.mjs";
 import { L as Ke } from "../Loader-DUaFpDGv.mjs";
+import { E as bt } from "../EmptyState-w2yYDuKG.mjs";
 import ft from "@mui/material/Stack/Stack";
 import yt from "@mui/material/Box";
 import At from "@mui/material/styles/useTheme";
@@ -948,7 +948,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
     [m, c, S]
   );
   return !c || !a || !_ ? /* @__PURE__ */ e(Ke, {}) : /* @__PURE__ */ r(
-    bt,
+    gt,
     {
       accountOptions: p,
       actions: [
@@ -998,7 +998,7 @@ const St = (t, n) => n ? v(t, t < 1e3 ? "0" : "0.00a").replace(
             }
           ),
           O ? /* @__PURE__ */ e(
-            gt,
+            bt,
             {
               header: l.create_goals_header,
               icon: "trophy",

package/dist/recurringtransactions/components/RecurringSettingsDrawer.d.ts

@@ -1,8 +1,9 @@
 interface RecurringSettingsDrawerProps {
     isOpen: boolean;
     onClose: () => void;
+    selectedTab?: number;
 }
-export declare const RecurringSettingsDrawer: (({ isOpen, onClose }: RecurringSettingsDrawerProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const RecurringSettingsDrawer: (({ isOpen, onClose, selectedTab }: RecurringSettingsDrawerProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export {};

package/dist/recurringtransactions/components/shared/RecurringSettings.d.ts

@@ -1,3 +1,7 @@
-export declare const RecurringSettings: (() => import("react/jsx-runtime").JSX.Element) & {
+interface RecurringSettingsProps {
+    defaultSelectedTab?: number;
+}
+export declare const RecurringSettings: (({ defaultSelectedTab }: RecurringSettingsProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
+export {};

package/dist/recurringtransactions/index.es.js

@@ -8,8 +8,8 @@ import { startOfToday as ue } from "date-fns/startOfToday";
 import { subDays as me } from "date-fns/subDays";
 import ae from "@mui/material/Skeleton";
 import c from "@mui/material/Stack";
-import { R as Ee } from "../RecurringSettings-qv7DNYac.mjs";
-import { M as En } from "../RecurringSettings-qv7DNYac.mjs";
+import { R as Ee } from "../RecurringSettings-B486z99o.mjs";
+import { M as En } from "../RecurringSettings-B486z99o.mjs";
 import { addMonths as ze } from "date-fns/addMonths";
 import { subMonths as Fe } from "date-fns/subMonths";
 import { isBefore as Ue } from "date-fns/isBefore";
@@ -66,9 +66,9 @@ const Q = {
   }
 ) }), Re = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(q, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Ge, { color: "error", filled: !0, sx: { fontSize: n, ...Q } }) }), Te = ({ isOffset: t = !1, size: n = 16 }) => /* @__PURE__ */ e(q, { size: n, sx: { ...ee(t) }, children: /* @__PURE__ */ e(Ne, { color: "success", filled: !0, sx: { fontSize: n, ...Q } }) }), ft = T(
   ({ day: t, outsideCurrentMonth: n, ...i }) => {
-    const { recurring: r } = D(), { selectedAccountGuids: o } = U(), { recurrences: l, setSelectedDay: m } = I(), s = h.useMemo(
-      () => l.filter((d) => o.includes(d.accountGuid)),
-      [o, l]
+    const { recurring: o } = D(), { selectedAccountGuids: r } = U(), { recurrences: l, setSelectedDay: m } = I(), s = h.useMemo(
+      () => l.filter((d) => r.includes(d.accountGuid)),
+      [r, l]
     ).filter(
       (d) => nt(d.occurredOnDate || d.expectedDate, t)
     ), u = s.some(
@@ -99,10 +99,10 @@ const Q = {
           rt,
           {
             "aria-label": `
-          ${x && r.paid}, 
-          ${f && r.missed}, 
-          ${u && r.upcoming}, 
-          ${C && r.income}`,
+          ${x && o.paid}, 
+          ${f && o.missed}, 
+          ${u && o.upcoming}, 
+          ${C && o.income}`,
             day: t,
             onClick: () => m(t),
             outsideCurrentMonth: n,
@@ -142,10 +142,10 @@ const Q = {
     }
   );
 }), Me = 58, $e = T(() => {
-  const t = ge(), { onEvent: n } = J(), { selectedDay: i, setDateRange: r } = I(), [o, l] = h.useState(
+  const t = ge(), { onEvent: n } = J(), { selectedDay: i, setDateRange: o } = I(), [r, l] = h.useState(
     we(/* @__PURE__ */ new Date()) * B + Me
   ), m = (s) => {
-    l(we(s) * B + Me), r({
+    l(we(s) * B + Me), o({
       start: k(s),
       end: z(s)
     }), n(w.RECURRING_TRANSACTIONS_CLICK_CALENDAR_RIGHT);
@@ -182,10 +182,10 @@ const Q = {
           fontWeight: 600
         },
         "& .MuiDayCalendar-slideTransition": {
-          minHeight: o
+          minHeight: r
         },
         "&.MuiDateCalendar-root": {
-          minHeight: o + B
+          minHeight: r + B
         },
         "& .MuiButtonBase-root, .MuiDayCalendar-weekDayLabel": {
           height: B,
@@ -245,14 +245,14 @@ const Q = {
   isMini: n = !1,
   onRecurrenceClick: i = () => {
   },
-  showOrdinal: r = !1
+  showOrdinal: o = !1
 }) => {
-  const { recurring: o } = D(), { repeatingTransactions: l } = I(), [m, g] = h.useState(!1), s = h.useMemo(
+  const { recurring: r } = D(), { repeatingTransactions: l } = I(), [m, g] = h.useState(!1), s = h.useMemo(
     () => l.find((b) => b.guid === t.repeatingTransactionGuid),
     [t, l]
   ), u = t.type === M.Income, f = t.status === S.Paid, x = t.status === S.Missed, C = t.status === S.Upcoming;
-  let y = o.paid?.toLowerCase();
-  return x ? y = o.missed?.toLowerCase() : C && (y = r ? Ie(o, s || {}, !0) : Ie(o, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
+  let y = r.paid?.toLowerCase();
+  return x ? y = r.missed?.toLowerCase() : C && (y = o ? Ie(r, s || {}, !0) : Ie(r, s || {}, !1)), //TODO: implement common/components/ListItemRow.tsx
   /* @__PURE__ */ a(ke, { disableGutters: !0, disablePadding: !0, children: [
     /* @__PURE__ */ a(dt, { onClick: () => {
       g(!0), i(t);
@@ -275,7 +275,7 @@ const Q = {
               /* @__PURE__ */ e(p, { bold: !0, variant: "body1", children: t.name }),
               /* @__PURE__ */ e(c, { alignItems: "center", direction: "row", gap: 6, children: n ? /* @__PURE__ */ a(c, { direction: "row", gap: 4, children: [
                 yt(t),
-                /* @__PURE__ */ e(p, { variant: "caption", children: Ct(t, o) })
+                /* @__PURE__ */ e(p, { variant: "caption", children: Ct(t, r) })
               ] }) : /* @__PURE__ */ a(Z, { children: [
                 t.institutionGuid && /* @__PURE__ */ e(
                   qe,
@@ -319,10 +319,10 @@ const Q = {
     /* @__PURE__ */ e(
       xe,
       {
-        ariaLabelClose: o.close_drawer_aria,
+        ariaLabelClose: r.close_drawer_aria,
         isOpen: m,
         onClose: () => g(!1),
-        title: t.type === M.Income ? o.income_details : o.expense_details,
+        title: t.type === M.Income ? r.income_details : r.expense_details,
         children: s && /* @__PURE__ */ e(
           mt,
           {
@@ -338,12 +338,12 @@ const Q = {
     recurrences: t,
     isMini: n = !1,
     onResetClick: i,
-    onRecurrenceClick: r,
-    sx: o = {},
+    onRecurrenceClick: o,
+    sx: r = {},
     title: l
   }) => {
     const { recurring: m } = D(), g = h.useMemo(() => ot(t), [t]);
-    return /* @__PURE__ */ a(c, { sx: { gap: 8, mt: 4, ...o }, children: [
+    return /* @__PURE__ */ a(c, { sx: { gap: 8, mt: 4, ...r }, children: [
       l && /* @__PURE__ */ a(
         c,
         {
@@ -359,7 +359,7 @@ const Q = {
           Le,
           {
             isMini: n,
-            onRecurrenceClick: r,
+            onRecurrenceClick: o,
             recurrence: s
           }
         ),
@@ -374,7 +374,7 @@ const Q = {
               Le,
               {
                 isMini: n,
-                onRecurrenceClick: r,
+                onRecurrenceClick: o,
                 recurrence: f
               }
             ) }, `day-recurrence-${x}`))
@@ -385,20 +385,20 @@ const Q = {
     ] });
   }
 ), Ae = T(
-  ({ expected: t, isExpense: n = !0, missed: i, paid: r, title: o, total: l, upcoming: m }) => {
+  ({ expected: t, isExpense: n = !0, missed: i, paid: o, title: r, total: l, upcoming: m }) => {
     const g = ge(), { isSmallMobile: s } = ye(), { recurring: u } = D(), f = h.useMemo(() => {
-      const x = [{ color: g.palette.success.main, percentage: `${r / t}` }];
+      const x = [{ color: g.palette.success.main, percentage: `${o / t}` }];
       return i && x.push({ color: g.palette.error.main, percentage: `${i / t}` }), x;
-    }, [r, t, i]);
+    }, [o, t, i]);
     return /* @__PURE__ */ a(c, { children: [
       /* @__PURE__ */ a(c, { sx: { flexDirection: "row", justifyContent: "space-between", pb: 12 }, children: [
-        /* @__PURE__ */ e(p, { bold: !0, variant: "body1", children: `${o} (${l})` }),
+        /* @__PURE__ */ e(p, { bold: !0, variant: "body1", children: `${r} (${l})` }),
         /* @__PURE__ */ e(p, { bold: !0, color: n ? "text.primary" : "success.main", variant: "body1", children: `${n ? "-" : "+"}${L(t, "0,0.00")}` })
       ] }),
       /* @__PURE__ */ e(We, { data: f, height: 12 }),
       /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 2, my: 8 }, children: [
         /* @__PURE__ */ e(O, { sx: { bgcolor: "success.main", height: 8, mr: 8, width: 8 } }),
-        !s && /* @__PURE__ */ e(p, { bold: !0, variant: "body2", children: L(r, "0,0.00") }),
+        !s && /* @__PURE__ */ e(p, { bold: !0, variant: "body2", children: L(o, "0,0.00") }),
         /* @__PURE__ */ e(p, { variant: "caption", children: u.paid?.toLowerCase() }),
         i !== void 0 && /* @__PURE__ */ a(Z, { children: [
           /* @__PURE__ */ e(O, { sx: { bgcolor: "error.main", height: 8, ml: 16, mr: 8, width: 8 } }),
@@ -412,7 +412,7 @@ const Q = {
     ] });
   }
 ), bt = T(() => {
-  const { recurring: t } = D(), { availableWidth: n } = Oe(), { isDesktop: i, isSmallMobile: r, isMobile: o } = ye(n), { onEvent: l } = J(), {
+  const { recurring: t } = D(), { availableWidth: n } = Oe(), { isDesktop: i, isSmallMobile: o, isMobile: r } = ye(n), { onEvent: l } = J(), {
     currentMonthExpenses: m,
     currentMonthIncome: g,
     dateRange: s,
@@ -510,18 +510,18 @@ const Q = {
               }
             )
           ] }),
-          !i && /* @__PURE__ */ a(c, { sx: { px: o ? 0 : 24 }, children: [
+          !i && /* @__PURE__ */ a(c, { sx: { px: r ? 0 : 24 }, children: [
             /* @__PURE__ */ a(je, { onChange: v, value: $, variant: "fullWidth", children: [
               /* @__PURE__ */ e(
                 _e,
                 {
-                  label: /* @__PURE__ */ e(p, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: r ? t.upcoming : t.upcoming_activity })
+                  label: /* @__PURE__ */ e(p, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: o ? t.upcoming : t.upcoming_activity })
                 }
               ),
               /* @__PURE__ */ e(
                 _e,
                 {
-                  label: /* @__PURE__ */ e(p, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: r ? t.past : t.past_transactions })
+                  label: /* @__PURE__ */ e(p, { bold: !0, sx: { textTransform: "none" }, variant: "body1", children: o ? t.past : t.past_transactions })
                 }
               )
             ] }),
@@ -559,7 +559,7 @@ const Q = {
     }
   );
 }), wn = T(({ onBackClick: t, sx: n = {} }) => {
-  const { accounts: i } = he(), { recurring: r } = D(), { isCopyLoaded: o, isInitialized: l, selectedAccountGuids: m, setSelectedAccounts: g } = U(), { isDataLoaded: s, loadRepeatingTransactions: u, setDateRange: f } = I(), { setFilter: x } = fe(), { onEvent: C } = J(), { isMobile: y } = ye(), [d, b] = h.useState(!1);
+  const { accounts: i } = he(), { recurring: o } = D(), { isCopyLoaded: r, isInitialized: l, selectedAccountGuids: m, setSelectedAccounts: g } = U(), { isDataLoaded: s, loadRepeatingTransactions: u, setDateRange: f } = I(), { setFilter: x } = fe(), { onEvent: C } = J(), { isMobile: y } = ye(), [d, b] = h.useState(!1);
   return h.useEffect(() => {
     g(i);
   }, [i]), h.useEffect(() => {
@@ -567,13 +567,13 @@ const Q = {
       dateRange: { start: me(ue(), 90), end: de() },
       accounts: m
     }), f({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }), u().finally());
-  }, [l]), o ? /* @__PURE__ */ a(
+  }, [l]), r ? /* @__PURE__ */ a(
     at,
     {
       accountOptions: i,
       actions: [
         {
-          label: r.action_title,
+          label: o.action_title,
           iconName: "credit_card_gear",
           onClick: () => {
             b(!0), C(w.RECURRING_TRANSACTIONS_CLICK_SETTINGS);
@@ -584,7 +584,7 @@ const Q = {
       onAccountsFilterClick: () => C(w.RECURRING_TRANSACTIONS_CLICK_FILTER),
       onBackClick: t,
       sx: n,
-      title: r.title,
+      title: o.title,
       children: [
         l && s ? /* @__PURE__ */ e(bt, {}) : /* @__PURE__ */ a(c, { direction: "column", p: 48, spacing: 24, children: [
           /* @__PURE__ */ e(ae, { height: 100, variant: "rounded", width: "100%" }),
@@ -594,11 +594,11 @@ const Q = {
         /* @__PURE__ */ e(
           xe,
           {
-            ariaLabelClose: r.close_drawer_aria,
+            ariaLabelClose: o.close_drawer_aria,
             isOpen: d,
             onClose: () => b(!1),
             shouldShowHeaderBorders: !1,
-            title: r.action_title,
+            title: o.action_title,
             children: /* @__PURE__ */ e(Ee, {})
           }
         )
@@ -606,7 +606,7 @@ const Q = {
     }
   ) : /* @__PURE__ */ e(F, {});
 }), Rt = T(() => {
-  const { recurring: t } = D(), { availableWidth: n } = Oe(), { selectedDay: i, selectedDayRecurrences: r, setSelectedDay: o, upcomingRecurrences: l } = I(), m = n < 750;
+  const { recurring: t } = D(), { availableWidth: n } = Oe(), { selectedDay: i, selectedDayRecurrences: o, setSelectedDay: r, upcomingRecurrences: l } = I(), m = n < 750;
   return /* @__PURE__ */ a(c, { flexDirection: m ? "column" : "row", width: "100%", children: [
     /* @__PURE__ */ e($e, {}),
     !m && /* @__PURE__ */ e(le, { flexItem: !0, orientation: "vertical", sx: { my: 16, ml: 16 } }),
@@ -614,8 +614,8 @@ const Q = {
       H,
       {
         isMini: !0,
-        onResetClick: i ? () => o(i) : void 0,
-        recurrences: r || l.slice(0, 5),
+        onResetClick: i ? () => r(i) : void 0,
+        recurrences: o || l.slice(0, 5),
         sx: { width: m ? "100%" : "calc(100% - 336px)", mt: 12 },
         title: i ? N(
           t.day_transactions,
@@ -626,11 +626,11 @@ const Q = {
   ] });
 }), In = T(
   ({ onPrimaryCtaClick: t, sx: n }) => {
-    const { accounts: i } = he(), { recurring: r } = D(), { setFilter: o } = fe(), { isDataLoaded: l, loadRepeatingTransactions: m } = I(), { isCopyLoaded: g, isInitialized: s, setSelectedAccounts: u, selectedAccountGuids: f } = U();
+    const { accounts: i } = he(), { recurring: o } = D(), { setFilter: r } = fe(), { isDataLoaded: l, loadRepeatingTransactions: m } = I(), { isCopyLoaded: g, isInitialized: s, setSelectedAccounts: u, selectedAccountGuids: f } = U();
     return h.useEffect(() => {
       s && u(i);
     }, [s]), h.useEffect(() => {
-      f.length > 0 && (o({
+      f.length > 0 && (r({
         dateRange: { start: me(ue(), 90), end: de() },
         accounts: f
       }), m().finally());
@@ -639,10 +639,10 @@ const Q = {
       {
         className: "mx-exp-recurring-transactions-miniwidget",
         onPrimaryCtaClick: t,
-        primaryCtaLabel: r.primary_cta,
-        subTitle: r.sub_title,
+        primaryCtaLabel: o.primary_cta,
+        subTitle: o.sub_title,
         sx: n,
-        title: r.mini_title,
+        title: o.mini_title,
         children: l ? /* @__PURE__ */ e(Rt, {}) : /* @__PURE__ */ e(F, {})
       }
     );
@@ -650,19 +650,19 @@ const Q = {
 ), Tt = ({
   upcomingRecurrences: t,
   maxLogos: n = 3
-}) => /* @__PURE__ */ e(c, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((i, r) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(c, { sx: { flexDirection: "row", gap: 4 }, children: t?.slice(0, n).map((i, o) => /* @__PURE__ */ e(
   pe,
   {
     categoryGuid: i.categoryGuid || "",
     merchantGuid: i.merchantGuid || ""
   },
-  `${i.categoryGuid}-${i.merchantGuid}-${r}`
+  `${i.categoryGuid}-${i.merchantGuid}-${o}`
 )) }), Dt = ({
   upcomingRecurrences: t,
   logoSize: n = 32,
   maxLogos: i = 3
 }) => {
-  const r = (o) => o * (n / 2);
+  const o = (r) => r * (n / 2);
   return /* @__PURE__ */ e(
     O,
     {
@@ -670,12 +670,12 @@ const Q = {
         position: "relative",
         width: 64
       },
-      children: t.map((o, l) => l < i ? /* @__PURE__ */ e(
+      children: t.map((r, l) => l < i ? /* @__PURE__ */ e(
         O,
         {
           sx: {
             borderRadius: "4px",
-            left: r(l),
+            left: o(l),
             outlineColor: "common.white",
             outlineStyle: "solid",
             outlineWidth: 2,
@@ -684,13 +684,13 @@ const Q = {
           children: /* @__PURE__ */ e(
             pe,
             {
-              categoryGuid: o.categoryGuid || "",
-              merchantGuid: o.merchantGuid || "",
+              categoryGuid: r.categoryGuid || "",
+              merchantGuid: r.merchantGuid || "",
               size: n
             }
           )
         },
-        `${o.categoryGuid}-${o.merchantGuid}-${l}`
+        `${r.categoryGuid}-${r.merchantGuid}-${l}`
       ) : null)
     }
   );
@@ -698,8 +698,8 @@ const Q = {
   amount: t,
   bgcolor: n,
   isLargeScreen: i,
-  isSmallScreen: r,
-  label: o
+  isSmallScreen: o,
+  label: r
 }) => /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
   /* @__PURE__ */ e(
     O,
@@ -713,8 +713,8 @@ const Q = {
     }
   ),
   /* @__PURE__ */ a(c, { sx: { alignItems: "center", flexDirection: "row", gap: 2 }, children: [
-    !r && /* @__PURE__ */ e(p, { bold: !0, variant: "caption", children: L(t, t === 0 || !i ? "0,0" : "0,0.00") }),
-    /* @__PURE__ */ e(p, { variant: "caption", children: o })
+    !o && /* @__PURE__ */ e(p, { bold: !0, variant: "caption", children: L(t, t === 0 || !i ? "0,0" : "0,0.00") }),
+    /* @__PURE__ */ e(p, { variant: "caption", children: r })
   ] })
 ] }), _t = T(() => {
   const { recurring: t } = D();
@@ -727,7 +727,7 @@ const Q = {
   ] });
 }), vn = T(
   ({ onCTAClick: t }) => {
-    const [n, i] = h.useState(!1), { onEvent: r } = J(), o = ge(), { accounts: l } = he(), [m, { width: g }] = gt(), { isCopyLoaded: s, isInitialized: u, selectedAccountGuids: f, setSelectedAccounts: x } = U(), {
+    const [n, i] = h.useState(!1), { onEvent: o } = J(), r = ge(), { accounts: l } = he(), [m, { width: g }] = gt(), { isCopyLoaded: s, isInitialized: u, selectedAccountGuids: f, setSelectedAccounts: x } = U(), {
       loadRepeatingTransactions: C,
       upcomingRecurrences: y,
       expenseTotal: d,
@@ -746,26 +746,26 @@ const Q = {
         accounts: f
       }), te({ start: k(/* @__PURE__ */ new Date()), end: z(/* @__PURE__ */ new Date()) }), C().finally(), i(!0));
     }, [u]), h.useEffect(() => {
-      n && r(w.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
+      n && o(w.RECURRING_TRANSACTIONS_LOAD_WIDGET, {
         state: y.length > 0 ? "default" : "zeroState"
       });
     }, [n]);
     const v = g <= 288, Y = g >= 450, V = h.useMemo(() => {
       const G = [
-        { color: o.palette.success.main, percentage: `${W / d}` }
+        { color: r.palette.success.main, percentage: `${W / d}` }
       ];
       return b && G.push({
-        color: o.palette.error.main,
+        color: r.palette.error.main,
         percentage: `${b / d}`
       }), G;
     }, [
       W,
       d,
       b,
-      o.palette.success.main,
-      o.palette.error.main
+      r.palette.success.main,
+      r.palette.error.main
     ]), P = h.useMemo(() => L(d, d === 0 ? "0,0" : "0,0.00"), [d]), re = () => {
-      r(
+      o(
         y.length > 0 ? w.RECURRING_TRANSACTIONS_CLICK_GET_STARTED : w.RECURRING_TRANSACTIONS_CLICK_VIEW_ALL
       ), t();
     };
@@ -879,16 +879,16 @@ const Q = {
     );
   }
 ), Mn = T(
-  ({ isOpen: t, onClose: n }) => {
-    const { cashflow: i } = D(), { isCopyLoaded: r } = U();
+  ({ isOpen: t, onClose: n, selectedTab: i }) => {
+    const { cashflow: o } = D(), { isCopyLoaded: r } = U();
     return r ? /* @__PURE__ */ e(
       xe,
       {
-        ariaLabelClose: i.close_settings_aria,
+        ariaLabelClose: o.close_settings_aria,
         isOpen: t,
         onClose: n,
-        title: i.cashflow_settings,
-        children: /* @__PURE__ */ e(Ee, {})
+        title: o.cashflow_settings,
+        children: /* @__PURE__ */ e(Ee, { defaultSelectedTab: i })
       }
     ) : /* @__PURE__ */ e(F, {});
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.0.59-alpha.al0",
+  "version": "7.0.59-alpha.al1",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",