@mx-cartographer/experiences 2.34.0 → 2.34.2

package/dist/index.es.js

@@ -6,7 +6,7 @@ import W from "@mui/material/Divider";
 import dA from "@mui/material/List";
 import Dn from "@mui/material/ListSubheader";
 import aa from "@mui/system/Stack";
-import { useTokens as cA, AccountsIcon as Oi, P as mA, Icon as R, Text as y, H2 as it, DialogHeader as _i, DialogFooter as xi, Drawer as Ni, Footer as Mi, DateRangePicker as ra, H3 as Hi, H1 as ve, TextField as pe, IconWeight as ur, MerchantLogo as Ee, CategoryIcon as ze, CategoryIconVariants as hr, InstitutionLogo as ot, THEMES as ia, createMXTheme as Ri } from "@kyper/mui";
+import { useTokens as cA, AccountsIcon as Oi, P as mA, Icon as H, Text as y, H2 as it, DialogHeader as _i, DialogFooter as xi, Drawer as Ni, Footer as Mi, DateRangePicker as ra, H3 as Hi, H1 as ve, TextField as pe, IconWeight as ur, MerchantLogo as Ee, CategoryIcon as ze, CategoryIconVariants as hr, InstitutionLogo as ot, THEMES as ia, createMXTheme as Ri } from "@kyper/mui";
 import qi from "bowser";
 import { getUnixTime as eA } from "date-fns/getUnixTime";
 import { Honeybadger as ht } from "@honeybadger-io/react";
@@ -192,7 +192,7 @@ const ns = async (A, e, n = "1.0.0", a = "Experiences") => {
     []
   );
   return n ? r : r.join("");
-}, $h = (A, e, n, ...a) => !A || !e ? "" : N(n === 1 ? A : e, ...a), ye = () => (window?.app?.options?.language || document.querySelector("html")?.getAttribute("lang") || "en-US").toLowerCase(), Ct = [500, 502, 503, 504], ft = "";
+}, $3 = (A, e, n, ...a) => !A || !e ? "" : N(n === 1 ? A : e, ...a), ye = () => (window?.app?.options?.language || document.querySelector("html")?.getAttribute("lang") || "en-US").toLowerCase(), Ct = [500, 502, 503, 504], ft = "";
 class KA {
   endpoint = "/";
   headers = {};
@@ -1138,14 +1138,14 @@ const ws = (A, e) => {
     v(null);
   };
   return /* @__PURE__ */ l(L, { className: "mx-cmn-account-filter", m: 4, sx: { ...s }, children: [
-    u && /* @__PURE__ */ t(st, { id: "filter-accounts", placement: "bottom", title: e.title, children: /* @__PURE__ */ t(TA, { "aria-describedby": "filter-accounts", "aria-label": e.title, onClick: T, children: /* @__PURE__ */ t(R, { name: "filter_alt" }) }) }),
+    u && /* @__PURE__ */ t(st, { id: "filter-accounts", placement: "bottom", title: e.title, children: /* @__PURE__ */ t(TA, { "aria-describedby": "filter-accounts", "aria-label": e.title, onClick: T, children: /* @__PURE__ */ t(H, { name: "filter_alt" }) }) }),
     (d || h) && /* @__PURE__ */ t(
       Z,
       {
         "aria-label": e.title,
-        endIcon: o ? /* @__PURE__ */ t(R, { name: "expand_more" }) : void 0,
+        endIcon: o ? /* @__PURE__ */ t(H, { name: "expand_more" }) : void 0,
         onClick: T,
-        startIcon: /* @__PURE__ */ t(R, { name: "filter_alt" }),
+        startIcon: /* @__PURE__ */ t(H, { name: "filter_alt" }),
         variant: c,
         children: e.title
       }
@@ -1381,7 +1381,7 @@ const ws = (A, e) => {
   selectedIndex: c,
   valueFormatter: d = (u) => `${u}`
 }) => {
-  const u = cA(), h = xs(u), g = a.reduce(Os, []), v = A !== void 0 ? A : g.reduce(bs, 0) / g.length, m = Math.max(...g), p = Math.min(...g), T = g.reduce(Ps, 0), w = m >= 0, I = p < 0, S = La(w, I, r), x = La(I, w, r), M = _s(v, m, p, S || x), P = (H) => c === void 0 || H === c ? n : `${n}80`, q = () => /* @__PURE__ */ t(
+  const u = cA(), h = xs(u), g = a.reduce(Os, []), v = A !== void 0 ? A : g.reduce(bs, 0) / g.length, m = Math.max(...g), p = Math.min(...g), T = g.reduce(Ps, 0), w = m >= 0, I = p < 0, S = La(w, I, r), x = La(I, w, r), M = _s(v, m, p, S || x), P = (R) => c === void 0 || R === c ? n : `${n}80`, q = () => /* @__PURE__ */ t(
     wa,
     {
       averageLineHeight: M,
@@ -1396,11 +1396,11 @@ const ws = (A, e) => {
   return /* @__PURE__ */ l("div", { className: `mx-cmn-bar-chart ${h}`, children: [
     /* @__PURE__ */ l("div", { className: "mx-cmn-chart-container", children: [
       /* @__PURE__ */ t(q, {}),
-      a.map((H, K) => /* @__PURE__ */ l(C.Fragment, { children: [
+      a.map((R, K) => /* @__PURE__ */ l(C.Fragment, { children: [
         /* @__PURE__ */ t(
           wa,
           {
-            ariaLabel: H.ariaLabel,
+            ariaLabel: R.ariaLabel,
             averageLineHeight: M,
             bottomHeight: x,
             color: P(K),
@@ -1409,10 +1409,10 @@ const ws = (A, e) => {
             range: T,
             selectedIndex: c,
             topHeight: S,
-            value: H.value,
-            valueLabel: d(H.value),
+            value: R.value,
+            valueLabel: d(R.value),
             width: e,
-            xAxisLabel: H.label
+            xAxisLabel: R.label
           }
         ),
         /* @__PURE__ */ t(q, {})
@@ -1550,10 +1550,10 @@ const zs = ({
   const m = C.useMemo(() => {
     const S = Gi({ start: gA(c), end: bA(c) }), x = [];
     for (let M = 0; M < S.length; M++) {
-      const P = S[M], q = ki({ start: P, end: te(P, 6) }), H = [];
+      const P = S[M], q = ki({ start: P, end: te(P, 6) }), R = [];
       for (let K = 0; K < q.length; K++)
-        H.push(q[K]);
-      x.push(H);
+        R.push(q[K]);
+      x.push(R);
     }
     return x;
   }, [c]), p = (S) => {
@@ -1903,7 +1903,7 @@ const zs = ({
       padding: "8px 20px 8px 8px"
     },
     children: [
-      /* @__PURE__ */ t(TA, { "aria-label": A, onClick: e, children: /* @__PURE__ */ t(R, { name: "west" }) }),
+      /* @__PURE__ */ t(TA, { "aria-label": A, onClick: e, children: /* @__PURE__ */ t(H, { name: "west" }) }),
       /* @__PURE__ */ t(
         L,
         {
@@ -1972,14 +1972,14 @@ const zs = ({
     p(u);
   }, [u]);
   const x = (P) => {
-    const q = [...u], H = u[0], K = u[1], B = P === "previous";
+    const q = [...u], R = u[0], K = u[1], B = P === "previous";
     if (g === n.dateRangePickerCopy.dateRangeThisMonth)
-      q[0] = B ? be(H, 1) : RA(H, 1), q[1] = bA(B ? be(K, 1) : RA(K, 1));
+      q[0] = B ? be(R, 1) : RA(R, 1), q[1] = bA(B ? be(K, 1) : RA(K, 1));
     else if (g === n.dateRangePickerCopy.dateRangeYTD || g === n.dateRangePickerCopy.dateRangeLastYear)
-      q[0] = B ? la(ca(H), 1) : At(ca(H), 1), q[1] = B ? la(sa(H), 1) : At(sa(H), 1);
+      q[0] = B ? la(ca(R), 1) : At(ca(R), 1), q[1] = B ? la(sa(R), 1) : At(sa(R), 1);
     else {
-      const aA = ro(K, H);
-      q[0] = P === "previous" ? qA(H, aA) : te(H, aA), q[1] = P === "previous" ? qA(K, aA) : te(K, aA);
+      const aA = ro(K, R);
+      q[0] = P === "previous" ? qA(R, aA) : te(R, aA), q[1] = P === "previous" ? qA(K, aA) : te(K, aA);
     }
     h(q), A.onRangeChanged(q);
   }, M = () => {
@@ -2001,7 +2001,7 @@ const zs = ({
             "aria-describedby": "select-date",
             "aria-label": "Select a date",
             onClick: () => w(!0),
-            children: /* @__PURE__ */ t(R, { name: "calendar_month" })
+            children: /* @__PURE__ */ t(H, { name: "calendar_month" })
           }
         )
       }
@@ -2018,9 +2018,9 @@ const zs = ({
         },
         children: [
           o === "readonly" && /* @__PURE__ */ l(E, { alignItems: "center", direction: "row", gap: 8, children: [
-            /* @__PURE__ */ t(R, { name: "calendar_month", size: 24 }),
+            /* @__PURE__ */ t(H, { name: "calendar_month", size: 24 }),
             /* @__PURE__ */ t(y, { bold: !0, children: J(u[0], V.MONTH_DAY) }),
-            /* @__PURE__ */ t(R, { name: "remove" }),
+            /* @__PURE__ */ t(H, { name: "remove" }),
             /* @__PURE__ */ t(y, { bold: !0, children: J(u[1], V.MONTH_DAY_YEAR) })
           ] }),
           o !== "readonly" && /* @__PURE__ */ l(
@@ -2042,7 +2042,7 @@ const zs = ({
                     "aria-label": n.dateRangePreviousAria,
                     color: A.shouldDisablePrevious ? "secondary" : "primary",
                     onClick: () => A.shouldDisablePrevious ? null : x("previous"),
-                    children: /* @__PURE__ */ t(R, { name: "chevron_left", size: 28 })
+                    children: /* @__PURE__ */ t(H, { name: "chevron_left", size: 28 })
                   }
                 ),
                 /* @__PURE__ */ t(
@@ -2051,7 +2051,7 @@ const zs = ({
                     "aria-disabled": A.shouldDisablePicker,
                     color: e,
                     onClick: () => A.shouldDisablePicker ? null : w(!0),
-                    startIcon: /* @__PURE__ */ t(R, { name: "calendar_month", size: 20 }),
+                    startIcon: /* @__PURE__ */ t(H, { name: "calendar_month", size: 20 }),
                     sx: {
                       p: d ? 0 : 8,
                       width: c ? 280 : 232
@@ -2071,7 +2071,7 @@ const zs = ({
                     "aria-label": n.dateRangeNextAria,
                     color: A.shouldDisableNext ? "secondary" : "primary",
                     onClick: () => A.shouldDisableNext ? null : x("next"),
-                    children: /* @__PURE__ */ t(R, { name: "chevron_right", size: 28 })
+                    children: /* @__PURE__ */ t(H, { name: "chevron_right", size: 28 })
                   }
                 )
               ]
@@ -2303,7 +2303,7 @@ const zs = ({
         action: n && /* @__PURE__ */ t(
           Z,
           {
-            endIcon: /* @__PURE__ */ t(R, { name: "keyboard_arrow_right_rounded" }),
+            endIcon: /* @__PURE__ */ t(H, { name: "keyboard_arrow_right_rounded" }),
             onClick: n,
             children: /* @__PURE__ */ t(y, { bold: !0, variant: "Small", children: a })
           }
@@ -2400,7 +2400,7 @@ const zs = ({
                   accounts: A,
                   copy: Qr,
                   onFilterClick: (P) => {
-                    const q = A.filter((H) => P.includes(H.guid));
+                    const q = A.filter((R) => P.includes(R.guid));
                     x(P), M(q);
                   },
                   selectedAccounts: S,
@@ -2415,7 +2415,7 @@ const zs = ({
                   Z,
                   {
                     onClick: P.onClick,
-                    startIcon: /* @__PURE__ */ t(R, { name: P.iconName }),
+                    startIcon: /* @__PURE__ */ t(H, { name: P.iconName }),
                     sx: { mx: 4 },
                     children: P.label
                   },
@@ -2425,7 +2425,7 @@ const zs = ({
                   {
                     "aria-label": P.label,
                     onClick: P.onClick,
-                    children: /* @__PURE__ */ t(R, { name: P.iconName })
+                    children: /* @__PURE__ */ t(H, { name: P.iconName })
                   },
                   P.iconName
                 )
@@ -2442,7 +2442,7 @@ const zs = ({
               pb: 0
             },
             title: p ? /* @__PURE__ */ t(ve, { children: d }) : /* @__PURE__ */ l(E, { alignItems: "center", flexDirection: "row", children: [
-              T && /* @__PURE__ */ t(TA, { onClick: s, sx: { ml: -16, mr: 16 }, children: /* @__PURE__ */ t(R, { name: "arrow_back" }) }),
+              T && /* @__PURE__ */ t(TA, { onClick: s, sx: { ml: -16, mr: 16 }, children: /* @__PURE__ */ t(H, { name: "arrow_back" }) }),
               /* @__PURE__ */ t(ve, { variant: "H3", children: d })
             ] })
           }
@@ -2595,14 +2595,14 @@ const zs = ({
       "aria-label": e,
       className: "mx-cat-cancel-search-button",
       onClick: () => n(""),
-      children: /* @__PURE__ */ t(R, { name: "cancel", size: 24 })
+      children: /* @__PURE__ */ t(H, { name: "cancel", size: 24 })
     }
   );
   return /* @__PURE__ */ t(L, { className: "mx-cmn-search-box", px: i.Spacing.Large, py: i.Spacing.Medium, children: /* @__PURE__ */ t(
     pe,
     {
       InputProps: {
-        startAdornment: /* @__PURE__ */ t(Dt, { position: "start", children: /* @__PURE__ */ t(R, { color: "disabled", name: "search", size: 26 }) }),
+        startAdornment: /* @__PURE__ */ t(Dt, { position: "start", children: /* @__PURE__ */ t(H, { color: "disabled", name: "search", size: 26 }) }),
         endAdornment: /* @__PURE__ */ t(Dt, { position: "end", sx: { p: 0 }, children: r ? o : null })
       },
       "aria-label": A,
@@ -2701,7 +2701,7 @@ const zs = ({
   }
 ), Nt = ({ iconName: A, label: e, onClick: n, value: a }) => {
   const r = /* @__PURE__ */ l(AA, { children: [
-    /* @__PURE__ */ t(SA, { children: /* @__PURE__ */ t(ce, { variant: "rounded", children: /* @__PURE__ */ t(R, { name: A, sx: { color: "text.primary" }, weight: ur.Dark }) }) }),
+    /* @__PURE__ */ t(SA, { children: /* @__PURE__ */ t(ce, { sx: { bgcolor: "border.light" }, variant: "rounded", children: /* @__PURE__ */ t(H, { name: A, sx: { color: "text.primary" }, weight: ur.Dark }) }) }),
     /* @__PURE__ */ t(
       rA,
       {
@@ -2714,7 +2714,7 @@ const zs = ({
   ] });
   return n ? /* @__PURE__ */ t($, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(nA, { onClick: n, children: [
     r,
-    /* @__PURE__ */ t($A, { children: /* @__PURE__ */ t(R, { name: "chevron_right", size: 24 }) })
+    /* @__PURE__ */ t($A, { children: /* @__PURE__ */ t(H, { name: "chevron_right", size: 24 }) })
   ] }) }) : /* @__PURE__ */ t($, { disableGutters: !1, disablePadding: !1, children: r });
 }, Gn = ({
   body: A,
@@ -2727,8 +2727,8 @@ const zs = ({
       /* @__PURE__ */ t(y, { bold: !0, variant: "Body", children: n }),
       /* @__PURE__ */ t(y, { sx: { whiteSpace: "unset" }, variant: "Small", children: A })
     ] }),
-    children: /* @__PURE__ */ t(TA, { "aria-label": n, sx: { minHeight: 0, minWidth: 0, p: 0 }, children: /* @__PURE__ */ t(
-      R,
+    children: /* @__PURE__ */ t(TA, { sx: { minHeight: 0, minWidth: 0, p: 0 }, children: /* @__PURE__ */ t(
+      H,
       {
         name: e,
         sx: { color: "action.active", fontSize: 16 },
@@ -2853,12 +2853,12 @@ const Ge = () => {
             c.length
           ) })
         ] }),
-        /* @__PURE__ */ t(E, { pt: 18, children: /* @__PURE__ */ t(R, { name: "remove" }) }),
+        /* @__PURE__ */ t(E, { pt: 18, children: /* @__PURE__ */ t(H, { name: "remove" }) }),
         /* @__PURE__ */ l(E, { pb: 14, pt: 12, children: [
           /* @__PURE__ */ t(y, { variant: "H2", children: z(v, "0,0.00") }),
           /* @__PURE__ */ t(mA, { variant: "XSmall", whiteSpace: "nowrap", children: N(a.expenses_due, s.length) })
         ] }),
-        /* @__PURE__ */ t(E, { pt: 18, children: /* @__PURE__ */ t(R, { name: "equals" }) }),
+        /* @__PURE__ */ t(E, { pt: 18, children: /* @__PURE__ */ t(H, { name: "equals" }) }),
         /* @__PURE__ */ l(E, { pb: 14, pr: 24, pt: 12, children: [
           /* @__PURE__ */ t(y, { variant: "H2", children: z(m, "0,0.00") }),
           /* @__PURE__ */ l(E, { alignItems: "center", direction: "row", gap: 8, children: [
@@ -2870,7 +2870,7 @@ const Ge = () => {
           Z,
           {
             onClick: A,
-            startIcon: /* @__PURE__ */ t(R, { name: "add" }),
+            startIcon: /* @__PURE__ */ t(H, { name: "add" }),
             sx: { fontSize: 13, lineHeight: "initial" },
             children: vt.add_income
           }
@@ -2915,7 +2915,7 @@ const Ge = () => {
       {
         fullWidth: !0,
         onClick: A,
-        startIcon: /* @__PURE__ */ t(R, { name: "add" }),
+        startIcon: /* @__PURE__ */ t(H, { name: "add" }),
         sx: { fontSize: 13 },
         children: vt.add_income
       }
@@ -3843,9 +3843,9 @@ const HA = () => {
             disableTypography: !0,
             secondary: /* @__PURE__ */ l(E, { direction: "row", justifyContent: "space-between", children: [
               /* @__PURE__ */ l(E, { alignItems: "center", direction: "row", gap: 4, children: [
-                A.is_flagged && /* @__PURE__ */ t(R, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
-                A.is_hidden && /* @__PURE__ */ t(R, { name: "visibility_off", size: 16 }),
-                A.has_been_split && /* @__PURE__ */ t(R, { name: "call_split", size: 16 }),
+                A.is_flagged && /* @__PURE__ */ t(H, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
+                A.is_hidden && /* @__PURE__ */ t(H, { name: "visibility_off", size: 16 }),
+                A.has_been_split && /* @__PURE__ */ t(H, { name: "call_split", size: 16 }),
                 /* @__PURE__ */ t(y, { variant: "XSmall", children: A.has_been_split ? a.split_transaction_category_label : A.category })
               ] }),
               o && r && /* @__PURE__ */ t(y, { bold: !0, color: "action.active", variant: "XSmall", children: o.short_title })
@@ -3990,17 +3990,17 @@ const HA = () => {
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       children: [
-        A.row.has_been_split && /* @__PURE__ */ t(R, { name: "call_split", size: 16 }),
+        A.row.has_been_split && /* @__PURE__ */ t(H, { name: "call_split", size: 16 }),
         /* @__PURE__ */ t(y, { tabIndex: A.tabIndex, variant: "Small", children: A.row.has_been_split ? e.split_transaction_category_label : A.row.category }),
-        !A.row.has_been_split && n && /* @__PURE__ */ t(R, { name: "edit", sx: { color: "action.active" } })
+        !A.row.has_been_split && n && /* @__PURE__ */ t(H, { name: "edit", sx: { color: "action.active" } })
       ]
     }
   );
 }, Rc = (A) => /* @__PURE__ */ t(y, { tabIndex: A.tabIndex, variant: "Small", children: J(wA(A.row.date), V.MONTH_DAY) }), qc = (A) => {
   const { is_flagged: e, is_hidden: n } = A.row;
   return /* @__PURE__ */ l(L, { tabIndex: A.tabIndex, children: [
-    e && /* @__PURE__ */ t(R, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
-    !e && n && /* @__PURE__ */ t(R, { name: "visibility_off", size: 16 })
+    e && /* @__PURE__ */ t(H, { fill: !0, name: "flag", size: 16, sx: { color: "warning.dark" } }),
+    !e && n && /* @__PURE__ */ t(H, { name: "visibility_off", size: 16 })
   ] });
 }, Ue = (A) => /* @__PURE__ */ t(y, { fontFamily: "InterSemibold", variant: "Small", children: A.colDef.headerName }), zc = (A) => /* @__PURE__ */ l(E, { alignItems: "center", direction: "row", gap: 8, children: [
   /* @__PURE__ */ t(
@@ -5192,23 +5192,23 @@ const Wr = ({ transaction: A }) => {
     parent_guid: A.guid,
     top_level_category_guid: void 0
   }, [d, u] = C.useState(!1), [h, g] = C.useState(!1), [v, m] = C.useState([]), p = () => {
-    const H = [...v];
-    H.push({ ...c }), H[0].amount -= 1, m(H);
-  }, T = (H) => {
-    if (H > 0) {
-      const K = v[H], B = [...v];
-      B.splice(H, 1), B[0].amount += K.amount, m(B);
-    }
-  }, w = (H, K) => {
+    const R = [...v];
+    R.push({ ...c }), R[0].amount -= 1, m(R);
+  }, T = (R) => {
+    if (R > 0) {
+      const K = v[R], B = [...v];
+      B.splice(R, 1), B[0].amount += K.amount, m(B);
+    }
+  }, w = (R, K) => {
     const B = [...v];
-    B[H].amount = K, B[0].amount = A.amount - B.reduce(
+    B[R].amount = K, B[0].amount = A.amount - B.reduce(
       (aA, OA, de) => aA + (de !== 0 ? OA.amount : 0),
       0
     ), m(B);
-  }, I = (H, K) => {
+  }, I = (R, K) => {
     const B = [...v], aA = o.find((OA) => OA.guid === K);
-    aA && (B[H] = {
-      ...B[H],
+    aA && (B[R] = {
+      ...B[R],
       category_guid: K,
       category: aA.name,
       top_level_category_guid: aA.parent_guid || K
@@ -5225,11 +5225,11 @@ const Wr = ({ transaction: A }) => {
     e(D.ON_TRANSACTION_SPLIT_CANCEL_CLICK), m([{ ...s }, { ...c }]), u(!1);
   }, P = async () => {
     e(D.ON_TRANSACTION_UNSPLIT);
-    const H = A.parent_guid ?? A.guid;
-    await r(H);
+    const R = A.parent_guid ?? A.guid;
+    await r(R);
   }, q = C.useMemo(() => {
-    const H = v.some((B) => !B.category_guid), K = v.some((B) => B.amount <= 0);
-    return H || K;
+    const R = v.some((B) => !B.category_guid), K = v.some((B) => B.amount <= 0);
+    return R || K;
   }, [v]);
   return /* @__PURE__ */ l(C.Fragment, { children: [
     A && /* @__PURE__ */ t($, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ l(nA, { onClick: S, children: [
@@ -5859,7 +5859,7 @@ const Wr = ({ transaction: A }) => {
     selectedAccountGuids: S,
     selectedAccounts: x,
     setDisplayedDate: M
-  } = fA(), [P, q] = C.useState(""), [H, K] = C.useState(""), [B, aA] = C.useState(!1);
+  } = fA(), [P, q] = C.useState(""), [R, K] = C.useState(""), [B, aA] = C.useState(!1);
   C.useEffect(() => {
     const yA = gA(G()), na = bA(G());
     M(yA, na), v({
@@ -5875,7 +5875,7 @@ const Wr = ({ transaction: A }) => {
   }, [w, S]), C.useEffect(() => {
     c(e);
   }, [e]);
-  const OA = H ? p.find((yA) => yA.guid === H) : void 0, de = i && !!r.payee && !!r.account_guid && !!r.category_guid, JA = (yA) => {
+  const OA = R ? p.find((yA) => yA.guid === R) : void 0, de = i && !!r.payee && !!r.account_guid && !!r.category_guid, JA = (yA) => {
     M(yA[0], yA[1]);
   }, iA = (yA) => {
     s(yA), v({
@@ -6101,7 +6101,7 @@ const Wr = ({ transaction: A }) => {
                 primaryTypographyProps: { fontWeight: 400 }
               }
             ),
-            A.recurrenceType === u.id && /* @__PURE__ */ t(R, { color: "primary", fill: !0, name: "check_circle", size: 24 })
+            A.recurrenceType === u.id && /* @__PURE__ */ t(H, { color: "primary", fill: !0, name: "check_circle", size: 24 })
           ] }) }, u.id),
           /* @__PURE__ */ t(W, {})
         ] }, u.id)) })
@@ -6206,7 +6206,6 @@ const Wr = ({ transaction: A }) => {
       ] })
     ] }),
     /* @__PURE__ */ l(dA, { sx: { bgcolor: "background.paper" }, children: [
-      /* @__PURE__ */ t(W, { color: "secondary" }),
       A.institution && /* @__PURE__ */ l(AA, { children: [
         /* @__PURE__ */ t(
           Nt,
@@ -6239,7 +6238,7 @@ const Wr = ({ transaction: A }) => {
       {
         color: "error",
         onClick: () => h(!0),
-        startIcon: /* @__PURE__ */ t(R, { name: "delete" }),
+        startIcon: /* @__PURE__ */ t(H, { name: "delete" }),
         sx: { mx: 24, my: 16 },
         variant: "text",
         children: p ? GA.activity_delete_income_title : GA.activity_delete_expense_title
@@ -6410,8 +6409,8 @@ const Wr = ({ transaction: A }) => {
                     z(A.amount, "0,0.00")
                   ] }),
                   !e && /* @__PURE__ */ l(E, { alignItems: "center", direction: "row", gap: 6, textTransform: "uppercase", children: [
-                    s && /* @__PURE__ */ t(R, { color: "success", fill: !0, name: "check_circle", size: 12 }),
-                    c && /* @__PURE__ */ t(R, { color: "error", fill: !0, name: "cancel", size: 12 }),
+                    s && /* @__PURE__ */ t(H, { color: "success", fill: !0, name: "check_circle", size: 12 }),
+                    c && /* @__PURE__ */ t(H, { color: "error", fill: !0, name: "cancel", size: 12 }),
                     /* @__PURE__ */ t(y, { bold: !0, color: "secondary.light", variant: "XSmall", children: u })
                   ] })
                 ] })
@@ -6601,7 +6600,7 @@ const Wr = ({ transaction: A }) => {
       {
         InputLabelProps: { shrink: !0 },
         SelectProps: {
-          IconComponent: (d) => /* @__PURE__ */ t(R, { fill: !1, name: "expand_more", size: 20, sx: { mr: 4 }, ...d })
+          IconComponent: (d) => /* @__PURE__ */ t(H, { fill: !1, name: "expand_more", size: 20, sx: { mr: 4 }, ...d })
         },
         defaultValue: 0,
         label: QA.frequency,
@@ -6658,9 +6657,12 @@ const Wr = ({ transaction: A }) => {
     g(""), u(!1);
   };
   return /* @__PURE__ */ l(L, { children: [
-    /* @__PURE__ */ t($, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ t(nA, { onClick: I, children: /* @__PURE__ */ t(rA, { children: /* @__PURE__ */ l(E, { alignItems: "center", direction: "row", gap: 8, children: [
-      /* @__PURE__ */ t(R, { fill: !0, name: "add_box", size: 24, sx: { color: "action.active" } }),
-      /* @__PURE__ */ t(y, { bold: !0, sx: { color: "action.active" }, variant: "Body", children: e })
+    /* @__PURE__ */ t($, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ t(nA, { onClick: I, children: /* @__PURE__ */ t(rA, { children: /* @__PURE__ */ l(E, { alignItems: "center", direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ l(E, { alignItems: "center", direction: "row", gap: 8, children: [
+        /* @__PURE__ */ t(H, { fill: !0, name: "add_box", size: 24, sx: { color: "action.active" } }),
+        /* @__PURE__ */ t(y, { bold: !0, sx: { color: "action.active" }, variant: "Body", children: e })
+      ] }),
+      /* @__PURE__ */ t(H, { name: "chevron_right", size: 24, sx: { color: "primary.light" } })
     ] }) }) }) }),
     /* @__PURE__ */ t(W, {}),
     /* @__PURE__ */ t(
@@ -6719,7 +6721,7 @@ const Wr = ({ transaction: A }) => {
     expectedDate: mr(a.occurs_on),
     name: a.description,
     institution: i?.user_name,
-    institutionGuid: i?.guid,
+    institutionGuid: i?.institution_guid,
     merchantGuid: a.merchant_guid,
     recurrenceType: a.recurrence_type,
     recurrenceDay: a.recurrence_day,
@@ -6728,9 +6730,9 @@ const Wr = ({ transaction: A }) => {
 }), Vl = () => {
   const { scheduledPayments: A } = PA(), { transactions: e } = Y(), { selectedAccounts: n } = fA(), a = Yl(n, A, e);
   return /* @__PURE__ */ l(dA, { sx: { bgcolor: "background.paper" }, children: [
-    a.map((r) => /* @__PURE__ */ l(C.Fragment, { children: [
+    a.map((r, i) => /* @__PURE__ */ l(C.Fragment, { children: [
       /* @__PURE__ */ t($n, { activity: r, showOrdinal: !0 }),
-      /* @__PURE__ */ t(W, {})
+      /* @__PURE__ */ t(W, { variant: i < a.length - 1 ? "inset" : "fullWidth" })
     ] }, r.scheduledPaymentGuid)),
     /* @__PURE__ */ t(ii, { label: Wl.manage_expenses_label })
   ] });
@@ -6899,7 +6901,7 @@ const Wr = ({ transaction: A }) => {
     expectedDate: u,
     name: i.name,
     institution: d?.user_name,
-    institutionGuid: d?.guid,
+    institutionGuid: d?.institution_guid,
     merchantGuid: c?.merchant_guid,
     recurrenceType: Tn(i),
     recurrenceDay: Number(i.repeat_day),
@@ -6914,9 +6916,9 @@ const Wr = ({ transaction: A }) => {
     r
   );
   return /* @__PURE__ */ l(dA, { sx: { bgcolor: "background.paper" }, children: [
-    i.map((o) => /* @__PURE__ */ l(C.Fragment, { children: [
+    i.map((o, s) => /* @__PURE__ */ l(C.Fragment, { children: [
       /* @__PURE__ */ t($n, { activity: o, showOrdinal: !0 }),
-      /* @__PURE__ */ t(W, {})
+      /* @__PURE__ */ t(W, { variant: s < i.length - 1 ? "inset" : "fullWidth" })
     ] }, o.sequenceGuid)),
     /* @__PURE__ */ t(ii, { isIncome: !0, label: Ad.manage_income_add })
   ] });
@@ -7144,7 +7146,7 @@ const Wr = ({ transaction: A }) => {
           /* @__PURE__ */ t(y, { variant: "XSmall", children: s.activity_expected })
         ] })
       ] }),
-      i && /* @__PURE__ */ t(Z, { onClick: i, startIcon: /* @__PURE__ */ t(R, { name: "add" }), variant: "text", children: s.activity_add_new })
+      i && /* @__PURE__ */ t(Z, { onClick: i, startIcon: /* @__PURE__ */ t(H, { name: "add" }), variant: "text", children: s.activity_add_new })
     ] }),
     /* @__PURE__ */ t(Fs, { data: c })
   ] });
@@ -7565,7 +7567,7 @@ const F = {
     const n = Object.keys(k).filter((a) => Number(a)).map((a) => ({
       label: Ot[a],
       value: Number(a),
-      icon: /* @__PURE__ */ t(R, { name: ss[a] })
+      icon: /* @__PURE__ */ t(H, { name: ss[a] })
     }));
     e.push({
       label: F.account_type,
@@ -7580,7 +7582,7 @@ const F = {
     const n = Object.keys(br).filter((a) => Number(a)).map((a) => ({
       label: cs[a],
       value: Number(a),
-      icon: /* @__PURE__ */ t(R, { name: ls[a] })
+      icon: /* @__PURE__ */ t(H, { name: ls[a] })
     }));
     e.push({
       label: F.property_type,
@@ -8048,7 +8050,7 @@ const Sd = ({ activity: A }) => {
       Z,
       {
         onClick: () => e(!0),
-        startIcon: /* @__PURE__ */ t(R, { name: "add" }),
+        startIcon: /* @__PURE__ */ t(H, { name: "add" }),
         sx: { fontSize: 13 },
         children: Xe.add_income
       }
@@ -8103,7 +8105,7 @@ const Sd = ({ activity: A }) => {
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ t(R, { color: "primary", name: "currency_exchange" })
+            children: /* @__PURE__ */ t(H, { color: "primary", name: "currency_exchange" })
           }
         ),
         n.bullet_one
@@ -8119,7 +8121,7 @@ const Sd = ({ activity: A }) => {
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ t(R, { color: "primary", name: "cardiology" })
+            children: /* @__PURE__ */ t(H, { color: "primary", name: "cardiology" })
           }
         ),
         n.bullet_two
@@ -8135,7 +8137,7 @@ const Sd = ({ activity: A }) => {
             mr: 24,
             sx: { display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 },
             width: 44,
-            children: /* @__PURE__ */ t(R, { color: "primary", name: "flare" })
+            children: /* @__PURE__ */ t(H, { color: "primary", name: "flare" })
           }
         ),
         n.bullet_three
@@ -8169,9 +8171,9 @@ const Sd = ({ activity: A }) => {
 `, Gd = () => {
   const { addCashflowEvent: A, addCashflowSequence: e, cashflowSequences: n } = PA(), {
     copy: { onboarding: a }
-  } = zA(), { completeOnboarding: r } = zA(), { isDirty: i } = Ge(), { isMobile: o } = Ae(), { setDisplayedDate: s } = fA(), { filter: c, setFilter: d, transactions: u } = Y(), h = tA(), [g, v] = oe(!0), [m, p] = C.useState(_.EveryMonth), [T, w] = oe(!1), [I, S] = C.useState(null), [x, M] = oe(1), [P, q] = oe([]), [H, K] = oe(""), B = C.useMemo(
-    () => u.find((iA) => iA.guid === H),
-    [H]
+  } = zA(), { completeOnboarding: r } = zA(), { isDirty: i } = Ge(), { isMobile: o } = Ae(), { setDisplayedDate: s } = fA(), { filter: c, setFilter: d, transactions: u } = Y(), h = tA(), [g, v] = oe(!0), [m, p] = C.useState(_.EveryMonth), [T, w] = oe(!1), [I, S] = C.useState(null), [x, M] = oe(1), [P, q] = oe([]), [R, K] = oe(""), B = C.useMemo(
+    () => u.find((iA) => iA.guid === R),
+    [R]
   ), aA = !!n.length, OA = async () => {
     M(2), s(
       //  Beginning of the month, 90 days before today
@@ -8250,7 +8252,7 @@ const Sd = ({ activity: A }) => {
                     Z,
                     {
                       onClick: () => v(!0),
-                      startIcon: /* @__PURE__ */ t(R, { name: "add", size: 20 }),
+                      startIcon: /* @__PURE__ */ t(H, { name: "add", size: 20 }),
                       children: rn.add_additional_income_button
                     }
                   )
@@ -8315,7 +8317,7 @@ const Sd = ({ activity: A }) => {
                     "aria-disabled": P.length < 1 || T,
                     onClick: de,
                     startIcon: T ? /* @__PURE__ */ t(
-                      R,
+                      H,
                       {
                         name: "progress_activity",
                         sx: {
@@ -8995,7 +8997,7 @@ const on = ({
         onClick: () => e(!0),
         primaryText: c.is_closed ? uA.mark_as_open : uA.mark_as_closed,
         secondaryText: uA.this_will_set_the_account_balance_to_0,
-        children: /* @__PURE__ */ t(R, { name: "chevron_right" })
+        children: /* @__PURE__ */ t(H, { name: "chevron_right" })
       }
     ),
     h.length > 0 && /* @__PURE__ */ t(
@@ -9005,7 +9007,7 @@ const on = ({
         onClick: () => a(!0),
         primaryText: uA.mark_as_duplicate,
         secondaryText: uA.if_a_connected_account_is_showing_up_twice,
-        children: /* @__PURE__ */ t(R, { name: "chevron_right" })
+        children: /* @__PURE__ */ t(H, { name: "chevron_right" })
       }
     ),
     /* @__PURE__ */ t(
@@ -9326,7 +9328,7 @@ const on = ({
           ] })
         }
       ),
-      /* @__PURE__ */ t(R, { name: "chevron_right" })
+      /* @__PURE__ */ t(H, { name: "chevron_right" })
     ] }) }),
     /* @__PURE__ */ t(W, { sx: { ml: a.is_manual || !a.institution_url ? 0 : 24 } }),
     !a.is_manual && a.institution_url && /* @__PURE__ */ l(AA, { children: [
@@ -9351,7 +9353,7 @@ const on = ({
           }
         ) }),
         /* @__PURE__ */ t(rA, { primary: a.name, secondary: a.institution_url }),
-        /* @__PURE__ */ t(R, { name: "launch" })
+        /* @__PURE__ */ t(H, { name: "launch" })
       ] }) }),
       /* @__PURE__ */ t(W, {})
     ] }),
@@ -9481,7 +9483,7 @@ const on = ({
             },
             children: [
               g,
-              /* @__PURE__ */ t(R, { name: "chevron_right" })
+              /* @__PURE__ */ t(H, { name: "chevron_right" })
             ]
           }
         ) }),
@@ -10700,7 +10702,7 @@ const er = {
   simplify_your_budgets_zero_state_title: "Simplify Your Budgets",
   every_transaction_is_automatically_zero_state_copy: "Every transaction is automatically categorized and put in a budget to help you stay on track."
 }, h1 = () => /* @__PURE__ */ l(E, { alignItems: "center", gap: 12, sx: { mx: 24, textAlign: "center" }, children: [
-  /* @__PURE__ */ t(R, { name: "bubble_chart", size: 48 }),
+  /* @__PURE__ */ t(H, { name: "bubble_chart", size: 48 }),
   /* @__PURE__ */ t(y, { bold: !0, children: nr.simplify_your_budgets_zero_state_title }),
   /* @__PURE__ */ t(y, { sx: { whiteSpace: "wrap" }, children: nr.every_transaction_is_automatically_zero_state_copy })
 ] }), g1 = ({
@@ -10825,7 +10827,7 @@ const Lt = {
     children: /* @__PURE__ */ l(dA, { children: [
       /* @__PURE__ */ t(W, {}),
       /* @__PURE__ */ t($, { sx: { backgroundColor: "background.paper" }, children: /* @__PURE__ */ l(nA, { onClick: () => null, children: [
-        /* @__PURE__ */ t(R, { name: "visibility_off_outlined", size: 24, sx: { marginRight: 12 } }),
+        /* @__PURE__ */ t(H, { name: "visibility_off_outlined", size: 24, sx: { marginRight: 12 } }),
         /* @__PURE__ */ t(
           rA,
           {
@@ -10835,7 +10837,7 @@ const Lt = {
           }
         ),
         A.hiddenInsights && /* @__PURE__ */ t(y, { sx: { marginRight: 24 }, children: A.hiddenInsights.length }),
-        /* @__PURE__ */ t(R, { name: "chevron_right", size: 24 })
+        /* @__PURE__ */ t(H, { name: "chevron_right", size: 24 })
       ] }) }),
       /* @__PURE__ */ t(W, {})
     ] })
@@ -11118,7 +11120,7 @@ const lt = C.createContext(null), b1 = ({
   return !r.length || !i.length ? e.Color.Primary300 : r[0].amount > i[0].amount ? e.Color.Error300 : r[0].amount < i[0].amount ? e.Color.Success300 : e.Color.Primary300;
 }, R1 = ({ beat: A }) => {
   const e = cA(), n = H1(A.data_series, e);
-  return /* @__PURE__ */ t(R, { name: "bar_chart", sx: { color: n } });
+  return /* @__PURE__ */ t(H, { name: "bar_chart", sx: { color: n } });
 }, Ei = () => /* @__PURE__ */ l("svg", { fill: "none", height: "36", viewBox: "0 0 40 36", width: "40", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ t(
     "path",
@@ -11902,8 +11904,8 @@ const lt = C.createContext(null), b1 = ({
   ] })
 ] }), or = ({ beat: A, clientColorScheme: e, color: n, type: a }) => {
   const r = tA(), i = e?.primary_300 ? e.primary_300 : r.palette.primary.main;
-  return a === 0 ? /* @__PURE__ */ t(R, { fill: !0, name: "error", sx: { color: n || i } }) : a === 1 && A ? /* @__PURE__ */ t(P1, { beat: A }) : a === 2 && A ? /* @__PURE__ */ t(x1, { beat: A }) : a === 3 && A ? /* @__PURE__ */ t(R1, { beat: A }) : /* @__PURE__ */ t(
-    R,
+  return a === 0 ? /* @__PURE__ */ t(H, { fill: !0, name: "error", sx: { color: n || i } }) : a === 1 && A ? /* @__PURE__ */ t(P1, { beat: A }) : a === 2 && A ? /* @__PURE__ */ t(x1, { beat: A }) : a === 3 && A ? /* @__PURE__ */ t(R1, { beat: A }) : /* @__PURE__ */ t(
+    H,
     {
       fill: !0,
       name: "info",
@@ -12107,7 +12109,7 @@ const lt = C.createContext(null), b1 = ({
     });
   }, q = () => {
     g.current && m(g.current.scrollLeft);
-  }, H = () => {
+  }, R = () => {
     if (!w || !p) return;
     w - p > q1 ? x(FA.ON_CAROUSEL_FORWARD_SWIPE) : x(FA.ON_CAROUSEL_BACK_SWIPE);
   }, K = (JA) => {
@@ -12128,7 +12130,7 @@ const lt = C.createContext(null), b1 = ({
       {
         className: "mx-insights-micro-carousel-container",
         onScroll: q,
-        onTouchEnd: H,
+        onTouchEnd: R,
         onTouchMove: K,
         onTouchStart: B,
         ref: g,
@@ -12438,7 +12440,7 @@ const lt = C.createContext(null), b1 = ({
     const aA = window.innerHeight;
     aA < 180 ? M("STANDARD") : aA >= 180 && aA < 200 ? M("LARGE") : aA >= 200 && aA < 248 ? M("XLARGE") : aA >= 248 && M("XXLARGE");
   }, []);
-  const H = {
+  const R = {
     showCTAColocatedWithText: a,
     heightOverrides: i,
     onCardClick: o,
@@ -12450,7 +12452,7 @@ const lt = C.createContext(null), b1 = ({
     carouselSize: x,
     posthog: d,
     variant: I,
-    ...H
+    ...R
   }, B = !A && xe.isInitialized;
   return (
     // The Theme provider must wrap the component so that the styles don't break when imported into other applications.
@@ -12483,7 +12485,7 @@ const lt = C.createContext(null), b1 = ({
                 clientColorScheme: n,
                 showCarouselControls: h,
                 variant: u ? I : void 0,
-                ...H
+                ...R
               }
             ),
             B && !e.length && w && /* @__PURE__ */ t(V1, { clientColorScheme: n, ...K }),
@@ -13042,12 +13044,12 @@ const lt = C.createContext(null), b1 = ({
   ), S = C.useMemo(
     () => c.find((q) => q.guid === v),
     [v]
-  ), x = (q, H) => {
-    g(H), u("");
+  ), x = (q, R) => {
+    g(R), u("");
   }, M = (q) => {
     u(d === q || q === "0" ? "" : q);
   }, P = (q) => {
-    const H = {
+    const R = {
       accounts: r,
       dateRange: i
     };
@@ -13055,17 +13057,17 @@ const lt = C.createContext(null), b1 = ({
       if (q === "other") {
         const K = w.categoryData.find((B) => B.guid === "other");
         s({
-          ...H,
+          ...R,
           custom: (B) => !!K?.categoryTotals?.find((aA) => aA.guid === B.top_level_category_guid)
         });
       } else
         s({
-          ...H,
+          ...R,
           custom: (K) => q ? K.top_level_category_guid === q : K.top_level_category_guid !== f.INCOME
         });
     else
       s({
-        ...H,
+        ...R,
         custom: (K) => q ? K.category_guid === q : K.top_level_category_guid === f.INCOME
       });
     T(!0);
@@ -13337,7 +13339,7 @@ export {
   Ei as ZeroStateIcon,
   ns as analyticsSession,
   N as buildDynamicCopy,
-  $h as buildPluralCopy,
+  $3 as buildPluralCopy,
   z as formatCurrency,
   J as formatDate,
   ps as formatOrdinal,