@mx-cartographer/insights-ui 1.16.11-alpha.JB7 → 1.16.11-alpha.JB9

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import { jsx as e, jsxs as d, Fragment as O } from "react/jsx-runtime";
+import { jsx as e, jsxs as h, Fragment as O } from "react/jsx-runtime";
 import * as i from "react";
-import Z, { useState as oe, useRef as T, useLayoutEffect as se, useMemo as me, useCallback as He, forwardRef as Y, useEffect as xe } from "react";
-import { BottomSheetTransition as Le, P as g, Text as M, MerchantLogo as U, InstitutionLogo as V, H3 as ae, CategoryIcon as Ce, createMXTheme as Re, CheckmarkFilledIcon as Ie, H2 as ee } from "@mxenabled/mxui";
+import Z, { useState as oe, useRef as D, useLayoutEffect as ke, useMemo as me, useCallback as He, forwardRef as Y, useEffect as se } from "react";
+import { BottomSheetTransition as Le, P as S, Text as M, MerchantLogo as U, InstitutionLogo as V, H3 as ae, CategoryIcon as Ce, createMXTheme as Re, CheckmarkFilledIcon as Ie, H2 as ee } from "@mxenabled/mxui";
 import ge from "@mui/material/Dialog";
 import Ve from "react-confetti";
-import { Icon as C } from "@mxenabled/mx-icons";
+import { Icon as g } from "@mxenabled/mx-icons";
 import u from "@mui/material/Box";
 import p from "@mui/material/Stack";
 import { useInView as Ge } from "react-intersection-observer";
@@ -21,10 +21,10 @@ import { ResponsiveChartContainer as we, ChartsReferenceLine as ne, ChartsXAxis
 import { useChartContainerDimensions as ve } from "@mui/x-charts/internals";
 import { animated as I, to as q, useSpring as We } from "@react-spring/web";
 import ze from "@mui/material/Paper";
-import { CardHeader as De } from "@mui/material";
-import D from "@mui/material/Button";
+import { CardHeader as Te } from "@mui/material";
+import T from "@mui/material/Button";
 import Ze from "@mui/material/DialogTitle";
-import Te from "@mui/material/FormControl";
+import De from "@mui/material/FormControl";
 import Ue from "@mui/material/FormControlLabel";
 import je from "@mui/material/Radio";
 import Xe from "@mui/material/RadioGroup";
@@ -44,7 +44,7 @@ const Be = ({
   showBackground: a = !1,
   width: c = 450
 }) => {
-  const [h, m] = Z.useState(!1);
+  const [d, m] = Z.useState(!1);
   return Z.useEffect(() => {
     m(!!t);
   }, [t]), /* @__PURE__ */ e(
@@ -68,7 +68,7 @@ const Be = ({
         }
       },
       TransitionComponent: Le,
-      disableScrollLock: h,
+      disableScrollLock: d,
       hideBackdrop: a,
       onClose: o,
       open: s,
@@ -112,10 +112,10 @@ const Be = ({
   percent: n,
   height: l = 12
 }) => {
-  const [s, o] = Ge({ triggerOnce: !0 }), [a, c] = Z.useState("0%"), h = n > 100 ? 100 : n;
+  const [s, o] = Ge({ triggerOnce: !0 }), [a, c] = Z.useState("0%"), d = n > 100 ? 100 : n;
   return Z.useEffect(() => {
-    o && c(`${h}%`);
-  }, [o, h]), /* @__PURE__ */ e(Z.Fragment, { children: /* @__PURE__ */ d(
+    o && c(`${d}%`);
+  }, [o, d]), /* @__PURE__ */ e(Z.Fragment, { children: /* @__PURE__ */ h(
     u,
     {
       ref: s,
@@ -162,8 +162,8 @@ const Be = ({
   height: n = 8,
   percentageCompleteText: l,
   progressColorOverride: s
-}) => /* @__PURE__ */ d(u, { className: "mx-insights-goal-progress", "data-ui-test": "goal-progress", sx: { mb: 16 }, children: [
-  /* @__PURE__ */ d(
+}) => /* @__PURE__ */ h(u, { className: "mx-insights-goal-progress", "data-ui-test": "goal-progress", sx: { mb: 16 }, children: [
+  /* @__PURE__ */ h(
     p,
     {
       sx: {
@@ -173,9 +173,9 @@ const Be = ({
         mt: 4
       },
       children: [
-        /* @__PURE__ */ e(C, { color: "success", fill: !0, name: "check_circle", size: 16 }),
+        /* @__PURE__ */ e(g, { color: "success", fill: !0, name: "check_circle", size: 16 }),
         /* @__PURE__ */ e(
-          g,
+          S,
           {
             bold: !0,
             className: "mx-insights-goal-progress",
@@ -200,7 +200,7 @@ const Be = ({
   children: t,
   gradientOverride: r,
   title: n
-}) => /* @__PURE__ */ d(
+}) => /* @__PURE__ */ h(
   u,
   {
     className: "mx-insights-gradient-box",
@@ -211,7 +211,7 @@ const Be = ({
     },
     children: [
       n && /* @__PURE__ */ e(
-        g,
+        S,
         {
           className: "mx-insights-gradient-box-title",
           "data-ui-test": "gradient-box-title",
@@ -240,9 +240,9 @@ const Be = ({
   subHeader: o,
   height: a
 }) => {
-  const [c, h] = Z.useState(null), m = () => {
+  const [c, d] = Z.useState(null), m = () => {
     const E = document.getElementsByClassName("mx-mini-insight-card")[0].clientHeight, y = document.getElementsByClassName("mx-mini-insight-card-header")[0].clientHeight + document.getElementsByClassName("mx-mini-insight-card-content-body")[0].clientHeight, k = E - y - 24;
-    h(Math.floor(k / 20));
+    d(Math.floor(k / 20));
   };
   return Z.useEffect(() => (m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m)), []), /* @__PURE__ */ e(
     j,
@@ -251,7 +251,7 @@ const Be = ({
       "aria-labelledby": t.guid,
       className: "mx-mini-insight-card",
       sx: { height: a, pb: 24, pt: 0, px: 0 },
-      children: t.dismissed_at ? n : /* @__PURE__ */ d(Z.Fragment, { children: [
+      children: t.dismissed_at ? n : /* @__PURE__ */ h(Z.Fragment, { children: [
         /* @__PURE__ */ e(
           Oe,
           {
@@ -262,7 +262,7 @@ const Be = ({
             titleTypographyProps: { fontSize: 18, fontWeight: 600, variant: "h3" }
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ h(
           Se,
           {
             className: "mx-mini-insight-card-content",
@@ -311,23 +311,23 @@ const Be = ({
   tabIndex: o = 0,
   ...a
 }) => {
-  const [c, h] = oe(null), m = () => h(null), E = (k, S) => {
-    m(), l(k, S);
+  const [c, d] = oe(null), m = () => d(null), E = (k, x) => {
+    m(), l(k, x);
   };
-  return /* @__PURE__ */ d(O, { children: [
+  return /* @__PURE__ */ h(O, { children: [
     /* @__PURE__ */ e(
       z,
       {
         "aria-hidden": t,
         "aria-label": r,
         onClick: (k) => {
-          h(k.currentTarget), s();
+          d(k.currentTarget), s();
         },
         sx: { position: "relative !important", bottom: 6 },
         tabIndex: o,
         ...a,
         children: /* @__PURE__ */ e(
-          C,
+          g,
           {
             name: "more_horiz",
             size: 24,
@@ -349,7 +349,7 @@ const Be = ({
         onClose: m,
         open: !!c,
         transformOrigin: { horizontal: "right", vertical: "top" },
-        children: n.map(({ icon: k, key: S, text: J }, v) => /* @__PURE__ */ d(Fe, { onClick: () => E(v, S), sx: { p: 12 }, children: [
+        children: n.map(({ icon: k, key: x, text: J }, v) => /* @__PURE__ */ h(Fe, { onClick: () => E(v, x), sx: { p: 12 }, children: [
           /* @__PURE__ */ e(ie, { sx: { minWidth: "32px !important" }, children: k }),
           /* @__PURE__ */ e(
             re,
@@ -362,7 +362,7 @@ const Be = ({
               }
             }
           )
-        ] }, S))
+        ] }, x))
       }
     )
   ] });
@@ -372,7 +372,7 @@ const Be = ({
   legendLabelAvg: n,
   legendLabelMain: l,
   legendStyle: s = {}
-}) => /* @__PURE__ */ d(
+}) => /* @__PURE__ */ h(
   p,
   {
     sx: {
@@ -384,7 +384,7 @@ const Be = ({
       ...s
     },
     children: [
-      l && /* @__PURE__ */ d(p, { alignItems: "center", flexDirection: "row", gap: 8, children: [
+      l && /* @__PURE__ */ h(p, { alignItems: "center", flexDirection: "row", gap: 8, children: [
         /* @__PURE__ */ e(
           "svg",
           {
@@ -399,7 +399,7 @@ const Be = ({
         ),
         /* @__PURE__ */ e(M, { id: "chartLegendLabel", sx: { fontSize: 11, fontWeight: 400 }, variant: "XSmall", children: l })
       ] }),
-      t && n && /* @__PURE__ */ d(p, { alignItems: "center", flexDirection: "row", gap: 8, children: [
+      t && n && /* @__PURE__ */ h(p, { alignItems: "center", flexDirection: "row", gap: 8, children: [
         /* @__PURE__ */ e(
           p,
           {
@@ -421,7 +421,7 @@ const Be = ({
             ))
           }
         ),
-        /* @__PURE__ */ d(M, { sx: { fontSize: 11, fontWeight: 400, ml: 0 }, variant: "XSmall", children: [
+        /* @__PURE__ */ h(M, { sx: { fontSize: 11, fontWeight: 400, ml: 0 }, variant: "XSmall", children: [
           n,
           ": ",
           t
@@ -438,32 +438,32 @@ const Be = ({
   style: o,
   ...a
 }) => {
-  const c = F(), h = T(null);
-  se(() => {
+  const c = F(), d = D(null);
+  ke(() => {
     const f = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
-        if (h.current) {
-          const { width: x, height: W } = h.current.getBoundingClientRect();
+        if (d.current) {
+          const { width: C, height: W } = d.current.getBoundingClientRect();
           if (W === 0) {
-            const w = h.current;
+            const w = d.current;
             w.style.height = "1px", w.style.transform = `translate3d(${o.x?.get()}px, ${Number(o.y?.get()) - 1}px, 0px)`;
           }
-          const P = x / 2, $ = h.current.querySelector("text");
+          const P = C / 2, $ = d.current.querySelector("text");
           $ && $.setAttribute("transform", `translate(${P}, -10)`);
         }
       });
     });
-    return h.current && f.observe(h.current), () => {
-      h.current && f.unobserve(h.current);
+    return d.current && f.observe(d.current), () => {
+      d.current && f.unobserve(d.current);
     };
   }, []);
-  const { ariaLabel: m, category: E, categoryGuid: y, formattedAmount: k, imageSize: S, merchantGuid: J } = r[n], v = s === n ? "bold" : 400;
-  return /* @__PURE__ */ d("g", { "aria-label": m, children: [
+  const { ariaLabel: m, category: E, categoryGuid: y, formattedAmount: k, imageSize: x, merchantGuid: J } = r[n], v = s === n ? "bold" : 400;
+  return /* @__PURE__ */ h("g", { "aria-label": m, children: [
     /* @__PURE__ */ e(
       I.rect,
       {
         ...a,
-        ref: h,
+        ref: d,
         fill: t[n],
         rx: 2,
         style: o
@@ -472,22 +472,22 @@ const Be = ({
     (J || y) && /* @__PURE__ */ e(
       I.foreignObject,
       {
-        height: S || 32,
-        width: S || 32,
+        height: x || 32,
+        width: x || 32,
         x: o.x && o.width ? q(
           [o.x, o.width],
-          (f, x) => Number(f ?? 0) + Number(x ?? 0) / 2 - (S || 32) / 2
+          (f, C) => Number(f ?? 0) + Number(C ?? 0) / 2 - (x || 32) / 2
         ) : 0,
         y: o.y && o.height ? q(
           [o.y, o.height],
-          (f, x) => Number(f ?? 0) + Number(x ?? 0) / 2 - (S || 32) / 2
+          (f, C) => Number(f ?? 0) + Number(C ?? 0) / 2 - (x || 32) / 2
         ) : 0,
         children: /* @__PURE__ */ e(
           I.div,
           {
             style: {
-              width: S || 32,
-              height: S || 32,
+              width: x || 32,
+              height: x || 32,
               display: "flex",
               alignItems: "center",
               justifyContent: "center"
@@ -498,7 +498,7 @@ const Be = ({
                 alt: E,
                 categoryGuid: y || "",
                 merchantGuid: J || "",
-                size: S || 32
+                size: x || 32
               }
             )
           }
@@ -512,7 +512,7 @@ const Be = ({
         fontSize: 11,
         fontWeight: l ? "bold" : v,
         textAnchor: "middle",
-        x: o.x && o.width ? q([o.x, o.width], (f, x) => Number(f ?? 0) + Number(x ?? 0) / 2) : 0,
+        x: o.x && o.width ? q([o.x, o.width], (f, C) => Number(f ?? 0) + Number(C ?? 0) / 2) : 0,
         y: o.y ? o.y.to((f) => f - (E ? 26 : 14)) : 0,
         children: k
       }
@@ -524,7 +524,7 @@ const Be = ({
         fontSize: 9,
         fontWeight: s === n && !l ? "bold" : 400,
         textAnchor: "middle",
-        x: o.x && o.width ? q([o.x, o.width], (f, x) => Number(f ?? 0) + Number(x ?? 0) / 2) : 0,
+        x: o.x && o.width ? q([o.x, o.width], (f, C) => Number(f ?? 0) + Number(C ?? 0) / 2) : 0,
         y: o.y ? o.y.to((f) => f - 14) : 0,
         children: E
       }
@@ -544,14 +544,14 @@ const Be = ({
   },
   legendLabelAvg: a,
   legendLabelMain: c,
-  selectedTabIndex: h,
+  selectedTabIndex: d,
   removeSelectedTabColorChange: m,
   onBarClick: E
 }) => {
-  const y = F(), { containerRef: k, height: S, width: J } = ve(), f = n.reduce((w, H) => Math.min(w, H.value), 1 / 0) < 0, x = me(() => {
+  const y = F(), { containerRef: k, height: x, width: J } = ve(), f = n.reduce((w, H) => Math.min(w, H.value), 1 / 0) < 0, C = me(() => {
     const w = `${r}80`;
-    return m ? n.map(() => r) : h === void 0 ? [...new Array(n.length - 1).fill(w), r] : n.map((H, L) => L === h ? r : w);
-  }, [r, n, h]), W = He(
+    return m ? n.map(() => r) : d === void 0 ? [...new Array(n.length - 1).fill(w), r] : n.map((H, L) => L === d ? r : w);
+  }, [r, n, d]), W = He(
     (w, { dataIndex: H }) => E && E(H),
     [E]
   ), P = me(() => {
@@ -581,16 +581,16 @@ const Be = ({
       ]
     };
   }, [n]);
-  return /* @__PURE__ */ d(p, { alignItems: "center", sx: { mb: l ? 16 : 24, width: "100%" }, children: [
+  return /* @__PURE__ */ h(p, { alignItems: "center", sx: { mb: l ? 16 : 24, width: "100%" }, children: [
     /* @__PURE__ */ e(
       u,
       {
         ref: k,
         sx: { height: s || (l ? 120 : 172), width: "100%", mb: 8 },
-        children: /* @__PURE__ */ d(
+        children: /* @__PURE__ */ h(
           we,
           {
-            height: S,
+            height: x,
             margin: {
               top: 45,
               right: o.right,
@@ -634,7 +634,7 @@ const Be = ({
                   slots: {
                     // eslint-disable-next-line @typescript-eslint/no-unused-vars
                     axisTickLabel: ({ text: w, ownerState: H, ...L }) => {
-                      const R = n[h ?? n.length - 1]?.label;
+                      const R = n[d ?? n.length - 1]?.label;
                       return /* @__PURE__ */ e(
                         "text",
                         {
@@ -677,11 +677,11 @@ const Be = ({
                         rt,
                         {
                           ...R,
-                          colorRange: x,
+                          colorRange: C,
                           data: n,
                           dataIndex: H.dataIndex,
                           removeSelectedTabColorChange: m,
-                          selectedTabIndex: h || n.length - 1,
+                          selectedTabIndex: d || n.length - 1,
                           style: L
                         }
                       );
@@ -712,15 +712,15 @@ const Be = ({
   style: l,
   ...s
 }) => {
-  const o = F(), a = T(null), { width: c } = We({
+  const o = F(), a = D(null), { width: c } = We({
     width: l.width
   });
-  se(() => {
+  ke(() => {
     const J = new ResizeObserver(() => {
       window.requestAnimationFrame(() => {
         if (a.current) {
-          const { width: v } = a.current.getBoundingClientRect(), f = v / 2, x = a.current.querySelector("text");
-          x && x.setAttribute("transform", `translate(${f}, -8)`);
+          const { width: v } = a.current.getBoundingClientRect(), f = v / 2, C = a.current.querySelector("text");
+          C && C.setAttribute("transform", `translate(${f}, -8)`);
         }
       });
     });
@@ -728,8 +728,8 @@ const Be = ({
       a.current && J.unobserve(a.current);
     };
   }, []);
-  const { ariaLabelComparison: h, ariaLabelMain: m, formattedComparison: E, formattedMain: y } = r[n.index], k = n.type === 0 ? m : h, S = n.type === 0 ? y : E;
-  return /* @__PURE__ */ d("g", { "aria-label": k, children: [
+  const { ariaLabelComparison: d, ariaLabelMain: m, formattedComparison: E, formattedMain: y } = r[n.index], k = n.type === 0 ? m : d, x = n.type === 0 ? y : E;
+  return /* @__PURE__ */ h("g", { "aria-label": k, children: [
     /* @__PURE__ */ e(I.rect, { ...s, ref: a, fill: t, rx: 2, style: l }),
     /* @__PURE__ */ e(
       I.text,
@@ -741,7 +741,7 @@ const Be = ({
         transform: c.to((J) => `translate(${J / 2}, -8)`),
         x: l.x,
         y: l.y,
-        children: S
+        children: x
       }
     )
   ] });
@@ -751,7 +751,7 @@ const Be = ({
   legendLabelMain: n,
   legendStyle: l = {},
   mainColor: s
-}) => /* @__PURE__ */ d(
+}) => /* @__PURE__ */ h(
   p,
   {
     sx: {
@@ -763,7 +763,7 @@ const Be = ({
       ...l
     },
     children: [
-      n && /* @__PURE__ */ d(p, { alignItems: "center", flexDirection: "row", gap: 8, children: [
+      n && /* @__PURE__ */ h(p, { alignItems: "center", flexDirection: "row", gap: 8, children: [
         /* @__PURE__ */ e(
           "svg",
           {
@@ -778,7 +778,7 @@ const Be = ({
         ),
         /* @__PURE__ */ e(M, { id: "legendMain", sx: { fontSize: 11, fontWeight: 400 }, variant: "XSmall", children: n })
       ] }),
-      r && /* @__PURE__ */ d(p, { alignItems: "center", flexDirection: "row", gap: 8, children: [
+      r && /* @__PURE__ */ h(p, { alignItems: "center", flexDirection: "row", gap: 8, children: [
         /* @__PURE__ */ e(
           "svg",
           {
@@ -804,7 +804,7 @@ const Be = ({
   isMini: o = !1,
   legendLabelComparison: a,
   legendLabelMain: c,
-  margin: h = {
+  margin: d = {
     bottom: 30,
     left: 40,
     right: 40,
@@ -812,23 +812,23 @@ const Be = ({
   },
   onBarClick: m
 }) => {
-  const E = F(), { containerRef: y, height: k, width: S } = ve(), J = ({ dataIndex: v, seriesId: f }) => {
-    const x = f.toString().split("-").pop();
-    m?.(v * 2 + Number(x));
+  const E = F(), { containerRef: y, height: k, width: x } = ve(), J = ({ dataIndex: v, seriesId: f }) => {
+    const C = f.toString().split("-").pop();
+    m?.(v * 2 + Number(C));
   };
-  return /* @__PURE__ */ d(p, { alignItems: "center", sx: { mb: o ? 16 : 24, width: "100%" }, children: [
-    /* @__PURE__ */ e(u, { ref: y, sx: { height: o ? 120 : 172, width: "100%", mb: 8 }, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(p, { alignItems: "center", sx: { mb: o ? 16 : 24, width: "100%" }, children: [
+    /* @__PURE__ */ e(u, { ref: y, sx: { height: o ? 120 : 172, width: "100%", mb: 8 }, children: /* @__PURE__ */ h(
       we,
       {
         colors: l,
         dataset: s,
         height: k,
-        margin: h,
+        margin: d,
         series: [
           { dataKey: "main", type: "bar" },
           { dataKey: "comparison", type: "bar" }
         ],
-        width: S,
+        width: x,
         xAxis: [{ barGapRatio: r, categoryGapRatio: n, dataKey: "label", scaleType: "band" }],
         children: [
           t?.average && /* @__PURE__ */ e(
@@ -864,10 +864,10 @@ const Be = ({
           /* @__PURE__ */ e(
             Je,
             {
-              onItemClick: (v, { dataIndex: f, seriesId: x }) => J({ dataIndex: f, seriesId: x.toString() }),
+              onItemClick: (v, { dataIndex: f, seriesId: C }) => J({ dataIndex: f, seriesId: C.toString() }),
               slots: {
                 bar: (v) => {
-                  const { ownerState: f, style: x, ...W } = v;
+                  const { ownerState: f, style: C, ...W } = v;
                   return /* @__PURE__ */ e(
                     nt,
                     {
@@ -878,7 +878,7 @@ const Be = ({
                         index: f.dataIndex,
                         type: Number(f.id.toString().split("-").pop())
                       },
-                      style: x
+                      style: C
                     }
                   );
                 }
@@ -894,7 +894,7 @@ const Be = ({
         comparisonColor: l[1],
         legendLabelComparison: a,
         legendLabelMain: c,
-        legendStyle: { mr: h.left + h.right },
+        legendStyle: { mr: d.left + d.right },
         mainColor: l[0]
       }
     )
@@ -911,14 +911,14 @@ const Be = ({
     }
   });
 }, K = ({ divProps: t, image: r, isMini: n = !1 }) => {
-  const l = F(), s = T(null), o = {
+  const l = F(), s = D(null), o = {
     100: l.palette.primary.lighter,
     200: l.palette.primary.light,
     300: l.palette.primary.main,
     400: l.palette.primary.dark,
     500: l.palette.primary.darker
   };
-  return xe(() => {
+  return se(() => {
     if (!s.current) return;
     const a = s.current, c = a.querySelectorAll(".Overlay");
     ["brand100", "brand200", "brand300", "brand400", "brand500"].forEach((m) => {
@@ -942,7 +942,7 @@ function X() {
 }
 const de = (t) => {
   const [r, n] = oe({ width: 0, height: 0 });
-  return xe(() => {
+  return se(() => {
     const l = () => {
       if (t.current) {
         const { offsetWidth: s, offsetHeight: o } = t.current;
@@ -958,7 +958,7 @@ const de = (t) => {
     miniWidget: { gap: 8, p: "12px 16px", mt: 0 },
     insightFeed: { gap: 12, p: "0px 16px 16px", mt: 22 }
   }
-}, ye = "miniWidget", fe = "insightFeed", be = ({
+}, ye = "miniWidget", fe = "insightFeed", Ae = ({
   account: t,
   animation: r,
   leftLowerText: n,
@@ -967,10 +967,10 @@ const de = (t) => {
   isMini: o,
   headerString: a,
   rightLowerText: c,
-  rightUpperText: h
+  rightUpperText: d
 }) => {
-  const m = o ? ye : fe, E = T(null), { height: y, width: k } = de(E);
-  return /* @__PURE__ */ d(
+  const m = o ? ye : fe, E = D(null), { height: y, width: k } = de(E);
+  return /* @__PURE__ */ h(
     u,
     {
       ref: E,
@@ -981,7 +981,7 @@ const de = (t) => {
       width: "100%",
       children: [
         /* @__PURE__ */ e(ce, { height: y, shouldRun: r.shouldRun, width: k }),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ h(
           j,
           {
             elevation: 1,
@@ -1001,14 +1001,14 @@ const de = (t) => {
             children: [
               m === fe && /* @__PURE__ */ e(mt, { account: t, headerString: a }),
               m === ye && /* @__PURE__ */ e(ut, { account: t, headerString: a }),
-              /* @__PURE__ */ d(p, { direction: "row", gap: 12, height: 58, width: "100%", children: [
+              /* @__PURE__ */ h(p, { direction: "row", gap: 12, height: 58, width: "100%", children: [
                 /* @__PURE__ */ e(Et, { leftLowerText: n, leftUpperText: l }),
                 /* @__PURE__ */ e(
                   pt,
                   {
                     isComplete: s,
                     rightLowerText: c,
-                    rightUpperText: h
+                    rightUpperText: d
                   }
                 )
               ] })
@@ -1027,10 +1027,10 @@ const de = (t) => {
   size: o,
   subHeaderString: a,
   textSX: c
-}) => /* @__PURE__ */ d(O, { children: [
-  s && /* @__PURE__ */ e(C, { color: r, fill: n, name: s, size: o, sx: l }),
+}) => /* @__PURE__ */ h(O, { children: [
+  s && /* @__PURE__ */ e(g, { color: r, fill: n, name: s, size: o, sx: l }),
   /* @__PURE__ */ e(M, { bold: t, sx: c, children: a })
-] }), N = 48, mt = ({ account: t, headerString: r }) => /* @__PURE__ */ d(O, { children: [
+] }), N = 48, mt = ({ account: t, headerString: r }) => /* @__PURE__ */ h(O, { children: [
   /* @__PURE__ */ e(
     ze,
     {
@@ -1054,8 +1054,8 @@ const de = (t) => {
       )
     }
   ),
-  /* @__PURE__ */ e(g, { bold: !0, sx: { width: "100%", textAlign: "center" }, children: r })
-] }), Et = ({ leftLowerText: t, leftUpperText: r }) => /* @__PURE__ */ d(
+  /* @__PURE__ */ e(S, { bold: !0, sx: { width: "100%", textAlign: "center" }, children: r })
+] }), Et = ({ leftLowerText: t, leftUpperText: r }) => /* @__PURE__ */ h(
   u,
   {
     sx: {
@@ -1067,7 +1067,7 @@ const de = (t) => {
     },
     children: [
       /* @__PURE__ */ e(
-        g,
+        S,
         {
           "data-ui-test": "mx-insights-sudd-left-upper-text",
           sx: { color: "secondary.light" },
@@ -1075,10 +1075,10 @@ const de = (t) => {
           children: r
         }
       ),
-      /* @__PURE__ */ e(g, { bold: !0, "data-ui-test": "mx-insights-sudd-left-lower-text", variant: "Small", children: t })
+      /* @__PURE__ */ e(S, { bold: !0, "data-ui-test": "mx-insights-sudd-left-lower-text", variant: "Small", children: t })
     ]
   }
-), ut = ({ account: t, headerString: r }) => /* @__PURE__ */ d(
+), ut = ({ account: t, headerString: r }) => /* @__PURE__ */ h(
   u,
   {
     "data-ui-test": "mx-insights-sudd-mini-body-header",
@@ -1094,7 +1094,7 @@ const de = (t) => {
           width: 20
         }
       ),
-      /* @__PURE__ */ e(g, { bold: !0, "data-ui-test": "mx-insights-sudd-mini-body-header-text", children: r })
+      /* @__PURE__ */ e(S, { bold: !0, "data-ui-test": "mx-insights-sudd-mini-body-header-text", children: r })
     ]
   }
 ), pt = ({
@@ -1112,9 +1112,9 @@ const de = (t) => {
       p: 12,
       width: "100%"
     },
-    children: /* @__PURE__ */ d(p, { alignItems: "center", gap: 2, justifyContent: "center", children: [
+    children: /* @__PURE__ */ h(p, { alignItems: "center", gap: 2, justifyContent: "center", children: [
       /* @__PURE__ */ e(
-        g,
+        S,
         {
           "data-ui-test": "mx-insights-sudd-right-upper-text",
           sx: {
@@ -1125,7 +1125,7 @@ const de = (t) => {
         }
       ),
       /* @__PURE__ */ e(
-        g,
+        S,
         {
           bold: !0,
           "data-ui-test": "mx-insights-sudd-right-lower-text",
@@ -1142,19 +1142,19 @@ const de = (t) => {
       )
     ] })
   }
-), yt = (t, r) => /* @__PURE__ */ i.createElement("svg", { width: 124, height: 107, viewBox: "0 0 124 107", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...t }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M78.3577 97.4096H32.9454C31.9936 97.4096 31.2148 96.6308 31.2148 95.679V54.2712C31.2148 53.3194 31.9936 52.5405 32.9454 52.5405H78.3577C79.3096 52.5405 80.0884 53.3194 80.0884 54.2712V95.679C80.0884 96.6308 79.3096 97.4096 78.3577 97.4096Z", fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M80.0884 54.2701V58.1431H31.2148V54.2701C31.2148 53.3189 31.9933 52.5396 32.9454 52.5396H78.3578C79.3099 52.5396 80.0884 53.3189 80.0884 54.2701Z", fill: "#E8F6FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M35.8132 55.4896C35.8132 56.2271 35.2154 56.8249 34.4779 56.8249C33.7404 56.8249 33.1426 56.2271 33.1426 55.4896C33.1426 54.7521 33.7404 54.1543 34.4779 54.1543C35.2154 54.1543 35.8132 54.7521 35.8132 55.4896Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40.1267 55.4896C40.1267 56.2271 39.5289 56.8249 38.7914 56.8249C38.0539 56.8249 37.4561 56.2271 37.4561 55.4896C37.4561 54.7521 38.0539 54.1543 38.7914 54.1543C39.5289 54.1543 40.1267 54.7521 40.1267 55.4896Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M44.4372 55.4896C44.4372 56.2271 43.8394 56.8249 43.1019 56.8249C42.3645 56.8249 41.7666 56.2271 41.7666 55.4896C41.7666 54.7521 42.3645 54.1543 43.1019 54.1543C43.8394 54.1543 44.4372 54.7521 44.4372 55.4896Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M83.6985 106.675H38.2863C37.3344 106.675 36.5557 105.896 36.5557 104.944V63.5363C36.5557 62.5845 37.3344 61.8057 38.2863 61.8057H83.6985C84.6504 61.8057 85.4292 62.5845 85.4292 63.5363V104.944C85.4292 105.896 84.6504 106.675 83.6985 106.675Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M85.4292 63.5353V67.4083H36.5557V63.5353C36.5557 62.5841 37.3342 61.8047 38.2862 61.8047H83.6986C84.6507 61.8047 85.4292 62.5841 85.4292 63.5353Z", fill: "#E8F6FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41.155 64.7547C41.155 65.4922 40.5572 66.0901 39.8197 66.0901C39.0823 66.0901 38.4844 65.4922 38.4844 64.7547C38.4844 64.0173 39.0823 63.4194 39.8197 63.4194C40.5572 63.4194 41.155 64.0173 41.155 64.7547Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M45.4675 64.7547C45.4675 65.4922 44.8697 66.0901 44.1322 66.0901C43.3947 66.0901 42.7969 65.4922 42.7969 64.7547C42.7969 64.0173 43.3947 63.4194 44.1322 63.4194C44.8697 63.4194 45.4675 64.0173 45.4675 64.7547Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M49.779 64.7547C49.779 65.4922 49.1812 66.0901 48.4437 66.0901C47.7063 66.0901 47.1084 65.4922 47.1084 64.7547C47.1084 64.0173 47.7063 63.4194 48.4437 63.4194C49.1812 63.4194 49.779 64.0173 49.779 64.7547Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M117.767 74.9926H72.3547C71.4029 74.9926 70.624 74.2139 70.624 73.2619V31.8541C70.624 30.9023 71.4029 30.1235 72.3547 30.1235H117.767C118.719 30.1235 119.498 30.9023 119.498 31.8541V73.2619C119.498 74.2139 118.719 74.9926 117.767 74.9926Z", fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("mask", { id: "mask0", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: 70, y: 30, width: 50, height: 6 }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M70.624 30.0874H119.498V35.6909H70.624V30.0874Z", fill: "white" })), /* @__PURE__ */ i.createElement("g", { mask: "url(#mask0)" }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M119.498 31.8185V35.6915H70.624V31.8185C70.624 30.8673 71.4025 30.0879 72.3546 30.0879H117.767C118.719 30.0879 119.498 30.8673 119.498 31.8185Z", fill: "#CDD3DD" })), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M75.1814 33.0384C75.1814 33.7759 74.5835 34.3738 73.8461 34.3738C73.1086 34.3738 72.5107 33.7759 72.5107 33.0384C72.5107 32.3009 73.1086 31.7031 73.8461 31.7031C74.5835 31.7031 75.1814 32.3009 75.1814 33.0384Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M79.4939 33.0384C79.4939 33.7759 78.896 34.3738 78.1586 34.3738C77.4211 34.3738 76.8232 33.7759 76.8232 33.0384C76.8232 32.3009 77.4211 31.7031 78.1586 31.7031C78.896 31.7031 79.4939 32.3009 79.4939 33.0384Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M83.8054 33.0384C83.8054 33.7759 83.2076 34.3738 82.4701 34.3738C81.7326 34.3738 81.1348 33.7759 81.1348 33.0384C81.1348 32.3009 81.7326 31.7031 82.4701 31.7031C83.2076 31.7031 83.8054 32.3009 83.8054 33.0384Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 82.5761H101.728V80.5459H91.0693V82.5761Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 85.5937H121.426V84.644H91.0693V85.5937Z", fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 91.0863H122.441V90.1367H91.0693V91.0863Z", fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 93.833H123.771V92.8833H91.0693V93.833Z", fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 96.5786H110.937V95.6289H91.0693V96.5786Z", fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 88.3397H123.771V87.3901H91.0693V88.3397Z", fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 35.0087H42.6513V32.9785H33.1426V35.0087Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 38.0277H60.2242V37.0781H33.1426V38.0277Z", fill: "#D6EEFF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 43.518H61.1298V42.5684H33.1426V43.518Z", fill: "#D6EEFF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 46.2645H53.7589V45.3149H33.1426V46.2645Z", fill: "#D6EEFF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 40.7724H62.3157V39.8228H33.1426V40.7724Z", fill: "#D6EEFF" }), /* @__PURE__ */ i.createElement("g", { filter: "url(#filter0_d)" }, /* @__PURE__ */ i.createElement("mask", { id: "mask1", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: 52, y: 36, width: 51, height: 65 }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M52.8486 36.0361H102.157V100.752H52.8486V36.0361Z", fill: "white" })), /* @__PURE__ */ i.createElement("g", { mask: "url(#mask1)" }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M100.652 100.752H54.3538C53.5259 100.752 52.8486 100.075 52.8486 99.2473V37.541C52.8486 36.7133 53.5259 36.0361 54.3538 36.0361H100.652C101.48 36.0361 102.157 36.7133 102.157 37.541V99.2473C102.157 100.075 101.48 100.752 100.652 100.752Z", fill: "white" })), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 64.132H97.0019V62.9336H66.0273V64.132Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 66.6379H87.8484V65.4395H66.0273V66.6379Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 95.1347H87.177V93.4868H66.0273V95.1347Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5523 67.7822C57.9041 67.7822 56.5557 66.434 56.5557 64.7861C56.5557 63.1383 57.9041 61.79 59.5523 61.79C61.2004 61.79 62.549 63.1383 62.549 64.7861C62.549 66.434 61.2004 67.7822 59.5523 67.7822Z", fill: "#E4E8EE", stroke: "#E4E8EE", strokeWidth: 0.531397 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5523 87.6983C57.9041 87.6983 56.5557 86.35 56.5557 84.7022C56.5557 83.0542 57.9041 81.7061 59.5523 81.7061C61.2004 81.7061 62.549 83.0542 62.549 84.7022C62.549 86.35 61.2004 87.6983 59.5523 87.6983Z", fill: "#E4E8EE", stroke: "#E4E8EE", strokeWidth: 0.531397 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5523 77.7417C57.9041 77.7417 56.5557 76.3935 56.5557 74.7456C56.5557 73.0978 57.9041 71.7495 59.5523 71.7495C61.2004 71.7495 62.549 73.0978 62.549 74.7456C62.549 76.3935 61.2004 77.7417 59.5523 77.7417Z", fill: "#E4E8EE", stroke: "#E4E8EE", strokeWidth: 0.531397 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 74.0906H97.0019V72.8921H66.0273V74.0906Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 76.5969H87.8484V75.3984H66.0273V76.5969Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 84.0496H97.0019V82.8511H66.0273V84.0496Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 86.5554H87.8484V85.3569H66.0273V86.5554Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M56.5527 53.5731L58.7522 55.3118L62.6507 50.8042", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M56.5527 53.5731L58.7522 55.3118L62.6507 50.8042", stroke: "#E4E8EE", strokeWidth: 0.797096 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M56.5527 43.6146L58.7522 45.3532L62.6507 40.8457", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M56.5527 43.6146L58.7522 45.3532L62.6507 40.8457", stroke: "#E4E8EE", strokeWidth: 0.797096 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 42.273H97.0019V40.7573H66.0273V42.273Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 45.442H87.8484V43.9263H66.0273V45.442Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 41.5145H98.2397H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M64.7861 41.5145H98.2397", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 44.6844H89.0278H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M64.7861 44.6844H89.0278", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 52.2316H97.0019V50.7158H66.0273V52.2316Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 55.3995H87.8484V53.8838H66.0273V55.3995Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 51.4739H98.2397H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M64.7861 51.4739H98.2397", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 54.6419H89.0278H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M64.7861 54.6419H89.0278", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M58.1973 59.0614H96.6276H58.1973Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M58.1973 59.0614H96.6276", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5521 92.0054V96.6176V92.0054Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M59.5521 92.0054V96.6176", stroke: "#E4E8EE", strokeWidth: 0.797096 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M57.2451 94.3109H61.8582H57.2451Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M57.2451 94.3109H61.8582", stroke: "#E4E8EE", strokeWidth: 0.797096 })), /* @__PURE__ */ i.createElement("g", { filter: "url(#filter1_d)" }, /* @__PURE__ */ i.createElement("circle", { cx: 48.4218, cy: 47.4218, r: 45.4218, fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("mask", { id: "mask2", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: 4, y: 3, width: 88, height: 88 }, /* @__PURE__ */ i.createElement("circle", { cx: 48.4212, cy: 47.4217, r: 43.4622, fill: "#F8F9FB" })), /* @__PURE__ */ i.createElement("g", { mask: "url(#mask2)" }, /* @__PURE__ */ i.createElement("rect", { width: 93.6272, height: 94.0068, transform: "translate(3 -0.528809)", fill: "white" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 12.6294, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 50.8384, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 77.5361, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 26.293, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 12.6294, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 50.8384, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 77.5361, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 26.293, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 6.0498, width: 33.1491, height: 2.65699, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 44.2598, width: 33.1491, height: 2.65699, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 70.9556, width: 33.1491, height: 2.65699, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 18.1948, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 56.4058, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 83.1025, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 31.8604, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 68.4131, y: 15.4131, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 68.4131, y: 53.6221, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 68.4131, y: 80.3179, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 68.4131, y: 29.0767, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 23.8901H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 62.1001H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 88.7959H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 37.5547H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 10.2246H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 48.4355H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 75.1313H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 23.8901H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 62.1001H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 88.7959H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }))), /* @__PURE__ */ i.createElement("path", { d: "M76.0285 81.4569L76.7644 80.721L80.4085 83.0384L100.493 103.122C101.095 103.725 101.095 104.702 100.493 105.304C99.8901 105.907 98.9134 105.907 98.3109 105.304L78.3227 85.3158L76.0285 81.4569Z", fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("defs", null, /* @__PURE__ */ i.createElement("filter", { id: "filter0_d", x: 51.8364, y: 35.4035, width: 51.333, height: 66.7404, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ i.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ i.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__ */ i.createElement("feOffset", { dy: 0.37957 }), /* @__PURE__ */ i.createElement("feGaussianBlur", { stdDeviation: 0.506093 }), /* @__PURE__ */ i.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.341176 0 0 0 0 0.4 0 0 0 0 0.458824 0 0 0 0.15 0" }), /* @__PURE__ */ i.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }), /* @__PURE__ */ i.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" })), /* @__PURE__ */ i.createElement("filter", { id: "filter1_d", x: 0.469535, y: 0.734768, width: 95.9046, height: 95.9046, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ i.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ i.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__ */ i.createElement("feOffset", { dy: 1.26523 }), /* @__PURE__ */ i.createElement("feGaussianBlur", { stdDeviation: 1.26523 }), /* @__PURE__ */ i.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.341176 0 0 0 0 0.4 0 0 0 0 0.458824 0 0 0 0.16 0" }), /* @__PURE__ */ i.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }), /* @__PURE__ */ i.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" })))), ft = Y(yt), kt = {
+), yt = (t, r) => /* @__PURE__ */ i.createElement("svg", { width: 124, height: 107, viewBox: "0 0 124 107", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...t }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M78.3577 97.4096H32.9454C31.9936 97.4096 31.2148 96.6308 31.2148 95.679V54.2712C31.2148 53.3194 31.9936 52.5405 32.9454 52.5405H78.3577C79.3096 52.5405 80.0884 53.3194 80.0884 54.2712V95.679C80.0884 96.6308 79.3096 97.4096 78.3577 97.4096Z", fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M80.0884 54.2701V58.1431H31.2148V54.2701C31.2148 53.3189 31.9933 52.5396 32.9454 52.5396H78.3578C79.3099 52.5396 80.0884 53.3189 80.0884 54.2701Z", fill: "#E8F6FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M35.8132 55.4896C35.8132 56.2271 35.2154 56.8249 34.4779 56.8249C33.7404 56.8249 33.1426 56.2271 33.1426 55.4896C33.1426 54.7521 33.7404 54.1543 34.4779 54.1543C35.2154 54.1543 35.8132 54.7521 35.8132 55.4896Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40.1267 55.4896C40.1267 56.2271 39.5289 56.8249 38.7914 56.8249C38.0539 56.8249 37.4561 56.2271 37.4561 55.4896C37.4561 54.7521 38.0539 54.1543 38.7914 54.1543C39.5289 54.1543 40.1267 54.7521 40.1267 55.4896Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M44.4372 55.4896C44.4372 56.2271 43.8394 56.8249 43.1019 56.8249C42.3645 56.8249 41.7666 56.2271 41.7666 55.4896C41.7666 54.7521 42.3645 54.1543 43.1019 54.1543C43.8394 54.1543 44.4372 54.7521 44.4372 55.4896Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M83.6985 106.675H38.2863C37.3344 106.675 36.5557 105.896 36.5557 104.944V63.5363C36.5557 62.5845 37.3344 61.8057 38.2863 61.8057H83.6985C84.6504 61.8057 85.4292 62.5845 85.4292 63.5363V104.944C85.4292 105.896 84.6504 106.675 83.6985 106.675Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M85.4292 63.5353V67.4083H36.5557V63.5353C36.5557 62.5841 37.3342 61.8047 38.2862 61.8047H83.6986C84.6507 61.8047 85.4292 62.5841 85.4292 63.5353Z", fill: "#E8F6FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41.155 64.7547C41.155 65.4922 40.5572 66.0901 39.8197 66.0901C39.0823 66.0901 38.4844 65.4922 38.4844 64.7547C38.4844 64.0173 39.0823 63.4194 39.8197 63.4194C40.5572 63.4194 41.155 64.0173 41.155 64.7547Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M45.4675 64.7547C45.4675 65.4922 44.8697 66.0901 44.1322 66.0901C43.3947 66.0901 42.7969 65.4922 42.7969 64.7547C42.7969 64.0173 43.3947 63.4194 44.1322 63.4194C44.8697 63.4194 45.4675 64.0173 45.4675 64.7547Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M49.779 64.7547C49.779 65.4922 49.1812 66.0901 48.4437 66.0901C47.7063 66.0901 47.1084 65.4922 47.1084 64.7547C47.1084 64.0173 47.7063 63.4194 48.4437 63.4194C49.1812 63.4194 49.779 64.0173 49.779 64.7547Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M117.767 74.9926H72.3547C71.4029 74.9926 70.624 74.2139 70.624 73.2619V31.8541C70.624 30.9023 71.4029 30.1235 72.3547 30.1235H117.767C118.719 30.1235 119.498 30.9023 119.498 31.8541V73.2619C119.498 74.2139 118.719 74.9926 117.767 74.9926Z", fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("mask", { id: "mask0", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: 70, y: 30, width: 50, height: 6 }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M70.624 30.0874H119.498V35.6909H70.624V30.0874Z", fill: "white" })), /* @__PURE__ */ i.createElement("g", { mask: "url(#mask0)" }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M119.498 31.8185V35.6915H70.624V31.8185C70.624 30.8673 71.4025 30.0879 72.3546 30.0879H117.767C118.719 30.0879 119.498 30.8673 119.498 31.8185Z", fill: "#CDD3DD" })), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M75.1814 33.0384C75.1814 33.7759 74.5835 34.3738 73.8461 34.3738C73.1086 34.3738 72.5107 33.7759 72.5107 33.0384C72.5107 32.3009 73.1086 31.7031 73.8461 31.7031C74.5835 31.7031 75.1814 32.3009 75.1814 33.0384Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M79.4939 33.0384C79.4939 33.7759 78.896 34.3738 78.1586 34.3738C77.4211 34.3738 76.8232 33.7759 76.8232 33.0384C76.8232 32.3009 77.4211 31.7031 78.1586 31.7031C78.896 31.7031 79.4939 32.3009 79.4939 33.0384Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M83.8054 33.0384C83.8054 33.7759 83.2076 34.3738 82.4701 34.3738C81.7326 34.3738 81.1348 33.7759 81.1348 33.0384C81.1348 32.3009 81.7326 31.7031 82.4701 31.7031C83.2076 31.7031 83.8054 32.3009 83.8054 33.0384Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 82.5761H101.728V80.5459H91.0693V82.5761Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 85.5937H121.426V84.644H91.0693V85.5937Z", fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 91.0863H122.441V90.1367H91.0693V91.0863Z", fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 93.833H123.771V92.8833H91.0693V93.833Z", fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 96.5786H110.937V95.6289H91.0693V96.5786Z", fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M91.0693 88.3397H123.771V87.3901H91.0693V88.3397Z", fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 35.0087H42.6513V32.9785H33.1426V35.0087Z", fill: "#C3E4FF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 38.0277H60.2242V37.0781H33.1426V38.0277Z", fill: "#D6EEFF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 43.518H61.1298V42.5684H33.1426V43.518Z", fill: "#D6EEFF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 46.2645H53.7589V45.3149H33.1426V46.2645Z", fill: "#D6EEFF" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M33.1426 40.7724H62.3157V39.8228H33.1426V40.7724Z", fill: "#D6EEFF" }), /* @__PURE__ */ i.createElement("g", { filter: "url(#filter0_d)" }, /* @__PURE__ */ i.createElement("mask", { id: "mask1", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: 52, y: 36, width: 51, height: 65 }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M52.8486 36.0361H102.157V100.752H52.8486V36.0361Z", fill: "white" })), /* @__PURE__ */ i.createElement("g", { mask: "url(#mask1)" }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M100.652 100.752H54.3538C53.5259 100.752 52.8486 100.075 52.8486 99.2473V37.541C52.8486 36.7133 53.5259 36.0361 54.3538 36.0361H100.652C101.48 36.0361 102.157 36.7133 102.157 37.541V99.2473C102.157 100.075 101.48 100.752 100.652 100.752Z", fill: "white" })), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 64.132H97.0019V62.9336H66.0273V64.132Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 66.6379H87.8484V65.4395H66.0273V66.6379Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 95.1347H87.177V93.4868H66.0273V95.1347Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5523 67.7822C57.9041 67.7822 56.5557 66.434 56.5557 64.7861C56.5557 63.1383 57.9041 61.79 59.5523 61.79C61.2004 61.79 62.549 63.1383 62.549 64.7861C62.549 66.434 61.2004 67.7822 59.5523 67.7822Z", fill: "#E4E8EE", stroke: "#E4E8EE", strokeWidth: 0.531397 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5523 87.6983C57.9041 87.6983 56.5557 86.35 56.5557 84.7022C56.5557 83.0542 57.9041 81.7061 59.5523 81.7061C61.2004 81.7061 62.549 83.0542 62.549 84.7022C62.549 86.35 61.2004 87.6983 59.5523 87.6983Z", fill: "#E4E8EE", stroke: "#E4E8EE", strokeWidth: 0.531397 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5523 77.7417C57.9041 77.7417 56.5557 76.3935 56.5557 74.7456C56.5557 73.0978 57.9041 71.7495 59.5523 71.7495C61.2004 71.7495 62.549 73.0978 62.549 74.7456C62.549 76.3935 61.2004 77.7417 59.5523 77.7417Z", fill: "#E4E8EE", stroke: "#E4E8EE", strokeWidth: 0.531397 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 74.0906H97.0019V72.8921H66.0273V74.0906Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 76.5969H87.8484V75.3984H66.0273V76.5969Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 84.0496H97.0019V82.8511H66.0273V84.0496Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 86.5554H87.8484V85.3569H66.0273V86.5554Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M56.5527 53.5731L58.7522 55.3118L62.6507 50.8042", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M56.5527 53.5731L58.7522 55.3118L62.6507 50.8042", stroke: "#E4E8EE", strokeWidth: 0.797096 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M56.5527 43.6146L58.7522 45.3532L62.6507 40.8457", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M56.5527 43.6146L58.7522 45.3532L62.6507 40.8457", stroke: "#E4E8EE", strokeWidth: 0.797096 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 42.273H97.0019V40.7573H66.0273V42.273Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 45.442H87.8484V43.9263H66.0273V45.442Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 41.5145H98.2397H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M64.7861 41.5145H98.2397", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 44.6844H89.0278H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M64.7861 44.6844H89.0278", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 52.2316H97.0019V50.7158H66.0273V52.2316Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.0273 55.3995H87.8484V53.8838H66.0273V55.3995Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 51.4739H98.2397H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M64.7861 51.4739H98.2397", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.7861 54.6419H89.0278H64.7861Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M64.7861 54.6419H89.0278", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M58.1973 59.0614H96.6276H58.1973Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M58.1973 59.0614H96.6276", stroke: "#E4E8EE", strokeWidth: 0.265699 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.5521 92.0054V96.6176V92.0054Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M59.5521 92.0054V96.6176", stroke: "#E4E8EE", strokeWidth: 0.797096 }), /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M57.2451 94.3109H61.8582H57.2451Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M57.2451 94.3109H61.8582", stroke: "#E4E8EE", strokeWidth: 0.797096 })), /* @__PURE__ */ i.createElement("g", { filter: "url(#filter1_d)" }, /* @__PURE__ */ i.createElement("circle", { cx: 48.4218, cy: 47.4218, r: 45.4218, fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("mask", { id: "mask2", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: 4, y: 3, width: 88, height: 88 }, /* @__PURE__ */ i.createElement("circle", { cx: 48.4212, cy: 47.4217, r: 43.4622, fill: "#F8F9FB" })), /* @__PURE__ */ i.createElement("g", { mask: "url(#mask2)" }, /* @__PURE__ */ i.createElement("rect", { width: 93.6272, height: 94.0068, transform: "translate(3 -0.528809)", fill: "white" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 12.6294, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 50.8384, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 77.5361, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 26.293, width: 9.10967, height: 9.10967, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 12.6294, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 50.8384, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 77.5361, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 26.293, width: 33.1491, height: 3.54265, rx: 0.506093, fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 6.0498, width: 33.1491, height: 2.65699, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 44.2598, width: 33.1491, height: 2.65699, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 12.8691, y: 70.9556, width: 33.1491, height: 2.65699, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 18.1948, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 56.4058, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 83.1025, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 23.75, y: 31.8604, width: 25.6842, height: 3.54265, rx: 0.506093, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 68.4131, y: 15.4131, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 68.4131, y: 53.6221, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 68.4131, y: 80.3179, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("rect", { x: 68.4131, y: 29.0767, width: 15.5624, height: 3.54265, rx: 0.506093, fill: "#A8B1BD" }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 23.8901H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 62.1001H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 88.7959H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 37.5547H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 10.2246H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 48.4355H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 75.1313H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 23.8901H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 62.1001H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }), /* @__PURE__ */ i.createElement("path", { d: "M10.9707 88.7959H85.8724", stroke: "#E4E8EE", strokeWidth: 0.253046 }))), /* @__PURE__ */ i.createElement("path", { d: "M76.0285 81.4569L76.7644 80.721L80.4085 83.0384L100.493 103.122C101.095 103.725 101.095 104.702 100.493 105.304C99.8901 105.907 98.9134 105.907 98.3109 105.304L78.3227 85.3158L76.0285 81.4569Z", fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("defs", null, /* @__PURE__ */ i.createElement("filter", { id: "filter0_d", x: 51.8364, y: 35.4035, width: 51.333, height: 66.7404, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ i.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ i.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__ */ i.createElement("feOffset", { dy: 0.37957 }), /* @__PURE__ */ i.createElement("feGaussianBlur", { stdDeviation: 0.506093 }), /* @__PURE__ */ i.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.341176 0 0 0 0 0.4 0 0 0 0 0.458824 0 0 0 0.15 0" }), /* @__PURE__ */ i.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }), /* @__PURE__ */ i.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" })), /* @__PURE__ */ i.createElement("filter", { id: "filter1_d", x: 0.469535, y: 0.734768, width: 95.9046, height: 95.9046, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, /* @__PURE__ */ i.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), /* @__PURE__ */ i.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__ */ i.createElement("feOffset", { dy: 1.26523 }), /* @__PURE__ */ i.createElement("feGaussianBlur", { stdDeviation: 1.26523 }), /* @__PURE__ */ i.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.341176 0 0 0 0 0.4 0 0 0 0 0.458824 0 0 0 0.16 0" }), /* @__PURE__ */ i.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }), /* @__PURE__ */ i.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow", result: "shape" })))), ft = Y(yt), xt = {
   marginBottom: 16,
   maxWidth: 120,
   width: "100%"
-}, xt = ({ erroredText: t }) => /* @__PURE__ */ d(
+}, kt = ({ erroredText: t }) => /* @__PURE__ */ h(
   p,
   {
     sx: {
       alignItems: "center"
     },
     children: [
-      /* @__PURE__ */ e(K, { divProps: { style: kt }, image: ft }),
-      /* @__PURE__ */ e(g, { color: "secondary", sx: { mx: 8, mb: 8 }, variant: "ParagraphSmall", children: t })
+      /* @__PURE__ */ e(K, { divProps: { style: xt }, image: ft }),
+      /* @__PURE__ */ e(S, { color: "secondary", sx: { mx: 8, mb: 8 }, variant: "ParagraphSmall", children: t })
     ]
   }
 ), Ct = ({
@@ -1165,7 +1165,7 @@ const de = (t) => {
   sx: s = {},
   title: o
 }) => /* @__PURE__ */ e(
-  De,
+  Te,
   {
     action: t,
     subheader: l,
@@ -1198,40 +1198,55 @@ const de = (t) => {
     )
   }
 ), wt = ({ content: t, isLoading: r, sx: n }) => {
-  const [l, s] = oe(0), o = T(null), a = () => {
-    if (o.current) {
-      const c = o.current, h = c.parentElement;
-      if (h) {
-        const k = 180 - Array.from(h.children).reduce((v, f) => f !== c ? v + f.clientHeight : v, 0) - 24, J = Math.floor(k / 26);
-        J !== l && s(J);
-      }
-    }
-  };
+  const l = D(null), [s, o] = oe(t);
   return se(() => {
-    a();
-    const c = new ResizeObserver(() => a()), h = o.current?.parentElement;
-    return h && c.observe(h), () => {
-      h && c.unobserve(h);
+    const a = () => {
+      const c = l.current;
+      if (!c) return;
+      const d = c.innerText, m = Array.from(c.childNodes);
+      let E = d;
+      for (; c.scrollHeight > c.clientHeight && E.length > 0; ) {
+        E = E.slice(0, -1);
+        let y = 0;
+        const k = m.map((x) => {
+          if (x.nodeType === Node.TEXT_NODE) {
+            const J = E.slice(
+              y,
+              y + (x.textContent?.length ?? 0)
+            );
+            return y += x.textContent?.length ?? 0, J;
+          } else if (x.nodeType === Node.ELEMENT_NODE) {
+            const J = E.slice(
+              y,
+              y + x.innerText.length
+            );
+            y += x.innerText.length;
+            const v = x.cloneNode(!0);
+            return v.innerText = J, v.outerHTML;
+          }
+          return "";
+        }).join("");
+        c.innerHTML = k + "...";
+      }
+      o(c.innerHTML);
     };
-  }, [t, r]), /* @__PURE__ */ e(
+    return a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
+  }, [t]), /* @__PURE__ */ e(
     u,
     {
-      ref: o,
-      dangerouslySetInnerHTML: { __html: t },
+      ref: l,
+      dangerouslySetInnerHTML: { __html: r ? "" : s },
       sx: {
+        flexGrow: 1,
         fontSize: 13,
-        lineHeight: "150%",
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        WebkitLineClamp: l > 0 ? l : "auto",
+        lineHeight: "20px",
         m: 0,
         pb: 8,
         // pulse already has apadding of 8 so the 8px here and 8px in pulse will equal 16px.
         pt: 16,
         px: 8,
         // The new description design has a 24px padding on the x axis, however, pulse already adds 16px. In order to not break existing insights we are only using 8px here so it adds up to 24. Once all insights are moved to this repo we make pulse 0px and this 24px.
+        overflow: "hidden",
         ...n
       }
     }
@@ -1245,7 +1260,7 @@ const de = (t) => {
   inDescriptionCtaOnClick: o,
   isLoading: a = !1,
   isMini: c = !1,
-  hasFullWidthImage: h,
+  hasFullWidthImage: d,
   hasFooterButton: m = !1,
   sx: E
 }) => {
@@ -1254,14 +1269,14 @@ const de = (t) => {
     {
       beat: r,
       footerButton: m,
-      hasFullWidthImage: h,
+      hasFullWidthImage: d,
       inDescriptionCtaOnClick: o,
       sx: E
     }
   );
-  return /* @__PURE__ */ d(O, { children: [
+  return /* @__PURE__ */ h(O, { children: [
     l === "top" && y(),
-    /* @__PURE__ */ e(p, { sx: { alignItems: "center", ...h && c && { mx: -16 } }, children: n }),
+    /* @__PURE__ */ e(p, { sx: { alignItems: "center", ...d && c && { mx: -16 } }, children: n }),
     l === "bottom" && y(),
     t && /* @__PURE__ */ e(
       M,
@@ -1277,7 +1292,7 @@ const de = (t) => {
       }
     )
   ] });
-}, A = ({
+}, b = ({
   altLoadingText: t,
   asteriskText: r,
   beat: n,
@@ -1286,13 +1301,13 @@ const de = (t) => {
   contentProps: o,
   errorText: a = "",
   feedback: c,
-  header: h,
+  header: d,
   isError: m = !1,
   isLoading: E = !1,
   isMini: y = !1
-}) => /* @__PURE__ */ d(u, { sx: { display: "flex", flexDirection: "column", height: y ? 280 : "100%" }, children: [
-  /* @__PURE__ */ e(Ct, { ...h, isMini: y, title: n.html_title }),
-  m ? /* @__PURE__ */ e(xt, { erroredText: a }) : /* @__PURE__ */ d(O, { children: [
+}) => /* @__PURE__ */ h(u, { sx: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+  /* @__PURE__ */ e(Ct, { ...d, isMini: y, title: n.html_title }),
+  m ? /* @__PURE__ */ e(kt, { erroredText: a }) : /* @__PURE__ */ h(O, { children: [
     /* @__PURE__ */ e(
       Mt,
       {
@@ -1334,7 +1349,7 @@ const de = (t) => {
   sx: s
 }) => {
   const { html_description: o, in_description_cta: a } = t, c = r ? 16 : 8;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     Se,
     {
       sx: {
@@ -1346,7 +1361,7 @@ const de = (t) => {
       },
       children: [
         /* @__PURE__ */ e(
-          g,
+          S,
           {
             dangerouslySetInnerHTML: { __html: o },
             sx: {
@@ -1362,14 +1377,14 @@ const de = (t) => {
             variant: "ParagraphSmall"
           }
         ),
-        a && l && /* @__PURE__ */ d(D, { fullWidth: !0, onClick: l, sx: { mb: c }, children: [
+        a && l && /* @__PURE__ */ h(T, { fullWidth: !0, onClick: l, sx: { mb: c }, children: [
           a,
-          /* @__PURE__ */ e(C, { name: "chevron_right" })
+          /* @__PURE__ */ e(g, { name: "chevron_right" })
         ] })
       ]
     }
   );
-}, b = ({
+}, A = ({
   beat: t,
   disabled: r = !1,
   hide: n = !1,
@@ -1379,7 +1394,7 @@ const de = (t) => {
   variant: a = !s && "text",
   ...c
 }) => n ? null : /* @__PURE__ */ e(
-  D,
+  T,
   {
     disabled: r,
     fullWidth: !0,
@@ -1397,18 +1412,18 @@ const de = (t) => {
     ...c,
     children: s ? t.call_to_action : t.supporting_action
   }
-), vt = (t, r) => /* @__PURE__ */ i.createElement("svg", { width: 295, height: 142, viewBox: "0 0 295 142", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...t }, /* @__PURE__ */ i.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__ */ i.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__ */ i.createElement("rect", { x: 0.5, y: 39.5, width: 294, height: 63, fill: "white", stroke: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 16, y: 55, width: 32, height: 32, rx: 2, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 16, y: 15, width: 80, height: 8, rx: 2, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 16, y: 118, width: 80, height: 8, rx: 2, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 226, y: 118, width: 56, height: 8, rx: 2, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 64, y: 60, width: 80, height: 8, rx: 2, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 232, y: 60, width: 47, height: 8, rx: 2, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 64, y: 76, width: 60, height: 4, rx: 2, fill: "#EEF1F6" })), Zt = Y(vt), bt = {
+), vt = (t, r) => /* @__PURE__ */ i.createElement("svg", { width: 295, height: 142, viewBox: "0 0 295 142", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...t }, /* @__PURE__ */ i.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__ */ i.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__ */ i.createElement("rect", { x: 0.5, y: 39.5, width: 294, height: 63, fill: "white", stroke: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 16, y: 55, width: 32, height: 32, rx: 2, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 16, y: 15, width: 80, height: 8, rx: 2, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 16, y: 118, width: 80, height: 8, rx: 2, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 226, y: 118, width: 56, height: 8, rx: 2, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 64, y: 60, width: 80, height: 8, rx: 2, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 232, y: 60, width: 47, height: 8, rx: 2, fill: "#EEF1F6" }), /* @__PURE__ */ i.createElement("rect", { x: 64, y: 76, width: 60, height: 4, rx: 2, fill: "#EEF1F6" })), Zt = Y(vt), At = {
   padding: 8,
   marginTop: 8,
   marginBottom: 12
-}, At = () => /* @__PURE__ */ e(
+}, bt = () => /* @__PURE__ */ e(
   p,
   {
     sx: {
       flexDirection: "row",
       justifyContent: "center"
     },
-    children: /* @__PURE__ */ e(K, { divProps: { style: bt }, image: Zt })
+    children: /* @__PURE__ */ e(K, { divProps: { style: At }, image: Zt })
   }
 ), zi = ({
   headerText: t,
@@ -1417,7 +1432,7 @@ const de = (t) => {
   onClose: l,
   rating: s,
   sx: o = {}
-}) => /* @__PURE__ */ d(Ze, { fontSize: 18, id: "alert-dialog-title", children: [
+}) => /* @__PURE__ */ h(Ze, { fontSize: 18, id: "alert-dialog-title", children: [
   t,
   /* @__PURE__ */ e(
     z,
@@ -1432,7 +1447,7 @@ const de = (t) => {
         right: 12
       },
       children: /* @__PURE__ */ e(
-        C,
+        g,
         {
           name: "cancel",
           sx: {
@@ -1442,7 +1457,7 @@ const de = (t) => {
       )
     }
   )
-] }), Di = ({
+] }), Ti = ({
   buttonText: t,
   errorMessage: r,
   feedbackMessage: n,
@@ -1451,7 +1466,7 @@ const de = (t) => {
   selectedRadio: o
 }) => {
   const { cancelText: a, submitText: c } = t;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     u,
     {
       sx: {
@@ -1462,7 +1477,7 @@ const de = (t) => {
       },
       children: [
         /* @__PURE__ */ e(
-          D,
+          T,
           {
             className: "mx-insights-beat-feedback-submit-button",
             "data-ui-test": "submit-button",
@@ -1481,7 +1496,7 @@ const de = (t) => {
           }
         ),
         /* @__PURE__ */ e(
-          D,
+          T,
           {
             className: "mx-insights-beat-feedback-no-thanks-button",
             "data-ui-test": "no-thanks-button",
@@ -1500,13 +1515,13 @@ const de = (t) => {
       ]
     }
   );
-}, Ti = ({ bodyText: t }) => /* @__PURE__ */ e(u, { style: { padding: "8px 24px 8px 0px" }, children: /* @__PURE__ */ e(g, { "data-ui-test": "feedback-description", children: t }) }), Ui = ({
+}, Di = ({ bodyText: t }) => /* @__PURE__ */ e(u, { style: { padding: "8px 24px 8px 0px" }, children: /* @__PURE__ */ e(S, { "data-ui-test": "feedback-description", children: t }) }), Ui = ({
   feedbackOptions: t,
   groupAriaLabel: r,
   selectedRadio: n,
   setSelectedRadio: l
 }) => /* @__PURE__ */ e(
-  Te,
+  De,
   {
     sx: {
       p: 24,
@@ -1559,13 +1574,13 @@ const de = (t) => {
   feedbackMessage: o,
   sendAnalytics: a,
   setFeedbackMessage: c,
-  validateForm: h
+  validateForm: d
 }) => {
   const m = qe(Pe)({
     height: 93,
     resize: "none"
   });
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ h(
     u,
     {
       "aria-label": s,
@@ -1583,7 +1598,7 @@ const de = (t) => {
             minRows: 4,
             name: "Feedback",
             onChange: (E) => {
-              c(E.target.value), h(E.target.value);
+              c(E.target.value), d(E.target.value);
             },
             onClick: () => a(),
             placeholder: l,
@@ -1595,7 +1610,7 @@ const de = (t) => {
           }
         ),
         n && /* @__PURE__ */ e(
-          g,
+          S,
           {
             sx: {
               color: t ? "error.darker" : null,
@@ -1608,7 +1623,7 @@ const de = (t) => {
       ]
     }
   );
-}, Ht = (t, r) => /* @__PURE__ */ i.createElement("svg", { width: 288, height: 156, viewBox: "0 0 288 156", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...t }, /* @__PURE__ */ i.createElement("rect", { width: 288, height: 156 }), /* @__PURE__ */ i.createElement("line", { x1: 16, y1: 119.5, x2: 272, y2: 119.5, stroke: "#A8B1BD" }), /* @__PURE__ */ i.createElement("path", { d: "M242 18C242 16.8954 242.895 16 244 16H262C263.105 16 264 16.8954 264 18V119H242V18Z", fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("path", { d: "M198 37C198 35.8954 198.895 35 200 35H218C219.105 35 220 35.8954 220 37V119H198V37Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M154 54C154 52.8954 154.895 52 156 52H174C175.105 52 176 52.8954 176 54V119H154V54Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M110 77C110 75.8954 110.895 75 112 75H130C131.105 75 132 75.8954 132 77V119H110V77Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M66 61C66 59.8954 66.8954 59 68 59H86C87.1046 59 88 59.8954 88 61V119H66V61Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M22 72C22 70.8954 22.8954 70 24 70H42C43.1046 70 44 70.8954 44 72V119H22V72Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 23, y: 130, width: 20, height: 6, rx: 3, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 67, y: 130, width: 20, height: 6, rx: 3, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 111, y: 130, width: 20, height: 6, rx: 3, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 155, y: 130, width: 20, height: 6, rx: 3, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 199, y: 130, width: 20, height: 6, rx: 3, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 243, y: 130, width: 20, height: 6, rx: 3, fill: "#CDD3DD" })), Ae = Y(Ht), Xi = ({
+}, Ht = (t, r) => /* @__PURE__ */ i.createElement("svg", { width: 288, height: 156, viewBox: "0 0 288 156", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: r, ...t }, /* @__PURE__ */ i.createElement("rect", { width: 288, height: 156 }), /* @__PURE__ */ i.createElement("line", { x1: 16, y1: 119.5, x2: 272, y2: 119.5, stroke: "#A8B1BD" }), /* @__PURE__ */ i.createElement("path", { d: "M242 18C242 16.8954 242.895 16 244 16H262C263.105 16 264 16.8954 264 18V119H242V18Z", fill: "#CDD3DD" }), /* @__PURE__ */ i.createElement("path", { d: "M198 37C198 35.8954 198.895 35 200 35H218C219.105 35 220 35.8954 220 37V119H198V37Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M154 54C154 52.8954 154.895 52 156 52H174C175.105 52 176 52.8954 176 54V119H154V54Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M110 77C110 75.8954 110.895 75 112 75H130C131.105 75 132 75.8954 132 77V119H110V77Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M66 61C66 59.8954 66.8954 59 68 59H86C87.1046 59 88 59.8954 88 61V119H66V61Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("path", { d: "M22 72C22 70.8954 22.8954 70 24 70H42C43.1046 70 44 70.8954 44 72V119H22V72Z", fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 23, y: 130, width: 20, height: 6, rx: 3, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 67, y: 130, width: 20, height: 6, rx: 3, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 111, y: 130, width: 20, height: 6, rx: 3, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 155, y: 130, width: 20, height: 6, rx: 3, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 199, y: 130, width: 20, height: 6, rx: 3, fill: "#E4E8EE" }), /* @__PURE__ */ i.createElement("rect", { x: 243, y: 130, width: 20, height: 6, rx: 3, fill: "#CDD3DD" })), be = Y(Ht), Xi = ({
   amounts: t,
   beat: r,
   buttonProps: n,
@@ -1617,20 +1632,20 @@ const de = (t) => {
   legendLabelAvg: o,
   legendLabelMain: a,
   onBarClick: c,
-  ...h
-}) => /* @__PURE__ */ e(A, { ...h, beat: r, button: /* @__PURE__ */ e(b, { ...n, beat: r }), children: s.length > 0 ? /* @__PURE__ */ e(
+  ...d
+}) => /* @__PURE__ */ e(b, { ...d, beat: r, button: /* @__PURE__ */ e(A, { ...n, beat: r }), children: s.length > 0 ? /* @__PURE__ */ e(
   _,
   {
     amounts: t,
     color: l,
     data: s,
-    isMini: h.isMini,
+    isMini: d.isMini,
     legendLabelAvg: o,
     legendLabelMain: a,
     margin: { bottom: 32, left: 2, right: 2, top: 24 },
     onBarClick: c
   }
-) : /* @__PURE__ */ e(K, { image: Ae }) });
+) : /* @__PURE__ */ e(K, { image: be }) });
 var G = /* @__PURE__ */ ((t) => (t.Primary = "Primary", t.Secondary = "Secondary", t))(G || {});
 const Pi = ({
   amounts: t,
@@ -1641,16 +1656,16 @@ const Pi = ({
   legendLabelAvg: o,
   legendLabelMain: a,
   onBarClick: c,
-  selectedTabIndex: h,
+  selectedTabIndex: d,
   ...m
 }) => /* @__PURE__ */ e(
-  A,
+  b,
   {
     ...m,
     beat: r,
-    button: s.length ? /* @__PURE__ */ d(p, { spacing: 10, sx: { pt: 8 }, children: [
+    button: s.length ? /* @__PURE__ */ h(p, { spacing: 10, sx: { pt: 8 }, children: [
       /* @__PURE__ */ e(
-        b,
+        A,
         {
           ...n,
           beat: r,
@@ -1658,7 +1673,7 @@ const Pi = ({
         }
       ),
       /* @__PURE__ */ e(
-        b,
+        A,
         {
           ...n,
           beat: r,
@@ -1683,7 +1698,7 @@ const Pi = ({
           top: 24
         },
         onBarClick: c,
-        selectedTabIndex: h
+        selectedTabIndex: d
       }
     ) : /* @__PURE__ */ e(X, {})
   }
@@ -1696,15 +1711,15 @@ const Pi = ({
   transactionDescription: o,
   ...a
 }) => {
-  const { primary_transaction: c, primary_category_guid: h } = t;
+  const { primary_transaction: c, primary_category_guid: d } = t;
   if (!c) return null;
-  const m = c.top_level_category_guid || c.category_guid || h || "", E = c.merchant_guid || "", y = m || h, k = s ? "linear-gradient(#19B07B, #006642)" : "linear-gradient(#D9FDEA, #8DF1CE)";
+  const m = c.top_level_category_guid || c.category_guid || d || "", E = c.merchant_guid || "", y = m || d, k = s ? "linear-gradient(#19B07B, #006642)" : "linear-gradient(#D9FDEA, #8DF1CE)";
   return /* @__PURE__ */ e(
-    A,
+    b,
     {
       ...a,
       beat: t,
-      button: /* @__PURE__ */ e(u, { sx: { pb: 16, px: 16 }, children: /* @__PURE__ */ e(b, { ...r, beat: t }) }),
+      button: /* @__PURE__ */ e(u, { sx: { pb: 16, px: 16 }, children: /* @__PURE__ */ e(A, { ...r, beat: t }) }),
       contentProps: {
         hasFullWidthImage: !0,
         sx: { px: 0 }
@@ -1713,7 +1728,7 @@ const Pi = ({
         ...a.header,
         hasFullWidthImage: !0
       },
-      children: /* @__PURE__ */ e(u, { sx: { background: k, p: 16, width: "100%" }, children: /* @__PURE__ */ e(j, { sx: { bgcolor: s ? "grey.800" : "common.white", p: 16 }, children: /* @__PURE__ */ d(p, { sx: { alignItems: "center", gap: 12 }, children: [
+      children: /* @__PURE__ */ e(u, { sx: { background: k, p: 16, width: "100%" }, children: /* @__PURE__ */ e(j, { sx: { bgcolor: s ? "grey.800" : "common.white", p: 16 }, children: /* @__PURE__ */ h(p, { sx: { alignItems: "center", gap: 12 }, children: [
         /* @__PURE__ */ e(
           U,
           {
@@ -1723,10 +1738,10 @@ const Pi = ({
             size: 40
           }
         ),
-        /* @__PURE__ */ d(p, { sx: { alignItems: "center", gap: 4 }, children: [
+        /* @__PURE__ */ h(p, { sx: { alignItems: "center", gap: 4 }, children: [
           /* @__PURE__ */ e(ae, { color: "success.main", children: l }),
           /* @__PURE__ */ e(M, { bold: !0, sx: { fontSize: 13, lineHeight: "16px" }, children: o }),
-          /* @__PURE__ */ d(p, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
+          /* @__PURE__ */ h(p, { sx: { alignItems: "center", flexDirection: "row", gap: 4 }, children: [
             y && /* @__PURE__ */ e(
               Ce,
               {
@@ -1744,7 +1759,7 @@ const Pi = ({
     }
   );
 }, Q = ({ sx: t }) => /* @__PURE__ */ e(
-  C,
+  g,
   {
     fill: !0,
     name: "circle",
@@ -1773,7 +1788,7 @@ const Pi = ({
         p: 16,
         width: "100%"
       },
-      children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ h(
         u,
         {
           ref: o,
@@ -1788,7 +1803,7 @@ const Pi = ({
           },
           children: [
             /* @__PURE__ */ e(ce, { height: a, shouldRun: s, width: c }),
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ h(
               u,
               {
                 sx: {
@@ -1799,7 +1814,7 @@ const Pi = ({
                   width: 268
                 },
                 children: [
-                  /* @__PURE__ */ d(
+                  /* @__PURE__ */ h(
                     u,
                     {
                       sx: {
@@ -1823,7 +1838,7 @@ const Pi = ({
                         /* @__PURE__ */ e(Q, { sx: { marginLeft: 11 } }),
                         /* @__PURE__ */ e(Q, { sx: { marginLeft: 4 } }),
                         s ? /* @__PURE__ */ e(
-                          C,
+                          g,
                           {
                             fill: !0,
                             name: "check_circle",
@@ -1837,7 +1852,7 @@ const Pi = ({
                             }
                           }
                         ) : /* @__PURE__ */ e(
-                          C,
+                          g,
                           {
                             name: "link",
                             size: 28,
@@ -1899,12 +1914,12 @@ const Pi = ({
     height: "100%",
     justifyContent: "space-between",
     sx: { bgcolor: "background.paper" },
-    children: /* @__PURE__ */ d(u, { height: "100%", overflow: "auto", children: [
-      /* @__PURE__ */ d(u, { children: [
+    children: /* @__PURE__ */ h(u, { height: "100%", overflow: "auto", children: [
+      /* @__PURE__ */ h(u, { children: [
         /* @__PURE__ */ e(ae, { sx: { p: "16px 24px 8px 24px", whiteSpace: "wrap" }, children: t.header_text }),
-        /* @__PURE__ */ d(p, { sx: { gap: 12, px: 24 }, children: [
-          /* @__PURE__ */ e(g, { color: "textSecondary", fontSize: 13, children: t.description }),
-          /* @__PURE__ */ e(Ee, { children: t.benefits_list_array.map((n, l) => /* @__PURE__ */ d(
+        /* @__PURE__ */ h(p, { sx: { gap: 12, px: 24 }, children: [
+          /* @__PURE__ */ e(S, { color: "textSecondary", fontSize: 13, children: t.description }),
+          /* @__PURE__ */ e(Ee, { children: t.benefits_list_array.map((n, l) => /* @__PURE__ */ h(
             ue,
             {
               sx: {
@@ -1915,7 +1930,7 @@ const Pi = ({
                 minHeight: "unset"
               },
               children: [
-                /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(C, { color: "success", name: "check_circle", size: 16, sx: { lineHeight: 1.2 } }) }),
+                /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(g, { color: "success", name: "check_circle", size: 16, sx: { lineHeight: 1.2 } }) }),
                 /* @__PURE__ */ e(
                   re,
                   {
@@ -1930,10 +1945,10 @@ const Pi = ({
           )) })
         ] })
       ] }),
-      /* @__PURE__ */ d(u, { children: [
+      /* @__PURE__ */ h(u, { children: [
         /* @__PURE__ */ e(M, { bold: !0, fontSize: 15, sx: { p: "16px 24px 8px 24px" }, children: t.shared_info_header_text }),
-        /* @__PURE__ */ e(g, { color: "textSecondary", fontSize: 13, sx: { mb: 16, mx: 24 }, children: t.shared_info_description }),
-        /* @__PURE__ */ e(Ee, { sx: { p: "16px 24px" }, children: t.shared_info_list_array.map((n, l) => /* @__PURE__ */ d(
+        /* @__PURE__ */ e(S, { color: "textSecondary", fontSize: 13, sx: { mb: 16, mx: 24 }, children: t.shared_info_description }),
+        /* @__PURE__ */ e(Ee, { sx: { p: "16px 24px" }, children: t.shared_info_list_array.map((n, l) => /* @__PURE__ */ h(
           ue,
           {
             sx: {
@@ -1949,7 +1964,7 @@ const Pi = ({
               p: 16
             },
             children: [
-              /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(C, { name: n.icon_name, size: 24 }) }),
+              /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(g, { name: n.icon_name, size: 24 }) }),
               /* @__PURE__ */ e(
                 re,
                 {
@@ -1970,15 +1985,15 @@ const Pi = ({
           `lower-list-${l}`
         )) })
       ] }),
-      /* @__PURE__ */ d(p, { sx: { alignItems: "center", justifyContent: "center", pb: 16 }, children: [
+      /* @__PURE__ */ h(p, { sx: { alignItems: "center", justifyContent: "center", pb: 16 }, children: [
         /* @__PURE__ */ e(M, { bold: !0, sx: { p: "16px 24px 8px 24px" }, children: t.footer_title }),
-        /* @__PURE__ */ d(u, { sx: { display: "flex", gap: 24, p: "12px 24px" }, children: [
+        /* @__PURE__ */ h(u, { sx: { display: "flex", gap: 24, p: "12px 24px" }, children: [
           /* @__PURE__ */ e(
             z,
             {
               "aria-label": t.aria_label_thumbs_down,
               onClick: () => r("no"),
-              children: /* @__PURE__ */ e(C, { color: "secondary", name: "thumb_down", size: 24 })
+              children: /* @__PURE__ */ e(g, { color: "secondary", name: "thumb_down", size: 24 })
             }
           ),
           /* @__PURE__ */ e(
@@ -1986,7 +2001,7 @@ const Pi = ({
             {
               "aria-label": t.aria_label_thumbs_up,
               onClick: () => r("yes"),
-              children: /* @__PURE__ */ e(C, { color: "secondary", name: "thumb_up", size: 24 })
+              children: /* @__PURE__ */ e(g, { color: "secondary", name: "thumb_up", size: 24 })
             }
           )
         ] })
@@ -2020,7 +2035,7 @@ const Pi = ({
     marginBottom: 16,
     width: r ? "30%" : "50%"
   }, o = t ? { ...s, width: r ? "50%" : "70%" } : s;
-  return /* @__PURE__ */ e(A, { ...n, isMini: r, children: /* @__PURE__ */ e(K, { divProps: { style: o }, image: l }) });
+  return /* @__PURE__ */ e(b, { ...n, isMini: r, children: /* @__PURE__ */ e(K, { divProps: { style: o }, image: l }) });
 }, _i = ({
   altLoadingText: t,
   beat: r,
@@ -2028,13 +2043,13 @@ const Pi = ({
   header: l,
   isMini: s
 }) => /* @__PURE__ */ e(
-  A,
+  b,
   {
     altLoadingText: t,
     beat: r,
-    button: /* @__PURE__ */ d(p, { spacing: 10, children: [
+    button: /* @__PURE__ */ h(p, { spacing: 10, children: [
       /* @__PURE__ */ e(
-        b,
+        A,
         {
           beat: r,
           ...n,
@@ -2042,7 +2057,7 @@ const Pi = ({
         }
       ),
       r.supporting_action && /* @__PURE__ */ e(
-        b,
+        A,
         {
           ...n,
           beat: r,
@@ -2072,10 +2087,10 @@ const Pi = ({
   onBarClick: a,
   ...c
 }) => /* @__PURE__ */ e(
-  A,
+  b,
   {
     beat: t,
-    button: l.length ? /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(b, { ...r, beat: t }) }) : null,
+    button: l.length ? /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(A, { ...r, beat: t }) }) : null,
     ...c,
     children: l.length ? /* @__PURE__ */ e(
       he,
@@ -2104,10 +2119,10 @@ const Pi = ({
   showGoalContributedLastMonth: o,
   showProjectedToCompleteDate: a,
   title: c,
-  totalSavedText: h
+  totalSavedText: d
 }) => {
   const m = Re(n ? "dark" : "light");
-  return /* @__PURE__ */ e(Ke, { theme: m, children: /* @__PURE__ */ e(u, { className: "mx-insights-mefr-body", "data-ui-test": "mefr-body", sx: { mb: 16 }, children: /* @__PURE__ */ d(et, { title: c, children: [
+  return /* @__PURE__ */ e(Ke, { theme: m, children: /* @__PURE__ */ e(u, { className: "mx-insights-mefr-body", "data-ui-test": "mefr-body", sx: { mb: 16 }, children: /* @__PURE__ */ h(et, { title: c, children: [
     /* @__PURE__ */ e(
       $e,
       {
@@ -2115,7 +2130,7 @@ const Pi = ({
         percentageCompleteText: s
       }
     ),
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ h(
       u,
       {
         className: "mx-insights-mefr-body-content",
@@ -2128,14 +2143,14 @@ const Pi = ({
             Ft,
             {
               showGoalContributedLastMonth: o,
-              totalSavedText: h
+              totalSavedText: d
             }
           )
         ]
       }
     )
   ] }) }) });
-}, Ot = ({ goalContribution: t }) => /* @__PURE__ */ d(
+}, Ot = ({ goalContribution: t }) => /* @__PURE__ */ h(
   p,
   {
     "data-ui-test": "mefr-body-contributed",
@@ -2146,7 +2161,7 @@ const Pi = ({
       size: 13
     },
     children: [
-      /* @__PURE__ */ e(C, { color: "secondary", fill: !0, name: "bid_landscape", sx: { mr: 4 } }),
+      /* @__PURE__ */ e(g, { color: "secondary", fill: !0, name: "bid_landscape", sx: { mr: 4 } }),
       /* @__PURE__ */ e(
         M,
         {
@@ -2157,7 +2172,7 @@ const Pi = ({
       )
     ]
   }
-), Yt = ({ goalCompletionDate: t }) => /* @__PURE__ */ d(
+), Yt = ({ goalCompletionDate: t }) => /* @__PURE__ */ h(
   p,
   {
     "data-ui-test": "mefr-body-projected",
@@ -2168,7 +2183,7 @@ const Pi = ({
       size: 13
     },
     children: [
-      /* @__PURE__ */ e(C, { name: "calendar_month", sx: { mr: 4 } }),
+      /* @__PURE__ */ e(g, { name: "calendar_month", sx: { mr: 4 } }),
       /* @__PURE__ */ e(
         M,
         {
@@ -2182,7 +2197,7 @@ const Pi = ({
 ), Ft = ({
   showGoalContributedLastMonth: t,
   totalSavedText: r
-}) => /* @__PURE__ */ d(
+}) => /* @__PURE__ */ h(
   p,
   {
     "data-ui-test": "mefr-body-saved",
@@ -2193,7 +2208,7 @@ const Pi = ({
       size: 13
     },
     children: [
-      /* @__PURE__ */ e(C, { name: "paid", sx: { mr: 4 } }),
+      /* @__PURE__ */ e(g, { name: "paid", sx: { mr: 4 } }),
       /* @__PURE__ */ e(
         M,
         {
@@ -2215,10 +2230,10 @@ const Pi = ({
   onBarClick: a,
   ...c
 }) => /* @__PURE__ */ e(
-  A,
+  b,
   {
     beat: t,
-    button: l.length ? /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(b, { ...r, beat: t }) }) : null,
+    button: l.length ? /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(A, { ...r, beat: t }) }) : null,
     ...c,
     children: l.length ? /* @__PURE__ */ e(
       he,
@@ -2247,20 +2262,20 @@ const Pi = ({
   legendLabelAvg: o,
   legendLabelMain: a,
   onBarClick: c,
-  ...h
-}) => /* @__PURE__ */ e(A, { ...h, beat: r, button: /* @__PURE__ */ e(b, { ...n, beat: r }), children: s.length > 0 ? /* @__PURE__ */ e(
+  ...d
+}) => /* @__PURE__ */ e(b, { ...d, beat: r, button: /* @__PURE__ */ e(A, { ...n, beat: r }), children: s.length > 0 ? /* @__PURE__ */ e(
   _,
   {
     amounts: t,
     color: l,
     data: s,
-    isMini: h.isMini,
+    isMini: d.isMini,
     legendLabelAvg: o,
     legendLabelMain: a,
     margin: { bottom: 32, left: 2, right: 2, top: 24 },
     onBarClick: c
   }
-) : /* @__PURE__ */ e(K, { image: Ae }) }), r1 = ({
+) : /* @__PURE__ */ e(K, { image: be }) }), r1 = ({
   beat: t,
   buttonProps: r,
   colors: n,
@@ -2270,11 +2285,11 @@ const Pi = ({
   onBarClick: a,
   ...c
 }) => /* @__PURE__ */ e(
-  A,
+  b,
   {
     ...c,
     beat: t,
-    button: l.length ? /* @__PURE__ */ e(p, { spacing: 10, sx: { pt: 8 }, children: /* @__PURE__ */ e(b, { ...r, beat: t }) }) : null,
+    button: l.length ? /* @__PURE__ */ e(p, { spacing: 10, sx: { pt: 8 }, children: /* @__PURE__ */ e(A, { ...r, beat: t }) }) : null,
     children: l.length ? /* @__PURE__ */ e(
       he,
       {
@@ -2299,11 +2314,11 @@ const Pi = ({
   transactions: n,
   ...l
 }) => /* @__PURE__ */ e(
-  A,
+  b,
   {
     ...l,
     beat: t,
-    button: t.call_to_action && /* @__PURE__ */ e(b, { ...r, beat: t }),
+    button: t.call_to_action && /* @__PURE__ */ e(A, { ...r, beat: t }),
     children: n.length > 1 ? /* @__PURE__ */ e(
       Kt,
       {
@@ -2393,7 +2408,7 @@ const Pi = ({
                     top: l(c),
                     width: 48
                   },
-                  children: /* @__PURE__ */ e(g, { fontSize: 24, children: ` +${o}` })
+                  children: /* @__PURE__ */ e(S, { fontSize: 24, children: ` +${o}` })
                 },
                 "display-count"
               );
@@ -2402,7 +2417,7 @@ const Pi = ({
       )
     }
   );
-}, Wt = ({ amount: t, categoryGuid: r, description: n, feedDescription: l, merchantGuid: s }) => /* @__PURE__ */ d(
+}, Wt = ({ amount: t, categoryGuid: r, description: n, feedDescription: l, merchantGuid: s }) => /* @__PURE__ */ h(
   p,
   {
     sx: {
@@ -2443,14 +2458,14 @@ const Pi = ({
   legendLabelMain: o,
   onBarClick: a,
   selectedTabIndex: c,
-  ...h
+  ...d
 }) => /* @__PURE__ */ e(
-  A,
+  b,
   {
-    ...h,
+    ...d,
     beat: r,
     button: s.length ? /* @__PURE__ */ e(p, { spacing: 10, sx: { pt: 8 }, children: /* @__PURE__ */ e(
-      b,
+      A,
       {
         ...n,
         beat: r,
@@ -2463,7 +2478,7 @@ const Pi = ({
         amounts: t,
         color: l,
         data: s,
-        isMini: h.isMini,
+        isMini: d.isMini,
         legendLabelMain: o,
         margin: {
           bottom: 32,
@@ -2485,9 +2500,9 @@ const Pi = ({
   isMini: o,
   headerString: a,
   rightLowerText: c,
-  rightUpperText: h
+  rightUpperText: d
 }) => /* @__PURE__ */ e(
-  be,
+  Ae,
   {
     account: t,
     animation: r,
@@ -2497,9 +2512,9 @@ const Pi = ({
     leftLowerText: n,
     leftUpperText: l,
     rightLowerText: c,
-    rightUpperText: h
+    rightUpperText: d
   }
-), ke = ({ accountGuid: t, accountName: r }) => /* @__PURE__ */ d(
+), xe = ({ accountGuid: t, accountName: r }) => /* @__PURE__ */ h(
   p,
   {
     className: "mx-insights-sdd-account-Card",
@@ -2526,7 +2541,7 @@ const Pi = ({
         }
       ),
       /* @__PURE__ */ e(
-        g,
+        S,
         {
           className: "mx-insights-sdd-account-account-name",
           sx: { textAlign: "center" },
@@ -2541,16 +2556,16 @@ const Pi = ({
   externalAccountName: r,
   heldAccountName: n,
   sourceAccountGuid: l
-}) => /* @__PURE__ */ d(
+}) => /* @__PURE__ */ h(
   p,
   {
     className: "mx-insights-sdd-main-container",
     direction: "row",
     sx: { gap: 8, justifyContent: "center", py: 12, width: "100%" },
     children: [
-      /* @__PURE__ */ e(ke, { accountGuid: l, accountName: r }),
+      /* @__PURE__ */ e(xe, { accountGuid: l, accountName: r }),
       /* @__PURE__ */ e(
-        C,
+        g,
         {
           className: "mx-insights-sdd-arrow-forward-icon",
           name: "arrow_forward",
@@ -2559,7 +2574,7 @@ const Pi = ({
           weight: 400
         }
       ),
-      /* @__PURE__ */ e(ke, { accountGuid: t, accountName: n })
+      /* @__PURE__ */ e(xe, { accountGuid: t, accountName: n })
     ]
   }
 ), s1 = ({
@@ -2571,20 +2586,20 @@ const Pi = ({
   headerString: o,
   isComplete: a,
   isMini: c,
-  leftLowerText: h,
+  leftLowerText: d,
   leftUpperText: m,
   rightLowerText: E,
   rightUpperText: y,
   sourceAccountGuid: k
 }) => /* @__PURE__ */ e(Z.Fragment, { children: a ? /* @__PURE__ */ e(
-  be,
+  Ae,
   {
     account: t,
     animation: r,
     headerString: o,
     isComplete: a,
     isMini: c,
-    leftLowerText: h,
+    leftLowerText: d,
     leftUpperText: m,
     rightLowerText: E,
     rightUpperText: y
@@ -2597,7 +2612,7 @@ const Pi = ({
     heldAccountName: s,
     sourceAccountGuid: k
   }
-) }), Dt = ({
+) }), Tt = ({
   beat: t,
   category: r,
   formattedNumber: n,
@@ -2624,7 +2639,7 @@ const Pi = ({
       width: "100%"
     }
   };
-  return /* @__PURE__ */ e(p, { sx: a.boxContainer, children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(p, { sx: a.boxContainer, children: /* @__PURE__ */ h(
     j,
     {
       sx: {
@@ -2642,7 +2657,7 @@ const Pi = ({
           }
         ),
         /* @__PURE__ */ e(
-          g,
+          S,
           {
             bold: !0,
             sx: { color: "success.main", fontSize: 18, fontWeight: 700, mt: 12 },
@@ -2650,8 +2665,8 @@ const Pi = ({
             children: n
           }
         ),
-        /* @__PURE__ */ e(g, { sx: { fontSize: 13, fontWeight: 400, p: 4 }, variant: "Small", children: t.primary_transaction?.description }),
-        /* @__PURE__ */ d(p, { alignItems: "center", direction: "row", children: [
+        /* @__PURE__ */ e(S, { sx: { fontSize: 13, fontWeight: 400, p: 4 }, variant: "Small", children: t.primary_transaction?.description }),
+        /* @__PURE__ */ h(p, { alignItems: "center", direction: "row", children: [
           t.primary_transaction?.top_level_category_guid && /* @__PURE__ */ e(
             Ce,
             {
@@ -2662,7 +2677,7 @@ const Pi = ({
             }
           ),
           /* @__PURE__ */ e(
-            g,
+            S,
             {
               sx: { color: "text.secondary", fontSize: 11, fontWeight: 400, ml: 8 },
               variant: "XSmall",
@@ -2682,11 +2697,11 @@ const Pi = ({
   isMini: o,
   ...a
 }) => /* @__PURE__ */ e(
-  A,
+  b,
   {
     ...a,
     beat: t,
-    button: /* @__PURE__ */ e(u, { sx: { pt: 8, px: 16 }, children: /* @__PURE__ */ e(b, { ...r, beat: t }) }),
+    button: /* @__PURE__ */ e(u, { sx: { pt: 8, px: 16 }, children: /* @__PURE__ */ e(A, { ...r, beat: t }) }),
     contentProps: {
       hasFullWidthImage: !0
     },
@@ -2696,7 +2711,7 @@ const Pi = ({
     },
     isMini: o,
     children: /* @__PURE__ */ e(
-      Dt,
+      Tt,
       {
         beat: t,
         category: n,
@@ -2706,7 +2721,7 @@ const Pi = ({
       }
     )
   }
-), Tt = ({ noSpendDays: t, daysOfTheWeek: r }) => {
+), Dt = ({ noSpendDays: t, daysOfTheWeek: r }) => {
   const n = F();
   return /* @__PURE__ */ e(
     le,
@@ -2721,7 +2736,7 @@ const Pi = ({
       width: "100%",
       children: r.map((l, s) => {
         const o = t[l];
-        return /* @__PURE__ */ d(le, { alignItems: "center", spacing: 3, children: [
+        return /* @__PURE__ */ h(le, { alignItems: "center", spacing: 3, children: [
           /* @__PURE__ */ e(
             M,
             {
@@ -2745,11 +2760,11 @@ const Pi = ({
   displayData: l,
   ...s
 }) => {
-  const { no_spend_days: o } = t.payload, { noSpendDays: a, dollarBillAltText: c, daysOfTheWeek: h } = l, m = $t[o.length || 0], E = Z.useRef(null), { height: y, width: k } = de(E);
-  return /* @__PURE__ */ e(A, { ...s, beat: t, button: /* @__PURE__ */ e(b, { ...r, beat: t }), children: n ? /* @__PURE__ */ e(At, {}) : /* @__PURE__ */ d(le, { ref: E, alignItems: "center", justifyContent: "center", width: "100%", children: [
+  const { no_spend_days: o } = t.payload, { noSpendDays: a, dollarBillAltText: c, daysOfTheWeek: d } = l, m = $t[o.length || 0], E = Z.useRef(null), { height: y, width: k } = de(E);
+  return /* @__PURE__ */ e(b, { ...s, beat: t, button: /* @__PURE__ */ e(A, { ...r, beat: t }), children: n ? /* @__PURE__ */ e(bt, {}) : /* @__PURE__ */ h(le, { ref: E, alignItems: "center", justifyContent: "center", width: "100%", children: [
     /* @__PURE__ */ e("img", { alt: c, src: m, width: 138 }),
     o?.length >= 4 && /* @__PURE__ */ e(ce, { height: y, shouldRun: !0, width: k }),
-    /* @__PURE__ */ e(Tt, { daysOfTheWeek: h, noSpendDays: a })
+    /* @__PURE__ */ e(Dt, { daysOfTheWeek: d, noSpendDays: a })
   ] }) });
 }, ei = ({
   children: t,
@@ -2757,7 +2772,7 @@ const Pi = ({
   shouldShow: n,
   onClose: l,
   ...s
-}) => /* @__PURE__ */ d(ge, { fullScreen: !0, onClose: l, open: n, ...s, children: [
+}) => /* @__PURE__ */ h(ge, { fullScreen: !0, onClose: l, open: n, ...s, children: [
   /* @__PURE__ */ e(Ze, { children: r.title }),
   /* @__PURE__ */ e(
     z,
@@ -2769,7 +2784,7 @@ const Pi = ({
         right: 8,
         top: 8
       },
-      children: /* @__PURE__ */ e(C, { name: "close" })
+      children: /* @__PURE__ */ e(g, { name: "close" })
     }
   ),
   /* @__PURE__ */ e(Qe, { sx: { mb: 24 }, children: t })
@@ -2813,18 +2828,18 @@ const Pi = ({
   isLoading: s,
   ...o
 }) => {
-  const [a, c] = Z.useState(t.were_working_on_it), [h, m] = Z.useState(0);
+  const [a, c] = Z.useState(t.were_working_on_it), [d, m] = Z.useState(0);
   return Z.useEffect(() => {
-    if (h <= 2) {
+    if (d <= 2) {
       const E = [t.were_working_on_it, t.were_getting_closer, t.almost_there], y = setTimeout(() => {
-        m(h + 1), c(E[h]);
+        m(d + 1), c(E[d]);
       }, 4e3);
       return () => clearTimeout(y);
     }
-  }, [t, h, a]), /* @__PURE__ */ d(ei, { copy: t, ...o, children: [
-    /* @__PURE__ */ e(p, { sx: { alignItems: "center", justifyContent: "space-between", mb: 24 }, children: /* @__PURE__ */ e(te, { borderColor: "#E5E5E5", size: 119, children: /* @__PURE__ */ e(te, { borderColor: "#B2B2B2", size: 97, children: /* @__PURE__ */ d(te, { borderColor: "#808080", size: 75, children: [
+  }, [t, d, a]), /* @__PURE__ */ h(ei, { copy: t, ...o, children: [
+    /* @__PURE__ */ e(p, { sx: { alignItems: "center", justifyContent: "space-between", mb: 24 }, children: /* @__PURE__ */ e(te, { borderColor: "#E5E5E5", size: 119, children: /* @__PURE__ */ e(te, { borderColor: "#B2B2B2", size: 97, children: /* @__PURE__ */ h(te, { borderColor: "#808080", size: 75, children: [
       /* @__PURE__ */ e(ti, {}),
-      /* @__PURE__ */ d(u, { sx: { alignItems: "center", display: "flex", gap: 4, zIndex: 1 }, children: [
+      /* @__PURE__ */ h(u, { sx: { alignItems: "center", display: "flex", gap: 4, zIndex: 1 }, children: [
         /* @__PURE__ */ e(
           V,
           {
@@ -2836,8 +2851,8 @@ const Pi = ({
         ),
         /* @__PURE__ */ e(B, {}),
         /* @__PURE__ */ e(B, {}),
-        l ? /* @__PURE__ */ e(C, { color: "error", fill: !0, name: "error", size: 32 }) : /* @__PURE__ */ e(
-          C,
+        l ? /* @__PURE__ */ e(g, { color: "error", fill: !0, name: "error", size: 32 }) : /* @__PURE__ */ e(
+          g,
           {
             fill: !0,
             name: "nest_clock_farsight_analog",
@@ -2861,24 +2876,24 @@ const Pi = ({
               height: 64,
               width: 64
             },
-            children: /* @__PURE__ */ e(C, { fill: !0, name: "monetization_on", size: 48 })
+            children: /* @__PURE__ */ e(g, { fill: !0, name: "monetization_on", size: 48 })
           }
         )
       ] })
     ] }) }) }) }),
-    /* @__PURE__ */ d(p, { sx: { alignItems: "center", justifyContent: "center" }, children: [
+    /* @__PURE__ */ h(p, { sx: { alignItems: "center", justifyContent: "center" }, children: [
       n && !l && /* @__PURE__ */ e(ee, { sx: { textAlign: "center", whiteSpace: "wrap" }, children: t.your_direct_deposit_has_been_updated_successfully }),
-      s && /* @__PURE__ */ d(O, { children: [
+      s && /* @__PURE__ */ h(O, { children: [
         /* @__PURE__ */ e(ee, { children: t.connecting }),
         /* @__PURE__ */ e(u, { sx: { my: 24, width: "50%" }, children: /* @__PURE__ */ e(Ne, { "aria-label": t.loading }) }),
         /* @__PURE__ */ e(M, { bold: !0, variant: "Body", children: t.syncing_your_information }),
         /* @__PURE__ */ e(M, { sx: { mt: 8 }, variant: "Small", children: a })
       ] }),
-      l && /* @__PURE__ */ d(p, { sx: { gap: 24, px: 24, pb: 24 }, children: [
-        /* @__PURE__ */ d(p, { children: [
+      l && /* @__PURE__ */ h(p, { sx: { gap: 24, px: 24, pb: 24 }, children: [
+        /* @__PURE__ */ h(p, { children: [
           /* @__PURE__ */ e(ee, { sx: { alignSelf: "center" }, children: t.error_title }),
           /* @__PURE__ */ e(
-            g,
+            S,
             {
               dangerouslySetInnerHTML: { __html: t.error_description },
               sx: {
@@ -2892,27 +2907,27 @@ const Pi = ({
             }
           )
         ] }),
-        /* @__PURE__ */ e(D, { onClick: o.onClose, sx: { mx: "auto" }, variant: "contained", children: t.error_button_text })
+        /* @__PURE__ */ e(T, { onClick: o.onClose, sx: { mx: "auto" }, variant: "contained", children: t.error_button_text })
       ] })
     ] })
   ] });
 };
 export {
-  ke as AccountBox,
+  xe as AccountBox,
   _ as BarChart,
-  A as BeatCard,
+  b as BeatCard,
   ji as BeatFeedbackText,
   Xi as BillAmountNotStandard,
   Yi as BottomSheet,
   Wi as CardButtonSection,
-  xt as CardError,
+  kt as CardError,
   Ct as CardHeader,
   St as CardLoading,
   Pi as CategorySpendingV2,
   ce as Confetti,
   Mt as ContentAndDescription,
   Jt as Description,
-  be as DirectDeposit,
+  Ae as DirectDeposit,
   h1 as DirectDepositDeepLink,
   Ki as DirectDepositSubHeader,
   Lt as DiscoveredAccountsBody,
@@ -2921,15 +2936,15 @@ export {
   he as DoubleBarChart,
   X as EmptyBarChart,
   Bi as FederalBankHoliday,
-  Di as FeedbackButtons,
-  Ti as FeedbackDescription,
+  Ti as FeedbackButtons,
+  Di as FeedbackDescription,
   zi as FeedbackHeader,
   Ui as FeedbackOptions,
   mt as FullFeedBodyHeader,
-  b as InsightButton,
+  A as InsightButton,
   Ot as LastMonthsContributionSection,
   Et as LeftBox,
-  At as LinedCardZeroState,
+  bt as LinedCardZeroState,
   Fi as MenuAction,
   ut as MiniBodyHeader,
   wt as MiniDescription,