@mx-cartographer/experiences 7.10.30 → 7.10.32

package/dist/insights/index.es.js

@@ -1,14 +1,14 @@
 import { B as v4 } from "../BeatStore-D_NYuBSz.mjs";
-import { jsx as e, jsxs as h, Fragment as V } from "react/jsx-runtime";
+import { jsx as e, jsxs as c, Fragment as V } from "react/jsx-runtime";
 import * as t from "react";
-import M, { useMemo as T1, useState as Q, useEffect as L1, forwardRef as W, useRef as m1, useLayoutEffect as A1 } from "react";
+import f, { useMemo as T1, useState as Q, useEffect as L1, forwardRef as W, useRef as m1, useLayoutEffect as A1 } from "react";
 import y from "@mui/material/Box";
 import T from "@mui/material/Button";
 import E from "@mui/material/Stack";
-import { BottomSheetTransition as O1, Icon as k1, P as L, H3 as i1, Text as f, MerchantLogo as _, InstitutionLogo as X, CategoryIcon as p1, createMXTheme as K1, CheckmarkFilledIcon as V1, H2 as a1 } from "@mxenabled/mxui";
+import { BottomSheetTransition as O1, Icon as k1, P as L, H3 as i1, Text as k, MerchantLogo as _, InstitutionLogo as X, CategoryIcon as p1, createMXTheme as K1, CheckmarkFilledIcon as V1, H2 as a1 } from "@mxenabled/mxui";
 import { Icon as J } from "@mxenabled/mx-icons";
-import { e as P1 } from "../exportTransactionsToCSV-RUWymyA3.mjs";
-import { T as F1 } from "../TransactionList-Dxi733-M.mjs";
+import { e as P1 } from "../exportTransactionsToCSV-YO3xewit.mjs";
+import { T as F1 } from "../TransactionList-CmZSDhKW.mjs";
 import U1 from "@mui/material/Tab";
 import Q1 from "@mui/material/Tabs";
 import F from "@mui/material/IconButton";
@@ -16,7 +16,7 @@ import { useTheme as N, alpha as v1, ThemeProvider as X1 } from "@mui/material/s
 import { ChartContainer as E1, ChartsReferenceLine as q, ChartsXAxis as u1, BarPlot as y1 } from "@mui/x-charts";
 import { u as B1, h as q1 } from "../hooks-DWJQ4phS.mjs";
 import { D as _1 } from "../Drawer-DV4NTsFg.mjs";
-import { S as $1 } from "../StatusIndicator-yCwjN_ky.mjs";
+import { S as $1 } from "../StatusIndicator-0iX3Gnnu.mjs";
 import ee from "@mui/material/LinearProgress";
 import G1 from "@mui/material/Dialog";
 import te from "@mui/material/DialogContent";
@@ -49,13 +49,13 @@ const fe = ({
   children: n,
   height: i,
   isMobile: l,
-  isOpen: a = !1,
-  onClose: o,
+  isOpen: o = !1,
+  onClose: a,
   showBackground: s = !1,
-  width: c = 450
+  width: h = 450
 }) => {
-  const [d, m] = M.useState(!1);
-  return M.useEffect(() => {
+  const [d, m] = f.useState(!1);
+  return f.useEffect(() => {
     m(!!r);
   }, [r]), /* @__PURE__ */ e(
     G1,
@@ -69,7 +69,7 @@ const fe = ({
           left: "50%",
           m: 0,
           maxHeight: i ?? "50%",
-          maxWidth: c,
+          maxWidth: h,
           // Adjust maxWidth as needed
           position: "fixed",
           transform: "translateX(-50%)",
@@ -80,8 +80,8 @@ const fe = ({
       TransitionComponent: O1,
       disableScrollLock: d,
       hideBackdrop: s,
-      onClose: o,
-      open: a,
+      onClose: a,
+      open: o,
       scroll: "paper",
       sx: {
         "& .MuiBackdrop-root": {
@@ -96,8 +96,8 @@ const fe = ({
     }
   );
 }, N2 = fe, ke = ({ message: r, tipAriaLabel: n, onDismiss: i, onAction: l }) => {
-  const a = l || i;
-  return /* @__PURE__ */ h(
+  const o = l || i;
+  return /* @__PURE__ */ c(
     E,
     {
       alignItems: "flex-start",
@@ -113,7 +113,7 @@ const fe = ({
       children: [
         /* @__PURE__ */ e(k1, { color: "info", fill: !0, name: "lightbulb", size: 24, sx: { mt: 16 } }),
         /* @__PURE__ */ e(L, { color: "primary.dark", fontWeight: 400, noWrap: !1, sx: { py: 16 }, variant: "subtitle2", children: r }),
-        a && /* @__PURE__ */ e(F, { "aria-label": n, onClick: a, size: "small", sx: { mt: 3 }, children: /* @__PURE__ */ e(k1, { color: "primary", fill: !0, name: l ? "chevron_right" : "close", size: 20 }) })
+        o && /* @__PURE__ */ e(F, { "aria-label": n, onClick: o, size: "small", sx: { mt: 3 }, children: /* @__PURE__ */ e(k1, { color: "primary", fill: !0, name: l ? "chevron_right" : "close", size: 20 }) })
       ]
     }
   );
@@ -122,47 +122,48 @@ const fe = ({
   beat: n,
   chart: i,
   children: l,
-  data: a,
-  defaultSelectedIndex: o,
+  data: o,
+  defaultSelectedIndex: a,
   icon: s,
-  tipSection: c
+  onTabChange: h,
+  tipSection: d
 }) => {
-  const { heading: d, subHeading: m } = n, p = T1(
-    () => o ?? (a.length ? a.length - 1 : 0),
-    [o, a.length]
-  ), [u, C] = Q(p), k = (x, g) => {
-    C(g);
-  }, w = (x) => {
-    C(x);
+  const { heading: m, subHeading: p } = n, u = T1(
+    () => a ?? (o.length ? o.length - 1 : 0),
+    [a, o.length]
+  ), [C, M] = Q(u), b = (x, S) => {
+    h?.(S), M(S);
+  }, Z = (x) => {
+    M(x);
   };
-  return /* @__PURE__ */ h(y, { sx: { bgcolor: "background.paper", width: "100%" }, children: [
-    /* @__PURE__ */ e(Q1, { "aria-label": r, onChange: k, value: u, variant: "fullWidth", children: a.map((x, g) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ c(y, { sx: { bgcolor: "background.paper", width: "100%" }, children: [
+    /* @__PURE__ */ e(Q1, { "aria-label": r, onChange: b, value: C, variant: "fullWidth", children: o.map((x, S) => /* @__PURE__ */ e(
       U1,
       {
-        id: `transaction-details-tab-${g}`,
+        id: `transaction-details-tab-${S}`,
         label: x.label,
         sx: { minWidth: "auto", px: 0 }
       },
-      `${x.label}-${g}`
+      `${x.label}-${S}`
     )) }),
-    /* @__PURE__ */ e(E, { sx: { pt: 16, px: 24 }, children: (d || m) && /* @__PURE__ */ h(E, { sx: { gap: 4 }, children: [
-      d && /* @__PURE__ */ e(i1, { children: d }),
-      m && /* @__PURE__ */ h(E, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+    /* @__PURE__ */ e(E, { sx: { pt: 16, px: 24 }, children: (m || p) && /* @__PURE__ */ c(E, { sx: { gap: 4 }, children: [
+      m && /* @__PURE__ */ e(i1, { children: m }),
+      p && /* @__PURE__ */ c(E, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
         s,
-        /* @__PURE__ */ e(f, { textTransform: "uppercase", variant: "body2", children: m.description })
+        /* @__PURE__ */ e(k, { textTransform: "uppercase", variant: "body2", children: p.description })
       ] })
     ] }) }),
-    i?.(u, w),
-    c && /* @__PURE__ */ e(ke, { ...c }),
-    l?.(u)
+    i?.(C, Z),
+    d && /* @__PURE__ */ e(ke, { ...d }),
+    l?.(C)
   ] });
 }, U = (r) => {
   const [n, i] = Q({ width: 0, height: 0 });
   return L1(() => {
     const l = () => {
       if (r.current) {
-        const { offsetWidth: a, offsetHeight: o } = r.current;
-        i({ width: a, height: o });
+        const { offsetWidth: o, offsetHeight: a } = r.current;
+        i({ width: o, height: a });
       }
     };
     return l(), window.addEventListener("resize", l), () => {
@@ -174,8 +175,8 @@ const fe = ({
   color: n,
   legendLabelAvg: i,
   legendLabelMain: l,
-  legendStyle: a = {}
-}) => /* @__PURE__ */ h(
+  legendStyle: o = {}
+}) => /* @__PURE__ */ c(
   E,
   {
     sx: {
@@ -184,10 +185,10 @@ const fe = ({
       gap: 16,
       justifyContent: "flex-end",
       width: "100%",
-      ...a
+      ...o
     },
     children: [
-      l && /* @__PURE__ */ h(E, { alignItems: "center", flexDirection: "row", gap: 8, children: [
+      l && /* @__PURE__ */ c(E, { alignItems: "center", flexDirection: "row", gap: 8, children: [
         /* @__PURE__ */ e(
           "svg",
           {
@@ -200,9 +201,9 @@ const fe = ({
             children: /* @__PURE__ */ e("rect", { fill: n, height: "6", rx: "2", width: "6", x: "0.4375" })
           }
         ),
-        /* @__PURE__ */ e(f, { id: "chartLegendLabel", sx: { fontSize: 11, fontWeight: 400 }, variant: "XSmall", children: l })
+        /* @__PURE__ */ e(k, { id: "chartLegendLabel", sx: { fontSize: 11, fontWeight: 400 }, variant: "XSmall", children: l })
       ] }),
-      r && i && /* @__PURE__ */ h(E, { alignItems: "center", flexDirection: "row", gap: 8, children: [
+      r && i && /* @__PURE__ */ c(E, { alignItems: "center", flexDirection: "row", gap: 8, children: [
         /* @__PURE__ */ e(
           E,
           {
@@ -210,7 +211,7 @@ const fe = ({
               flexDirection: "row",
               gap: 2
             },
-            children: [...Array(3)].map((o, s) => /* @__PURE__ */ e(
+            children: [...Array(3)].map((a, s) => /* @__PURE__ */ e(
               y,
               {
                 sx: {
@@ -224,7 +225,7 @@ const fe = ({
             ))
           }
         ),
-        /* @__PURE__ */ h(f, { sx: { fontSize: 11, fontWeight: 400, ml: 0 }, variant: "XSmall", children: [
+        /* @__PURE__ */ c(k, { sx: { fontSize: 11, fontWeight: 400, ml: 0 }, variant: "XSmall", children: [
           i,
           ": ",
           r
@@ -237,41 +238,41 @@ const fe = ({
   data: n,
   dataIndex: i,
   removeSelectedTabColorChange: l,
-  selectedTabIndex: a,
-  style: o,
+  selectedTabIndex: o,
+  style: a,
   ...s
 }) => {
-  const c = N(), d = M.useRef(null);
-  M.useLayoutEffect(() => {
-    const g = new ResizeObserver(() => {
+  const h = N(), d = f.useRef(null);
+  f.useLayoutEffect(() => {
+    const x = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         if (d.current) {
-          const { width: b } = d.current.getBoundingClientRect(), Y = b / 2, I = d.current.querySelector("text");
-          I && I.setAttribute("transform", `translate(${Y}, -10)`);
+          const { width: S } = d.current.getBoundingClientRect(), H = S / 2, I = d.current.querySelector("text");
+          I && I.setAttribute("transform", `translate(${H}, -10)`);
         }
       });
     });
-    return d.current && g.observe(d.current), () => {
-      d.current && g.unobserve(d.current);
+    return d.current && x.observe(d.current), () => {
+      d.current && x.unobserve(d.current);
     };
   }, []);
-  const { ariaLabel: m, category: p, categoryGuid: u, formattedAmount: C, imageSize: k, merchantGuid: w } = n[i], x = a === i ? "bold" : 400;
-  return /* @__PURE__ */ h("g", { "aria-label": m, children: [
-    /* @__PURE__ */ e("rect", { ...s, fill: r[i], ref: d, rx: 2, style: o }),
-    (w || u) && /* @__PURE__ */ e(
+  const { ariaLabel: m, category: p, categoryGuid: u, formattedAmount: C, imageSize: M, merchantGuid: b } = n[i], Z = o === i ? "bold" : 400;
+  return /* @__PURE__ */ c("g", { "aria-label": m, children: [
+    /* @__PURE__ */ e("rect", { ...s, fill: r[i], ref: d, rx: 2, style: a }),
+    (b || u) && /* @__PURE__ */ e(
       "foreignObject",
       {
-        height: k || 32,
-        width: k || 32,
-        x: typeof o.x == "number" && typeof o.width == "number" ? o.x + o.width / 2 - (k || 32) / 2 : 0,
-        y: typeof o.y == "number" && typeof o.height == "number" ? o.y + o.height / 2 - (k || 32) / 2 : 0,
+        height: M || 32,
+        width: M || 32,
+        x: typeof a.x == "number" && typeof a.width == "number" ? a.x + a.width / 2 - (M || 32) / 2 : 0,
+        y: typeof a.y == "number" && typeof a.height == "number" ? a.y + a.height / 2 - (M || 32) / 2 : 0,
         children: /* @__PURE__ */ e(
           _,
           {
             alt: p,
             categoryGuid: u || "",
-            merchantGuid: w || "",
-            size: k || 32
+            merchantGuid: b || "",
+            size: M || 32
           }
         )
       }
@@ -279,24 +280,24 @@ const fe = ({
     /* @__PURE__ */ e(
       "text",
       {
-        fill: c.palette.text.primary,
+        fill: h.palette.text.primary,
         fontSize: 11,
-        fontWeight: l ? "bold" : x,
+        fontWeight: l ? "bold" : Z,
         textAnchor: "middle",
-        x: typeof o.x == "number" && typeof o.width == "number" ? o.x + o.width / 2 : 0,
-        y: typeof o.y == "number" ? o.y - (p ? 26 : 14) : 0,
+        x: typeof a.x == "number" && typeof a.width == "number" ? a.x + a.width / 2 : 0,
+        y: typeof a.y == "number" ? a.y - (p ? 26 : 14) : 0,
         children: C
       }
     ),
     p && /* @__PURE__ */ e(
       "text",
       {
-        fill: c.palette.text.secondary,
+        fill: h.palette.text.secondary,
         fontSize: 9,
-        fontWeight: a === i && !l ? "bold" : 400,
+        fontWeight: o === i && !l ? "bold" : 400,
         textAnchor: "middle",
-        x: typeof o.x == "number" && typeof o.width == "number" ? o.x + o.width / 2 : 0,
-        y: typeof o.y == "number" ? o.y - 14 : 0,
+        x: typeof a.x == "number" && typeof a.width == "number" ? a.x + a.width / 2 : 0,
+        y: typeof a.y == "number" ? a.y - 14 : 0,
         children: p
       }
     )
@@ -306,37 +307,37 @@ const fe = ({
   color: n,
   data: i,
   isMini: l = !1,
-  heightOverride: a,
-  margin: o = {
+  heightOverride: o,
+  margin: a = {
     bottom: 30,
     left: 40,
     right: 40,
     top: 20
   },
   legendLabelAvg: s,
-  legendLabelMain: c,
+  legendLabelMain: h,
   selectedTabIndex: d,
   removeSelectedTabColorChange: m,
   onBarClick: p
 }) => {
-  const u = M.useRef(null), { height: C, width: k } = U(u), w = N(), g = i.reduce((S, H) => Math.min(S, H.value), 1 / 0) < 0, b = M.useMemo(() => {
-    const S = `${n}80`;
-    return m ? i.map(() => n) : d === void 0 ? [...new Array(i.length - 1).fill(S), n] : i.map((H, Z) => Z === d ? n : S);
-  }, [n, i, d]), Y = M.useCallback(
-    (S, { dataIndex: H }) => p && p(H),
+  const u = f.useRef(null), { height: C, width: M } = U(u), b = N(), x = i.reduce((w, R) => Math.min(w, R.value), 1 / 0) < 0, S = f.useMemo(() => {
+    const w = `${n}80`;
+    return m ? i.map(() => n) : d === void 0 ? [...new Array(i.length - 1).fill(w), n] : i.map((R, g) => g === d ? n : w);
+  }, [n, i, d]), H = f.useCallback(
+    (w, { dataIndex: R }) => p && p(R),
     [p]
-  ), I = M.useMemo(() => {
-    const S = i.map(({ value: R }) => R), H = Math.min(...S), Z = Math.max(...S);
+  ), I = f.useMemo(() => {
+    const w = i.map(({ value: Y }) => Y), R = Math.min(...w), g = Math.max(...w);
     return {
       series: [
         {
-          data: S,
+          data: w,
           type: "bar"
         }
       ],
       xAxis: [
         {
-          data: i.map(({ label: R }) => R),
+          data: i.map(({ label: Y }) => Y),
           scaleType: "band",
           categoryGapRatio: 0.45
         }
@@ -344,21 +345,21 @@ const fe = ({
       yAxis: [
         {
           scaleType: "linear",
-          min: H < 0 ? H * 1.2 : 0,
+          min: R < 0 ? R * 1.2 : 0,
           // Extend the Y-axis range below the lowest negative value
-          max: Z > 0 ? Z : 0
+          max: g > 0 ? g : 0
           // Ensure the Y-axis includes positive values
         }
       ]
     };
   }, [i]);
-  return /* @__PURE__ */ h(E, { alignItems: "center", sx: { mb: l ? 16 : 24, width: "100%" }, children: [
+  return /* @__PURE__ */ c(E, { alignItems: "center", sx: { mb: l ? 16 : 24, width: "100%" }, children: [
     /* @__PURE__ */ e(
       y,
       {
         ref: u,
         sx: {
-          height: a || (l ? 120 : 172),
+          height: o || (l ? 120 : 172),
           mb: 8,
           touchAction: "pan-y",
           width: "100%",
@@ -370,20 +371,20 @@ const fe = ({
             touchAction: "pan-y"
           }
         },
-        children: /* @__PURE__ */ h(
+        children: /* @__PURE__ */ c(
           E1,
           {
             height: C,
             margin: {
-              top: o.top || 45,
-              right: o.right,
-              bottom: o.bottom,
-              left: o.left
+              top: a.top || 45,
+              right: a.right,
+              bottom: a.bottom,
+              left: a.left
             },
             series: I.series,
-            width: k,
+            width: M,
             xAxis: I.xAxis,
-            yAxis: I.yAxis.map((S) => ({ ...S, width: 0 })),
+            yAxis: I.yAxis.map((w) => ({ ...w, width: 0 })),
             children: [
               r?.average && // show average line if available
               /* @__PURE__ */ e(
@@ -391,7 +392,7 @@ const fe = ({
                 {
                   labelAlign: "middle",
                   lineStyle: {
-                    stroke: w.palette.border.darker,
+                    stroke: b.palette.border.darker,
                     strokeDasharray: "0.1 5.9",
                     strokeLinecap: "round",
                     strokeWidth: 2
@@ -399,13 +400,13 @@ const fe = ({
                   y: r?.average
                 }
               ),
-              g && // show lowest value line if negative values are allowed and if the lowest value is negative
+              x && // show lowest value line if negative values are allowed and if the lowest value is negative
               /* @__PURE__ */ e(
                 q,
                 {
                   labelAlign: "middle",
                   lineStyle: {
-                    stroke: w.palette.border.dark
+                    stroke: b.palette.border.dark
                   },
                   y: 0
                 }
@@ -417,31 +418,31 @@ const fe = ({
                   position: "bottom",
                   slots: {
                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                    axisTickLabel: ({ text: S, ownerState: H, ...Z }) => {
-                      const R = i[d ?? i.length - 1]?.label;
+                    axisTickLabel: ({ text: w, ownerState: R, ...g }) => {
+                      const Y = i[d ?? i.length - 1]?.label;
                       return /* @__PURE__ */ e(
                         "text",
                         {
-                          ...Z,
+                          ...g,
                           style: {
-                            ...Z.style,
-                            fontWeight: !m && R === S ? "bold" : 400
+                            ...g.style,
+                            fontWeight: !m && Y === w ? "bold" : 400
                           },
-                          children: S
+                          children: w
                         }
                       );
                     }
                   },
-                  sx: (S) => ({
+                  sx: (w) => ({
                     ".MuiChartsAxis-line": {
-                      stroke: g ? "none" : S.palette.border?.dark
+                      stroke: x ? "none" : w.palette.border?.dark
                       // If there is a negative value hide this line and use the reference line
                     },
                     "MuiChartsAxis-root-MuiChartsXAxis-root": {
                       transform: "translate(0, 150)"
                     },
                     ".MuiChartsAxis-tickLabel": {
-                      transform: g ? "translateY(15px)" : {}
+                      transform: x ? "translateY(15px)" : {}
                       // Add padding to move labels further down. Must use an empty transform to prevent errors
                     }
                   }),
@@ -453,24 +454,24 @@ const fe = ({
               /* @__PURE__ */ e(
                 y1,
                 {
-                  onItemClick: Y,
+                  onItemClick: H,
                   slots: {
-                    bar: (S) => {
-                      const { ownerState: H, ...Z } = S;
+                    bar: (w) => {
+                      const { ownerState: R, ...g } = w;
                       return /* @__PURE__ */ e(
                         Ze,
                         {
-                          ...Z,
-                          colorRange: b,
+                          ...g,
+                          colorRange: S,
                           data: i,
-                          dataIndex: H.dataIndex,
+                          dataIndex: R.dataIndex,
                           removeSelectedTabColorChange: m,
-                          selectedTabIndex: d || i.length - 1,
+                          selectedTabIndex: d ?? i.length - 1,
                           style: {
-                            height: S.height,
-                            x: S.x,
-                            y: S.y,
-                            width: S.width
+                            height: w.height,
+                            x: w.x,
+                            y: w.y,
+                            width: w.width
                           }
                         }
                       );
@@ -483,14 +484,14 @@ const fe = ({
         )
       }
     ),
-    (c || s) && /* @__PURE__ */ e(
+    (h || s) && /* @__PURE__ */ e(
       ge,
       {
         average: r?.formattedAverage,
         color: n,
         legendLabelAvg: s,
-        legendLabelMain: c,
-        legendStyle: { mr: o.left + o.right }
+        legendLabelMain: h,
+        legendStyle: { mr: a.left + a.right }
       }
     )
   ] });
@@ -499,11 +500,11 @@ const fe = ({
   legendStyle: n = {},
   monthlyAmount: i,
   monthlyAmountLabel: l,
-  trendAmount: a,
-  trendAmountLabel: o
+  trendAmount: o,
+  trendAmountLabel: a
 }) => {
   const s = N();
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ c(
     E,
     {
       sx: {
@@ -516,7 +517,7 @@ const fe = ({
         ...n
       },
       children: [
-        l && /* @__PURE__ */ h(E, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+        l && /* @__PURE__ */ c(E, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
           /* @__PURE__ */ e(
             "svg",
             {
@@ -529,13 +530,13 @@ const fe = ({
               children: /* @__PURE__ */ e("rect", { fill: r, height: "12", rx: "2", width: "12" })
             }
           ),
-          /* @__PURE__ */ h(f, { id: "chartLegendLabel", variant: "caption", children: [
+          /* @__PURE__ */ c(k, { id: "chartLegendLabel", variant: "caption", children: [
             l,
             ": ",
             i
           ] })
         ] }),
-        o && /* @__PURE__ */ h(E, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
+        a && /* @__PURE__ */ c(E, { sx: { alignItems: "center", flexDirection: "row", gap: 8 }, children: [
           /* @__PURE__ */ e(
             "svg",
             {
@@ -548,10 +549,10 @@ const fe = ({
               children: /* @__PURE__ */ e("rect", { fill: s.palette.chart.chart7, height: "12", rx: "2", width: "12" })
             }
           ),
-          /* @__PURE__ */ h(f, { id: "chartLegendLabel", variant: "caption", children: [
-            o,
+          /* @__PURE__ */ c(k, { id: "chartLegendLabel", variant: "caption", children: [
+            a,
             ": ",
-            a
+            o
           ] })
         ] })
       ]
@@ -566,17 +567,17 @@ const fe = ({
   data: n,
   dataIndex: i,
   removeSelectedTabColorChange: l,
-  selectedTabIndex: a,
-  style: o,
+  selectedTabIndex: o,
+  style: a,
   ...s
 }) => {
-  const c = N(), { ariaLabel: d, formattedAmount: m } = n[i], p = a === i ? "bold" : 400, u = o.x ?? 0, C = o.y ?? 0, k = o.width ?? 0, w = o.height ?? 0;
-  return /* @__PURE__ */ h("g", { "aria-label": d, children: [
+  const h = N(), { ariaLabel: d, formattedAmount: m } = n[i], p = o === i ? "bold" : 400, u = a.x ?? 0, C = a.y ?? 0, M = a.width ?? 0, b = a.height ?? 0;
+  return /* @__PURE__ */ c("g", { "aria-label": d, children: [
     /* @__PURE__ */ e(
       "path",
       {
         ...s,
-        d: we(k, w),
+        d: we(M, b),
         fill: r[i],
         transform: `translate(${u}, ${C})`
       }
@@ -584,11 +585,11 @@ const fe = ({
     /* @__PURE__ */ e(
       "text",
       {
-        fill: c.palette.text.primary,
+        fill: h.palette.text.primary,
         fontSize: 11,
         fontWeight: l ? "bold" : p,
         textAnchor: "middle",
-        x: u + k / 2,
+        x: u + M / 2,
         y: C - 8,
         children: m
       }
@@ -599,25 +600,25 @@ const fe = ({
   color: n,
   data: i,
   heightOverride: l,
-  margin: a = {
+  margin: o = {
     bottom: 30,
     left: 40,
     right: 40,
     top: 20
   },
-  onBarClick: o,
+  onBarClick: a,
   legendPosition: s = "bottom",
-  monthlyAmountLabel: c,
+  monthlyAmountLabel: h,
   removeSelectedTabColorChange: d,
   selectedTabIndex: m,
   trendAmountLabel: p
 }) => {
-  const u = M.useRef(null), { height: C, width: k } = U(u), w = N(), x = M.useMemo(() => {
-    const Z = i.map(({ value: z }) => z), R = Math.min(...Z), D = Math.max(...Z);
+  const u = f.useRef(null), { height: C, width: M } = U(u), b = N(), Z = f.useMemo(() => {
+    const g = i.map(({ value: z }) => z), Y = Math.min(...g), D = Math.max(...g);
     return {
       series: [
         {
-          data: Z,
+          data: g,
           type: "bar"
         }
       ],
@@ -631,30 +632,30 @@ const fe = ({
       yAxis: [
         {
           scaleType: "linear",
-          min: R < 0 ? R * 1.2 : 0,
+          min: Y < 0 ? Y * 1.2 : 0,
           max: D > 0 ? D : 0
         }
       ]
     };
-  }, [i]), g = M.useMemo(() => {
-    const Z = `${n}80`;
-    return d ? i.map(() => n) : m === void 0 ? [...new Array(i.length - 1).fill(Z), n] : i.map((R, D) => D === m ? n : Z);
-  }, [n, i, m]), b = M.useMemo(
-    () => i[m || i.length - 1],
+  }, [i]), x = f.useMemo(() => {
+    const g = `${n}80`;
+    return d ? i.map(() => n) : m == null ? [...new Array(i.length - 1).fill(g), n] : i.map((Y, D) => D === m ? n : g);
+  }, [n, i, m]), S = f.useMemo(
+    () => i[m ?? i.length - 1],
     [i, m]
-  ), I = i.reduce((Z, R) => Math.min(Z, R.value), 1 / 0) < 0, O = /* @__PURE__ */ e(
+  ), I = i.reduce((g, Y) => Math.min(g, Y.value), 1 / 0) < 0, O = /* @__PURE__ */ e(
     Se,
     {
       color: n,
-      legendStyle: { pl: a.left },
-      monthlyAmount: b.formattedAmount,
-      monthlyAmountLabel: c,
+      legendStyle: { pl: o.left },
+      monthlyAmount: S.formattedAmount,
+      monthlyAmountLabel: h,
       trendAmount: r?.formattedAverage,
       trendAmountLabel: p
     }
-  ), S = c || p, H = (Z, { dataIndex: R }) => o?.(R);
-  return /* @__PURE__ */ h(E, { sx: { alignItems: "center", width: "100%" }, children: [
-    S && s === "top" && O,
+  ), w = h || p, R = (g, { dataIndex: Y }) => a?.(Y);
+  return /* @__PURE__ */ c(E, { sx: { alignItems: "center", width: "100%" }, children: [
+    w && s === "top" && O,
     /* @__PURE__ */ e(
       y,
       {
@@ -673,19 +674,19 @@ const fe = ({
             touchAction: "pan-y"
           }
         },
-        children: /* @__PURE__ */ h(
+        children: /* @__PURE__ */ c(
           E1,
           {
             height: C,
             margin: {
-              bottom: a.bottom,
-              left: a.left,
-              right: a.right,
-              top: a.top || 45
+              bottom: o.bottom,
+              left: o.left,
+              right: o.right,
+              top: o.top || 45
             },
-            series: x.series,
-            width: k,
-            xAxis: x.xAxis,
+            series: Z.series,
+            width: M,
+            xAxis: Z.xAxis,
             yAxis: [{ width: 0 }],
             children: [
               r?.average && /* @__PURE__ */ e(
@@ -693,7 +694,7 @@ const fe = ({
                 {
                   labelAlign: "middle",
                   lineStyle: {
-                    stroke: w.palette.chart.chart7,
+                    stroke: b.palette.chart.chart7,
                     strokeDasharray: "4",
                     strokeLinecap: "round",
                     strokeWidth: 1
@@ -706,7 +707,7 @@ const fe = ({
                 {
                   labelAlign: "middle",
                   lineStyle: {
-                    stroke: w.palette.chart.chart7
+                    stroke: b.palette.chart.chart7
                   },
                   y: 0
                 }
@@ -717,7 +718,7 @@ const fe = ({
                   position: "bottom",
                   slots: {
                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                    axisTickLabel: ({ text: Z, ownerState: R, ...D }) => {
+                    axisTickLabel: ({ text: g, ownerState: Y, ...D }) => {
                       const z = i[m ?? i.length - 1]?.label;
                       return /* @__PURE__ */ e(
                         "text",
@@ -725,16 +726,16 @@ const fe = ({
                           ...D,
                           style: {
                             ...D.style,
-                            fontWeight: !d && z === Z ? "bold" : 400
+                            fontWeight: !d && z === g ? "bold" : 400
                           },
-                          children: Z
+                          children: g
                         }
                       );
                     }
                   },
-                  sx: (Z) => ({
+                  sx: (g) => ({
                     "& .MuiChartsAxis-line": {
-                      stroke: I ? "none" : Z.palette.text?.primary
+                      stroke: I ? "none" : g.palette.text?.primary
                     },
                     "& .MuiChartsAxis-tickContainer:first-of-type .MuiChartsAxis-tick": {
                       display: "none"
@@ -751,24 +752,24 @@ const fe = ({
               /* @__PURE__ */ e(
                 y1,
                 {
-                  onItemClick: H,
+                  onItemClick: R,
                   slots: {
-                    bar: (Z) => {
-                      const { ownerState: R, ...D } = Z;
+                    bar: (g) => {
+                      const { ownerState: Y, ...D } = g;
                       return /* @__PURE__ */ e(
                         be,
                         {
                           ...D,
-                          colorRange: g,
+                          colorRange: x,
                           data: i,
-                          dataIndex: R.dataIndex,
+                          dataIndex: Y.dataIndex,
                           removeSelectedTabColorChange: d,
-                          selectedTabIndex: m || i.length - 1,
+                          selectedTabIndex: m ?? i.length - 1,
                           style: {
-                            height: Z.height,
-                            x: Z.x,
-                            y: Z.y,
-                            width: Z.width
+                            height: g.height,
+                            x: g.x,
+                            y: g.y,
+                            width: g.width
                           }
                         }
                       );
@@ -781,50 +782,50 @@ const fe = ({
         )
       }
     ),
-    S && s === "bottom" && O
+    w && s === "bottom" && O
   ] });
 }, Je = ({
   color: r,
   data: n,
   series: i,
   style: l,
-  ...a
+  ...o
 }) => {
-  const o = N(), s = M.useRef(null), c = M.useRef(null), [d, m] = M.useState(l.width || 0);
-  M.useLayoutEffect(() => {
+  const a = N(), s = f.useRef(null), h = f.useRef(null), [d, m] = f.useState(l.width || 0);
+  f.useLayoutEffect(() => {
     m(l.width || 0);
-  }, [l.width]), M.useLayoutEffect(() => {
-    const Y = new ResizeObserver(() => {
+  }, [l.width]), f.useLayoutEffect(() => {
+    const H = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         if (s.current) {
-          const { width: I } = s.current.getBoundingClientRect(), O = I / 2, S = s.current.querySelector("text");
-          S && S.setAttribute("transform", `translate(${O}, -8)`);
+          const { width: I } = s.current.getBoundingClientRect(), O = I / 2, w = s.current.querySelector("text");
+          w && w.setAttribute("transform", `translate(${O}, -8)`);
         }
       });
     });
-    return s.current && Y.observe(s.current), () => {
-      s.current && Y.unobserve(s.current);
+    return s.current && H.observe(s.current), () => {
+      s.current && H.unobserve(s.current);
     };
   }, []);
-  const { ariaLabelComparison: p, ariaLabelMain: u, formattedComparison: C, formattedMain: k } = n[i.index], w = i.type === 0 ? u : p, x = i.type === 0 ? k : C, g = {
+  const { ariaLabelComparison: p, ariaLabelMain: u, formattedComparison: C, formattedMain: M } = n[i.index], b = i.type === 0 ? u : p, Z = i.type === 0 ? M : C, x = {
     ...l,
     transition: "all 0.3s ease-in-out"
-  }, b = `translate(${d / 2}, -5)`;
-  return /* @__PURE__ */ h("g", { "aria-label": w, children: [
-    /* @__PURE__ */ e("rect", { ...a, fill: r, ref: s, rx: 2, style: g }),
+  }, S = `translate(${d / 2}, -5)`;
+  return /* @__PURE__ */ c("g", { "aria-label": b, children: [
+    /* @__PURE__ */ e("rect", { ...o, fill: r, ref: s, rx: 2, style: x }),
     /* @__PURE__ */ e(
       "text",
       {
-        fill: o.palette.text.secondary,
+        fill: a.palette.text.secondary,
         fontSize: 9,
         fontWeight: 400,
-        ref: c,
+        ref: h,
         style: { transition: "transform 0.3s ease-in-out" },
         textAnchor: "middle",
-        transform: b,
+        transform: S,
         x: l.x,
         y: l.y,
-        children: x
+        children: Z
       }
     )
   ] });
@@ -833,8 +834,8 @@ const fe = ({
   legendLabelComparison: n,
   legendLabelMain: i,
   legendStyle: l = {},
-  mainColor: a
-}) => /* @__PURE__ */ h(
+  mainColor: o
+}) => /* @__PURE__ */ c(
   E,
   {
     sx: {
@@ -846,7 +847,7 @@ const fe = ({
       ...l
     },
     children: [
-      i && /* @__PURE__ */ h(E, { alignItems: "center", flexDirection: "row", gap: 8, children: [
+      i && /* @__PURE__ */ c(E, { alignItems: "center", flexDirection: "row", gap: 8, children: [
         /* @__PURE__ */ e(
           "svg",
           {
@@ -856,12 +857,12 @@ const fe = ({
             height: "6",
             role: "figure",
             width: "7",
-            children: /* @__PURE__ */ e("rect", { fill: a, height: "6", rx: "2", width: "6", x: "0.4375" })
+            children: /* @__PURE__ */ e("rect", { fill: o, height: "6", rx: "2", width: "6", x: "0.4375" })
           }
         ),
-        /* @__PURE__ */ e(f, { id: "legendMain", sx: { fontSize: 11, fontWeight: 400 }, variant: "XSmall", children: i })
+        /* @__PURE__ */ e(k, { id: "legendMain", sx: { fontSize: 11, fontWeight: 400 }, variant: "XSmall", children: i })
       ] }),
-      n && /* @__PURE__ */ h(E, { alignItems: "center", flexDirection: "row", gap: 8, children: [
+      n && /* @__PURE__ */ c(E, { alignItems: "center", flexDirection: "row", gap: 8, children: [
         /* @__PURE__ */ e(
           "svg",
           {
@@ -874,7 +875,7 @@ const fe = ({
             children: /* @__PURE__ */ e("rect", { fill: r, height: "6", rx: "2", width: "6", x: "0.4375" })
           }
         ),
-        /* @__PURE__ */ e(f, { id: "legendComparison", sx: { fontSize: 11, fontWeight: 400 }, variant: "XSmall", children: n })
+        /* @__PURE__ */ e(k, { id: "legendComparison", sx: { fontSize: 11, fontWeight: 400 }, variant: "XSmall", children: n })
       ] })
     ]
   }
@@ -883,10 +884,10 @@ const fe = ({
   barGapRatio: n = 0,
   categoryGapRatio: i = 0.2,
   colors: l,
-  data: a,
-  isMini: o = !1,
+  data: o,
+  isMini: a = !1,
   legendLabelComparison: s,
-  legendLabelMain: c,
+  legendLabelMain: h,
   margin: d = {
     bottom: 30,
     left: 40,
@@ -895,17 +896,17 @@ const fe = ({
   },
   onBarClick: m
 }) => {
-  const p = N(), u = M.useRef(null), { height: C, width: k } = U(u), w = ({ dataIndex: x, seriesId: g }) => {
-    const b = g.toString().split("-").pop();
-    m?.(x * 2 + Number(b));
+  const p = N(), u = f.useRef(null), { height: C, width: M } = U(u), b = ({ dataIndex: Z, seriesId: x }) => {
+    const S = x.toString().split("-").pop();
+    m?.(Z * 2 + Number(S));
   };
-  return /* @__PURE__ */ h(E, { alignItems: "center", sx: { mb: o ? 16 : 24, width: "100%" }, children: [
+  return /* @__PURE__ */ c(E, { alignItems: "center", sx: { mb: a ? 16 : 24, width: "100%" }, children: [
     /* @__PURE__ */ e(
       y,
       {
         ref: u,
         sx: {
-          height: o ? 120 : 172,
+          height: a ? 120 : 172,
           mb: 8,
           touchAction: "pan-y",
           width: "100%",
@@ -917,18 +918,18 @@ const fe = ({
             touchAction: "pan-y"
           }
         },
-        children: /* @__PURE__ */ h(
+        children: /* @__PURE__ */ c(
           E1,
           {
             colors: l,
-            dataset: a,
+            dataset: o,
             height: C,
             margin: d,
             series: [
               { dataKey: "main", type: "bar" },
               { dataKey: "comparison", type: "bar" }
             ],
-            width: k,
+            width: M,
             xAxis: [{ barGapRatio: n, categoryGapRatio: i, dataKey: "label", scaleType: "band" }],
             yAxis: [{ width: 0 }],
             children: [
@@ -950,9 +951,9 @@ const fe = ({
                 {
                   disableTicks: !0,
                   position: "bottom",
-                  sx: (x) => ({
+                  sx: (Z) => ({
                     ".MuiChartsAxis-line": {
-                      stroke: x.palette.border?.darker
+                      stroke: Z.palette.border?.darker
                     }
                   }),
                   tickLabelStyle: {
@@ -965,25 +966,25 @@ const fe = ({
               /* @__PURE__ */ e(
                 y1,
                 {
-                  onItemClick: (x, { dataIndex: g, seriesId: b }) => w({ dataIndex: g, seriesId: b.toString() }),
+                  onItemClick: (Z, { dataIndex: x, seriesId: S }) => b({ dataIndex: x, seriesId: S.toString() }),
                   slots: {
-                    bar: (x) => {
-                      const { ownerState: g, ...b } = x;
+                    bar: (Z) => {
+                      const { ownerState: x, ...S } = Z;
                       return /* @__PURE__ */ e(
                         Je,
                         {
-                          ...b,
-                          color: g.color,
-                          data: a,
+                          ...S,
+                          color: x.color,
+                          data: o,
                           series: {
-                            index: g.dataIndex,
-                            type: Number(g.id.toString().split("-").pop())
+                            index: x.dataIndex,
+                            type: Number(x.id.toString().split("-").pop())
                           },
                           style: {
-                            height: x.height,
-                            x: x.x,
-                            y: x.y,
-                            width: x.width
+                            height: Z.height,
+                            x: Z.x,
+                            y: Z.y,
+                            width: Z.width
                           }
                         }
                       );
@@ -996,12 +997,12 @@ const fe = ({
         )
       }
     ),
-    (s || c) && /* @__PURE__ */ e(
+    (s || h) && /* @__PURE__ */ e(
       Le,
       {
         comparisonColor: l[1],
         legendLabelComparison: s,
-        legendLabelMain: c,
+        legendLabelMain: h,
         legendStyle: { mr: d.left + d.right },
         mainColor: l[0]
       }
@@ -1011,15 +1012,15 @@ const fe = ({
   r.forEach((i) => {
     const l = Ye(i);
     if (l) {
-      const a = l.getAttribute("stroke"), o = l.getAttribute("fill");
-      if (a && a !== "white" && l.style.setProperty("stroke", n), o) {
-        const s = o === "white" ? "white" : n;
+      const o = l.getAttribute("stroke"), a = l.getAttribute("fill");
+      if (o && o !== "white" && l.style.setProperty("stroke", n), a) {
+        const s = a === "white" ? "white" : n;
         l.style.setProperty("fill", s);
       }
     }
   });
 }, j = ({ divProps: r, image: n, isMini: i = !1 }) => {
-  const l = N(), a = m1(null), o = {
+  const l = N(), o = m1(null), a = {
     100: l.palette.primary.lighter,
     200: l.palette.primary.light,
     300: l.palette.primary.main,
@@ -1027,13 +1028,13 @@ const fe = ({
     500: l.palette.primary.darker
   };
   return L1(() => {
-    if (!a.current) return;
-    const s = a.current, c = s.querySelectorAll(".Overlay");
+    if (!o.current) return;
+    const s = o.current, h = s.querySelectorAll(".Overlay");
     ["brand100", "brand200", "brand300", "brand400", "brand500"].forEach((m) => {
       const p = s.querySelectorAll(`.${m}`), u = m.replace("brand", "");
-      S1(p, o[u]);
-    }), S1(c, o[300]);
-  }, [o]), /* @__PURE__ */ e(
+      S1(p, a[u]);
+    }), S1(h, a[300]);
+  }, [a]), /* @__PURE__ */ e(
     "div",
     {
       style: {
@@ -1041,7 +1042,7 @@ const fe = ({
         width: "100%"
       },
       ...r,
-      children: /* @__PURE__ */ e(n, { ref: a })
+      children: /* @__PURE__ */ e(n, { ref: o })
     }
   );
 };
@@ -1053,36 +1054,38 @@ const Ie = ({
   barChartProps: n,
   beat: i,
   data: l,
-  defaultSelectedIndex: a = 0,
-  icon: o,
+  defaultSelectedIndex: o = 0,
+  icon: a,
   isOpen: s = !1,
-  onClose: c,
-  tipSection: d,
-  title: m,
-  transactionListProps: p = {}
+  onClose: h,
+  onTabChange: d,
+  tipSection: m,
+  title: p,
+  transactionListProps: u = {}
 }) => {
-  const { common: u, transactions: C } = B1(), { sortedTransactionsWithSplits: k, tags: w } = q1();
-  return /* @__PURE__ */ e(_1, { ariaLabelClose: u.close_aria, isOpen: s, onClose: c, title: m, children: /* @__PURE__ */ e(
+  const { common: C, transactions: M } = B1(), { sortedTransactionsWithSplits: b, tags: Z } = q1();
+  return /* @__PURE__ */ e(_1, { ariaLabelClose: C.close_aria, isOpen: s, onClose: h, title: p, children: /* @__PURE__ */ e(
     xe,
     {
       ariaLabel: r,
       beat: i,
-      chart: (x, g) => /* @__PURE__ */ e(y, { sx: { pt: 16 }, children: /* @__PURE__ */ e(
+      chart: (x, S) => /* @__PURE__ */ e(y, { sx: { pt: 16 }, children: /* @__PURE__ */ e(
         C1,
         {
           ...n,
-          onBarClick: (b) => {
-            g(b), n.onBarClick?.(b);
+          onBarClick: (H) => {
+            S(H), n.onBarClick?.(H);
           },
           selectedTabIndex: x
         }
       ) }),
       data: l,
-      defaultSelectedIndex: a,
-      icon: o,
-      tipSection: d,
-      children: () => /* @__PURE__ */ h(M.Fragment, { children: [
-        /* @__PURE__ */ h(
+      defaultSelectedIndex: o,
+      icon: a,
+      onTabChange: d,
+      tipSection: m,
+      children: () => /* @__PURE__ */ c(f.Fragment, { children: [
+        /* @__PURE__ */ c(
           E,
           {
             sx: {
@@ -1097,20 +1100,20 @@ const Ie = ({
               px: 24
             },
             children: [
-              /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: C.transactions_title }),
-              k.length > 0 && /* @__PURE__ */ e(
+              /* @__PURE__ */ e(k, { bold: !0, variant: "body1", children: M.transactions_title }),
+              b.length > 0 && /* @__PURE__ */ e(
                 T,
                 {
-                  onClick: () => P1(k, w),
+                  onClick: () => P1(b, Z),
                   startIcon: /* @__PURE__ */ e(J, { name: "ios_share" }),
                   sx: { height: 28 },
-                  children: /* @__PURE__ */ e(f, { bold: !0, variant: "body2", children: C.export_csv_btn })
+                  children: /* @__PURE__ */ e(k, { bold: !0, variant: "body2", children: M.export_csv_btn })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e(F1, { ...p })
+        /* @__PURE__ */ e(F1, { ...u })
       ] })
     }
   ) });
@@ -1141,14 +1144,14 @@ const Ie = ({
   percent: i,
   height: l = 12
 }) => {
-  const [a, o] = ie({ triggerOnce: !0 }), [s, c] = M.useState("0%"), d = i > 100 ? 100 : i;
-  return M.useEffect(() => {
-    o && c(`${d}%`);
-  }, [o, d]), /* @__PURE__ */ e(M.Fragment, { children: /* @__PURE__ */ h(
+  const [o, a] = ie({ triggerOnce: !0 }), [s, h] = f.useState("0%"), d = i > 100 ? 100 : i;
+  return f.useEffect(() => {
+    a && h(`${d}%`);
+  }, [a, d]), /* @__PURE__ */ e(f.Fragment, { children: /* @__PURE__ */ c(
     y,
     {
       "data-ui-test": "progress-bar",
-      ref: a,
+      ref: o,
       sx: {
         position: "relative",
         borderRadius: 8,
@@ -1190,9 +1193,9 @@ const Ie = ({
   goalPercentage: n,
   height: i = 8,
   percentageCompleteText: l,
-  progressColorOverride: a
-}) => /* @__PURE__ */ h(y, { className: "mx-insights-goal-progress", "data-ui-test": "goal-progress", sx: { mb: 16 }, children: [
-  /* @__PURE__ */ h(
+  progressColorOverride: o
+}) => /* @__PURE__ */ c(y, { className: "mx-insights-goal-progress", "data-ui-test": "goal-progress", sx: { mb: 16 }, children: [
+  /* @__PURE__ */ c(
     E,
     {
       sx: {
@@ -1220,7 +1223,7 @@ const Ie = ({
     De,
     {
       backgroundColor: r || "background.highlight",
-      color: a || "primary.main",
+      color: o || "primary.main",
       height: i,
       percent: n
     }
@@ -1229,7 +1232,7 @@ const Ie = ({
   children: r,
   gradientOverride: n,
   title: i
-}) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ c(
   y,
   {
     className: "mx-insights-gradient-box",
@@ -1265,33 +1268,33 @@ const Ie = ({
   children: n,
   DismissedBeat: i,
   headerTextOverride: l,
-  setRefs: a,
-  subHeader: o,
+  setRefs: o,
+  subHeader: a,
   height: s
 }) => {
-  const [c, d] = M.useState(null), m = () => {
+  const [h, d] = f.useState(null), m = () => {
     const p = document.getElementsByClassName("mx-mini-insight-card")[0].clientHeight, u = document.getElementsByClassName("mx-mini-insight-card-header")[0].clientHeight + document.getElementsByClassName("mx-mini-insight-card-content-body")[0].clientHeight, C = p - u - 24;
     d(Math.floor(C / 20));
   };
-  return M.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), []), /* @__PURE__ */ e(
+  return f.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), []), /* @__PURE__ */ e(
     P,
     {
       "aria-labelledby": r.guid,
       className: "mx-mini-insight-card",
-      ref: a,
+      ref: o,
       sx: { height: s, pb: 24, pt: 0, px: 0 },
-      children: r.dismissed_at ? i : /* @__PURE__ */ h(M.Fragment, { children: [
+      children: r.dismissed_at ? i : /* @__PURE__ */ c(f.Fragment, { children: [
         /* @__PURE__ */ e(
           ne,
           {
             className: "mx-mini-insight-card-header",
-            subheader: o,
+            subheader: a,
             sx: { gap: 8 },
             title: l || r?.title,
             titleTypographyProps: { fontSize: 18, fontWeight: 600, variant: "h3" }
           }
         ),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ c(
           R1,
           {
             className: "mx-mini-insight-card-content",
@@ -1317,7 +1320,7 @@ const Ie = ({
                     mx: "4px",
                     overflow: "hidden",
                     textOverflow: "ellipsis",
-                    WebkitLineClamp: c,
+                    WebkitLineClamp: h,
                     WebkitBoxOrient: "vertical",
                     "& > p": {
                       m: 0
@@ -1336,24 +1339,24 @@ const Ie = ({
   ariaLabel: n,
   menuItems: i = [],
   onItemClick: l,
-  onOpen: a,
-  tabIndex: o = 0,
+  onOpen: o,
+  tabIndex: a = 0,
   ...s
 }) => {
-  const [c, d] = Q(null), m = () => d(null), p = (C, k) => {
-    m(), l(C, k);
+  const [h, d] = Q(null), m = () => d(null), p = (C, M) => {
+    m(), l(C, M);
   };
-  return /* @__PURE__ */ h(V, { children: [
+  return /* @__PURE__ */ c(V, { children: [
     /* @__PURE__ */ e(
       F,
       {
         "aria-hidden": r,
         "aria-label": n,
         onClick: (C) => {
-          d(C.currentTarget), a();
+          d(C.currentTarget), o();
         },
         sx: { position: "relative !important", bottom: 6 },
-        tabIndex: o,
+        tabIndex: a,
         ...s,
         children: /* @__PURE__ */ e(
           J,
@@ -1372,18 +1375,18 @@ const Ie = ({
       le,
       {
         MenuListProps: { sx: { width: 212 } },
-        anchorEl: c,
+        anchorEl: h,
         anchorOrigin: { horizontal: "right", vertical: "top" },
         disableScrollLock: !0,
         onClose: m,
-        open: !!c,
+        open: !!h,
         transformOrigin: { horizontal: "right", vertical: "top" },
-        children: i.map(({ icon: C, key: k, text: w }, x) => /* @__PURE__ */ h(ae, { onClick: () => p(x, k), sx: { p: 12 }, children: [
+        children: i.map(({ icon: C, key: M, text: b }, Z) => /* @__PURE__ */ c(ae, { onClick: () => p(Z, M), sx: { p: 12 }, children: [
           /* @__PURE__ */ e(c1, { sx: { minWidth: "32px !important" }, children: C }),
           /* @__PURE__ */ e(
             h1,
             {
-              primary: w,
+              primary: b,
               primaryTypographyProps: {
                 fontWeight: "normal",
                 fontSize: 15,
@@ -1391,7 +1394,7 @@ const Ie = ({
               }
             }
           )
-        ] }, k))
+        ] }, M))
       }
     )
   ] });
@@ -1405,14 +1408,14 @@ const Ie = ({
   animation: n,
   leftLowerText: i,
   leftUpperText: l,
-  isComplete: a,
-  isMini: o,
+  isComplete: o,
+  isMini: a,
   headerString: s,
-  rightLowerText: c,
+  rightLowerText: h,
   rightUpperText: d
 }) => {
-  const m = o ? w1 : b1, p = m1(null), { height: u, width: C } = U(p);
-  return /* @__PURE__ */ h(
+  const m = a ? w1 : b1, p = m1(null), { height: u, width: C } = U(p);
+  return /* @__PURE__ */ c(
     y,
     {
       alignItems: "center",
@@ -1423,7 +1426,7 @@ const Ie = ({
       width: "100%",
       children: [
         /* @__PURE__ */ e(l1, { height: u, shouldRun: n.shouldRun, width: C }),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ c(
           P,
           {
             elevation: 1,
@@ -1443,13 +1446,13 @@ const Ie = ({
             children: [
               m === b1 && /* @__PURE__ */ e(Te, { account: r, headerString: s }),
               m === w1 && /* @__PURE__ */ e(Oe, { account: r, headerString: s }),
-              /* @__PURE__ */ h(E, { direction: "row", gap: 12, height: 58, width: "100%", children: [
+              /* @__PURE__ */ c(E, { direction: "row", gap: 12, height: 58, width: "100%", children: [
                 /* @__PURE__ */ e(Ae, { leftLowerText: i, leftUpperText: l }),
                 /* @__PURE__ */ e(
                   Ke,
                   {
-                    isComplete: a,
-                    rightLowerText: c,
+                    isComplete: o,
+                    rightLowerText: h,
                     rightUpperText: d
                   }
                 )
@@ -1465,14 +1468,14 @@ const Ie = ({
   iconColor: n,
   iconFill: i,
   iconSX: l,
-  name: a,
-  size: o,
+  name: o,
+  size: a,
   subHeaderString: s,
-  textSX: c
-}) => /* @__PURE__ */ h(V, { children: [
-  a && /* @__PURE__ */ e(J, { color: n, fill: i, name: a, size: o, sx: l }),
-  /* @__PURE__ */ e(f, { bold: r, sx: c, children: s })
-] }), $ = 48, Te = ({ account: r, headerString: n }) => /* @__PURE__ */ h(V, { children: [
+  textSX: h
+}) => /* @__PURE__ */ c(V, { children: [
+  o && /* @__PURE__ */ e(J, { color: n, fill: i, name: o, size: a, sx: l }),
+  /* @__PURE__ */ e(k, { bold: r, sx: h, children: s })
+] }), $ = 48, Te = ({ account: r, headerString: n }) => /* @__PURE__ */ c(V, { children: [
   /* @__PURE__ */ e(
     oe,
     {
@@ -1497,7 +1500,7 @@ const Ie = ({
     }
   ),
   /* @__PURE__ */ e(L, { bold: !0, sx: { width: "100%", textAlign: "center" }, children: n })
-] }), Ae = ({ leftLowerText: r, leftUpperText: n }) => /* @__PURE__ */ h(
+] }), Ae = ({ leftLowerText: r, leftUpperText: n }) => /* @__PURE__ */ c(
   y,
   {
     sx: {
@@ -1520,7 +1523,7 @@ const Ie = ({
       /* @__PURE__ */ e(L, { bold: !0, "data-ui-test": "mx-insights-sudd-left-lower-text", variant: "Small", children: r })
     ]
   }
-), Oe = ({ account: r, headerString: n }) => /* @__PURE__ */ h(
+), Oe = ({ account: r, headerString: n }) => /* @__PURE__ */ c(
   y,
   {
     "data-ui-test": "mx-insights-sudd-mini-body-header",
@@ -1554,7 +1557,7 @@ const Ie = ({
       p: 12,
       width: "100%"
     },
-    children: /* @__PURE__ */ h(E, { alignItems: "center", gap: 2, justifyContent: "center", children: [
+    children: /* @__PURE__ */ c(E, { alignItems: "center", gap: 2, justifyContent: "center", children: [
       /* @__PURE__ */ e(
         L,
         {
@@ -1588,7 +1591,7 @@ const Ie = ({
   marginBottom: 16,
   maxWidth: 120,
   width: "100%"
-}, Ue = ({ erroredText: r }) => /* @__PURE__ */ h(
+}, Ue = ({ erroredText: r }) => /* @__PURE__ */ c(
   E,
   {
     sx: {
@@ -1604,8 +1607,8 @@ const Ie = ({
   hasFullWidthImage: n = !1,
   isMini: i = !1,
   subHeader: l,
-  sx: a = {},
-  title: o
+  sx: o = {},
+  title: a
 }) => /* @__PURE__ */ e(
   se,
   {
@@ -1616,12 +1619,12 @@ const Ie = ({
       p: 0,
       mb: 16,
       ...n && { ...i ? { mb: 16 } : { px: 16, pt: 16, mb: 0 } },
-      ...a
+      ...o
     },
     title: /* @__PURE__ */ e(
       i1,
       {
-        dangerouslySetInnerHTML: { __html: o },
+        dangerouslySetInnerHTML: { __html: a },
         sx: i ? { letterSpacing: 0.35, whiteSpace: "wrap" } : { whiteSpace: "wrap" }
       }
     )
@@ -1646,26 +1649,26 @@ const Ie = ({
     )
   }
 ), qe = ({ content: r, isLoading: n, sx: i }) => {
-  const [l, a] = Q(0), o = m1(null), s = () => {
-    if (o.current) {
-      const c = o.current, d = c.parentElement;
+  const [l, o] = Q(0), a = m1(null), s = () => {
+    if (a.current) {
+      const h = a.current, d = h.parentElement;
       if (d) {
-        const p = Array.from(d.children).reduce((x, g) => g !== c ? x + g.clientHeight : x, 0), C = d.clientHeight - p - 24, k = parseInt(window.getComputedStyle(c).lineHeight, 10) + 4, w = Math.floor(C / k);
-        w !== l && a(w);
+        const p = Array.from(d.children).reduce((Z, x) => x !== h ? Z + x.clientHeight : Z, 0), C = d.clientHeight - p - 24, M = parseInt(window.getComputedStyle(h).lineHeight, 10) + 4, b = Math.floor(C / M);
+        b !== l && o(b);
       }
     }
   };
   return A1(() => {
     s();
-    const c = new ResizeObserver(() => s()), d = o.current?.parentElement;
-    return d && c.observe(d), () => {
-      d && c.unobserve(d);
+    const h = new ResizeObserver(() => s()), d = a.current?.parentElement;
+    return d && h.observe(d), () => {
+      d && h.unobserve(d);
     };
   }, [r, n]), /* @__PURE__ */ e(
     y,
     {
       dangerouslySetInnerHTML: { __html: r },
-      ref: o,
+      ref: a,
       sx: {
         display: "-webkit-box",
         fontSize: 13,
@@ -1691,30 +1694,30 @@ const Ie = ({
   beat: n,
   children: i,
   descriptionPlacement: l = "bottom",
-  hideDescription: a = !1,
-  inDescriptionCtaOnClick: o,
+  hideDescription: o = !1,
+  inDescriptionCtaOnClick: a,
   isLoading: s = !1,
-  isMini: c = !1,
+  isMini: h = !1,
   hasFullWidthImage: d,
   hasFooterButton: m = !1,
   sx: p
 }) => {
-  const u = () => a || !n.html_description ? null : c ? /* @__PURE__ */ e(qe, { content: n.html_description, isLoading: s, sx: p }) : /* @__PURE__ */ e(
+  const u = () => o || !n.html_description ? null : h ? /* @__PURE__ */ e(qe, { content: n.html_description, isLoading: s, sx: p }) : /* @__PURE__ */ e(
     et,
     {
       beat: n,
       footerButton: m,
       hasFullWidthImage: d,
-      inDescriptionCtaOnClick: o,
+      inDescriptionCtaOnClick: a,
       sx: p
     }
   );
-  return /* @__PURE__ */ h(V, { children: [
+  return /* @__PURE__ */ c(V, { children: [
     l === "top" && u(),
-    /* @__PURE__ */ e(E, { sx: { alignItems: "center", ...d && c && { mx: -16 } }, children: i }),
+    /* @__PURE__ */ e(E, { sx: { alignItems: "center", ...d && h && { mx: -16 } }, children: i }),
     l === "bottom" && u(),
     r && /* @__PURE__ */ e(
-      f,
+      k,
       {
         sx: {
           color: "text.secondary",
@@ -1732,31 +1735,31 @@ const Ie = ({
   asteriskText: n,
   beat: i,
   button: l = null,
-  children: a,
-  contentProps: o,
+  children: o,
+  contentProps: a,
   errorText: s = "",
-  feedback: c,
+  feedback: h,
   header: d,
   isError: m = !1,
   isLoading: p = !1,
   isMini: u = !1
-}) => /* @__PURE__ */ h(E, { sx: { height: "100%" }, children: [
+}) => /* @__PURE__ */ c(E, { sx: { height: "100%" }, children: [
   /* @__PURE__ */ e(Qe, { ...d, isMini: u, title: i.html_title }),
-  m ? /* @__PURE__ */ e(Ue, { erroredText: s }) : /* @__PURE__ */ h(V, { children: [
+  m ? /* @__PURE__ */ e(Ue, { erroredText: s }) : /* @__PURE__ */ c(V, { children: [
     /* @__PURE__ */ e(
       _e,
       {
-        ...o,
+        ...a,
         asteriskText: n,
         beat: i,
         hasFooterButton: !!l,
         isLoading: p,
         isMini: u,
-        children: p ? /* @__PURE__ */ e(Be, { altLoadingText: r }) : a
+        children: p ? /* @__PURE__ */ e(Be, { altLoadingText: r }) : o
       }
     ),
     !u && l,
-    c
+    h
   ] })
 ] }), O2 = ({
   button: r,
@@ -1776,7 +1779,7 @@ const Ie = ({
     },
     children: r
   }
-), $e = ({ accountName: r, actionButton: n, date: i }) => /* @__PURE__ */ h(
+), $e = ({ accountName: r, actionButton: n, date: i }) => /* @__PURE__ */ c(
   E,
   {
     sx: {
@@ -1787,8 +1790,8 @@ const Ie = ({
       py: 8
     },
     children: [
-      i && /* @__PURE__ */ e(f, { variant: "tiny", children: i }),
-      n ?? (r && /* @__PURE__ */ e(f, { variant: "tiny", children: r }))
+      i && /* @__PURE__ */ e(k, { variant: "tiny", children: i }),
+      n ?? (r && /* @__PURE__ */ e(k, { variant: "tiny", children: r }))
     ]
   }
 ), K2 = $e, et = ({
@@ -1796,10 +1799,10 @@ const Ie = ({
   footerButton: n,
   hasFullWidthImage: i,
   inDescriptionCtaOnClick: l,
-  sx: a
+  sx: o
 }) => {
-  const { html_description: o, in_description_cta: s } = r, c = n ? 16 : 8;
-  return /* @__PURE__ */ h(
+  const { html_description: a, in_description_cta: s } = r, h = n ? 16 : 8;
+  return /* @__PURE__ */ c(
     R1,
     {
       sx: {
@@ -1807,13 +1810,13 @@ const Ie = ({
         "&:last-child": {
           pb: 0
         },
-        ...a
+        ...o
       },
       children: [
         /* @__PURE__ */ e(
           L,
           {
-            dangerouslySetInnerHTML: { __html: o },
+            dangerouslySetInnerHTML: { __html: a },
             sx: {
               m: 0,
               pb: 24,
@@ -1827,7 +1830,7 @@ const Ie = ({
             variant: "ParagraphSmall"
           }
         ),
-        s && l && /* @__PURE__ */ h(T, { fullWidth: !0, onClick: l, sx: { mb: c }, children: [
+        s && l && /* @__PURE__ */ c(T, { fullWidth: !0, onClick: l, sx: { mb: h }, children: [
           s,
           /* @__PURE__ */ e(J, { name: "chevron_right" })
         ] })
@@ -1839,12 +1842,12 @@ const Ie = ({
   description: n,
   callToAction: i,
   instanceSlot: l = void 0,
-  onMenuClick: a = () => {
+  onMenuClick: o = () => {
   },
-  onCtaClick: o = () => {
+  onCtaClick: a = () => {
   }
-}) => /* @__PURE__ */ h(P, { sx: { pt: 8, pr: 16, pb: 12, pl: 8, borderRadius: "8px" }, children: [
-  /* @__PURE__ */ h(
+}) => /* @__PURE__ */ c(P, { sx: { pt: 8, pr: 16, pb: 12, pl: 8, borderRadius: "8px" }, children: [
+  /* @__PURE__ */ c(
     E,
     {
       sx: {
@@ -1855,8 +1858,8 @@ const Ie = ({
         pl: 8
       },
       children: [
-        /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: r }),
-        /* @__PURE__ */ e(T, { onClick: a, sx: { p: 0, minWidth: 24, height: 24 }, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(k, { bold: !0, variant: "body1", children: r }),
+        /* @__PURE__ */ e(T, { onClick: o, sx: { p: 0, minWidth: 24, height: 24 }, children: /* @__PURE__ */ e(
           J,
           {
             name: "more_horiz",
@@ -1869,7 +1872,7 @@ const Ie = ({
       ]
     }
   ),
-  /* @__PURE__ */ h(
+  /* @__PURE__ */ c(
     E,
     {
       sx: {
@@ -1879,7 +1882,7 @@ const Ie = ({
         justifyContent: "space-between"
       },
       children: [
-        /* @__PURE__ */ h(E, { children: [
+        /* @__PURE__ */ c(E, { children: [
           /* @__PURE__ */ e(E, { sx: { pt: 2, pl: 8, pb: 8 }, children: /* @__PURE__ */ e(
             L,
             {
@@ -1891,7 +1894,7 @@ const Ie = ({
           /* @__PURE__ */ e(E, { sx: { alignItems: "flex-start" }, children: /* @__PURE__ */ e(
             T,
             {
-              onClick: o,
+              onClick: a,
               sx: {
                 p: 0,
                 height: 16,
@@ -1915,27 +1918,27 @@ const Ie = ({
   feedbackTitle: n,
   onClose: i,
   onBackClick: l,
-  onSubmit: a,
-  radioOptions: o,
+  onSubmit: o,
+  radioOptions: a,
   characterLimitText: s,
-  backButtonTitle: c,
+  backButtonTitle: h,
   submitButtonTitle: d
 }) => {
-  const m = N(), [p, u] = Q(null), [C, k] = Q(""), w = (b) => {
-    const Y = parseInt(b.target.value, 10);
-    u(Y), Y !== e1 && k("");
-  }, x = (b) => {
-    k(b.target.value);
-  }, g = () => {
-    p !== null && a(p, p === e1 ? C : void 0);
+  const m = N(), [p, u] = Q(null), [C, M] = Q(""), b = (S) => {
+    const H = parseInt(S.target.value, 10);
+    u(H), H !== e1 && M("");
+  }, Z = (S) => {
+    M(S.target.value);
+  }, x = () => {
+    p !== null && o(p, p === e1 ? C : void 0);
   };
-  return /* @__PURE__ */ h(P, { sx: { minWidth: 288, width: { sm: m.breakpoints.values.xs }, borderRadius: "8px" }, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ c(P, { sx: { minWidth: 288, width: { sm: m.breakpoints.values.xs }, borderRadius: "8px" }, children: [
+    /* @__PURE__ */ c(
       E,
       {
         sx: { p: 24, flexDirection: "row", alignItems: "center", justifyContent: "space-between" },
         children: [
-          /* @__PURE__ */ e(f, { variant: "H3", children: n }),
+          /* @__PURE__ */ e(k, { variant: "H3", children: n }),
           /* @__PURE__ */ e(
             F,
             {
@@ -1948,15 +1951,15 @@ const Ie = ({
         ]
       }
     ),
-    /* @__PURE__ */ h(E, { sx: { px: 24 }, children: [
+    /* @__PURE__ */ c(E, { sx: { px: 24 }, children: [
       /* @__PURE__ */ e(Y1, { children: /* @__PURE__ */ e(
         z1,
         {
           "aria-labelledby": "hide-insight-radio-buttons-group-label",
           name: "radio-buttons-group",
-          onChange: w,
+          onChange: b,
           value: p,
-          children: o.map((b, Y) => /* @__PURE__ */ e(
+          children: a.map((S, H) => /* @__PURE__ */ e(
             I1,
             {
               control: /* @__PURE__ */ e(
@@ -1969,20 +1972,20 @@ const Ie = ({
                   }
                 }
               ),
-              label: b,
+              label: S,
               sx: {
                 "& .MuiFormControlLabel-label": {
                   fontSize: 15,
                   color: "text.primary"
                 }
               },
-              value: Y
+              value: H
             },
-            b
+            S
           ))
         }
       ) }),
-      p === e1 && /* @__PURE__ */ h(E, { sx: { mt: 4, gap: 3 }, children: [
+      p === e1 && /* @__PURE__ */ c(E, { sx: { mt: 4, gap: 3 }, children: [
         /* @__PURE__ */ e(
           pe,
           {
@@ -1990,14 +1993,14 @@ const Ie = ({
             maxRows: 4,
             minRows: 4,
             multiline: !0,
-            onChange: x,
+            onChange: Z,
             value: C
           }
         ),
-        /* @__PURE__ */ e(f, { sx: { fontWeight: 400, color: "text.secondary" }, variant: "subtitle2", children: s })
+        /* @__PURE__ */ e(k, { sx: { fontWeight: 400, color: "text.secondary" }, variant: "subtitle2", children: s })
       ] })
     ] }),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ c(
       E,
       {
         sx: {
@@ -2008,12 +2011,12 @@ const Ie = ({
           justifyContent: "flex-end"
         },
         children: [
-          /* @__PURE__ */ e(T, { onClick: l, variant: "text", children: c }),
+          /* @__PURE__ */ e(T, { onClick: l, variant: "text", children: h }),
           /* @__PURE__ */ e(
             T,
             {
               disabled: p === null || p === e1 && !C.trim(),
-              onClick: g,
+              onClick: x,
               variant: "contained",
               children: d
             }
@@ -2027,28 +2030,28 @@ const Ie = ({
   disabled: n = !1,
   hide: i = !1,
   onClick: l,
-  primary: a = !0,
-  sx: o,
-  variant: s = !a && "text",
-  ...c
+  primary: o = !0,
+  sx: a,
+  variant: s = !o && "text",
+  ...h
 }) => i ? null : /* @__PURE__ */ e(
   T,
   {
     disabled: n,
     fullWidth: !0,
-    id: a ? `primary-cta-${r.guid}` : `secondary-cta-${r.guid}`,
+    id: o ? `primary-cta-${r.guid}` : `secondary-cta-${r.guid}`,
     onClick: l,
     sx: () => ({
-      color: a ? "primary.main" : "text.secondary",
-      fontSize: a ? 15 : 13,
-      fontWeight: a ? 600 : 700,
+      color: o ? "primary.main" : "text.secondary",
+      fontSize: o ? 15 : 13,
+      fontWeight: o ? 600 : 700,
       p: "0px 16px",
       borderColor: "border.light",
-      ...o
+      ...a
     }),
-    variant: n && a ? "contained" : s || "outlined",
-    ...c,
-    children: a ? r.call_to_action : r.supporting_action
+    variant: n && o ? "contained" : s || "outlined",
+    ...h,
+    children: o ? r.call_to_action : r.supporting_action
   }
 ), rt = (r, n) => /* @__PURE__ */ t.createElement("svg", { width: 295, height: 142, viewBox: "0 0 295 142", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, ...r }, /* @__PURE__ */ t.createElement("path", { d: "M0.5 4C0.5 2.067 2.067 0.5 4 0.5H291C292.933 0.5 294.5 2.067 294.5 4V39.5H0.5V4Z", stroke: "#EEF1F6" }), /* @__PURE__ */ t.createElement("path", { d: "M0.5 102.5H294.5V138C294.5 139.933 292.933 141.5 291 141.5H4.00001C2.06701 141.5 0.5 139.933 0.5 138V102.5Z", fill: "#F8F9FB", stroke: "#EEF1F6" }), /* @__PURE__ */ t.createElement("rect", { x: 0.5, y: 39.5, width: 294, height: 63, fill: "white", stroke: "#EEF1F6" }), /* @__PURE__ */ t.createElement("rect", { x: 16, y: 55, width: 32, height: 32, rx: 2, fill: "#EEF1F6" }), /* @__PURE__ */ t.createElement("rect", { x: 16, y: 15, width: 80, height: 8, rx: 2, fill: "#EEF1F6" }), /* @__PURE__ */ t.createElement("rect", { x: 16, y: 118, width: 80, height: 8, rx: 2, fill: "#E4E8EE" }), /* @__PURE__ */ t.createElement("rect", { x: 226, y: 118, width: 56, height: 8, rx: 2, fill: "#E4E8EE" }), /* @__PURE__ */ t.createElement("rect", { x: 64, y: 60, width: 80, height: 8, rx: 2, fill: "#EEF1F6" }), /* @__PURE__ */ t.createElement("rect", { x: 232, y: 60, width: 47, height: 8, rx: 2, fill: "#EEF1F6" }), /* @__PURE__ */ t.createElement("rect", { x: 64, y: 76, width: 60, height: 4, rx: 2, fill: "#EEF1F6" })), it = W(rt), nt = {
   padding: 8,
@@ -2063,7 +2066,7 @@ const Ie = ({
     },
     children: /* @__PURE__ */ e(j, { divProps: { style: nt }, image: it })
   }
-), at = (r, n) => /* @__PURE__ */ t.createElement("svg", { width: 147, height: 104, viewBox: "0 0 147 104", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, ...r }, /* @__PURE__ */ t.createElement("path", { opacity: 0.15, d: "M132.18 93.1784C128.573 91.0141 78.373 92.2766 53.7238 93.1784H50.5965C50.2942 93.1784 50.0081 93.3152 49.8183 93.5505L44.3794 100.291C44.0546 100.693 43.4764 100.782 43.0462 100.494L32.3346 93.3466C32.1702 93.237 31.9771 93.1784 31.7795 93.1784H22.4446C22.2603 93.1784 22.0782 93.2276 21.9259 93.3315C20.2511 94.4746 19.2999 96.4924 27.5735 96.4924C35.9509 96.4924 34.8706 97.8014 33.1578 98.5193C33.0438 98.5671 32.9209 98.5892 32.7973 98.5892H8.63393C-5.07339 98.5892 0.0503439 104 6.83034 104H46.5094C77.1706 104 139.936 102.016 145.707 101.295C151.479 100.573 133.082 99.1904 123.162 98.5892C118.687 98.5892 114.211 97.6638 110.812 96.674C109.759 96.3675 110.007 95.0772 111.103 95.0937C121.551 95.2513 135.251 95.0207 132.18 93.1784Z", fill: "#2C64EF", className: "brand300" }), /* @__PURE__ */ t.createElement("path", { d: "M56.431 21.6432C58.5352 21.9438 64.3669 21.8236 70.8598 18.9378C78.976 15.3306 82.5832 13.527 86.1904 15.3306C89.7975 17.1342 90.6993 20.7414 88.8957 26.1522C87.844 29.3074 85.4508 31.0571 83.532 31.8903C82.7859 32.2143 82.4803 33.2637 83.0554 33.8389L83.485 34.2684C84.1566 34.8456 85.1999 36.5001 83.9999 38.5001", stroke: "#2C64EF", strokeLinecap: "round", className: "brand300" }), /* @__PURE__ */ t.createElement("path", { d: "M89.8408 5.53344L41.0915 12.4976C40.5842 12.5701 40.1042 12.2474 39.9799 11.7502L39.5394 9.98812C39.4055 9.45232 39.7312 8.90939 40.267 8.77544L42.1466 8.30555C42.5918 8.19425 42.9041 7.79427 42.9041 7.3354V6.29357C42.9041 5.78925 43.2796 5.36384 43.78 5.30129L85.705 0.0606634C86.0113 0.0223874 86.318 0.127628 86.5362 0.345835L87.7011 1.5107C87.8886 1.69824 88.1429 1.8036 88.4082 1.8036H89.6993C90.2516 1.8036 90.6993 2.25131 90.6993 2.80359V4.54349C90.6993 5.04114 90.3334 5.46306 89.8408 5.53344Z", fill: "#A0B9F8", className: "brand200" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.15, d: "M9.04298 76.0297L40.3855 13.5948C40.6477 13.0725 41.3 12.8854 41.7992 13.1893L85.2719 39.655C85.768 39.957 85.9034 40.6167 85.5662 41.0896L44.6908 98.4287C44.3831 98.8603 43.7922 98.9769 43.3437 98.6945L9.40387 77.3246C8.96815 77.0502 8.81197 76.4899 9.04298 76.0297Z", fill: "#2C64EF", className: "brand300" }), /* @__PURE__ */ t.createElement("path", { d: "M54.6796 84.287L14.8497 60.0399C14.3984 59.7652 14.2387 59.1867 14.4852 58.7193L27.8386 33.3987C28.1061 32.8913 28.7447 32.7126 29.2368 33.0072L72.6331 58.9928C73.1349 59.2933 73.2728 59.9585 72.9319 60.4337L56.0121 84.0158C55.7072 84.4407 55.1263 84.5589 54.6796 84.287Z", fill: "#A0B9F8", className: "brand200" }), /* @__PURE__ */ t.createElement("path", { d: "M95.8922 32.9036C94.7208 30.8689 92.9432 32.6952 91.9424 34.2454C91.724 34.5837 91.7585 35.0286 92.0414 35.3151C94.5895 37.8957 97.4519 35.6131 95.8922 32.9036Z", stroke: "#2C64EF", strokeLinecap: "round", className: "brand300" }), /* @__PURE__ */ t.createElement("path", { d: "M99.193 26.692C98.4116 23.6755 96.1194 25.977 95.3356 28.2686C95.2621 28.4834 95.1391 28.7499 95.3305 28.8721C96.1571 29.3998 100.029 29.9202 99.193 26.692Z", stroke: "#2C64EF", strokeLinecap: "round", className: "brand300" }), /* @__PURE__ */ t.createElement("path", { d: "M102.494 30.0367C102.049 28.1072 100.358 28.985 99.6264 31.1343C99.5533 31.3492 99.3919 31.6192 99.5815 31.744C100.223 32.1662 103.038 32.3979 102.494 30.0367Z", stroke: "#2C64EF", strokeLinecap: "round", className: "brand300" })), ot = W(at), st = (r, n) => /* @__PURE__ */ t.createElement("svg", { alt: "", width: "147px", height: "104px", viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ref: n, ...r }, /* @__PURE__ */ t.createElement("title", null, "Icons/Illustrative/Gears1"), /* @__PURE__ */ t.createElement("g", { id: "Icons/Illustrative/Gears1", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ t.createElement("circle", { id: "Oval", fill: "#F2F3F2", cx: 128, cy: 128, r: 128 }), /* @__PURE__ */ t.createElement("g", { id: "Group", transform: "translate(42.000000, 38.000000)", fillRule: "nonzero" }, /* @__PURE__ */ t.createElement("path", { d: "M106.11,-0.000218413865 C107.642968,-0.0133183256 109.118435,0.582907809 110.211785,1.65750358 C111.305134,2.73209936 111.926796,4.19703062 111.94,5.73000001 L111.94,5.73000001 L111.94,14.26 C116.057784,15.2957977 120.000229,16.9334286 123.64,19.12 L123.64,19.12 L129.64,13.07 C131.902451,10.8198774 135.55755,10.8198774 137.82,13.07 L137.82,13.07 L144.82,20.07 C147.074462,22.3267544 147.074462,25.9832456 144.82,28.24 L144.82,28.24 L138.76,34.3 C140.939324,37.9422419 142.573338,41.8840905 143.61,46 L143.61,46 L152.18,46 C153.721605,45.9893289 155.203593,46.5949522 156.296512,47.6822371 C157.38943,48.7695221 158.002704,50.2483606 158.000009,51.79 L158.000009,51.79 L158.000009,61.69 C157.989428,63.2229629 157.370303,64.6889356 156.278833,65.7654023 C155.187364,66.841869 153.712962,67.4406455 152.18,67.43 L152.18,67.43 L143.61,67.43 C142.571461,71.5421335 140.937529,75.4804158 138.76,79.12 L138.76,79.12 L144.87,85.22 C147.124462,87.4767544 147.124462,91.1332457 144.87,93.3900001 L144.87,93.3900001 L137.87,100.39 C135.60755,102.640123 131.952451,102.640123 129.69,100.39 L129.69,100.39 L123.63,94.3200001 C119.984367,96.4949311 116.043674,98.131834 111.93,99.1800001 L111.93,99.1800001 L111.93,107.74 C111.93,110.932206 109.342206,113.52 106.15,113.52 L106.15,113.52 L96.2600001,113.52 C93.0677942,113.52 90.4800001,110.932206 90.4800001,107.74 L90.4800001,107.74 L90.4800001,99.1800001 C86.3651225,98.1354485 82.4239217,96.4983343 78.78,94.3200001 L78.78,94.3200001 L72.72,100.39 C70.4575496,102.640123 66.8024505,102.640123 64.54,100.39 L64.54,100.39 L57.54,93.3900001 C56.4523907,92.3088247 55.8408343,90.8385692 55.8408343,89.305 C55.8408343,87.7714309 56.4523907,86.3011754 57.54,85.22 L57.54,85.22 L63.54,79.12 C61.3721395,75.4897739 59.7482054,71.5613358 58.72,67.46 L58.72,67.46 L50.15,67.46 C46.9577942,67.46 44.37,64.8722059 44.37,61.68 L44.37,61.68 L44.37,51.78 C44.37,48.5877942 46.9577942,46 50.15,46 L50.15,46 L58.69,46 C59.7312635,41.9013872 61.3651501,37.9766906 63.54,34.35 L63.54,34.35 L57.54,28.35 C56.4523907,27.2688246 55.8408343,25.7985692 55.8408343,24.265 C55.8408343,22.7314309 56.4523907,21.2611754 57.54,20.18 L57.54,20.18 L64.54,13.18 C66.7999116,10.9616363 70.4200885,10.9616363 72.68,13.18 L72.68,13.18 L78.74,19.18 C82.3805971,16.9997464 86.3230896,15.368835 90.4400001,14.34 L90.4400001,14.34 L90.4400001,5.78000001 C90.4400001,2.58779416 93.0277942,-0.000218413865 96.2200001,-0.000218413865 L96.2200001,-0.000218413865 Z M101.16,33.85 C88.5402935,33.85 78.31,44.0982021 78.31,56.74 C78.31,69.381798 88.5402935,79.63 101.16,79.63 C113.779707,79.63 124.01,69.381798 124.01,56.74 C124.01,44.0982021 113.779707,33.85 101.16,33.85 Z", id: "Combined-Shape", fill: "#C41F3E" }), /* @__PURE__ */ t.createElement("path", { d: "M125.31,101.68 C126.663009,101.190465 128.156991,101.888254 128.65,103.24 L128.65,103.24 L129.98,106.88 C131.881968,106.682983 133.802585,106.767221 135.68,107.13 L135.68,107.13 L137.36,103.65 C137.974114,102.348051 139.523599,101.785414 140.83,102.39 L140.83,102.39 L144.83,104.28 C145.45764,104.570893 145.943478,105.099917 146.18,105.75 C146.410536,106.403106 146.378265,107.12024 146.09,107.75 L146.09,107.75 L144.45,111.25 C145.938487,112.457816 147.239344,113.879997 148.31,115.47 L148.31,115.47 L151.95,114.15 C152.60106,113.9061 153.323478,113.938609 153.95,114.24 C154.57764,114.530893 155.063478,115.059917 155.3,115.71 L155.3,115.71 L156.82,119.9 L156.8,119.9 C157.042025,120.555947 157.008571,121.281881 156.707242,121.912787 C156.405914,122.543694 155.86231,123.025975 155.2,123.25 L155.2,123.25 L151.57,124.58 C151.762006,126.482114 151.6778,128.402001 151.32,130.28 L151.32,130.28 L154.82,131.92 C155.44764,132.210893 155.933478,132.739917 156.17,133.39 C156.400536,134.043106 156.368265,134.76024 156.08,135.39 L156.08,135.39 L154.19,139.39 C153.899107,140.01764 153.370083,140.503478 152.72,140.74 C152.067374,140.973748 151.348994,140.941421 150.72,140.65 L150.72,140.65 L147.21,139.01 C146.00577,140.498247 144.586919,141.799141 143,142.87 L143,142.87 L144.35,146.52 C144.839535,147.873009 144.141747,149.366991 142.79,149.86 L142.79,149.86 L138.59,151.38 C137.940627,151.623555 137.220542,151.595411 136.59216,151.301915 C135.963777,151.008419 135.48002,150.47429 135.25,149.82 L135.25,149.82 L133.93,146.19 C132.024565,146.382273 130.10134,146.298069 128.22,145.94 L128.22,145.94 L126.59,149.44 C126.297704,150.070291 125.764434,150.55672 125.11,150.79 C124.457374,151.023748 123.738994,150.991421 123.11,150.7 L123.11,150.7 L119.11,148.81 C118.483388,148.51904 117.998342,147.990654 117.761941,147.34149 C117.52554,146.692325 117.557225,145.975766 117.85,145.35 L117.85,145.35 L119.48,141.84 C117.99911,140.627965 116.699271,139.210265 115.62,137.63 L115.62,137.63 L111.99,138.95 C110.636992,139.439535 109.143009,138.741746 108.65,137.39 L108.65,137.39 L107.12,133.19 C106.630465,131.836992 107.328254,130.343009 108.68,129.85 L108.68,129.85 L112.32,128.53 C112.122724,126.62471 112.20696,124.700758 112.57,122.82 L112.57,122.82 L109.06,121.19 C107.762385,120.571943 107.201268,119.026645 107.8,117.72 L107.8,117.72 L109.69,113.67 C110.303837,112.367488 111.856552,111.808152 113.16,112.42 L113.16,112.42 L116.66,114.05 C117.873171,112.566569 119.294557,111.266438 120.88,110.19 L120.88,110.19 L119.56,106.56 C119.317574,105.90955 119.346396,105.189009 119.64,104.56 C119.935033,103.931721 120.467319,103.44619 121.12,103.21 L121.12,103.21 Z M128.447599,116.83953 C123.095918,118.78421 120.337056,124.707495 122.285508,130.069558 C124.233961,135.43162 130.151888,138.201956 135.503569,136.257276 C140.85525,134.312597 143.614112,128.389311 141.66566,123.027249 C139.717208,117.665186 133.79928,114.89485 128.447599,116.83953 Z", id: "Combined-Shape", fill: "#C41F3E" }), /* @__PURE__ */ t.createElement("path", { d: "M49.0033734,120.673794 L107.724759,161.167841 C110.229937,162.882581 111.95088,165.522716 112.508555,168.506883 C113.044781,171.376274 112.463214,174.337468 110.891371,176.786789 L110.698005,177.078212 C107.111197,182.279527 99.9870169,183.588344 94.785702,180.001537 L36.0313869,139.484783 L49.0033734,120.673794 Z M100.36,162.71 C96.3504128,162.71 93.1000001,165.960413 93.1000001,169.97 C93.1000001,173.979587 96.3504128,177.23 100.36,177.23 C104.369587,177.23 107.62,173.979587 107.62,169.97 C107.62,165.960413 104.369587,162.71 100.36,162.71 Z", id: "Combined-Shape", fill: "#8B1D41" }), /* @__PURE__ */ t.createElement("path", { d: "M14.15,96.5100001 L35.84,111.51 L36.41,120.37 L31.47,127.54 L22.75,130.48 L1.06000001,115.49 C-1.8576625,129.410687 5.44846092,143.45713 18.5213637,149.060478 C31.5942664,154.663825 46.8049178,150.26859 54.8742555,138.556029 C62.9435933,126.843469 61.6315736,111.064983 51.7385773,100.846035 C41.845581,90.627086 26.1178984,88.8044491 14.15,96.4900001 L14.15,96.5100001 Z", id: "Path", fill: "#8B1D41" })))), ct = W(st), F2 = ({ errorText: r, errorDescription: n, isCibc: i = !1 }) => /* @__PURE__ */ e(P, { sx: { py: 32, px: 16 }, children: /* @__PURE__ */ h(E, { sx: { gap: 16, alignItems: "center" }, children: [
+), at = (r, n) => /* @__PURE__ */ t.createElement("svg", { width: 147, height: 104, viewBox: "0 0 147 104", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, ...r }, /* @__PURE__ */ t.createElement("path", { opacity: 0.15, d: "M132.18 93.1784C128.573 91.0141 78.373 92.2766 53.7238 93.1784H50.5965C50.2942 93.1784 50.0081 93.3152 49.8183 93.5505L44.3794 100.291C44.0546 100.693 43.4764 100.782 43.0462 100.494L32.3346 93.3466C32.1702 93.237 31.9771 93.1784 31.7795 93.1784H22.4446C22.2603 93.1784 22.0782 93.2276 21.9259 93.3315C20.2511 94.4746 19.2999 96.4924 27.5735 96.4924C35.9509 96.4924 34.8706 97.8014 33.1578 98.5193C33.0438 98.5671 32.9209 98.5892 32.7973 98.5892H8.63393C-5.07339 98.5892 0.0503439 104 6.83034 104H46.5094C77.1706 104 139.936 102.016 145.707 101.295C151.479 100.573 133.082 99.1904 123.162 98.5892C118.687 98.5892 114.211 97.6638 110.812 96.674C109.759 96.3675 110.007 95.0772 111.103 95.0937C121.551 95.2513 135.251 95.0207 132.18 93.1784Z", fill: "#2C64EF", className: "brand300" }), /* @__PURE__ */ t.createElement("path", { d: "M56.431 21.6432C58.5352 21.9438 64.3669 21.8236 70.8598 18.9378C78.976 15.3306 82.5832 13.527 86.1904 15.3306C89.7975 17.1342 90.6993 20.7414 88.8957 26.1522C87.844 29.3074 85.4508 31.0571 83.532 31.8903C82.7859 32.2143 82.4803 33.2637 83.0554 33.8389L83.485 34.2684C84.1566 34.8456 85.1999 36.5001 83.9999 38.5001", stroke: "#2C64EF", strokeLinecap: "round", className: "brand300" }), /* @__PURE__ */ t.createElement("path", { d: "M89.8408 5.53344L41.0915 12.4976C40.5842 12.5701 40.1042 12.2474 39.9799 11.7502L39.5394 9.98812C39.4055 9.45232 39.7312 8.90939 40.267 8.77544L42.1466 8.30555C42.5918 8.19425 42.9041 7.79427 42.9041 7.3354V6.29357C42.9041 5.78925 43.2796 5.36384 43.78 5.30129L85.705 0.0606634C86.0113 0.0223874 86.318 0.127628 86.5362 0.345835L87.7011 1.5107C87.8886 1.69824 88.1429 1.8036 88.4082 1.8036H89.6993C90.2516 1.8036 90.6993 2.25131 90.6993 2.80359V4.54349C90.6993 5.04114 90.3334 5.46306 89.8408 5.53344Z", fill: "#A0B9F8", className: "brand200" }), /* @__PURE__ */ t.createElement("path", { opacity: 0.15, d: "M9.04298 76.0297L40.3855 13.5948C40.6477 13.0725 41.3 12.8854 41.7992 13.1893L85.2719 39.655C85.768 39.957 85.9034 40.6167 85.5662 41.0896L44.6908 98.4287C44.3831 98.8603 43.7922 98.9769 43.3437 98.6945L9.40387 77.3246C8.96815 77.0502 8.81197 76.4899 9.04298 76.0297Z", fill: "#2C64EF", className: "brand300" }), /* @__PURE__ */ t.createElement("path", { d: "M54.6796 84.287L14.8497 60.0399C14.3984 59.7652 14.2387 59.1867 14.4852 58.7193L27.8386 33.3987C28.1061 32.8913 28.7447 32.7126 29.2368 33.0072L72.6331 58.9928C73.1349 59.2933 73.2728 59.9585 72.9319 60.4337L56.0121 84.0158C55.7072 84.4407 55.1263 84.5589 54.6796 84.287Z", fill: "#A0B9F8", className: "brand200" }), /* @__PURE__ */ t.createElement("path", { d: "M95.8922 32.9036C94.7208 30.8689 92.9432 32.6952 91.9424 34.2454C91.724 34.5837 91.7585 35.0286 92.0414 35.3151C94.5895 37.8957 97.4519 35.6131 95.8922 32.9036Z", stroke: "#2C64EF", strokeLinecap: "round", className: "brand300" }), /* @__PURE__ */ t.createElement("path", { d: "M99.193 26.692C98.4116 23.6755 96.1194 25.977 95.3356 28.2686C95.2621 28.4834 95.1391 28.7499 95.3305 28.8721C96.1571 29.3998 100.029 29.9202 99.193 26.692Z", stroke: "#2C64EF", strokeLinecap: "round", className: "brand300" }), /* @__PURE__ */ t.createElement("path", { d: "M102.494 30.0367C102.049 28.1072 100.358 28.985 99.6264 31.1343C99.5533 31.3492 99.3919 31.6192 99.5815 31.744C100.223 32.1662 103.038 32.3979 102.494 30.0367Z", stroke: "#2C64EF", strokeLinecap: "round", className: "brand300" })), ot = W(at), st = (r, n) => /* @__PURE__ */ t.createElement("svg", { alt: "", width: "147px", height: "104px", viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", ref: n, ...r }, /* @__PURE__ */ t.createElement("title", null, "Icons/Illustrative/Gears1"), /* @__PURE__ */ t.createElement("g", { id: "Icons/Illustrative/Gears1", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ t.createElement("circle", { id: "Oval", fill: "#F2F3F2", cx: 128, cy: 128, r: 128 }), /* @__PURE__ */ t.createElement("g", { id: "Group", transform: "translate(42.000000, 38.000000)", fillRule: "nonzero" }, /* @__PURE__ */ t.createElement("path", { d: "M106.11,-0.000218413865 C107.642968,-0.0133183256 109.118435,0.582907809 110.211785,1.65750358 C111.305134,2.73209936 111.926796,4.19703062 111.94,5.73000001 L111.94,5.73000001 L111.94,14.26 C116.057784,15.2957977 120.000229,16.9334286 123.64,19.12 L123.64,19.12 L129.64,13.07 C131.902451,10.8198774 135.55755,10.8198774 137.82,13.07 L137.82,13.07 L144.82,20.07 C147.074462,22.3267544 147.074462,25.9832456 144.82,28.24 L144.82,28.24 L138.76,34.3 C140.939324,37.9422419 142.573338,41.8840905 143.61,46 L143.61,46 L152.18,46 C153.721605,45.9893289 155.203593,46.5949522 156.296512,47.6822371 C157.38943,48.7695221 158.002704,50.2483606 158.000009,51.79 L158.000009,51.79 L158.000009,61.69 C157.989428,63.2229629 157.370303,64.6889356 156.278833,65.7654023 C155.187364,66.841869 153.712962,67.4406455 152.18,67.43 L152.18,67.43 L143.61,67.43 C142.571461,71.5421335 140.937529,75.4804158 138.76,79.12 L138.76,79.12 L144.87,85.22 C147.124462,87.4767544 147.124462,91.1332457 144.87,93.3900001 L144.87,93.3900001 L137.87,100.39 C135.60755,102.640123 131.952451,102.640123 129.69,100.39 L129.69,100.39 L123.63,94.3200001 C119.984367,96.4949311 116.043674,98.131834 111.93,99.1800001 L111.93,99.1800001 L111.93,107.74 C111.93,110.932206 109.342206,113.52 106.15,113.52 L106.15,113.52 L96.2600001,113.52 C93.0677942,113.52 90.4800001,110.932206 90.4800001,107.74 L90.4800001,107.74 L90.4800001,99.1800001 C86.3651225,98.1354485 82.4239217,96.4983343 78.78,94.3200001 L78.78,94.3200001 L72.72,100.39 C70.4575496,102.640123 66.8024505,102.640123 64.54,100.39 L64.54,100.39 L57.54,93.3900001 C56.4523907,92.3088247 55.8408343,90.8385692 55.8408343,89.305 C55.8408343,87.7714309 56.4523907,86.3011754 57.54,85.22 L57.54,85.22 L63.54,79.12 C61.3721395,75.4897739 59.7482054,71.5613358 58.72,67.46 L58.72,67.46 L50.15,67.46 C46.9577942,67.46 44.37,64.8722059 44.37,61.68 L44.37,61.68 L44.37,51.78 C44.37,48.5877942 46.9577942,46 50.15,46 L50.15,46 L58.69,46 C59.7312635,41.9013872 61.3651501,37.9766906 63.54,34.35 L63.54,34.35 L57.54,28.35 C56.4523907,27.2688246 55.8408343,25.7985692 55.8408343,24.265 C55.8408343,22.7314309 56.4523907,21.2611754 57.54,20.18 L57.54,20.18 L64.54,13.18 C66.7999116,10.9616363 70.4200885,10.9616363 72.68,13.18 L72.68,13.18 L78.74,19.18 C82.3805971,16.9997464 86.3230896,15.368835 90.4400001,14.34 L90.4400001,14.34 L90.4400001,5.78000001 C90.4400001,2.58779416 93.0277942,-0.000218413865 96.2200001,-0.000218413865 L96.2200001,-0.000218413865 Z M101.16,33.85 C88.5402935,33.85 78.31,44.0982021 78.31,56.74 C78.31,69.381798 88.5402935,79.63 101.16,79.63 C113.779707,79.63 124.01,69.381798 124.01,56.74 C124.01,44.0982021 113.779707,33.85 101.16,33.85 Z", id: "Combined-Shape", fill: "#C41F3E" }), /* @__PURE__ */ t.createElement("path", { d: "M125.31,101.68 C126.663009,101.190465 128.156991,101.888254 128.65,103.24 L128.65,103.24 L129.98,106.88 C131.881968,106.682983 133.802585,106.767221 135.68,107.13 L135.68,107.13 L137.36,103.65 C137.974114,102.348051 139.523599,101.785414 140.83,102.39 L140.83,102.39 L144.83,104.28 C145.45764,104.570893 145.943478,105.099917 146.18,105.75 C146.410536,106.403106 146.378265,107.12024 146.09,107.75 L146.09,107.75 L144.45,111.25 C145.938487,112.457816 147.239344,113.879997 148.31,115.47 L148.31,115.47 L151.95,114.15 C152.60106,113.9061 153.323478,113.938609 153.95,114.24 C154.57764,114.530893 155.063478,115.059917 155.3,115.71 L155.3,115.71 L156.82,119.9 L156.8,119.9 C157.042025,120.555947 157.008571,121.281881 156.707242,121.912787 C156.405914,122.543694 155.86231,123.025975 155.2,123.25 L155.2,123.25 L151.57,124.58 C151.762006,126.482114 151.6778,128.402001 151.32,130.28 L151.32,130.28 L154.82,131.92 C155.44764,132.210893 155.933478,132.739917 156.17,133.39 C156.400536,134.043106 156.368265,134.76024 156.08,135.39 L156.08,135.39 L154.19,139.39 C153.899107,140.01764 153.370083,140.503478 152.72,140.74 C152.067374,140.973748 151.348994,140.941421 150.72,140.65 L150.72,140.65 L147.21,139.01 C146.00577,140.498247 144.586919,141.799141 143,142.87 L143,142.87 L144.35,146.52 C144.839535,147.873009 144.141747,149.366991 142.79,149.86 L142.79,149.86 L138.59,151.38 C137.940627,151.623555 137.220542,151.595411 136.59216,151.301915 C135.963777,151.008419 135.48002,150.47429 135.25,149.82 L135.25,149.82 L133.93,146.19 C132.024565,146.382273 130.10134,146.298069 128.22,145.94 L128.22,145.94 L126.59,149.44 C126.297704,150.070291 125.764434,150.55672 125.11,150.79 C124.457374,151.023748 123.738994,150.991421 123.11,150.7 L123.11,150.7 L119.11,148.81 C118.483388,148.51904 117.998342,147.990654 117.761941,147.34149 C117.52554,146.692325 117.557225,145.975766 117.85,145.35 L117.85,145.35 L119.48,141.84 C117.99911,140.627965 116.699271,139.210265 115.62,137.63 L115.62,137.63 L111.99,138.95 C110.636992,139.439535 109.143009,138.741746 108.65,137.39 L108.65,137.39 L107.12,133.19 C106.630465,131.836992 107.328254,130.343009 108.68,129.85 L108.68,129.85 L112.32,128.53 C112.122724,126.62471 112.20696,124.700758 112.57,122.82 L112.57,122.82 L109.06,121.19 C107.762385,120.571943 107.201268,119.026645 107.8,117.72 L107.8,117.72 L109.69,113.67 C110.303837,112.367488 111.856552,111.808152 113.16,112.42 L113.16,112.42 L116.66,114.05 C117.873171,112.566569 119.294557,111.266438 120.88,110.19 L120.88,110.19 L119.56,106.56 C119.317574,105.90955 119.346396,105.189009 119.64,104.56 C119.935033,103.931721 120.467319,103.44619 121.12,103.21 L121.12,103.21 Z M128.447599,116.83953 C123.095918,118.78421 120.337056,124.707495 122.285508,130.069558 C124.233961,135.43162 130.151888,138.201956 135.503569,136.257276 C140.85525,134.312597 143.614112,128.389311 141.66566,123.027249 C139.717208,117.665186 133.79928,114.89485 128.447599,116.83953 Z", id: "Combined-Shape", fill: "#C41F3E" }), /* @__PURE__ */ t.createElement("path", { d: "M49.0033734,120.673794 L107.724759,161.167841 C110.229937,162.882581 111.95088,165.522716 112.508555,168.506883 C113.044781,171.376274 112.463214,174.337468 110.891371,176.786789 L110.698005,177.078212 C107.111197,182.279527 99.9870169,183.588344 94.785702,180.001537 L36.0313869,139.484783 L49.0033734,120.673794 Z M100.36,162.71 C96.3504128,162.71 93.1000001,165.960413 93.1000001,169.97 C93.1000001,173.979587 96.3504128,177.23 100.36,177.23 C104.369587,177.23 107.62,173.979587 107.62,169.97 C107.62,165.960413 104.369587,162.71 100.36,162.71 Z", id: "Combined-Shape", fill: "#8B1D41" }), /* @__PURE__ */ t.createElement("path", { d: "M14.15,96.5100001 L35.84,111.51 L36.41,120.37 L31.47,127.54 L22.75,130.48 L1.06000001,115.49 C-1.8576625,129.410687 5.44846092,143.45713 18.5213637,149.060478 C31.5942664,154.663825 46.8049178,150.26859 54.8742555,138.556029 C62.9435933,126.843469 61.6315736,111.064983 51.7385773,100.846035 C41.845581,90.627086 26.1178984,88.8044491 14.15,96.4900001 L14.15,96.5100001 Z", id: "Path", fill: "#8B1D41" })))), ct = W(st), F2 = ({ errorText: r, errorDescription: n, isCibc: i = !1 }) => /* @__PURE__ */ e(P, { sx: { py: 32, px: 16 }, children: /* @__PURE__ */ c(E, { sx: { gap: 16, alignItems: "center" }, children: [
   /* @__PURE__ */ e(
     j,
     {
@@ -2071,8 +2074,8 @@ const Ie = ({
       image: i ? ct : ot
     }
   ),
-  /* @__PURE__ */ h(E, { sx: { alignItems: "center", gap: 2 }, children: [
-    /* @__PURE__ */ e(f, { bold: !0, variant: "body1", children: r }),
+  /* @__PURE__ */ c(E, { sx: { alignItems: "center", gap: 2 }, children: [
+    /* @__PURE__ */ e(k, { bold: !0, variant: "body1", children: r }),
     /* @__PURE__ */ e(L, { sx: { fontWeight: 400, textAlign: "center" }, variant: "subtitle2", children: n })
   ] })
 ] }) }), U2 = ({
@@ -2080,14 +2083,14 @@ const Ie = ({
   menuHeaderCloseButtonAriaLabel: n,
   onCancel: i,
   onClose: l,
-  rating: a,
-  sx: o = {}
-}) => /* @__PURE__ */ h(H1, { fontSize: 18, id: "alert-dialog-title", children: [
+  rating: o,
+  sx: a = {}
+}) => /* @__PURE__ */ c(H1, { fontSize: 18, id: "alert-dialog-title", children: [
   r,
   /* @__PURE__ */ e(
     F,
     {
-      "aria-label": a ? n.ratingExist : n.ratingDoesntExist,
+      "aria-label": o ? n.ratingExist : n.ratingDoesntExist,
       "data-ui-test": "feedback-close-button",
       onClick: () => {
         i(), l();
@@ -2101,7 +2104,7 @@ const Ie = ({
         {
           name: "cancel",
           sx: {
-            ...o
+            ...a
           }
         }
       )
@@ -2112,11 +2115,11 @@ const Ie = ({
   errorMessage: n,
   feedbackMessage: i,
   onCancel: l,
-  onClose: a,
-  selectedRadio: o
+  onClose: o,
+  selectedRadio: a
 }) => {
-  const { cancelText: s, submitText: c } = r;
-  return /* @__PURE__ */ h(
+  const { cancelText: s, submitText: h } = r;
+  return /* @__PURE__ */ c(
     y,
     {
       sx: {
@@ -2131,7 +2134,7 @@ const Ie = ({
           {
             className: "mx-insights-beat-feedback-submit-button",
             "data-ui-test": "submit-button",
-            disabled: !i && o === void 0 || !!n,
+            disabled: !i && a === void 0 || !!n,
             sx: {
               fontSize: 16,
               "&:hover": {
@@ -2142,7 +2145,7 @@ const Ie = ({
             },
             type: "submit",
             variant: "contained",
-            children: c
+            children: h
           }
         ),
         /* @__PURE__ */ e(
@@ -2151,7 +2154,7 @@ const Ie = ({
             className: "mx-insights-beat-feedback-no-thanks-button",
             "data-ui-test": "no-thanks-button",
             onClick: () => {
-              l(), a();
+              l(), o();
             },
             sx: {
               fontSize: 15,
@@ -2177,7 +2180,7 @@ const Ie = ({
       p: 24,
       width: "100%"
     },
-    children: /* @__PURE__ */ e(z1, { "aria-label": n, name: "radio-buttons-group", children: r.map((a, o) => /* @__PURE__ */ e(
+    children: /* @__PURE__ */ e(z1, { "aria-label": n, name: "radio-buttons-group", children: r.map((o, a) => /* @__PURE__ */ e(
       y,
       {
         sx: (s) => ({
@@ -2190,8 +2193,8 @@ const Ie = ({
             control: /* @__PURE__ */ e(
               D1,
               {
-                checked: i === o,
-                name: `radio-${o}`,
+                checked: i === a,
+                name: `radio-${a}`,
                 onChange: (s) => l(Number(s.target.value)),
                 size: "small",
                 sx: (s) => ({
@@ -2204,15 +2207,15 @@ const Ie = ({
                 })
               }
             ),
-            label: a,
+            label: o,
             labelPlacement: "start",
             sx: { ml: 0, p: "24px 0px 23px", width: "100%" },
-            value: o
+            value: a
           },
-          o
+          a
         )
       },
-      o
+      a
     )) })
   }
 ), q2 = ({
@@ -2220,20 +2223,20 @@ const Ie = ({
   feedbackAriaLabel: n,
   feedbackCharacterLimitText: i,
   feedbackDescriptionPlaceHolder: l,
-  feedbackLabel: a,
-  feedbackMessage: o,
+  feedbackLabel: o,
+  feedbackMessage: a,
   sendAnalytics: s,
-  setFeedbackMessage: c,
+  setFeedbackMessage: h,
   validateForm: d
 }) => {
   const m = ue(Ee)({
     height: 93,
     resize: "none"
   });
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ c(
     y,
     {
-      "aria-label": a,
+      "aria-label": o,
       sx: {
         marginTop: 24,
         px: 24
@@ -2248,7 +2251,7 @@ const Ie = ({
             minRows: 4,
             name: "Feedback",
             onChange: (p) => {
-              c(p.target.value), d(p.target.value);
+              h(p.target.value), d(p.target.value);
             },
             onClick: () => s(),
             placeholder: l,
@@ -2256,7 +2259,7 @@ const Ie = ({
               p: 12,
               width: "100%"
             },
-            value: o
+            value: a
           }
         ),
         i && /* @__PURE__ */ e(
@@ -2324,32 +2327,32 @@ const Ie = ({
   beat: n,
   buttonProps: i,
   color: l,
-  data: a,
-  legendLabelAvg: o,
+  data: o,
+  legendLabelAvg: a,
   legendLabelMain: s,
-  onBarClick: c,
+  onBarClick: h,
   ...d
-}) => /* @__PURE__ */ e(v, { ...d, beat: n, button: /* @__PURE__ */ e(G, { ...i, beat: n }), children: a.length > 0 ? /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(v, { ...d, beat: n, button: /* @__PURE__ */ e(G, { ...i, beat: n }), children: o.length > 0 ? /* @__PURE__ */ e(
   n1,
   {
     amounts: r,
     color: l,
-    data: a,
+    data: o,
     isMini: d.isMini,
-    legendLabelAvg: o,
+    legendLabelAvg: a,
     legendLabelMain: s,
     margin: { bottom: 32, left: 2, right: 2, top: 24 },
-    onBarClick: c
+    onBarClick: h
   }
 ) : /* @__PURE__ */ e(j, { image: f1 }) }), t4 = ({
   amounts: r,
   beat: n,
   buttonProps: i,
   color: l,
-  data: a,
-  trendAmountLabel: o,
+  data: o,
+  trendAmountLabel: a,
   monthlyAmountLabel: s,
-  onBarClick: c,
+  onBarClick: h,
   selectedTabIndex: d,
   ...m
 }) => /* @__PURE__ */ e(
@@ -2357,7 +2360,7 @@ const Ie = ({
   {
     ...m,
     beat: n,
-    button: a?.length > 0 && /* @__PURE__ */ e(G, { ...i, beat: n }),
+    button: o?.length > 0 && /* @__PURE__ */ e(G, { ...i, beat: n }),
     contentProps: {
       sx: {
         // TODO: Update BeatCard layout to match the new spacing
@@ -2370,17 +2373,17 @@ const Ie = ({
         }
       }
     },
-    children: a.length > 0 ? /* @__PURE__ */ e(
+    children: o.length > 0 ? /* @__PURE__ */ e(
       C1,
       {
         amounts: r,
         color: l,
-        data: a,
+        data: o,
         margin: { bottom: 10, left: 2, right: 2, top: 20 },
         monthlyAmountLabel: s,
-        onBarClick: c,
+        onBarClick: h,
         selectedTabIndex: d,
-        trendAmountLabel: o
+        trendAmountLabel: a
       }
     ) : /* @__PURE__ */ e(
       j,
@@ -2400,20 +2403,20 @@ const Ie = ({
   label: n,
   beat: i,
   budgetPercentage: l,
-  leftLabel: a,
-  rightLabel: o,
+  leftLabel: o,
+  rightLabel: a,
   buttonProps: s,
-  ...c
+  ...h
 }) => {
   const { category_guid: d } = i.payload, m = () => l > 100 ? "error.main" : l > 50 ? "warning.main" : "success.main", p = ye(), u = Ce(d, p);
   return /* @__PURE__ */ e(
     v,
     {
-      ...c,
+      ...h,
       beat: i,
       button: /* @__PURE__ */ e(G, { ...s, beat: i }),
       contentProps: { sx: { "& p": { px: 0, pb: 16, pt: 20 } } },
-      header: { ...c.header, sx: { mb: 20 } },
+      header: { ...h.header, sx: { mb: 20 } },
       children: /* @__PURE__ */ e(
         $1,
         {
@@ -2435,10 +2438,10 @@ const Ie = ({
             }
           ),
           label: n,
-          leftLabel: a,
+          leftLabel: o,
           percentComplete: l,
-          rightLabel: o,
-          sx: { p: 0 }
+          rightLabel: a,
+          sx: { p: 0, "& .details-container": { gap: 12 } }
         }
       )
     }
@@ -2460,7 +2463,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
       {
         ...n,
         beat: r,
-        onClick: (a) => n?.onClick?.(a, A.Primary)
+        onClick: (o) => n?.onClick?.(o, A.Primary)
       }
     ),
     children: /* @__PURE__ */ e(
@@ -2476,12 +2479,12 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
           y,
           {
             sx: {
-              bgcolor: (a) => v1(a.palette.success.light, 0.6),
+              bgcolor: (o) => v1(o.palette.success.light, 0.6),
               height: 56,
               p: 8,
               pl: 16
             },
-            children: /* @__PURE__ */ e(f, { color: "success.dark", variant: "h1", children: i.amount })
+            children: /* @__PURE__ */ e(k, { color: "success.dark", variant: "h1", children: i.amount })
           }
         )
       }
@@ -2492,10 +2495,10 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   beat: n,
   buttonProps: i,
   color: l,
-  data: a,
-  legendLabelAvg: o,
+  data: o,
+  legendLabelAvg: a,
   legendLabelMain: s,
-  onBarClick: c,
+  onBarClick: h,
   selectedTabIndex: d,
   ...m
 }) => /* @__PURE__ */ e(
@@ -2503,7 +2506,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   {
     ...m,
     beat: n,
-    button: a.length ? /* @__PURE__ */ h(E, { spacing: 10, sx: { pt: 8 }, children: [
+    button: o.length ? /* @__PURE__ */ c(E, { spacing: 10, sx: { pt: 8 }, children: [
       /* @__PURE__ */ e(
         G,
         {
@@ -2522,14 +2525,14 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
         }
       )
     ] }) : null,
-    children: a.length ? /* @__PURE__ */ e(
+    children: o.length ? /* @__PURE__ */ e(
       n1,
       {
         amounts: r,
         color: l,
-        data: a,
+        data: o,
         isMini: m.isMini,
-        legendLabelAvg: o,
+        legendLabelAvg: a,
         legendLabelMain: s,
         margin: {
           bottom: 32,
@@ -2537,7 +2540,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
           right: 2,
           top: 24
         },
-        onBarClick: c,
+        onBarClick: h,
         selectedTabIndex: d
       }
     ) : /* @__PURE__ */ e(B, {})
@@ -2547,52 +2550,57 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   beat: n,
   buttonProps: i,
   color: l,
-  data: a,
-  monthlyAmountLabel: o,
-  onBarClick: s,
-  selectedTabIndex: c,
-  trendAmountLabel: d,
-  ...m
+  data: o,
+  hasBudget: a = !1,
+  monthlyAmountLabel: s,
+  onBarClick: h,
+  selectedTabIndex: d,
+  trendAmountLabel: m,
+  ...p
 }) => /* @__PURE__ */ e(
   v,
   {
-    ...m,
+    ...p,
     beat: n,
-    button: a.length ? /* @__PURE__ */ h(E, { sx: { gap: 8 }, children: [
+    button: o.length ? /* @__PURE__ */ c(E, { sx: { gap: 8 }, children: [
       /* @__PURE__ */ e(
         G,
         {
           ...i,
           beat: n,
-          onClick: (p) => i?.onClick?.(p, A.Primary)
+          hide: a,
+          onClick: (u) => i?.onClick?.(u, A.Primary)
         }
       ),
       /* @__PURE__ */ e(
         G,
         {
           ...i,
-          beat: n,
-          onClick: (p) => i?.onClick?.(p, A.Secondary),
-          primary: !1
+          beat: {
+            ...n,
+            call_to_action: a ? n.supporting_action : n.call_to_action
+          },
+          onClick: (u) => i?.onClick?.(u, A[a ? "Primary" : "Secondary"]),
+          primary: a
         }
       )
     ] }) : null,
-    children: a.length ? /* @__PURE__ */ e(
+    children: o.length ? /* @__PURE__ */ e(
       C1,
       {
         amounts: r,
         color: l,
-        data: a,
+        data: o,
         margin: {
           bottom: 32,
           left: 2,
           right: 2,
           top: 24
         },
-        monthlyAmountLabel: o,
-        onBarClick: s,
-        selectedTabIndex: c,
-        trendAmountLabel: d
+        monthlyAmountLabel: s,
+        onBarClick: h,
+        selectedTabIndex: d,
+        trendAmountLabel: m
       }
     ) : /* @__PURE__ */ e(B, {})
   }
@@ -2606,15 +2614,15 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   isDarkMode: i,
   ...l
 }) => {
-  const a = M.useRef(null), { height: o, width: s } = U(a);
-  return /* @__PURE__ */ h(v, { ...l, beat: r, children: [
-    /* @__PURE__ */ e(l1, { height: o, shouldRun: !0, width: s }),
+  const o = f.useRef(null), { height: a, width: s } = U(o);
+  return /* @__PURE__ */ c(v, { ...l, beat: r, children: [
+    /* @__PURE__ */ e(l1, { height: a, shouldRun: !0, width: s }),
     /* @__PURE__ */ e(
       E,
       {
         alignItems: "center",
         justifyContent: "center",
-        ref: a,
+        ref: o,
         sx: {
           backgroundColor: "background.default",
           backgroundImage: "linear-gradient(256.82deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(255, 129, 230, 0.2) 101.54%)",
@@ -2623,7 +2631,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
           py: 24,
           width: "100%"
         },
-        children: /* @__PURE__ */ h(
+        children: /* @__PURE__ */ c(
           E,
           {
             alignItems: "center",
@@ -2647,9 +2655,9 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
                   image: i ? Ct : ft
                 }
               ),
-              /* @__PURE__ */ h(E, { children: [
+              /* @__PURE__ */ c(E, { children: [
                 /* @__PURE__ */ e(y, { sx: { color: "success.dark" }, children: n.balance }),
-                /* @__PURE__ */ e(f, { color: "text.secondary", variant: "XSmall", children: n.text })
+                /* @__PURE__ */ e(k, { color: "text.secondary", variant: "XSmall", children: n.text })
               ] })
             ]
           }
@@ -2662,8 +2670,8 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   beat: n,
   buttonProps: i,
   header: l,
-  isMini: a,
-  ...o
+  isMini: o,
+  ...a
 }) => /* @__PURE__ */ e(
   v,
   {
@@ -2683,8 +2691,8 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
       }
     },
     header: l,
-    isMini: a,
-    ...o,
+    isMini: o,
+    ...a,
     children: /* @__PURE__ */ e(V, {})
   }
 ), s4 = ({
@@ -2692,13 +2700,13 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   buttonProps: n,
   category: i,
   formattedAmount: l,
-  isDarkMode: a,
-  transactionDescription: o,
+  isDarkMode: o,
+  transactionDescription: a,
   ...s
 }) => {
-  const { primary_transaction: c, primary_category_guid: d } = r;
-  if (!c) return null;
-  const m = c.top_level_category_guid || c.category_guid || d || "", p = c.merchant_guid || "", u = m || d, C = a ? "linear-gradient(#19B07B, #006642)" : "linear-gradient(#D9FDEA, #8DF1CE)";
+  const { primary_transaction: h, primary_category_guid: d } = r;
+  if (!h) return null;
+  const m = h.top_level_category_guid || h.category_guid || d || "", p = h.merchant_guid || "", u = m || d, C = o ? "linear-gradient(#19B07B, #006642)" : "linear-gradient(#D9FDEA, #8DF1CE)";
   return /* @__PURE__ */ e(
     v,
     {
@@ -2713,20 +2721,20 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
         ...s.header,
         hasFullWidthImage: !0
       },
-      children: /* @__PURE__ */ e(y, { sx: { background: C, p: 16, width: "100%" }, children: /* @__PURE__ */ e(P, { sx: { bgcolor: a ? "grey.800" : "common.white", p: 16 }, children: /* @__PURE__ */ h(E, { sx: { alignItems: "center", gap: 12 }, children: [
+      children: /* @__PURE__ */ e(y, { sx: { background: C, p: 16, width: "100%" }, children: /* @__PURE__ */ e(P, { sx: { bgcolor: o ? "grey.800" : "common.white", p: 16 }, children: /* @__PURE__ */ c(E, { sx: { alignItems: "center", gap: 12 }, children: [
         /* @__PURE__ */ e(
           _,
           {
-            alt: c.description,
+            alt: h.description,
             categoryGuid: m,
             merchantGuid: p,
             size: 40
           }
         ),
-        /* @__PURE__ */ h(E, { sx: { alignItems: "center", gap: 4 }, children: [
+        /* @__PURE__ */ c(E, { sx: { alignItems: "center", gap: 4 }, children: [
           /* @__PURE__ */ e(i1, { color: "success.main", children: l }),
-          /* @__PURE__ */ e(f, { bold: !0, sx: { fontSize: 13, lineHeight: "16px" }, children: o }),
-          /* @__PURE__ */ h(E, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+          /* @__PURE__ */ e(k, { bold: !0, sx: { fontSize: 13, lineHeight: "16px" }, children: a }),
+          /* @__PURE__ */ c(E, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
             u && /* @__PURE__ */ e(
               p1,
               {
@@ -2737,7 +2745,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
                 variant: "transparent"
               }
             ),
-            /* @__PURE__ */ e(f, { color: "text.secondary", sx: { fontSize: 11, lineHeight: "16px" }, children: i })
+            /* @__PURE__ */ e(k, { color: "text.secondary", sx: { fontSize: 11, lineHeight: "16px" }, children: i })
           ] })
         ] })
       ] }) }) })
@@ -2761,9 +2769,9 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   account_guid_2: n,
   account_1_alt_text: i,
   account_2_alt_text: l,
-  isSuccess: a
+  isSuccess: o
 }) => {
-  const o = M.useRef(null), { height: s, width: c } = U(o);
+  const a = f.useRef(null), { height: s, width: h } = U(a);
   return /* @__PURE__ */ e(
     y,
     {
@@ -2773,10 +2781,10 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
         p: 16,
         width: "100%"
       },
-      children: /* @__PURE__ */ h(
+      children: /* @__PURE__ */ c(
         y,
         {
-          ref: o,
+          ref: a,
           sx: {
             alignItems: "center",
             display: "flex",
@@ -2787,8 +2795,8 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
             p: 16
           },
           children: [
-            /* @__PURE__ */ e(l1, { height: s, shouldRun: a, width: c }),
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ e(l1, { height: s, shouldRun: o, width: h }),
+            /* @__PURE__ */ c(
               y,
               {
                 sx: {
@@ -2799,7 +2807,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
                   width: 268
                 },
                 children: [
-                  /* @__PURE__ */ h(
+                  /* @__PURE__ */ c(
                     y,
                     {
                       sx: {
@@ -2822,7 +2830,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
                         ),
                         /* @__PURE__ */ e(t1, { sx: { marginLeft: 11 } }),
                         /* @__PURE__ */ e(t1, { sx: { marginLeft: 4 } }),
-                        a ? /* @__PURE__ */ e(
+                        o ? /* @__PURE__ */ e(
                           J,
                           {
                             fill: !0,
@@ -2899,12 +2907,12 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
     height: "100%",
     justifyContent: "space-between",
     sx: { bgcolor: "background.paper" },
-    children: /* @__PURE__ */ h(y, { height: "100%", overflow: "auto", children: [
-      /* @__PURE__ */ h(y, { children: [
+    children: /* @__PURE__ */ c(y, { height: "100%", overflow: "auto", children: [
+      /* @__PURE__ */ c(y, { children: [
         /* @__PURE__ */ e(i1, { sx: { p: "16px 24px 8px 24px", whiteSpace: "wrap" }, children: r.header_text }),
-        /* @__PURE__ */ h(E, { sx: { gap: 12, px: 24 }, children: [
+        /* @__PURE__ */ c(E, { sx: { gap: 12, px: 24 }, children: [
           /* @__PURE__ */ e(L, { color: "textSecondary", fontSize: 13, children: r.description }),
-          /* @__PURE__ */ e(g1, { children: r.benefits_list_array.map((i, l) => /* @__PURE__ */ h(
+          /* @__PURE__ */ e(g1, { children: r.benefits_list_array.map((i, l) => /* @__PURE__ */ c(
             Z1,
             {
               sx: {
@@ -2930,10 +2938,10 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
           )) })
         ] })
       ] }),
-      /* @__PURE__ */ h(y, { children: [
-        /* @__PURE__ */ e(f, { bold: !0, fontSize: 15, sx: { p: "16px 24px 8px 24px" }, children: r.shared_info_header_text }),
+      /* @__PURE__ */ c(y, { children: [
+        /* @__PURE__ */ e(k, { bold: !0, fontSize: 15, sx: { p: "16px 24px 8px 24px" }, children: r.shared_info_header_text }),
         /* @__PURE__ */ e(L, { color: "textSecondary", fontSize: 13, sx: { mb: 16, mx: 24 }, children: r.shared_info_description }),
-        /* @__PURE__ */ e(g1, { sx: { p: "16px 24px" }, children: r.shared_info_list_array.map((i, l) => /* @__PURE__ */ h(
+        /* @__PURE__ */ e(g1, { sx: { p: "16px 24px" }, children: r.shared_info_list_array.map((i, l) => /* @__PURE__ */ c(
           Z1,
           {
             sx: {
@@ -2970,9 +2978,9 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
           `lower-list-${l}`
         )) })
       ] }),
-      /* @__PURE__ */ h(E, { sx: { alignItems: "center", justifyContent: "center", pb: 16 }, children: [
-        /* @__PURE__ */ e(f, { bold: !0, sx: { p: "16px 24px 8px 24px" }, children: r.footer_title }),
-        /* @__PURE__ */ h(y, { sx: { display: "flex", gap: 24, p: "12px 24px" }, children: [
+      /* @__PURE__ */ c(E, { sx: { alignItems: "center", justifyContent: "center", pb: 16 }, children: [
+        /* @__PURE__ */ e(k, { bold: !0, sx: { p: "16px 24px 8px 24px" }, children: r.footer_title }),
+        /* @__PURE__ */ c(y, { sx: { display: "flex", gap: 24, p: "12px 24px" }, children: [
           /* @__PURE__ */ e(
             F,
             {
@@ -2998,10 +3006,10 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   account_2_alt_text: n,
   account_guid_1: i,
   account_guid_2: l,
-  beat: a,
-  height: o,
+  beat: o,
+  height: a,
   isSuccess: s
-}) => /* @__PURE__ */ e(Ne, { beat: a, height: o, children: /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(Ne, { beat: o, height: a, children: /* @__PURE__ */ e(
   kt,
   {
     account_1_alt_text: r,
@@ -3015,12 +3023,12 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   isMini: n,
   ...i
 }) => {
-  const l = r ? N1 : gt, a = {
+  const l = r ? N1 : gt, o = {
     height: "auto",
     marginBottom: 16,
     width: n ? "30%" : "50%"
-  }, o = r ? { ...a, width: n ? "50%" : "70%" } : a;
-  return /* @__PURE__ */ e(v, { ...i, isMini: n, children: /* @__PURE__ */ e(j, { divProps: { style: o }, image: l }) });
+  }, a = r ? { ...o, width: n ? "50%" : "70%" } : o;
+  return /* @__PURE__ */ e(v, { ...i, isMini: n, children: /* @__PURE__ */ e(j, { divProps: { style: a }, image: l }) });
 }, St = (r, n) => /* @__PURE__ */ t.createElement("svg", { width: 300, height: 150, viewBox: "0 0 300 150", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, ...r }, /* @__PURE__ */ t.createElement("g", { clipPath: "url(#clip0_894_181586)" }, /* @__PURE__ */ t.createElement("path", { d: "M263.546 101.006C256.166 68.1421 233.551 75.6061 227.423 34.1081C223.95 10.5858 193.86 0.812505 174.964 0.627529C141.662 0.308026 109.736 30.3465 76.5568 42.9865C36.6205 58.1937 3.04153 79.4439 43.6467 104.539C70.1761 120.935 163.779 139.129 212.809 141.534C246.25 143.148 268.489 123.018 263.546 101.006Z", className: "brand100", fill: "#DFE8FD" }), /* @__PURE__ */ t.createElement("path", { d: "M125.12 51.127H241.305", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M243.12 116.479H125.12V127.371H243.12V116.479Z", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M234.042 51.127H132.38V58.3885H234.042V51.127Z", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M208.627 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M224.966 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M175.951 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M192.289 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M143.274 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M183.212 13.0195L125.12 40.2366", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M241.304 40.2207L183.212 13.0037", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M125.12 40.2344V51.1267", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M241.304 40.2344V51.1267", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M159.612 60.2012V116.478", className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("circle", { cx: 183.212, cy: 32.9715, r: 7.50159, className: "brand300", stroke: "#2C64EF", strokeWidth: 3.15067 }), /* @__PURE__ */ t.createElement("g", { filter: "url(#filter0_d_894_181586)" }, /* @__PURE__ */ t.createElement("rect", { x: 40, y: 45.2305, width: 125, height: 96.3326, rx: 8.26446, fill: "white" }), /* @__PURE__ */ t.createElement("rect", { x: 80.9224, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 96.9399, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 112.949, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 128.966, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 144.975, y: 72.9219, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 48.9053, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 64.9136, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 80.9224, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 96.9399, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 112.949, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand200", fill: "#A0B9F8" }), /* @__PURE__ */ t.createElement("rect", { x: 128.966, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 144.975, y: 88.9316, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 48.9053, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 48.9053, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 64.9136, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 64.9136, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 80.9224, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 80.9224, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 96.9399, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 96.9399, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 112.949, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 112.949, y: 120.957, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 128.966, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("rect", { x: 144.975, y: 104.947, width: 12.1384, height: 12.1384, rx: 1.15377, className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("path", { d: "M40 53.4949C40 48.9306 43.7001 45.2305 48.2645 45.2305H156.736C161.3 45.2305 165 48.9306 165 53.4949V65.8916H40V53.4949Z", className: "brand300", fill: "#2C64EF" }), /* @__PURE__ */ t.createElement("circle", { cx: 58.599, cy: 56.144, r: 4.13223, className: "brand400", fill: "#163278" }), /* @__PURE__ */ t.createElement("circle", { cx: 116.964, cy: 56.144, r: 4.13223, className: "brand400", fill: "#163278" }), /* @__PURE__ */ t.createElement("circle", { cx: 87.786, cy: 56.144, r: 4.13223, className: "brand400", fill: "#163278" }), /* @__PURE__ */ t.createElement("circle", { cx: 146.15, cy: 56.144, r: 4.13223, className: "brand400", fill: "#163278" }), /* @__PURE__ */ t.createElement("rect", { x: 56.7832, y: 36, width: 3.6157, height: 21.6942, rx: 1.80785, fill: "white" }), /* @__PURE__ */ t.createElement("rect", { x: 115.148, y: 36, width: 3.6157, height: 21.6942, rx: 1.80785, fill: "white" }), /* @__PURE__ */ t.createElement("rect", { x: 85.9702, y: 36, width: 3.6157, height: 21.6942, rx: 1.80785, fill: "white" }), /* @__PURE__ */ t.createElement("rect", { x: 144.335, y: 36, width: 3.6157, height: 21.6942, rx: 1.80785, fill: "white" }), /* @__PURE__ */ t.createElement("path", { d: "M111.429 87.9199C116.151 92.8731 120.873 97.8263 123.354 100.396C125.834 102.967 125.931 103.004 126.056 103.068", className: "brand400", stroke: "#163278", strokeWidth: 2.30754, strokeLinecap: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M126.469 88.2559C126.452 88.2559 126.435 88.2559 124.288 89.8936C122.142 91.5313 117.867 94.8068 115.156 97.0827C112.445 99.3587 111.427 100.536 110.379 101.749", className: "brand400", stroke: "#163278", strokeWidth: 2.30754, strokeLinecap: "round" }))), /* @__PURE__ */ t.createElement("defs", null, /* @__PURE__ */ t.createElement("filter", { id: "filter0_d_894_181586", x: 30.7699, y: 29.0774, width: 143.46, height: 124.023, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ t.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ t.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), /* @__PURE__ */ t.createElement("feOffset", { dy: 2.30754 }), /* @__PURE__ */ t.createElement("feGaussianBlur", { stdDeviation: 4.61507 }), /* @__PURE__ */ t.createElement("feComposite", { in2: "hardAlpha", operator: "out" }), /* @__PURE__ */ t.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" }), /* @__PURE__ */ t.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_894_181586" }), /* @__PURE__ */ t.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_894_181586", result: "shape" })), /* @__PURE__ */ t.createElement("clipPath", { id: "clip0_894_181586" }, /* @__PURE__ */ t.createElement("rect", { width: 300, height: 150, fill: "white" })))), wt = W(St), m4 = ({
   beat: r,
   isCIBC: n,
@@ -3052,19 +3060,19 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   beat: n,
   buttonProps: i,
   header: l,
-  isMini: a
+  isMini: o
 }) => /* @__PURE__ */ e(
   v,
   {
     altLoadingText: r,
     beat: n,
-    button: /* @__PURE__ */ h(E, { spacing: 10, children: [
+    button: /* @__PURE__ */ c(E, { spacing: 10, children: [
       /* @__PURE__ */ e(
         G,
         {
           beat: n,
           ...i,
-          onClick: (o) => i?.onClick?.(o, A.Primary)
+          onClick: (a) => i?.onClick?.(a, A.Primary)
         }
       ),
       n.supporting_action && /* @__PURE__ */ e(
@@ -3072,19 +3080,19 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
         {
           ...i,
           beat: n,
-          onClick: (o) => i?.onClick?.(o, A.Secondary),
+          onClick: (a) => i?.onClick?.(a, A.Secondary),
           primary: !1
         }
       )
     ] }),
     header: l,
-    isMini: a,
-    children: /* @__PURE__ */ e(y, { maxHeight: a ? 200 : "auto", ml: -16, mr: -16, children: /* @__PURE__ */ e(
+    isMini: o,
+    children: /* @__PURE__ */ e(y, { maxHeight: o ? 200 : "auto", ml: -16, mr: -16, children: /* @__PURE__ */ e(
       "img",
       {
         alt: n.description,
         src: n.image_url,
-        style: { width: "100%", height: a ? 200 : "auto" }
+        style: { width: "100%", height: o ? 200 : "auto" }
       }
     ) })
   }
@@ -3093,24 +3101,24 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   buttonProps: n,
   colors: i,
   data: l,
-  legendLabelComparison: a,
-  legendLabelMain: o,
+  legendLabelComparison: o,
+  legendLabelMain: a,
   onBarClick: s,
-  ...c
+  ...h
 }) => /* @__PURE__ */ e(
   v,
   {
     beat: r,
     button: l.length ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(G, { ...n, beat: r }) }) : null,
-    ...c,
+    ...h,
     children: l.length ? /* @__PURE__ */ e(
       M1,
       {
         colors: i,
         data: l,
-        isMini: c.isMini,
-        legendLabelComparison: a,
-        legendLabelMain: o,
+        isMini: h.isMini,
+        legendLabelComparison: o,
+        legendLabelMain: a,
         margin: {
           bottom: 32,
           left: 2,
@@ -3126,22 +3134,22 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   goalContribution: n = "",
   isDarkMode: i,
   payload: l,
-  percentageCompleteText: a,
-  showGoalContributedLastMonth: o,
+  percentageCompleteText: o,
+  showGoalContributedLastMonth: a,
   showProjectedToCompleteDate: s,
-  title: c,
+  title: h,
   totalSavedText: d
 }) => {
   const m = K1(i ? "dark" : "light");
-  return /* @__PURE__ */ e(X1, { theme: m, children: /* @__PURE__ */ e(y, { className: "mx-insights-mefr-body", "data-ui-test": "mefr-body", sx: { mb: 16 }, children: /* @__PURE__ */ h(We, { title: c, children: [
+  return /* @__PURE__ */ e(X1, { theme: m, children: /* @__PURE__ */ e(y, { className: "mx-insights-mefr-body", "data-ui-test": "mefr-body", sx: { mb: 16 }, children: /* @__PURE__ */ c(We, { title: h, children: [
     /* @__PURE__ */ e(
       ze,
       {
         goalPercentage: l.goal_percentage,
-        percentageCompleteText: a
+        percentageCompleteText: o
       }
     ),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ c(
       y,
       {
         className: "mx-insights-mefr-body-content",
@@ -3149,11 +3157,11 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
         sx: { marginTop: 8 },
         children: [
           !!s && /* @__PURE__ */ e(Jt, { goalCompletionDate: r }),
-          !!o && /* @__PURE__ */ e(bt, { goalContribution: n }),
+          !!a && /* @__PURE__ */ e(bt, { goalContribution: n }),
           /* @__PURE__ */ e(
             Lt,
             {
-              showGoalContributedLastMonth: o,
+              showGoalContributedLastMonth: a,
               totalSavedText: d
             }
           )
@@ -3161,7 +3169,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
       }
     )
   ] }) }) });
-}, bt = ({ goalContribution: r }) => /* @__PURE__ */ h(
+}, bt = ({ goalContribution: r }) => /* @__PURE__ */ c(
   E,
   {
     "data-ui-test": "mefr-body-contributed",
@@ -3174,7 +3182,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
     children: [
       /* @__PURE__ */ e(J, { color: "secondary", fill: !0, name: "bid_landscape", sx: { mr: 4 } }),
       /* @__PURE__ */ e(
-        f,
+        k,
         {
           dangerouslySetInnerHTML: { __html: r },
           "data-ui-test": "mefr-contributed-text",
@@ -3183,7 +3191,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
       )
     ]
   }
-), Jt = ({ goalCompletionDate: r }) => /* @__PURE__ */ h(
+), Jt = ({ goalCompletionDate: r }) => /* @__PURE__ */ c(
   E,
   {
     "data-ui-test": "mefr-body-projected",
@@ -3196,7 +3204,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
     children: [
       /* @__PURE__ */ e(J, { name: "calendar_month", sx: { mr: 4 } }),
       /* @__PURE__ */ e(
-        f,
+        k,
         {
           dangerouslySetInnerHTML: { __html: r },
           "data-ui-test": "mefr-projected-text",
@@ -3208,7 +3216,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
 ), Lt = ({
   showGoalContributedLastMonth: r,
   totalSavedText: n
-}) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ c(
   E,
   {
     "data-ui-test": "mefr-body-saved",
@@ -3221,7 +3229,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
     children: [
       /* @__PURE__ */ e(J, { name: "paid", sx: { mr: 4 } }),
       /* @__PURE__ */ e(
-        f,
+        k,
         {
           className: "mx-insights-mefr-saved-text",
           dangerouslySetInnerHTML: { __html: n },
@@ -3236,24 +3244,24 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   buttonProps: n,
   colors: i,
   data: l,
-  legendLabelComparison: a,
-  legendLabelMain: o,
+  legendLabelComparison: o,
+  legendLabelMain: a,
   onBarClick: s,
-  ...c
+  ...h
 }) => /* @__PURE__ */ e(
   v,
   {
     beat: r,
     button: l.length ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(G, { ...n, beat: r }) }) : null,
-    ...c,
+    ...h,
     children: l.length ? /* @__PURE__ */ e(
       M1,
       {
         colors: i,
         data: l,
-        isMini: c.isMini,
-        legendLabelComparison: a,
-        legendLabelMain: o,
+        isMini: h.isMini,
+        legendLabelComparison: o,
+        legendLabelMain: a,
         margin: {
           bottom: 32,
           left: 2,
@@ -3269,36 +3277,36 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   beat: n,
   buttonProps: i,
   color: l,
-  data: a,
-  legendLabelAvg: o,
+  data: o,
+  legendLabelAvg: a,
   legendLabelMain: s,
-  onBarClick: c,
+  onBarClick: h,
   ...d
-}) => /* @__PURE__ */ e(v, { ...d, beat: n, button: /* @__PURE__ */ e(G, { ...i, beat: n }), children: a.length > 0 ? /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(v, { ...d, beat: n, button: /* @__PURE__ */ e(G, { ...i, beat: n }), children: o.length > 0 ? /* @__PURE__ */ e(
   n1,
   {
     amounts: r,
     color: l,
-    data: a,
+    data: o,
     isMini: d.isMini,
-    legendLabelAvg: o,
+    legendLabelAvg: a,
     legendLabelMain: s,
     margin: { bottom: 32, left: 2, right: 2, top: 24 },
-    onBarClick: c
+    onBarClick: h
   }
 ) : /* @__PURE__ */ e(j, { image: f1 }) }), M4 = ({
   beat: r,
   buttonProps: n,
   colors: i,
   data: l,
-  legendLabelComparison: a,
-  legendLabelMain: o,
+  legendLabelComparison: o,
+  legendLabelMain: a,
   onBarClick: s,
-  ...c
+  ...h
 }) => /* @__PURE__ */ e(
   v,
   {
-    ...c,
+    ...h,
     beat: r,
     button: l.length ? /* @__PURE__ */ e(E, { spacing: 10, sx: { pt: 8 }, children: /* @__PURE__ */ e(G, { ...n, beat: r }) }) : null,
     children: l.length ? /* @__PURE__ */ e(
@@ -3306,9 +3314,9 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
       {
         colors: i,
         data: l,
-        isMini: c.isMini,
-        legendLabelComparison: a,
-        legendLabelMain: o,
+        isMini: h.isMini,
+        legendLabelComparison: o,
+        legendLabelMain: a,
         margin: {
           bottom: 32,
           left: 2,
@@ -3350,10 +3358,10 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
       default:
         return 20;
     }
-  }, a = () => {
+  }, o = () => {
     const s = r.length > 4 ? 4 : r.length;
     return s * 48 - s * 2;
-  }, o = r.length - 3;
+  }, a = r.length - 3;
   return /* @__PURE__ */ e(
     y,
     {
@@ -3371,10 +3379,10 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
         {
           sx: {
             position: "absolute",
-            width: a()
+            width: o()
           },
-          children: r.map((s, c) => {
-            if (c < 3)
+          children: r.map((s, h) => {
+            if (h < 3)
               return /* @__PURE__ */ e(
                 y,
                 {
@@ -3383,8 +3391,8 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
                     borderColor: "common.white",
                     borderRadius: "6px",
                     color: "common.white",
-                    top: l(c),
-                    left: i(c),
+                    top: l(h),
+                    left: i(h),
                     position: "absolute"
                   },
                   children: /* @__PURE__ */ e(
@@ -3395,12 +3403,12 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
                       merchantGuid: s.merchantGuid || "",
                       size: 48
                     },
-                    c
+                    h
                   )
                 },
                 s.guid
               );
-            if (c === 3)
+            if (h === 3)
               return /* @__PURE__ */ e(
                 y,
                 {
@@ -3414,12 +3422,12 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
                     display: "flex",
                     height: 48,
                     justifyContent: "center",
-                    left: i(c),
+                    left: i(h),
                     position: "absolute",
-                    top: l(c),
+                    top: l(h),
                     width: 48
                   },
-                  children: /* @__PURE__ */ e(L, { fontSize: 24, children: ` +${o}` })
+                  children: /* @__PURE__ */ e(L, { fontSize: 24, children: ` +${a}` })
                 },
                 "display-count"
               );
@@ -3428,7 +3436,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
       )
     }
   );
-}, Gt = ({ amount: r, categoryGuid: n, description: i, feedDescription: l, merchantGuid: a }) => /* @__PURE__ */ h(
+}, Gt = ({ amount: r, categoryGuid: n, description: i, feedDescription: l, merchantGuid: o }) => /* @__PURE__ */ c(
   E,
   {
     sx: {
@@ -3445,19 +3453,19 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
         {
           alt: i,
           categoryGuid: n || "",
-          merchantGuid: a || "",
+          merchantGuid: o || "",
           size: 32
         }
       ),
       /* @__PURE__ */ e(
-        f,
+        k,
         {
           bold: !0,
           sx: { fontSize: 18, overflow: "hidden", textOverflow: "ellipsis", maxWidth: 255 },
           children: l
         }
       ),
-      /* @__PURE__ */ e(f, { color: "secondary", fontSize: "small", children: r })
+      /* @__PURE__ */ e(k, { color: "secondary", fontSize: "small", children: r })
     ]
   }
 ), k4 = ({
@@ -3465,17 +3473,17 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   beat: n,
   buttonProps: i,
   color: l,
-  data: a,
-  legendLabelMain: o,
+  data: o,
+  legendLabelMain: a,
   onBarClick: s,
-  selectedTabIndex: c,
+  selectedTabIndex: h,
   ...d
 }) => /* @__PURE__ */ e(
   v,
   {
     ...d,
     beat: n,
-    button: a.length ? /* @__PURE__ */ e(E, { spacing: 10, sx: { pt: 8 }, children: /* @__PURE__ */ e(
+    button: o.length ? /* @__PURE__ */ e(E, { spacing: 10, sx: { pt: 8 }, children: /* @__PURE__ */ e(
       G,
       {
         ...i,
@@ -3483,14 +3491,14 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
         onClick: (m) => i?.onClick?.(m, A.Primary)
       }
     ) }) : null,
-    children: a.length ? /* @__PURE__ */ e(
+    children: o.length ? /* @__PURE__ */ e(
       n1,
       {
         amounts: r,
         color: l,
-        data: a,
+        data: o,
         isMini: d.isMini,
-        legendLabelMain: o,
+        legendLabelMain: a,
         margin: {
           bottom: 32,
           left: 2,
@@ -3498,7 +3506,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
           top: 24
         },
         onBarClick: s,
-        selectedTabIndex: c
+        selectedTabIndex: h
       }
     ) : /* @__PURE__ */ e(B, {})
   }
@@ -3507,10 +3515,10 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   animation: n,
   leftLowerText: i,
   leftUpperText: l,
-  isComplete: a,
-  isMini: o,
+  isComplete: o,
+  isMini: a,
   headerString: s,
-  rightLowerText: c,
+  rightLowerText: h,
   rightUpperText: d
 }) => /* @__PURE__ */ e(
   W1,
@@ -3518,14 +3526,14 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
     account: r,
     animation: n,
     headerString: s,
-    isComplete: a,
-    isMini: o,
+    isComplete: o,
+    isMini: a,
     leftLowerText: i,
     leftUpperText: l,
-    rightLowerText: c,
+    rightLowerText: h,
     rightUpperText: d
   }
-), J1 = ({ accountGuid: r, accountName: n }) => /* @__PURE__ */ h(
+), J1 = ({ accountGuid: r, accountName: n }) => /* @__PURE__ */ c(
   E,
   {
     className: "mx-insights-sdd-account-Card",
@@ -3567,7 +3575,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   externalAccountName: n,
   heldAccountName: i,
   sourceAccountGuid: l
-}) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ c(
   E,
   {
     className: "mx-insights-sdd-main-container",
@@ -3593,23 +3601,23 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   animation: n,
   destinationAccountGuid: i,
   externalAccountName: l,
-  heldAccountName: a,
-  headerString: o,
+  heldAccountName: o,
+  headerString: a,
   isComplete: s,
-  isMini: c,
+  isMini: h,
   leftLowerText: d,
   leftUpperText: m,
   rightLowerText: p,
   rightUpperText: u,
   sourceAccountGuid: C
-}) => /* @__PURE__ */ e(M.Fragment, { children: s ? /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(f.Fragment, { children: s ? /* @__PURE__ */ e(
   W1,
   {
     account: r,
     animation: n,
-    headerString: o,
+    headerString: a,
     isComplete: s,
-    isMini: c,
+    isMini: h,
     leftLowerText: d,
     leftUpperText: m,
     rightLowerText: p,
@@ -3620,7 +3628,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   {
     destinationAccountGuid: i,
     externalAccountName: l,
-    heldAccountName: a,
+    heldAccountName: o,
     sourceAccountGuid: C
   }
 ) }), Rt = ({
@@ -3628,14 +3636,14 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   category: n,
   formattedNumber: i,
   institutionName: l,
-  isMini: a = !1
+  isMini: o = !1
 }) => {
-  const o = {
-    logoSize: a ? 32 : 40
+  const a = {
+    logoSize: o ? 32 : 40
   }, s = {
     boxContainer: {
       background: "linear-gradient(205.05deg, #CEFEE6 0.8%, #8EEBBE 98.51%)",
-      marginBottom: a ? 0 : 24,
+      marginBottom: o ? 0 : 24,
       py: 16,
       px: 24,
       width: "100%"
@@ -3650,7 +3658,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
       width: "100%"
     }
   };
-  return /* @__PURE__ */ e(E, { sx: s.boxContainer, children: /* @__PURE__ */ h(
+  return /* @__PURE__ */ e(E, { sx: s.boxContainer, children: /* @__PURE__ */ c(
     P,
     {
       sx: {
@@ -3664,7 +3672,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
             alt: l,
             categoryGuid: r.primary_transaction?.top_level_category_guid || "",
             merchantGuid: r.primary_transaction?.merchant_guid || "",
-            size: o.logoSize
+            size: a.logoSize
           }
         ),
         /* @__PURE__ */ e(
@@ -3677,7 +3685,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
           }
         ),
         /* @__PURE__ */ e(L, { sx: { fontSize: 13, fontWeight: 400, p: 4 }, variant: "Small", children: r.primary_transaction?.description }),
-        /* @__PURE__ */ h(E, { alignItems: "center", direction: "row", children: [
+        /* @__PURE__ */ c(E, { alignItems: "center", direction: "row", children: [
           r.primary_transaction?.top_level_category_guid && /* @__PURE__ */ e(
             p1,
             {
@@ -3704,8 +3712,8 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   buttonProps: n,
   category: i,
   formattedNumber: l,
-  institutionName: a,
-  isMini: o,
+  institutionName: o,
+  isMini: a,
   ...s
 }) => /* @__PURE__ */ e(
   v,
@@ -3720,15 +3728,15 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
       ...s.header,
       hasFullWidthImage: !0
     },
-    isMini: o,
+    isMini: a,
     children: /* @__PURE__ */ e(
       Rt,
       {
         beat: r,
         category: i,
         formattedNumber: l,
-        institutionName: a || "",
-        isMini: o
+        institutionName: o || "",
+        isMini: a
       }
     )
   }
@@ -3745,22 +3753,22 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
         my: 8
       },
       width: "100%",
-      children: n.map((l, a) => {
-        const o = r[l];
-        return /* @__PURE__ */ h(d1, { alignItems: "center", spacing: 3, children: [
+      children: n.map((l, o) => {
+        const a = r[l];
+        return /* @__PURE__ */ c(d1, { alignItems: "center", spacing: 3, children: [
           /* @__PURE__ */ e(
-            f,
+            k,
             {
               sx: {
-                color: o ? "success.main" : "text.secondary",
-                fontWeight: o ? 700 : 400
+                color: a ? "success.main" : "text.secondary",
+                fontWeight: a ? 700 : 400
               },
               variant: "Small",
               children: l
             }
           ),
-          o ? /* @__PURE__ */ e(V1, { color: i.palette.success.main, size: 24 }) : /* @__PURE__ */ e(It, { color: i.palette.background.highlight })
-        ] }, a);
+          a ? /* @__PURE__ */ e(V1, { color: i.palette.success.main, size: 24 }) : /* @__PURE__ */ e(It, { color: i.palette.background.highlight })
+        ] }, o);
       })
     }
   );
@@ -3769,12 +3777,12 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   buttonProps: n,
   isZeroState: i,
   displayData: l,
-  ...a
+  ...o
 }) => {
-  const { no_spend_days: o } = r.payload, { noSpendDays: s, dollarBillAltText: c, daysOfTheWeek: d } = l, m = Kt[o.length || 0], p = M.useRef(null), { height: u, width: C } = U(p);
-  return /* @__PURE__ */ e(v, { ...a, beat: r, button: /* @__PURE__ */ e(G, { ...n, beat: r }), children: i ? /* @__PURE__ */ e(lt, {}) : /* @__PURE__ */ h(d1, { alignItems: "center", justifyContent: "center", ref: p, width: "100%", children: [
-    /* @__PURE__ */ e("img", { alt: c, src: m, width: 138 }),
-    o?.length >= 4 && /* @__PURE__ */ e(l1, { height: u, shouldRun: !0, width: C }),
+  const { no_spend_days: a } = r.payload, { noSpendDays: s, dollarBillAltText: h, daysOfTheWeek: d } = l, m = Kt[a.length || 0], p = f.useRef(null), { height: u, width: C } = U(p);
+  return /* @__PURE__ */ e(v, { ...o, beat: r, button: /* @__PURE__ */ e(G, { ...n, beat: r }), children: i ? /* @__PURE__ */ e(lt, {}) : /* @__PURE__ */ c(d1, { alignItems: "center", justifyContent: "center", ref: p, width: "100%", children: [
+    /* @__PURE__ */ e("img", { alt: h, src: m, width: 138 }),
+    a?.length >= 4 && /* @__PURE__ */ e(l1, { height: u, shouldRun: !0, width: C }),
     /* @__PURE__ */ e(Yt, { daysOfTheWeek: d, noSpendDays: s })
   ] }) });
 }, Vt = ({ children: r, value: n }) => /* @__PURE__ */ e(
@@ -3810,22 +3818,22 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   buttonProps: n,
   content: i,
   handleFeedbackSubmit: l,
-  header: a,
-  isMini: o,
+  header: o,
+  isMini: a,
   ...s
 }) => {
-  const c = N(), d = new Array(5).fill(!1), [m, p] = M.useState(0), [u, C] = M.useState(d), [k, w] = M.useState(""), [x, g] = M.useState([]), b = u.findIndex(Boolean), Y = [i.question1, i.question2, i.question3], I = m < 2, O = m === 2, S = m === Y.length - 1, H = m === Y.length, Z = (z, K) => {
+  const h = N(), d = new Array(5).fill(!1), [m, p] = f.useState(0), [u, C] = f.useState(d), [M, b] = f.useState(""), [Z, x] = f.useState([]), S = u.findIndex(Boolean), H = [i.question1, i.question2, i.question3], I = m < 2, O = m === 2, w = m === H.length - 1, R = m === H.length, g = (z, K) => {
     C(u.map((Ut, j1) => j1.toString() === K));
-  }, R = () => {
+  }, Y = () => {
     let z;
     if (I)
-      z = b + 1;
+      z = S + 1;
     else if (O)
-      z = k;
+      z = M;
     else
       return;
-    const K = [...x, z];
-    g(K), p(m + 1), C(d), w(""), S && l(K);
+    const K = [...Z, z];
+    x(K), p(m + 1), C(d), b(""), w && l(K);
   }, D = {
     component: "span",
     fontWeight: "bold",
@@ -3836,32 +3844,32 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
     v,
     {
       beat: r,
-      button: !H && /* @__PURE__ */ e(
+      button: !R && /* @__PURE__ */ e(
         G,
         {
           beat: {
             ...r,
-            call_to_action: S ? i.submit_feedback : i.continue
+            call_to_action: w ? i.submit_feedback : i.continue
           },
           ...n,
-          disabled: I && !u.some(Boolean) || O && !k.trim(),
-          onClick: R
+          disabled: I && !u.some(Boolean) || O && !M.trim(),
+          onClick: Y
         }
       ),
       contentProps: {
         hideDescription: !0
       },
-      header: o ? void 0 : {
-        ...a,
+      header: a ? void 0 : {
+        ...o,
         sx: {
           mb: 0
         }
       },
       ...s,
-      children: /* @__PURE__ */ h(o1, { width: "100%", children: [
-        /* @__PURE__ */ e(f, { ...D, color: c.palette.secondary.main, fontWeight: "regular", children: i.description }),
-        /* @__PURE__ */ h(o1, { mb: H ? 0 : 20, mt: 20, children: [
-          /* @__PURE__ */ h(
+      children: /* @__PURE__ */ c(o1, { width: "100%", children: [
+        /* @__PURE__ */ e(k, { ...D, color: h.palette.secondary.main, fontWeight: "regular", children: i.description }),
+        /* @__PURE__ */ c(o1, { mb: R ? 0 : 20, mt: 20, children: [
+          /* @__PURE__ */ c(
             x1,
             {
               sx: {
@@ -3870,33 +3878,33 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ e(f, { ...D, children: H ? i.thank_you : `${Y[m]} ` }),
-                !H && /* @__PURE__ */ h(f, { color: c.palette.secondary.main, component: "span", variant: "XSmall", children: [
+                /* @__PURE__ */ e(k, { ...D, children: R ? i.thank_you : `${H[m]} ` }),
+                !R && /* @__PURE__ */ c(k, { color: h.palette.secondary.main, component: "span", variant: "XSmall", children: [
                   "(",
                   m + 1,
                   "/",
-                  Y.length,
+                  H.length,
                   ")"
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ h(o1, { mt: 16, children: [
-            I && /* @__PURE__ */ h(V, { children: [
+          /* @__PURE__ */ c(o1, { mt: 16, children: [
+            I && /* @__PURE__ */ c(V, { children: [
               /* @__PURE__ */ e(
                 ce,
                 {
                   exclusive: !0,
                   fullWidth: !0,
-                  onChange: Z,
+                  onChange: g,
                   sx: { justifyContent: "center" },
-                  value: b.toString(),
+                  value: S.toString(),
                   children: u.map((z, K) => /* @__PURE__ */ e(Vt, { value: K.toString(), children: K + 1 }, K))
                 }
               ),
-              /* @__PURE__ */ h(x1, { alignItems: "center", display: "flex", justifyContent: "space-between", mt: 4, children: [
-                /* @__PURE__ */ e(f, { ...D, children: i.strongly_disagree }),
-                /* @__PURE__ */ e(f, { ...D, children: i.strongly_agree })
+              /* @__PURE__ */ c(x1, { alignItems: "center", display: "flex", justifyContent: "space-between", mt: 4, children: [
+                /* @__PURE__ */ e(k, { ...D, children: i.strongly_disagree }),
+                /* @__PURE__ */ e(k, { ...D, children: i.strongly_agree })
               ] })
             ] }),
             O && /* @__PURE__ */ e(
@@ -3908,13 +3916,13 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
                 minRows: 2,
                 multiline: !0,
                 onChange: (z) => {
-                  w(z.target.value);
+                  b(z.target.value);
                 },
                 placeholder: i.feedback_placeholder,
-                value: k
+                value: M
               }
             ),
-            H && /* @__PURE__ */ e(de, { in: !0, children: /* @__PURE__ */ e(me, { severity: "success", variant: "filled", children: i.feedback_sent }) })
+            R && /* @__PURE__ */ e(de, { in: !0, children: /* @__PURE__ */ e(me, { severity: "success", variant: "filled", children: i.feedback_sent }) })
           ] })
         ] })
       ] })
@@ -3925,8 +3933,8 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   copy: n,
   shouldShow: i,
   onClose: l,
-  ...a
-}) => /* @__PURE__ */ h(G1, { fullScreen: !0, onClose: l, open: i, ...a, children: [
+  ...o
+}) => /* @__PURE__ */ c(G1, { fullScreen: !0, onClose: l, open: i, ...o, children: [
   /* @__PURE__ */ e(H1, { children: n.title }),
   /* @__PURE__ */ e(
     F,
@@ -3979,21 +3987,21 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
   institution_guid: n,
   isComplete: i,
   isError: l,
-  isLoading: a,
-  ...o
+  isLoading: o,
+  ...a
 }) => {
-  const [s, c] = M.useState(r.were_working_on_it), [d, m] = M.useState(0);
-  return M.useEffect(() => {
+  const [s, h] = f.useState(r.were_working_on_it), [d, m] = f.useState(0);
+  return f.useEffect(() => {
     if (d <= 2) {
       const p = [r.were_working_on_it, r.were_getting_closer, r.almost_there], u = setTimeout(() => {
-        m(d + 1), c(p[d]);
+        m(d + 1), h(p[d]);
       }, 4e3);
       return () => clearTimeout(u);
     }
-  }, [r, d, s]), /* @__PURE__ */ h(Pt, { copy: r, ...o, children: [
-    /* @__PURE__ */ e(E, { sx: { alignItems: "center", justifyContent: "space-between", mb: 24 }, children: /* @__PURE__ */ e(s1, { borderColor: "#E5E5E5", size: 119, children: /* @__PURE__ */ e(s1, { borderColor: "#B2B2B2", size: 97, children: /* @__PURE__ */ h(s1, { borderColor: "#808080", size: 75, children: [
+  }, [r, d, s]), /* @__PURE__ */ c(Pt, { copy: r, ...a, children: [
+    /* @__PURE__ */ e(E, { sx: { alignItems: "center", justifyContent: "space-between", mb: 24 }, children: /* @__PURE__ */ e(s1, { borderColor: "#E5E5E5", size: 119, children: /* @__PURE__ */ e(s1, { borderColor: "#B2B2B2", size: 97, children: /* @__PURE__ */ c(s1, { borderColor: "#808080", size: 75, children: [
       /* @__PURE__ */ e(Ft, {}),
-      /* @__PURE__ */ h(y, { sx: { alignItems: "center", display: "flex", gap: 4, zIndex: 1 }, children: [
+      /* @__PURE__ */ c(y, { sx: { alignItems: "center", display: "flex", gap: 4, zIndex: 1 }, children: [
         /* @__PURE__ */ e(
           X,
           {
@@ -4035,16 +4043,16 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
         )
       ] })
     ] }) }) }) }),
-    /* @__PURE__ */ h(E, { sx: { alignItems: "center", justifyContent: "center" }, children: [
+    /* @__PURE__ */ c(E, { sx: { alignItems: "center", justifyContent: "center" }, children: [
       i && !l && /* @__PURE__ */ e(a1, { sx: { textAlign: "center", whiteSpace: "wrap" }, children: r.your_direct_deposit_has_been_updated_successfully }),
-      a && /* @__PURE__ */ h(V, { children: [
+      o && /* @__PURE__ */ c(V, { children: [
         /* @__PURE__ */ e(a1, { children: r.connecting }),
         /* @__PURE__ */ e(y, { sx: { my: 24, width: "50%" }, children: /* @__PURE__ */ e(ee, { "aria-label": r.loading }) }),
-        /* @__PURE__ */ e(f, { bold: !0, variant: "Body", children: r.syncing_your_information }),
-        /* @__PURE__ */ e(f, { sx: { mt: 8 }, variant: "Small", children: s })
+        /* @__PURE__ */ e(k, { bold: !0, variant: "Body", children: r.syncing_your_information }),
+        /* @__PURE__ */ e(k, { sx: { mt: 8 }, variant: "Small", children: s })
       ] }),
-      l && /* @__PURE__ */ h(E, { sx: { gap: 24, px: 24, pb: 24 }, children: [
-        /* @__PURE__ */ h(E, { children: [
+      l && /* @__PURE__ */ c(E, { sx: { gap: 24, px: 24, pb: 24 }, children: [
+        /* @__PURE__ */ c(E, { children: [
           /* @__PURE__ */ e(a1, { sx: { alignSelf: "center" }, children: r.error_title }),
           /* @__PURE__ */ e(
             L,
@@ -4061,7 +4069,7 @@ const ut = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAACvCAYAAACM9QdJAA
             }
           )
         ] }),
-        /* @__PURE__ */ e(T, { onClick: o.onClose, sx: { mx: "auto" }, variant: "contained", children: r.error_button_text })
+        /* @__PURE__ */ e(T, { onClick: a.onClose, sx: { mx: "auto" }, variant: "contained", children: r.error_button_text })
       ] })
     ] })
   ] });