@mx-cartographer/insights-ui 1.3.1-alpha.j1 → 1.3.1-alpha.j2

package/dist/index.es.js

@@ -23,17 +23,17 @@ import n1 from "@mui/material/IconButton";
 const r1 = ({
   backgroundColor: e,
   color: i,
-  percent: a,
+  percent: r,
   height: n = 12
 }) => {
-  const [r, o] = R({ triggerOnce: !0 }), [s, l] = y.useState("0%"), d = a > 100 ? 100 : a;
+  const [o, a] = R({ triggerOnce: !0 }), [s, l] = y.useState("0%"), d = r > 100 ? 100 : r;
   return y.useEffect(() => {
-    o && l(`${d}%`);
-  }, [o, d]), /* @__PURE__ */ t(y.Fragment, { children: /* @__PURE__ */ m(
+    a && l(`${d}%`);
+  }, [a, d]), /* @__PURE__ */ t(y.Fragment, { children: /* @__PURE__ */ m(
     C,
     {
       "data-ui-test": "progress-bar",
-      ref: r,
+      ref: o,
       sx: {
         position: "relative",
         borderRadius: 8,
@@ -70,14 +70,14 @@ const r1 = ({
       ]
     }
   ) });
-}, a1 = ({
+}, o1 = ({
   backgroundOverride: e,
   goalPercentage: i,
-  height: a = 8,
+  height: r = 8,
   percentageCompleteText: n,
-  progressColorOverride: r
+  progressColorOverride: o
 }) => {
-  const o = f();
+  const a = f();
   return /* @__PURE__ */ m(
     u,
     {
@@ -113,19 +113,19 @@ const r1 = ({
         /* @__PURE__ */ t(
           r1,
           {
-            backgroundColor: e || o.palette.background.highlight,
-            color: r || o.palette.primary.main,
-            height: a,
+            backgroundColor: e || a.palette.background.highlight,
+            color: o || a.palette.primary.main,
+            height: r,
             percent: i
           }
         )
       ]
     }
   );
-}, o1 = ({
+}, a1 = ({
   children: e,
   gradientOverride: i,
-  title: a
+  title: r
 }) => {
   const n = f();
   return /* @__PURE__ */ m(
@@ -138,13 +138,13 @@ const r1 = ({
         p: 16
       },
       children: [
-        /* @__PURE__ */ t(C, { sx: { background: "transparent", boxShadow: "none", marginBottom: 16 }, children: a && /* @__PURE__ */ t(
+        /* @__PURE__ */ t(C, { sx: { background: "transparent", boxShadow: "none", marginBottom: 16 }, children: r && /* @__PURE__ */ t(
           A,
           {
             className: "mx-insights-gradient-box-title",
             "data-ui-test": "gradient-box-title",
             sx: { color: n.palette.primary.lighter, lineHeight: "16px", fontSize: 13 },
-            children: a
+            children: r
           }
         ) }),
         /* @__PURE__ */ t(
@@ -163,21 +163,21 @@ const r1 = ({
       ]
     }
   );
-}, Z = (e) => ({ isDarkMode: i, ...a }) => {
+}, Z = (e) => ({ isDarkMode: i, ...r }) => {
   const n = L(i ? "dark" : "light");
   return /* @__PURE__ */ m(H, { theme: n, children: [
     /* @__PURE__ */ t(X, {}),
-    /* @__PURE__ */ t(e, { ...a })
+    /* @__PURE__ */ t(e, { ...r })
   ] });
 };
 Z.displayName = "withTheme";
 const s1 = ({
   allowScroll: e,
   children: i,
-  height: a,
+  height: r,
   isMobile: n,
-  isOpen: r = !1,
-  onClose: o,
+  isOpen: o = !1,
+  onClose: a,
   showBackground: s = !1,
   width: l = 450
 }) => {
@@ -193,11 +193,15 @@ const s1 = ({
           bottom: 0,
           borderTopLeftRadius: 16,
           borderTopRightRadius: 16,
+          borderBottomLeftRadius: 0,
+          borderBottomRightRadius: 0,
           left: "50%",
           m: 0,
-          maxHeight: a ?? "50%",
+          height: r ?? "50%",
+          maxHeight: r ?? "50%",
           maxWidth: l,
           // Adjust maxWidth as needed
+          overflow: "visible",
           position: "fixed",
           transform: "translateX(-50%)",
           width: n ? "100%" : "80%"
@@ -207,8 +211,8 @@ const s1 = ({
       TransitionComponent: T,
       disableScrollLock: d,
       hideBackdrop: s,
-      onClose: o,
-      open: r,
+      onClose: a,
+      open: o,
       scroll: "paper",
       sx: {
         "& .MuiBackdrop-root": {
@@ -225,21 +229,21 @@ const s1 = ({
 }, Q1 = Z(s1), E = ({
   accountGuid: e,
   animation: i,
-  leftLowerText: a,
+  leftLowerText: r,
   leftUpperText: n,
-  isComplete: r,
-  isMini: o,
+  isComplete: o,
+  isMini: a,
   headerString: s,
   rightLowerText: l,
   rightUpperText: d
 }) => {
   const p = {
-    containerHeight: o ? 140 : 186,
-    logoSize: o ? 20 : 48,
+    containerHeight: a ? 140 : 186,
+    logoSize: a ? 20 : 48,
     card: {
-      gap: o ? 8 : 12
+      gap: a ? 8 : 12
     },
-    padding: o ? "12px 16px 12px 16px" : "32px 16px 16px 16px"
+    padding: a ? "12px 16px 12px 16px" : "32px 16px 16px 16px"
   };
   return /* @__PURE__ */ t(
     u,
@@ -273,14 +277,14 @@ const s1 = ({
             width: g
           }
         ),
-        !o && /* @__PURE__ */ t(d1, { accountGuid: e, width: g }),
+        !a && /* @__PURE__ */ t(d1, { accountGuid: e, width: g }),
         /* @__PURE__ */ m(
           C,
           {
             sx: (b) => ({
               alignContent: "center",
               backgroundColor: b.palette.background.paper,
-              boxShadow: `0px 2px 8px 0px ${o ? "#6A73812F" : "#6A73811F"}`,
+              boxShadow: `0px 2px 8px 0px ${a ? "#6A73812F" : "#6A73811F"}`,
               borderRadius: "8px",
               display: "flex",
               flexDirection: "column",
@@ -292,12 +296,12 @@ const s1 = ({
               width: g
             }),
             children: [
-              o ? /* @__PURE__ */ t(p1, { accountGuid: e, headerString: s }) : /* @__PURE__ */ t(l1, { headerString: s }),
+              a ? /* @__PURE__ */ t(p1, { accountGuid: e, headerString: s }) : /* @__PURE__ */ t(l1, { headerString: s }),
               /* @__PURE__ */ t(
                 m1,
                 {
-                  isComplete: r,
-                  leftLowerText: a,
+                  isComplete: o,
+                  leftLowerText: r,
                   leftUpperText: n,
                   rightLowerText: l,
                   rightUpperText: d
@@ -341,12 +345,12 @@ const s1 = ({
     )
   }
 ), c1 = ({ leftLowerText: e, leftUpperText: i }) => {
-  const a = f();
+  const r = f();
   return /* @__PURE__ */ m(
     C,
     {
       sx: {
-        backgroundColor: a.palette.background.default,
+        backgroundColor: r.palette.background.default,
         gap: 2,
         padding: 12,
         textAlign: "center",
@@ -357,7 +361,7 @@ const s1 = ({
           A,
           {
             "data-ui-test": "mx-insights-sudd-left-upper-text",
-            sx: { color: a.palette.secondary.light },
+            sx: { color: r.palette.secondary.light },
             variant: "XSmall",
             children: i
           }
@@ -369,9 +373,9 @@ const s1 = ({
 }, m1 = ({
   isComplete: e,
   leftLowerText: i,
-  leftUpperText: a,
+  leftUpperText: r,
   rightLowerText: n,
-  rightUpperText: r
+  rightUpperText: o
 }) => /* @__PURE__ */ m(
   u,
   {
@@ -382,13 +386,13 @@ const s1 = ({
       width: "100%"
     },
     children: [
-      /* @__PURE__ */ t(c1, { leftLowerText: i, leftUpperText: a }),
+      /* @__PURE__ */ t(c1, { leftLowerText: i, leftUpperText: r }),
       /* @__PURE__ */ t(
         u1,
         {
           isComplete: e,
           rightLowerText: n,
-          rightUpperText: r
+          rightUpperText: o
         }
       )
     ]
@@ -415,7 +419,7 @@ const s1 = ({
 ), u1 = ({
   isComplete: e,
   rightLowerText: i,
-  rightUpperText: a
+  rightUpperText: r
 }) => {
   const n = f();
   return /* @__PURE__ */ m(
@@ -437,7 +441,7 @@ const s1 = ({
             "data-ui-test": "mx-insights-sudd-right-upper-text",
             sx: { color: n.palette.secondary.light },
             variant: "XSmall",
-            children: a
+            children: r
           }
         ),
         /* @__PURE__ */ t(
@@ -530,22 +534,22 @@ const s1 = ({
 ), i2 = ({
   beat: e,
   children: i,
-  descriptionPlacement: a = "bottom",
+  descriptionPlacement: r = "bottom",
   hideDescription: n,
-  inDescriptionCtaOnClick: r,
-  withFullWidthImage: o
+  inDescriptionCtaOnClick: o,
+  withFullWidthImage: a
 }) => {
   const s = n || !e.html_description, l = /* @__PURE__ */ t(
     g1,
     {
       beat: e,
       buttonInText: !!e?.in_description_cta,
-      inDescriptionCtaOnClick: r,
-      withFullWidthImage: o
+      inDescriptionCtaOnClick: o,
+      withFullWidthImage: a
     }
   );
   return /* @__PURE__ */ m(y.Fragment, { children: [
-    !s && a === "top" && l,
+    !s && r === "top" && l,
     /* @__PURE__ */ t(
       u,
       {
@@ -561,15 +565,15 @@ const s1 = ({
         children: i
       }
     ),
-    !s && (a === "bottom" || !a) && l
+    !s && (r === "bottom" || !r) && l
   ] });
 }, g1 = ({
   beat: e,
   buttonInText: i = !1,
-  inDescriptionCtaOnClick: a,
+  inDescriptionCtaOnClick: r,
   withFullWidthImage: n
 }) => {
-  const r = i ? 16 : 8;
+  const o = i ? 16 : 8;
   return /* @__PURE__ */ m(y.Fragment, { children: [
     /* @__PURE__ */ t("div", { className: `mx-insight-description ${e.template}-description`, children: /* @__PURE__ */ t(
       A,
@@ -584,12 +588,12 @@ const s1 = ({
           wordBreak: "break-word",
           wordWrap: "break-word",
           "& > span.bold-copy": { fontWeight: "bold" },
-          mb: e.in_description_cta ? 4 : r,
+          mb: e.in_description_cta ? 4 : o,
           ...n && {
             px: 16
           },
           "& p": {
-            mb: e.in_description_cta ? 4 : r
+            mb: e.in_description_cta ? 4 : o
           }
         }
       }
@@ -598,8 +602,8 @@ const s1 = ({
       u,
       {
         className: `mx-inights-${e.template}-in-description-button`,
-        sx: { mb: r },
-        children: /* @__PURE__ */ m(q, { onClick: a, children: [
+        sx: { mb: o },
+        children: /* @__PURE__ */ m(q, { onClick: r, children: [
           e.in_description_cta,
           /* @__PURE__ */ t(
             x,
@@ -615,51 +619,51 @@ const s1 = ({
 }, n2 = ({
   beat: e,
   disabled: i = !1,
-  hide: a = !1,
+  hide: r = !1,
   onClick: n = () => {
   },
-  primary: r = !0,
-  sx: o,
+  primary: o = !0,
+  sx: a,
   variant: s,
   ...l
 }) => {
   const d = f();
-  if (a)
+  if (r)
     return null;
   const p = I(q)({
     width: "100%",
-    color: r ? "#359BCF" : d.palette.secondary.main,
+    color: o ? "#359BCF" : d.palette.secondary.main,
     backgroundColor: d.palette.background.paper,
-    border: r ? `1px solid ${d.palette.border.main}` : 0,
-    fontSize: r ? 15 : 13,
+    border: o ? `1px solid ${d.palette.border.main}` : 0,
+    fontSize: o ? 15 : 13,
     "&:hover": {
-      border: !i && r ? `1px solid ${d.palette.primary.dark}` : 0,
-      color: !r && "#359BCF"
+      border: !i && o ? `1px solid ${d.palette.primary.dark}` : 0,
+      color: !o && "#359BCF"
     },
     padding: "0px 16px",
-    ...o
+    ...a
   });
   return /* @__PURE__ */ t(
     p,
     {
-      "data-ui-test": r ? `primary-cta-${e.template}` : `secondary-cta-${e.template}`,
+      "data-ui-test": o ? `primary-cta-${e.template}` : `secondary-cta-${e.template}`,
       disabled: i,
-      id: r ? `primary-cta-${e.guid}` : `secondary-cta-${e.guid}`,
+      id: o ? `primary-cta-${e.guid}` : `secondary-cta-${e.guid}`,
       onClick: (h) => {
         n(h);
       },
       variant: s || "outlined",
       ...l,
-      children: r ? e.call_to_action : e.supporting_action
+      children: o ? e.call_to_action : e.supporting_action
     }
   );
 }, r2 = ({
   ariaHidden: e = !1,
   beat: i,
-  children: a,
+  children: r,
   DismissedBeatSwitcher: n,
-  elementTag: r,
-  setRefs: o
+  elementTag: o,
+  setRefs: a
 }) => /* @__PURE__ */ t(
   ({ elementTag: l, children: d, ...p }) => {
     const h = l;
@@ -667,11 +671,11 @@ const s1 = ({
   },
   {
     "aria-hidden": e,
-    "aria-labelledby": r === "article" ? i.guid : null,
+    "aria-labelledby": o === "article" ? i.guid : null,
     "data-ui-test": `${i.template}`,
-    elementTag: r || "article",
+    elementTag: o || "article",
     id: `${i.guid}-article`,
-    ref: o,
+    ref: a,
     style: {
       position: "relative",
       // Removing this will mess up the graphs in Chrome. I don't think Chrome likes Articles.
@@ -680,14 +684,14 @@ const s1 = ({
       flexDirection: "column",
       boxSizing: "border-box"
     },
-    children: i.dismissed_at ? n : a
+    children: i.dismissed_at ? n : r
   }
-), a2 = ({
+), o2 = ({
   headerText: e,
   menuHeaderCloserButtonAriaLabel: i,
-  onCancel: a,
+  onCancel: r,
   onClose: n,
-  rating: r
+  rating: o
 }) => /* @__PURE__ */ m(
   k,
   {
@@ -702,11 +706,11 @@ const s1 = ({
       /* @__PURE__ */ t(
         A1,
         {
-          ariaLabel: `${r ? i.ratingExist : i.ratingDoesntExist} ${i.ariaLabelText}`,
+          ariaLabel: `${o ? i.ratingExist : i.ratingDoesntExist} ${i.ariaLabelText}`,
           className: "mx-insights-feedback-header-container-close-button",
           "data-ui-test": "feedback-close-button",
           onClick: () => {
-            a(), n();
+            r(), n();
           },
           sx: {
             justifyContent: "center",
@@ -720,13 +724,13 @@ const s1 = ({
       )
     ]
   }
-), o2 = ({
+), a2 = ({
   buttonText: e,
   errorMessage: i,
-  feedbackMessage: a,
+  feedbackMessage: r,
   onCancel: n,
-  onClose: r,
-  otherOptionIndex: o,
+  onClose: o,
+  otherOptionIndex: a,
   selectedRadio: s
 }) => {
   const l = f(), { cancelText: d, submitText: p } = e, h = I(q)({
@@ -764,7 +768,7 @@ const s1 = ({
           {
             className: "mx-insights-beat-feedback-submit-button",
             "data-ui-test": "submit-button",
-            disabled: !a.trim() && (s === o || s === null) || !!i,
+            disabled: !r.trim() && (s === a || s === null) || !!i,
             type: "submit",
             children: p
           }
@@ -775,7 +779,7 @@ const s1 = ({
             className: "mx-insights-beat-feedback-no-thanks-button",
             "data-ui-test": "no-thanks-button",
             onClick: () => {
-              n(), r();
+              n(), o();
             },
             children: d
           }
@@ -786,10 +790,10 @@ const s1 = ({
 }, s2 = ({ bodyText: e }) => /* @__PURE__ */ t("div", { style: { padding: "8px 24px 8px 0px" }, children: /* @__PURE__ */ t(A, { "data-ui-test": "feedback-description", children: e }) }), l2 = ({
   feedbackOptions: e,
   groupAriaLabel: i,
-  selectedRadio: a,
+  selectedRadio: r,
   setSelectedRadio: n
 }) => {
-  const r = e1();
+  const o = e1();
   return /* @__PURE__ */ t(
     U,
     {
@@ -797,7 +801,7 @@ const s1 = ({
         mx: "-24px",
         ".mx-insights-beat-feedback-options-radio-container": {
           padding: "24px 0px 23px 0px",
-          borderBottom: `1px solid ${r.palette.border.light}`
+          borderBottom: `1px solid ${o.palette.border.light}`
         },
         ".mx-insights-beat-feedback-options-radio-label": {
           fontSize: "15px",
@@ -807,13 +811,13 @@ const s1 = ({
           alignItems: "center"
         }
       },
-      children: /* @__PURE__ */ t($, { "aria-label": i, name: "radio-buttons-group", children: e.map((o, s) => /* @__PURE__ */ t("div", { className: "mx-insights-beat-feedback-options-radio-container", children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ t($, { "aria-label": i, name: "radio-buttons-group", children: e.map((a, s) => /* @__PURE__ */ t("div", { className: "mx-insights-beat-feedback-options-radio-container", children: /* @__PURE__ */ t(
         Q,
         {
           control: /* @__PURE__ */ t(
             _,
             {
-              checked: a === s,
+              checked: r === s,
               className: "mx-insights-beat-feedback-options-radio",
               id: `radio-${s}`,
               name: `radio-${s}`,
@@ -824,8 +828,8 @@ const s1 = ({
               }
             }
           ),
-          label: o,
-          value: /* @__PURE__ */ t("div", { className: "mx-insights-beat-feedback-options-radio-label", children: o })
+          label: a,
+          value: /* @__PURE__ */ t("div", { className: "mx-insights-beat-feedback-options-radio-label", children: a })
         }
       ) }, s)) })
     }
@@ -833,10 +837,10 @@ const s1 = ({
 }, d2 = ({
   feedbackAriaLabel: e,
   feedbackDescriptionPlaceHolder: i,
-  feedbackLabel: a,
+  feedbackLabel: r,
   feedbackMessage: n,
-  sendAnalytics: r,
-  setFeedbackMessage: o,
+  sendAnalytics: o,
+  setFeedbackMessage: a,
   validateForm: s
 }) => {
   const l = i1(t1)({
@@ -846,7 +850,7 @@ const s1 = ({
   return /* @__PURE__ */ t(
     u,
     {
-      "aria-label": a,
+      "aria-label": r,
       sx: {
         marginTop: 24
       },
@@ -858,9 +862,9 @@ const s1 = ({
           "data-ui-test": "feedback-textarea",
           name: "Feedback",
           onChange: (d) => {
-            o(d.target.value), s(d.target.value);
+            a(d.target.value), s(d.target.value);
           },
-          onClick: () => r(),
+          onClick: () => o(),
           placeholder: i,
           value: n
         }
@@ -870,22 +874,22 @@ const s1 = ({
 }, A1 = ({
   ariaLabel: e,
   className: i,
-  onClick: a,
+  onClick: r,
   sx: n
 }) => {
-  const r = f();
+  const o = f();
   return /* @__PURE__ */ t(
     n1,
     {
       "aria-label": e,
       className: `${i} mx-insights-menu-header-close-button`,
-      onClick: a,
+      onClick: r,
       children: /* @__PURE__ */ t(
         x,
         {
           name: "cancel",
           sx: {
-            color: r.palette.text.secondary,
+            color: o.palette.text.secondary,
             cursor: "pointer",
             background: "none",
             border: "none",
@@ -893,12 +897,12 @@ const s1 = ({
             marginLeft: "auto",
             display: "flex",
             " svg": {
-              backgroundColor: r.palette.background.highlight,
-              color: r.palette.secondary.darker
+              backgroundColor: o.palette.background.highlight,
+              color: o.palette.secondary.darker
             },
             "&:hover svg": {
-              backgroundColor: r.palette.border.light,
-              color: r.palette.secondary.darker
+              backgroundColor: o.palette.border.light,
+              color: o.palette.secondary.darker
             },
             ...n
           }
@@ -907,12 +911,12 @@ const s1 = ({
     }
   );
 }, y1 = 200, C1 = 130, x1 = (e) => e || null, z = (e, i) => {
-  e.forEach((a) => {
-    const n = x1(a);
+  e.forEach((r) => {
+    const n = x1(r);
     if (n) {
-      const r = n.getAttribute("stroke"), o = n.getAttribute("fill");
-      if (r && r !== "white" && n.style.setProperty("stroke", i), o) {
-        const s = o === "white" ? "white" : i;
+      const o = n.getAttribute("stroke"), a = n.getAttribute("fill");
+      if (o && o !== "white" && n.style.setProperty("stroke", i), a) {
+        const s = a === "white" ? "white" : i;
         n.style.setProperty("fill", s);
       }
     }
@@ -920,11 +924,11 @@ const s1 = ({
 }, f1 = ({
   clientColorscheme: e,
   divProps: i,
-  image: a,
+  image: r,
   isMini: n = !1
 }) => {
-  const r = N(null), { primary_100: o, primary_200: s, primary_300: l, primary_400: d, primary_500: p, widget_brand_color: h } = e, g = Y(() => h ? {
-    100: o,
+  const o = N(null), { primary_100: a, primary_200: s, primary_300: l, primary_400: d, primary_500: p, widget_brand_color: h } = e, g = Y(() => h ? {
+    100: a,
     200: s,
     300: l,
     400: d,
@@ -935,10 +939,10 @@ const s1 = ({
     300: "primary.main",
     400: "primary.dark",
     500: "primary.darker"
-  }, [e, o, s, l, d, p]);
+  }, [e, a, s, l, d, p]);
   return P(() => {
-    if (!r.current) return;
-    const b = r.current, S = b.querySelectorAll(".Overlay");
+    if (!o.current) return;
+    const b = o.current, S = b.querySelectorAll(".Overlay");
     ["brand100", "brand200", "brand300", "brand400", "brand500"].forEach((G, W) => {
       const J = b.querySelectorAll(`.${G}`), D = (100 + W).toString();
       z(J, g[D]);
@@ -951,45 +955,45 @@ const s1 = ({
         width: "100%"
       },
       ...i,
-      children: /* @__PURE__ */ t(a, { ref: r })
+      children: /* @__PURE__ */ t(r, { ref: o })
     }
   );
 }, b1 = (e, i) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "28.15 56.63 286.76 143.97", ref: i, ...e }, /* @__PURE__ */ c.createElement("path", { fill: "#CCDDF2", fillRule: "evenodd", d: "M264.093 147.855c12.021 0 21.841 9.407 22.508 21.261a16.69 16.69 0 0 1 11.562-4.637c9.251 0 16.749 7.499 16.749 16.75 0 8.273-5.999 15.389-13.882 16.75h-62.402c-6.273 0-11.357-5.085-11.357-11.358 0-6.272 5.084-11.357 11.357-11.357 1.253 0 2.457.206 3.585.58a22.595 22.595 0 0 1-.666-5.443c0-12.452 10.094-22.546 22.546-22.546ZM96.186 132.749c14.685 0 26.627 11.703 27.033 26.289a20.468 20.468 0 0 1 9.238-2.192c11.358 0 20.566 9.207 20.566 20.566 0 11.359-9.208 20.567-20.566 20.567H42.195c-7.757 0-14.045-6.288-14.045-14.045 0-7.756 6.288-14.044 14.045-14.044 1.397 0 2.745.207 4.019.587a17.686 17.686 0 0 1-1.042-5.996c0-9.788 7.934-17.724 17.724-17.724 3.087 0 5.988.791 8.516 2.179 4.185-9.529 13.7-16.187 24.774-16.187Z", clipRule: "evenodd" }), /* @__PURE__ */ c.createElement("path", { fill: "#C41F3E", fillRule: "evenodd", d: "M88.498 200.6H254.42v-91.004H88.498V200.6Z", clipRule: "evenodd" }), /* @__PURE__ */ c.createElement("path", { fill: "#8B1D41", fillRule: "evenodd", d: "M240.849 200.6H199.64v-52.205c0-11.379 9.225-20.604 20.605-20.604 11.379 0 20.604 9.225 20.604 20.604V200.6Z", clipRule: "evenodd" }), /* @__PURE__ */ c.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M230.552 174.045a3.37 3.37 0 1 1 6.74 0 3.37 3.37 0 0 1-6.74 0ZM220.245 143.744l7.742 8.202h-15.485l7.743-8.202Zm8.933 8.202-8.933-9.464-8.934 9.464h-2.109v12.501l22.085-12.501h-2.109Z", clipRule: "evenodd" }), /* @__PURE__ */ c.createElement("path", { fill: "#F2F3F2", fillRule: "evenodd", d: "M231.287 151.946v12.501h-22.085l22.085-12.501Z", clipRule: "evenodd" }), /* @__PURE__ */ c.createElement("path", { fill: "#8B1D41", fillRule: "evenodd", d: "m262.739 104.406-8.319-21.649V56.631H88.498v26.126l-8.32 21.649c-.96 2.502.886 5.19 3.566 5.19h175.43c2.68 0 4.527-2.688 3.565-5.19Z", clipRule: "evenodd" }), /* @__PURE__ */ c.createElement("mask", { id: "a", width: 287, height: 145, x: 28, y: 56, "mask-type": "alpha", maskUnits: "userSpaceOnUse" }, /* @__PURE__ */ c.createElement("path", { fill: "#fff", d: "M28.15 200.6h286.763V56.631H28.15V200.6Z" })), /* @__PURE__ */ c.createElement("g", { fillRule: "evenodd", clipRule: "evenodd", mask: "url(#a)" }, /* @__PURE__ */ c.createElement("path", { fill: "#fff", d: "M102.308 178.084h82.339v-50.293h-82.339v50.293Z" }), /* @__PURE__ */ c.createElement("path", { fill: "#F2F3F2", d: "M184.647 127.791v50.292h-82.339l82.339-50.292Z" }), /* @__PURE__ */ c.createElement("path", { fill: "#C41F3E", d: "M218.904 143.452a1.34 1.34 0 1 1 2.681-.001 1.34 1.34 0 0 1-2.681.001ZM106.934 82.757h18.436V56.631h-18.436v26.126ZM143.805 82.757h18.436V56.631h-18.436v26.126ZM180.677 82.757h18.436V56.631h-18.436v26.126ZM217.549 82.757h18.435V56.631h-18.435v26.126Z" }), /* @__PURE__ */ c.createElement("path", { fill: "#fff", d: "M254.419 110.895H88.496l.004-1.299h165.922l-.003 1.299Z" }))), q1 = K(b1), L1 = (e, i) => /* @__PURE__ */ c.createElement("svg", { viewBox: "0 0 349 320", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: i, ...e }, /* @__PURE__ */ c.createElement("g", null, /* @__PURE__ */ c.createElement("path", { d: "M348.198 211.685C340.847 166.938 304.882 116.163 289.128 64.6516C275.759 20.9661 241.789 0.357238 215.138 4.63519e-05C168.168 -0.61692 108.654 49.3465 61.8571 73.7546C5.53009 103.12 -27.3445 152.196 29.9258 200.655C67.3435 232.315 199.362 267.45 268.516 272.093C315.681 275.21 355.17 254.19 348.198 211.685Z", className: "brand100", fill: "#C2DAFF" }), /* @__PURE__ */ c.createElement("path", { d: "M324.691 115.427L193.399 37.0505C191.668 36.0091 189.685 35.4587 187.663 35.4587C185.642 35.4587 183.659 36.0091 181.928 37.0505L50.6352 115.427C49.8363 115.915 49.2174 116.649 48.8709 117.518C48.5245 118.387 48.4692 119.344 48.7133 120.247C48.9574 121.15 49.4878 121.95 50.2252 122.527C50.9625 123.104 51.8671 123.427 52.8037 123.447H63.7655C65.7462 123.454 67.6914 122.923 69.3928 121.91L74.4671 118.88C75.0249 119.672 75.8679 120.219 76.8199 120.406V136.198C76.8228 137.225 77.2327 138.209 77.96 138.935C78.6873 139.661 79.673 140.07 80.7016 140.073H83.4231V141.307C83.4231 142.645 83.9554 143.928 84.9029 144.874C85.8505 145.82 87.1356 146.351 88.4757 146.351H88.7684L87.8251 174.818H92.1621L93.0838 146.957H104.566L105.488 174.818H109.825L108.881 146.351H109.163C110.503 146.351 111.788 145.82 112.736 144.874C113.684 143.928 114.216 142.645 114.216 141.307V140.073H127.802V141.307C127.802 142.645 128.334 143.928 129.281 144.874C130.229 145.82 131.514 146.351 132.854 146.351H133.147L132.204 174.818H136.541L137.473 146.957H148.977L149.91 174.818H152.154C152.859 174.818 153.563 174.818 154.247 174.926L153.303 146.351H153.596C154.936 146.351 156.221 145.82 157.169 144.874C158.116 143.928 158.649 142.645 158.649 141.307V140.073H172.234V141.307C172.234 142.645 172.767 143.928 173.714 144.874C174.662 145.82 175.947 146.351 177.287 146.351H177.58L175.411 210.494V221.459H200.186C200.323 221.507 200.441 221.597 200.524 221.715C200.607 221.833 200.652 221.974 200.653 222.119V224.284H175.455V228.613H296.674C297.076 228.613 297.47 228.718 297.818 228.918C298.166 229.117 298.456 229.404 298.659 229.75L306.845 243.702H175.455V248.659H313.469C314.247 248.657 315.004 248.903 315.632 249.36C316.26 249.818 316.725 250.463 316.961 251.203L317.947 254.255H175.455V258.585H318.576C319.193 258.584 319.801 258.438 320.35 258.158C320.899 257.878 321.375 257.472 321.737 256.974C322.1 256.476 322.339 255.9 322.436 255.292C322.533 254.684 322.485 254.062 322.295 253.476L321.135 249.871C320.618 248.266 319.605 246.866 318.242 245.87C316.878 244.875 315.234 244.335 313.545 244.33H312.266L302.453 227.585C301.862 226.595 301.024 225.776 300.02 225.207C299.017 224.638 297.883 224.338 296.729 224.338H293.834V222.173C293.831 220.856 293.312 219.592 292.388 218.651C291.465 217.71 290.209 217.168 288.889 217.14L286.547 146.405H286.84C287.504 146.405 288.161 146.275 288.774 146.021C289.387 145.768 289.944 145.396 290.413 144.928C290.882 144.459 291.254 143.903 291.508 143.291C291.762 142.679 291.893 142.024 291.893 141.361V140.127H294.603C295.634 140.127 296.622 139.719 297.352 138.993C298.082 138.267 298.493 137.281 298.496 136.252V120.406C299.448 120.219 300.291 119.672 300.849 118.88L305.923 121.91C307.615 122.917 309.548 123.448 311.518 123.447H322.436C323.373 123.427 324.277 123.104 325.015 122.527C325.752 121.95 326.283 121.15 326.527 120.247C326.771 119.344 326.715 118.387 326.369 117.518C326.023 116.649 325.404 115.915 324.605 115.427H324.691ZM109.89 141.307C109.891 141.401 109.874 141.495 109.838 141.582C109.803 141.669 109.75 141.749 109.683 141.815C109.617 141.882 109.537 141.935 109.45 141.97C109.362 142.005 109.268 142.023 109.174 142.021H88.4431C88.2534 142.021 88.0713 141.946 87.9371 141.812C87.8029 141.678 87.7275 141.496 87.7275 141.307V140.073H109.89V141.307ZM154.344 141.307C154.344 141.496 154.269 141.678 154.135 141.812C154 141.946 153.818 142.021 153.629 142.021H132.865C132.675 142.021 132.493 141.946 132.359 141.812C132.225 141.678 132.149 141.496 132.149 141.307V140.073H154.322L154.344 141.307ZM177.32 142.021C177.225 142.023 177.131 142.005 177.044 141.97C176.956 141.935 176.877 141.882 176.81 141.815C176.744 141.749 176.691 141.669 176.655 141.582C176.62 141.495 176.602 141.401 176.604 141.307V140.073H198.744V141.307C198.744 141.496 198.669 141.678 198.535 141.812C198.401 141.946 198.219 142.021 198.029 142.021H177.32ZM179.607 217.075L181.928 146.957H193.442L195.763 217.075H179.607ZM214.683 222.119V224.284H205.033V222.119C205.031 220.801 204.512 219.537 203.588 218.597C202.664 217.656 201.408 217.114 200.089 217.086L197.736 146.351H198.029C199.369 146.351 200.654 145.82 201.602 144.874C202.549 143.928 203.081 142.645 203.081 141.307V140.073H216.667V141.307C216.667 142.645 217.199 143.928 218.147 144.874C219.095 145.82 220.38 146.351 221.72 146.351H222.013L219.671 217.086C218.343 217.1 217.074 217.636 216.14 218.579C215.207 219.521 214.683 220.793 214.683 222.119ZM221.676 142.021C221.487 142.021 221.305 141.946 221.17 141.812C221.036 141.678 220.961 141.496 220.961 141.307V140.073H243.123V141.307C243.124 141.401 243.107 141.495 243.071 141.582C243.036 141.669 242.983 141.749 242.917 141.815C242.85 141.882 242.77 141.935 242.683 141.97C242.595 142.005 242.502 142.023 242.407 142.021H221.676ZM240.109 217.075H224.008L226.328 146.957H237.843L240.109 217.075ZM245.053 224.305H219.02V222.14C219.018 221.997 219.061 221.856 219.142 221.738C219.224 221.62 219.34 221.53 219.475 221.48H244.608C244.745 221.529 244.862 221.619 244.946 221.737C245.029 221.855 245.074 221.996 245.075 222.14L245.053 224.305ZM259.083 222.14V224.305H249.39V222.14C249.387 220.823 248.869 219.559 247.945 218.618C247.021 217.678 245.765 217.136 244.446 217.107L242.104 146.373H242.386C243.726 146.373 245.011 145.841 245.958 144.895C246.906 143.949 247.438 142.666 247.438 141.329V140.095H261.035V141.329C261.035 142.665 261.566 143.946 262.511 144.891C263.456 145.837 264.738 146.37 266.077 146.373H266.369L264.027 217.107C262.721 217.149 261.482 217.695 260.571 218.629C259.659 219.564 259.145 220.814 259.137 222.119L259.083 222.14ZM289.019 221.48C289.153 221.532 289.268 221.623 289.349 221.741C289.43 221.858 289.474 221.998 289.475 222.14V224.305H263.474V222.14C263.475 221.996 263.52 221.855 263.603 221.737C263.687 221.619 263.804 221.529 263.941 221.48H289.074H289.019ZM268.364 217.151L270.696 147.033H282.21L284.531 217.151H268.364ZM287.534 141.383C287.534 141.572 287.459 141.754 287.324 141.888C287.19 142.022 287.008 142.097 286.818 142.097H266.142C266.048 142.097 265.956 142.079 265.869 142.043C265.783 142.007 265.705 141.954 265.639 141.887C265.574 141.821 265.522 141.742 265.487 141.655C265.453 141.569 265.436 141.476 265.437 141.383V140.149H287.599L287.534 141.383ZM294.137 135.819H81.1244V120.503H294.202L294.137 135.819ZM79.3354 116.174L187.761 52.1391L296.002 116.174H79.3354ZM311.561 119.118C310.374 119.117 309.208 118.795 308.189 118.187L191.274 48.394C190.183 47.7405 188.935 47.3952 187.663 47.3952C186.391 47.3952 185.143 47.7405 184.053 48.394L67.1267 118.187C66.1121 118.797 64.9499 119.119 63.7655 119.118H52.8579L184.15 40.7631C185.211 40.1255 186.425 39.7886 187.663 39.7886C188.901 39.7886 190.116 40.1255 191.176 40.7631L322.48 119.118H311.561ZM168.949 87.3711C168.949 91.0661 170.047 94.6781 172.103 97.7504C174.159 100.823 177.082 103.217 180.502 104.631C183.921 106.045 187.684 106.415 191.314 105.694C194.945 104.973 198.279 103.194 200.896 100.581C203.514 97.9687 205.296 94.6398 206.018 91.0159C206.74 87.3919 206.369 83.6355 204.953 80.2218C203.537 76.8081 201.138 73.8903 198.06 71.8375C194.983 69.7847 191.365 68.689 187.663 68.689C182.702 68.6947 177.945 70.6648 174.437 74.1672C170.928 77.6695 168.955 82.4181 168.949 87.3711ZM202.041 87.3711C202.041 90.2098 201.197 92.9847 199.618 95.345C198.038 97.7053 195.792 99.5449 193.165 100.631C190.538 101.718 187.647 102.002 184.858 101.448C182.07 100.894 179.508 99.5272 177.497 97.52C175.486 95.5127 174.117 92.9553 173.562 90.1712C173.008 87.3871 173.292 84.5012 174.381 81.8786C175.469 79.256 177.311 77.0145 179.676 75.4374C182.04 73.8603 184.82 73.0185 187.663 73.0185C191.475 73.0243 195.128 74.5383 197.823 77.2287C200.518 79.919 202.035 83.5664 202.041 87.3711Z", fill: "white" }), /* @__PURE__ */ c.createElement("path", { d: "M39.4782 318.387C27.2803 318.387 17.3594 308.732 17.3594 296.869V201.531C17.3594 189.625 27.2803 180.013 39.4782 180.013H186.167C198.365 180.013 208.286 189.668 208.286 201.531V296.869C208.286 308.775 198.365 318.387 186.167 318.387H39.4782Z", fill: "white" }), /* @__PURE__ */ c.createElement("path", { d: "M175.476 234.729H144.563V262.373H175.476V234.729Z", className: "brand100", fill: "#C2DAFF" }), /* @__PURE__ */ c.createElement("path", { d: "M190.07 179.148H35.5856C30.5589 179.153 25.7399 181.15 22.1865 184.7C18.6331 188.249 16.6357 193.061 16.6328 198.079V301.091C16.6386 306.107 18.6372 310.916 22.1903 314.463C25.7434 318.01 30.5608 320.005 35.5856 320.011H190.07C195.095 320.005 199.912 318.01 203.466 314.463C207.019 310.916 209.017 306.107 209.023 301.091V198.079C209.02 193.061 207.023 188.249 203.469 184.7C199.916 181.15 195.097 179.153 190.07 179.148V179.148ZM48.6183 315.595H35.6073C31.7519 315.592 28.0553 314.062 25.3292 311.34C22.6031 308.619 21.0703 304.929 21.0674 301.08V292.615H48.6183V315.595ZM48.6183 288.686H21.0457V264.257H48.6183V288.686ZM48.6183 260.328H21.0457V235.898H48.6183V260.328ZM48.6183 231.969H21.0457V207.82L48.6183 207.691V231.969ZM79.7473 315.595H52.5542V292.615H79.7473V315.595ZM79.7473 288.686H52.5542V264.257H79.7473V288.686ZM79.7473 260.328H52.5542V235.898H79.7473V260.328ZM79.7473 231.969H52.5542V207.712L79.7473 207.604V231.969ZM110.876 315.595H83.6831V292.615H110.876V315.595ZM110.876 288.686H83.6831V264.257H110.876V288.686ZM110.876 260.328H83.6831V235.898H110.876V260.328ZM110.876 231.969H83.6831V207.593L110.876 207.507V231.969ZM142.038 315.595H114.812V292.615H142.038V315.595ZM142.038 288.686H114.812V264.257H142.038V288.686ZM142.038 260.328H114.812V235.898H142.038V260.328ZM142.038 231.969H114.812V207.496H142.005L142.038 231.969ZM173.156 315.595H145.941V292.615H173.123L173.156 315.595ZM173.156 288.686H145.941V264.257H173.123L173.156 288.686ZM173.156 260.328H145.941V235.898H173.123L173.156 260.328ZM173.156 231.969H145.941V207.442C155.699 207.442 164.948 207.442 173.123 207.442L173.156 231.969ZM204.599 301.08C204.596 304.929 203.064 308.619 200.337 311.34C197.611 314.062 193.915 315.592 190.059 315.595H177.048V292.615H204.588L204.599 301.08ZM204.599 288.686H177.059V264.257H204.599V288.686ZM204.599 260.328H177.059V235.898H204.599V260.328ZM204.599 231.969H177.059V207.452C190.363 207.452 200.371 207.571 204.599 207.712V231.969Z", className: "Overlay", fill: "#2C64EF" }), /* @__PURE__ */ c.createElement("path", { d: "M145.94 235.898L173.123 260.327", className: "Overlay", stroke: "#2C64EF", strokeWidth: 3.54, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ c.createElement("path", { d: "M173.123 235.898L145.94 260.327", className: "Overlay", stroke: "#2C64EF", strokeWidth: 3.54, strokeLinecap: "round", strokeLinejoin: "round" }))), H1 = K(L1), S1 = ({
   isCIBC: e,
   isMini: i,
-  clientColorscheme: a
+  clientColorscheme: r
 }) => {
   const n = {
     height: "auto",
     width: i ? "30%" : "50%",
     marginBottom: 16
-  }, r = e ? q1 : H1, o = e ? { ...n, width: i ? "50%" : "70%" } : n;
+  }, o = e ? q1 : H1, a = e ? { ...n, width: i ? "50%" : "70%" } : n;
   return /* @__PURE__ */ t(u, { sx: { display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ t(
     f1,
     {
-      clientColorscheme: a,
-      divProps: { style: o },
-      image: r
+      clientColorscheme: r,
+      divProps: { style: a },
+      image: o
     }
   ) });
 }, c2 = Z(S1), m2 = ({
   goalCompletionDate: e = "",
   goalContribution: i = "",
-  isDarkMode: a,
+  isDarkMode: r,
   payload: n,
-  percentageCompleteText: r,
-  showGoalContributedLastMonth: o,
+  percentageCompleteText: o,
+  showGoalContributedLastMonth: a,
   showProjectedToCompleteDate: s,
   title: l,
   totalSavedText: d
 }) => {
-  const p = L(a ? "dark" : "light");
-  return /* @__PURE__ */ t(H, { theme: p, children: /* @__PURE__ */ t(u, { className: "mx-insights-mefr-body", "data-ui-test": "mefr-body", sx: { mb: 16 }, children: /* @__PURE__ */ m(o1, { title: l, children: [
+  const p = L(r ? "dark" : "light");
+  return /* @__PURE__ */ t(H, { theme: p, children: /* @__PURE__ */ t(u, { className: "mx-insights-mefr-body", "data-ui-test": "mefr-body", sx: { mb: 16 }, children: /* @__PURE__ */ m(a1, { title: l, children: [
     /* @__PURE__ */ t(
-      a1,
+      o1,
       {
         goalPercentage: n.goal_percentage,
-        percentageCompleteText: r
+        percentageCompleteText: o
       }
     ),
     /* @__PURE__ */ m(
@@ -1000,11 +1004,11 @@ const s1 = ({
         sx: { marginTop: 8 },
         children: [
           !!s && /* @__PURE__ */ t(M1, { goalCompletionDate: e }),
-          !!o && /* @__PURE__ */ t(I1, { goalContribution: i }),
+          !!a && /* @__PURE__ */ t(I1, { goalContribution: i }),
           /* @__PURE__ */ t(
             v1,
             {
-              showGoalContributedLastMonth: o,
+              showGoalContributedLastMonth: a,
               totalSavedText: d
             }
           )
@@ -1088,25 +1092,25 @@ const s1 = ({
 ), p2 = ({
   accountGuid: e,
   animation: i,
-  leftLowerText: a,
+  leftLowerText: r,
   leftUpperText: n,
-  isComplete: r,
-  isDarkMode: o,
+  isComplete: o,
+  isDarkMode: a,
   isMini: s,
   headerString: l,
   rightLowerText: d,
   rightUpperText: p
 }) => {
-  const h = L(o ? "dark" : "light");
+  const h = L(a ? "dark" : "light");
   return /* @__PURE__ */ t(H, { theme: h, children: /* @__PURE__ */ t(
     E,
     {
       accountGuid: e,
       animation: i,
       headerString: l,
-      isComplete: r,
+      isComplete: o,
       isMini: s,
-      leftLowerText: a,
+      leftLowerText: r,
       leftUpperText: n,
       rightLowerText: d,
       rightUpperText: p
@@ -1152,10 +1156,10 @@ const s1 = ({
 ), u2 = ({
   accountGuid: e,
   animation: i,
-  destinationAccountGuid: a,
+  destinationAccountGuid: r,
   externalAccountName: n,
-  heldAccountName: r,
-  headerString: o,
+  heldAccountName: o,
+  headerString: a,
   isComplete: s,
   isDarkMode: l,
   isMini: d,
@@ -1171,7 +1175,7 @@ const s1 = ({
     {
       accountGuid: e,
       animation: i,
-      headerString: o,
+      headerString: a,
       isComplete: s,
       isMini: d,
       leftLowerText: p,
@@ -1182,16 +1186,16 @@ const s1 = ({
   ) : /* @__PURE__ */ t(
     k1,
     {
-      destinationAccountGuid: a,
+      destinationAccountGuid: r,
       externalAccountName: n,
-      heldAccountName: r,
+      heldAccountName: o,
       sourceAccountGuid: S
     }
   ) }) });
 }, k1 = ({
   destinationAccountGuid: e,
   externalAccountName: i,
-  heldAccountName: a,
+  heldAccountName: r,
   sourceAccountGuid: n
 }) => /* @__PURE__ */ m(
   k,
@@ -1210,7 +1214,7 @@ const s1 = ({
           sx: { my: "auto" }
         }
       ),
-      /* @__PURE__ */ t(w, { accountGuid: e, accountName: a })
+      /* @__PURE__ */ t(w, { accountGuid: e, accountName: r })
     ]
   }
 );
@@ -1227,9 +1231,9 @@ export {
   E as DirectDeposit,
   S1 as FederalBankHoliday,
   c2 as FederalBankHolidayBody,
-  o2 as FeedbackButtons,
+  a2 as FeedbackButtons,
   s2 as FeedbackDescription,
-  a2 as FeedbackHeader,
+  o2 as FeedbackHeader,
   l2 as FeedbackOptions,
   l1 as FullFeedBodyHeader,
   d1 as FullFeedLogoSection,
@@ -1241,8 +1245,8 @@ export {
   p1 as MiniBodyHeader,
   m2 as MonthlyEmergencyFundReviewBody,
   M1 as ProjectedCompletionSection,
-  a1 as PulseGoalProgress,
-  o1 as PulseGraidentBox,
+  o1 as PulseGoalProgress,
+  a1 as PulseGraidentBox,
   r1 as PulseProgressBar,
   u1 as RightBox,
   p2 as SetUpDirectDepositBody,