@mx-cartographer/experiences 9.2.4-alpha.al4 → 9.3.0-alph.bb2

package/dist/insights/components/insights/CelebrateCreditCardPayoff/CelebrateCreditCardPayoff.es.js

@@ -0,0 +1,66 @@
+import { useContainerDimensions as m } from "../../../hooks/useContainerDimensions.es.js";
+import { ThemedSVGImage as f } from "../../shared/ThemedSVGImage.es.js";
+import { Confetti as l } from "../../shared/Confetti.es.js";
+import { BeatCardMUI as p } from "../../shared/InsightsCard/BeatCardMUI.es.js";
+import { ReactComponent as g } from "./images/CelebrateCreditCardPayoffDark.es.js";
+import { ReactComponent as h } from "./images/CelebrateCreditCardPayoffLight.es.js";
+import u from "react";
+import e from "@mui/material/Stack";
+import { Text as C } from "@mxenabled/mxui";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import b from "@mui/material/Box";
+var F = ({ beat: a, displayData: t, isDarkMode: n, ...d }) => {
+  const i = u.useRef(null), { height: c, width: s } = m(i);
+  return /* @__PURE__ */ o(p, {
+    ...d,
+    beat: a,
+    children: [/* @__PURE__ */ r(l, {
+      height: c,
+      shouldRun: !0,
+      width: s
+    }), /* @__PURE__ */ r(e, {
+      alignItems: "center",
+      justifyContent: "center",
+      ref: i,
+      sx: {
+        backgroundColor: "background.default",
+        backgroundImage: "linear-gradient(256.82deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(255, 129, 230, 0.2) 101.54%)",
+        height: 128,
+        px: 16,
+        py: 24,
+        width: "100%"
+      },
+      children: /* @__PURE__ */ o(e, {
+        alignItems: "center",
+        flexDirection: "row",
+        gap: 24,
+        sx: {
+          backgroundColor: "success.lighter",
+          border: "1px solid",
+          borderColor: "success.main",
+          borderRadius: 2,
+          height: 80,
+          px: 24,
+          py: 16,
+          width: "100%"
+        },
+        children: [/* @__PURE__ */ r(f, {
+          divProps: { style: { width: 44 } },
+          image: n ? g : h
+        }), /* @__PURE__ */ o(e, { children: [/* @__PURE__ */ r(b, {
+          sx: { color: "success.dark" },
+          children: t.balance
+        }), /* @__PURE__ */ r(C, {
+          color: "text.secondary",
+          variant: "caption",
+          children: t.text
+        })] })]
+      })
+    })]
+  });
+};
+export {
+  F as CelebrateCreditCardPayoff
+};
+
+//# sourceMappingURL=CelebrateCreditCardPayoff.es.js.map

package/dist/insights/components/insights/CelebrateCreditCardPayoff/CelebrateCreditCardPayoff.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CelebrateCreditCardPayoff.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CelebrateCreditCardPayoff/CelebrateCreditCardPayoff.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { useContainerDimensions } from '../../../hooks/useContainerDimensions'\nimport { Confetti } from '../../shared/Confetti'\nimport { BeatCardMUI } from '../../shared/InsightsCard/BeatCardMUI'\nimport { ThemedSVGImage } from '../../shared/ThemedSVGImage'\n\nimport { ReactComponent as CelebrateCreditCardPayoffDark } from './images/CelebrateCreditCardPayoffDark.svg'\nimport { ReactComponent as CelebrateCreditCardPayoffLight } from './images/CelebrateCreditCardPayoffLight.svg'\nimport type { CelebrateCreditCardPayoffProps } from './types/CelebrateCreditCardPayoffProps'\n\nexport const CelebrateCreditCardPayoff: React.FC<CelebrateCreditCardPayoffProps> = ({\n  beat,\n  displayData,\n  isDarkMode,\n  ...restProps\n}) => {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(containerRef)\n\n  const background =\n    'linear-gradient(256.82deg, rgba(255, 224, 153, 0.2) 1.86%, rgba(255, 129, 230, 0.2) 101.54%)'\n\n  const CelebrateCreditCardPayoffSVG = isDarkMode\n    ? CelebrateCreditCardPayoffDark\n    : CelebrateCreditCardPayoffLight\n\n  return (\n    <BeatCardMUI {...restProps} beat={beat}>\n      <Confetti height={height} shouldRun={true} width={width} />\n      <Stack\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        ref={containerRef}\n        sx={{\n          backgroundColor: 'background.default',\n          backgroundImage: background,\n          height: 128,\n          px: 16,\n          py: 24,\n          width: '100%',\n        }}\n      >\n        <Stack\n          alignItems=\"center\"\n          flexDirection=\"row\"\n          gap={24}\n          sx={{\n            backgroundColor: 'success.lighter',\n            border: '1px solid',\n            borderColor: 'success.main',\n            borderRadius: 2,\n            height: 80,\n            px: 24,\n            py: 16,\n            width: '100%',\n          }}\n        >\n          <ThemedSVGImage\n            divProps={{ style: { width: 44 } }}\n            image={CelebrateCreditCardPayoffSVG}\n          />\n          <Stack>\n            <Box sx={{ color: 'success.dark' }}>{displayData.balance}</Box>\n            <Text color=\"text.secondary\" variant=\"caption\">\n              {displayData.text}\n            </Text>\n          </Stack>\n        </Stack>\n      </Stack>\n    </BeatCardMUI>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAgBA,IAAa,IAAA,CAAuE,EAClF,MAAA,GACA,aAAA,GACA,YAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,IAAe,EAAM,OAAuB,IAAI,GAChD,EAAE,QAAA,GAAQ,OAAA,EAAA,IAAU,EAAuB,CAAY;AAS7D,SACE,gBAAA,EAAC,GAAD;AAAA,IAAa,GAAI;AAAA,IAAiB,MAAA;AAAA,cAAlC,CACE,gBAAA,EAAC,GAAD;AAAA,MAAkB,QAAA;AAAA,MAAQ,WAAW;AAAA,MAAa,OAAA;AAAA,IAAQ,CAAA,GAC1D,gBAAA,EAAC,GAAD;AAAA,MACE,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,KAAK;AAAA,MACL,IAAI;AAAA,QACF,iBAAiB;AAAA,QACjB,iBAfN;AAAA,QAgBM,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QACE,YAAW;AAAA,QACX,eAAc;AAAA,QACd,KAAK;AAAA,QACL,IAAI;AAAA,UACF,iBAAiB;AAAA,UACjB,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,OAAO;AAAA,QACT;AAAA,kBAbF,CAeE,gBAAA,EAAC,GAAD;AAAA,UACE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE;AAAA,UACjC,OArC2B,IACjC,IACA;AAAA,QAoCK,CAAA,GACD,gBAAA,EAAC,GAAD,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,UAAK,IAAI,EAAE,OAAO,eAAe;AAAA,oBAAI,EAAY;AAAA,QAAa,CAAA,GAC9D,gBAAA,EAAC,GAAD;AAAA,UAAM,OAAM;AAAA,UAAiB,SAAQ;AAAA,oBAClC,EAAY;AAAA,QACT,CAAA,CACD,EAAA,CAAA,CACF;AAAA;IACF,CAAA,CACI;AAAA;AAEjB"}

package/dist/insights/components/insights/CelebrateCreditCardPayoff/images/CelebrateCreditCardPayoffDark.es.js

@@ -0,0 +1,85 @@
+import { forwardRef as h } from "react";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+var C = (i, e) => /* @__PURE__ */ r("svg", {
+  width: 58,
+  height: 46,
+  viewBox: "0 0 58 46",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: e,
+  ...i,
+  children: [
+    /* @__PURE__ */ t("rect", {
+      y: 14,
+      width: 44,
+      height: 32,
+      rx: 4,
+      fill: "#59AB8E"
+    }),
+    /* @__PURE__ */ t("rect", {
+      y: 19.2539,
+      width: 44,
+      height: 6,
+      fill: "#B8DBCF"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 3,
+      y: 38.5176,
+      width: 8,
+      height: 2,
+      rx: 1,
+      fill: "#0D5F42"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 13,
+      y: 38.5176,
+      width: 8,
+      height: 2,
+      rx: 1,
+      fill: "#0D5F42"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 23,
+      y: 38.5176,
+      width: 8,
+      height: 2,
+      rx: 1,
+      fill: "#0D5F42"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 33,
+      y: 38.5176,
+      width: 8,
+      height: 2,
+      rx: 1,
+      fill: "#B8DBCF"
+    }),
+    /* @__PURE__ */ t("mask", {
+      id: "mask0_1712_4317",
+      style: { maskType: "alpha" },
+      maskUnits: "userSpaceOnUse",
+      x: 34,
+      y: 0,
+      width: 24,
+      height: 24,
+      children: /* @__PURE__ */ t("rect", {
+        x: 34,
+        width: 24,
+        height: 24,
+        fill: "#D9D9D9"
+      })
+    }),
+    /* @__PURE__ */ t("g", {
+      mask: "url(#mask0_1712_4317)",
+      children: /* @__PURE__ */ t("path", {
+        d: "M44.6 13.8L42.45 11.65C42.2667 11.4667 42.0333 11.375 41.75 11.375C41.4667 11.375 41.2333 11.4667 41.05 11.65C40.8667 11.8333 40.775 12.0667 40.775 12.35C40.775 12.6333 40.8667 12.8667 41.05 13.05L43.9 15.9C44.1 16.1 44.3333 16.2 44.6 16.2C44.8667 16.2 45.1 16.1 45.3 15.9L50.95 10.25C51.1333 10.0667 51.225 9.83333 51.225 9.55C51.225 9.26667 51.1333 9.03333 50.95 8.85C50.7667 8.66667 50.5333 8.575 50.25 8.575C49.9667 8.575 49.7333 8.66667 49.55 8.85L44.6 13.8ZM46 22C44.6167 22 43.3167 21.7375 42.1 21.2125C40.8833 20.6875 39.825 19.975 38.925 19.075C38.025 18.175 37.3125 17.1167 36.7875 15.9C36.2625 14.6833 36 13.3833 36 12C36 10.6167 36.2625 9.31667 36.7875 8.1C37.3125 6.88333 38.025 5.825 38.925 4.925C39.825 4.025 40.8833 3.3125 42.1 2.7875C43.3167 2.2625 44.6167 2 46 2C47.3833 2 48.6833 2.2625 49.9 2.7875C51.1167 3.3125 52.175 4.025 53.075 4.925C53.975 5.825 54.6875 6.88333 55.2125 8.1C55.7375 9.31667 56 10.6167 56 12C56 13.3833 55.7375 14.6833 55.2125 15.9C54.6875 17.1167 53.975 18.175 53.075 19.075C52.175 19.975 51.1167 20.6875 49.9 21.2125C48.6833 21.7375 47.3833 22 46 22Z",
+        fill: "#B8DBCF"
+      })
+    })
+  ]
+}), d = h(C);
+export {
+  d as ReactComponent
+};
+
+//# sourceMappingURL=CelebrateCreditCardPayoffDark.es.js.map

package/dist/insights/components/insights/CelebrateCreditCardPayoff/images/CelebrateCreditCardPayoffDark.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CelebrateCreditCardPayoffDark.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/CelebrateCreditCardPayoff/images/CelebrateCreditCardPayoffDark.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SvgCelebrateCreditCardPayoffDark = (props, ref) => /* @__PURE__ */ _jsxs(\"svg\", {\n\twidth: 58,\n\theight: 46,\n\tviewBox: \"0 0 58 46\",\n\tfill: \"none\",\n\txmlns: \"http://www.w3.org/2000/svg\",\n\tref,\n\t...props,\n\tchildren: [\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\ty: 14,\n\t\t\twidth: 44,\n\t\t\theight: 32,\n\t\t\trx: 4,\n\t\t\tfill: \"#59AB8E\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\ty: 19.2539,\n\t\t\twidth: 44,\n\t\t\theight: 6,\n\t\t\tfill: \"#B8DBCF\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 3,\n\t\t\ty: 38.5176,\n\t\t\twidth: 8,\n\t\t\theight: 2,\n\t\t\trx: 1,\n\t\t\tfill: \"#0D5F42\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 13,\n\t\t\ty: 38.5176,\n\t\t\twidth: 8,\n\t\t\theight: 2,\n\t\t\trx: 1,\n\t\t\tfill: \"#0D5F42\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 23,\n\t\t\ty: 38.5176,\n\t\t\twidth: 8,\n\t\t\theight: 2,\n\t\t\trx: 1,\n\t\t\tfill: \"#0D5F42\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 33,\n\t\t\ty: 38.5176,\n\t\t\twidth: 8,\n\t\t\theight: 2,\n\t\t\trx: 1,\n\t\t\tfill: \"#B8DBCF\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"mask\", {\n\t\t\tid: \"mask0_1712_4317\",\n\t\t\tstyle: { maskType: \"alpha\" },\n\t\t\tmaskUnits: \"userSpaceOnUse\",\n\t\t\tx: 34,\n\t\t\ty: 0,\n\t\t\twidth: 24,\n\t\t\theight: 24,\n\t\t\tchildren: /* @__PURE__ */ _jsx(\"rect\", {\n\t\t\t\tx: 34,\n\t\t\t\twidth: 24,\n\t\t\t\theight: 24,\n\t\t\t\tfill: \"#D9D9D9\"\n\t\t\t})\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"g\", {\n\t\t\tmask: \"url(#mask0_1712_4317)\",\n\t\t\tchildren: /* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\td: \"M44.6 13.8L42.45 11.65C42.2667 11.4667 42.0333 11.375 41.75 11.375C41.4667 11.375 41.2333 11.4667 41.05 11.65C40.8667 11.8333 40.775 12.0667 40.775 12.35C40.775 12.6333 40.8667 12.8667 41.05 13.05L43.9 15.9C44.1 16.1 44.3333 16.2 44.6 16.2C44.8667 16.2 45.1 16.1 45.3 15.9L50.95 10.25C51.1333 10.0667 51.225 9.83333 51.225 9.55C51.225 9.26667 51.1333 9.03333 50.95 8.85C50.7667 8.66667 50.5333 8.575 50.25 8.575C49.9667 8.575 49.7333 8.66667 49.55 8.85L44.6 13.8ZM46 22C44.6167 22 43.3167 21.7375 42.1 21.2125C40.8833 20.6875 39.825 19.975 38.925 19.075C38.025 18.175 37.3125 17.1167 36.7875 15.9C36.2625 14.6833 36 13.3833 36 12C36 10.6167 36.2625 9.31667 36.7875 8.1C37.3125 6.88333 38.025 5.825 38.925 4.925C39.825 4.025 40.8833 3.3125 42.1 2.7875C43.3167 2.2625 44.6167 2 46 2C47.3833 2 48.6833 2.2625 49.9 2.7875C51.1167 3.3125 52.175 4.025 53.075 4.925C53.975 5.825 54.6875 6.88333 55.2125 8.1C55.7375 9.31667 56 10.6167 56 12C56 13.3833 55.7375 14.6833 55.2125 15.9C54.6875 17.1167 53.975 18.175 53.075 19.075C52.175 19.975 51.1167 20.6875 49.9 21.2125C48.6833 21.7375 47.3833 22 46 22Z\",\n\t\t\t\tfill: \"#B8DBCF\"\n\t\t\t})\n\t\t})\n\t]\n});\nconst ForwardRef = forwardRef(SvgCelebrateCreditCardPayoffDark);\nexport { ForwardRef as ReactComponent };\n"],"mappings":";;AAGA,IAAM,IAAA,CAAoC,GAAO,MAAwB,gBAAA,EAAM,OAAO;AAAA,EACrF,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAA;AAAA,EACA,GAAG;AAAA,EACH,UAAU;AAAA,IACO,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,IAAI;AAAA,MACJ,OAAO,EAAE,UAAU,QAAQ;AAAA,MAC3B,WAAW;AAAA,MACX,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAA0B,gBAAA,EAAK,QAAQ;AAAA,QACtC,GAAG;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,MAAM;AAAA,MACP,CAAC;AAAA,IACF,CAAC;AAAA,IACe,gBAAA,EAAK,KAAK;AAAA,MACzB,MAAM;AAAA,MACN,UAA0B,gBAAA,EAAK,QAAQ;AAAA,QACtC,GAAG;AAAA,QACH,MAAM;AAAA,MACP,CAAC;AAAA,IACF,CAAC;AAAA,EACF;AACD,CAAC,GACK,IAAa,EAAW,CAAgC"}

package/dist/insights/components/insights/CelebrateCreditCardPayoff/images/CelebrateCreditCardPayoffLight.es.js

@@ -0,0 +1,85 @@
+import { forwardRef as h } from "react";
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+var r = (i, e) => /* @__PURE__ */ C("svg", {
+  width: 58,
+  height: 46,
+  viewBox: "0 0 58 46",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: e,
+  ...i,
+  children: [
+    /* @__PURE__ */ t("rect", {
+      y: 14,
+      width: 44,
+      height: 32,
+      rx: 4,
+      fill: "#12875E"
+    }),
+    /* @__PURE__ */ t("rect", {
+      y: 19.2539,
+      width: 44,
+      height: 6,
+      fill: "#09442F"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 3,
+      y: 38.5176,
+      width: 8,
+      height: 2,
+      rx: 1,
+      fill: "#94C9B7"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 13,
+      y: 38.5176,
+      width: 8,
+      height: 2,
+      rx: 1,
+      fill: "#94C9B7"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 23,
+      y: 38.5176,
+      width: 8,
+      height: 2,
+      rx: 1,
+      fill: "#94C9B7"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 33,
+      y: 38.5176,
+      width: 8,
+      height: 2,
+      rx: 1,
+      fill: "#09442F"
+    }),
+    /* @__PURE__ */ t("mask", {
+      id: "mask0_1712_15475",
+      style: { maskType: "alpha" },
+      maskUnits: "userSpaceOnUse",
+      x: 34,
+      y: 0,
+      width: 24,
+      height: 24,
+      children: /* @__PURE__ */ t("rect", {
+        x: 34,
+        width: 24,
+        height: 24,
+        fill: "#D9D9D9"
+      })
+    }),
+    /* @__PURE__ */ t("g", {
+      mask: "url(#mask0_1712_15475)",
+      children: /* @__PURE__ */ t("path", {
+        d: "M44.6 13.8L42.45 11.65C42.2667 11.4667 42.0333 11.375 41.75 11.375C41.4667 11.375 41.2333 11.4667 41.05 11.65C40.8667 11.8333 40.775 12.0667 40.775 12.35C40.775 12.6333 40.8667 12.8667 41.05 13.05L43.9 15.9C44.1 16.1 44.3333 16.2 44.6 16.2C44.8667 16.2 45.1 16.1 45.3 15.9L50.95 10.25C51.1333 10.0667 51.225 9.83333 51.225 9.55C51.225 9.26667 51.1333 9.03333 50.95 8.85C50.7667 8.66667 50.5333 8.575 50.25 8.575C49.9667 8.575 49.7333 8.66667 49.55 8.85L44.6 13.8ZM46 22C44.6167 22 43.3167 21.7375 42.1 21.2125C40.8833 20.6875 39.825 19.975 38.925 19.075C38.025 18.175 37.3125 17.1167 36.7875 15.9C36.2625 14.6833 36 13.3833 36 12C36 10.6167 36.2625 9.31667 36.7875 8.1C37.3125 6.88333 38.025 5.825 38.925 4.925C39.825 4.025 40.8833 3.3125 42.1 2.7875C43.3167 2.2625 44.6167 2 46 2C47.3833 2 48.6833 2.2625 49.9 2.7875C51.1167 3.3125 52.175 4.025 53.075 4.925C53.975 5.825 54.6875 6.88333 55.2125 8.1C55.7375 9.31667 56 10.6167 56 12C56 13.3833 55.7375 14.6833 55.2125 15.9C54.6875 17.1167 53.975 18.175 53.075 19.075C52.175 19.975 51.1167 20.6875 49.9 21.2125C48.6833 21.7375 47.3833 22 46 22Z",
+        fill: "#09442F"
+      })
+    })
+  ]
+}), d = h(r);
+export {
+  d as ReactComponent
+};
+
+//# sourceMappingURL=CelebrateCreditCardPayoffLight.es.js.map

package/dist/insights/components/insights/CelebrateCreditCardPayoff/images/CelebrateCreditCardPayoffLight.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CelebrateCreditCardPayoffLight.es.js","names":[],"sources":["../../../../../../src/insights/components/insights/CelebrateCreditCardPayoff/images/CelebrateCreditCardPayoffLight.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SvgCelebrateCreditCardPayoffLight = (props, ref) => /* @__PURE__ */ _jsxs(\"svg\", {\n\twidth: 58,\n\theight: 46,\n\tviewBox: \"0 0 58 46\",\n\tfill: \"none\",\n\txmlns: \"http://www.w3.org/2000/svg\",\n\tref,\n\t...props,\n\tchildren: [\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\ty: 14,\n\t\t\twidth: 44,\n\t\t\theight: 32,\n\t\t\trx: 4,\n\t\t\tfill: \"#12875E\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\ty: 19.2539,\n\t\t\twidth: 44,\n\t\t\theight: 6,\n\t\t\tfill: \"#09442F\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 3,\n\t\t\ty: 38.5176,\n\t\t\twidth: 8,\n\t\t\theight: 2,\n\t\t\trx: 1,\n\t\t\tfill: \"#94C9B7\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 13,\n\t\t\ty: 38.5176,\n\t\t\twidth: 8,\n\t\t\theight: 2,\n\t\t\trx: 1,\n\t\t\tfill: \"#94C9B7\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 23,\n\t\t\ty: 38.5176,\n\t\t\twidth: 8,\n\t\t\theight: 2,\n\t\t\trx: 1,\n\t\t\tfill: \"#94C9B7\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 33,\n\t\t\ty: 38.5176,\n\t\t\twidth: 8,\n\t\t\theight: 2,\n\t\t\trx: 1,\n\t\t\tfill: \"#09442F\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"mask\", {\n\t\t\tid: \"mask0_1712_15475\",\n\t\t\tstyle: { maskType: \"alpha\" },\n\t\t\tmaskUnits: \"userSpaceOnUse\",\n\t\t\tx: 34,\n\t\t\ty: 0,\n\t\t\twidth: 24,\n\t\t\theight: 24,\n\t\t\tchildren: /* @__PURE__ */ _jsx(\"rect\", {\n\t\t\t\tx: 34,\n\t\t\t\twidth: 24,\n\t\t\t\theight: 24,\n\t\t\t\tfill: \"#D9D9D9\"\n\t\t\t})\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"g\", {\n\t\t\tmask: \"url(#mask0_1712_15475)\",\n\t\t\tchildren: /* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\td: \"M44.6 13.8L42.45 11.65C42.2667 11.4667 42.0333 11.375 41.75 11.375C41.4667 11.375 41.2333 11.4667 41.05 11.65C40.8667 11.8333 40.775 12.0667 40.775 12.35C40.775 12.6333 40.8667 12.8667 41.05 13.05L43.9 15.9C44.1 16.1 44.3333 16.2 44.6 16.2C44.8667 16.2 45.1 16.1 45.3 15.9L50.95 10.25C51.1333 10.0667 51.225 9.83333 51.225 9.55C51.225 9.26667 51.1333 9.03333 50.95 8.85C50.7667 8.66667 50.5333 8.575 50.25 8.575C49.9667 8.575 49.7333 8.66667 49.55 8.85L44.6 13.8ZM46 22C44.6167 22 43.3167 21.7375 42.1 21.2125C40.8833 20.6875 39.825 19.975 38.925 19.075C38.025 18.175 37.3125 17.1167 36.7875 15.9C36.2625 14.6833 36 13.3833 36 12C36 10.6167 36.2625 9.31667 36.7875 8.1C37.3125 6.88333 38.025 5.825 38.925 4.925C39.825 4.025 40.8833 3.3125 42.1 2.7875C43.3167 2.2625 44.6167 2 46 2C47.3833 2 48.6833 2.2625 49.9 2.7875C51.1167 3.3125 52.175 4.025 53.075 4.925C53.975 5.825 54.6875 6.88333 55.2125 8.1C55.7375 9.31667 56 10.6167 56 12C56 13.3833 55.7375 14.6833 55.2125 15.9C54.6875 17.1167 53.975 18.175 53.075 19.075C52.175 19.975 51.1167 20.6875 49.9 21.2125C48.6833 21.7375 47.3833 22 46 22Z\",\n\t\t\t\tfill: \"#09442F\"\n\t\t\t})\n\t\t})\n\t]\n});\nconst ForwardRef = forwardRef(SvgCelebrateCreditCardPayoffLight);\nexport { ForwardRef as ReactComponent };\n"],"mappings":";;AAGA,IAAM,IAAA,CAAqC,GAAO,MAAwB,gBAAA,EAAM,OAAO;AAAA,EACtF,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAA;AAAA,EACA,GAAG;AAAA,EACH,UAAU;AAAA,IACO,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,IAAI;AAAA,MACJ,OAAO,EAAE,UAAU,QAAQ;AAAA,MAC3B,WAAW;AAAA,MACX,GAAG;AAAA,MACH,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAA0B,gBAAA,EAAK,QAAQ;AAAA,QACtC,GAAG;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,MAAM;AAAA,MACP,CAAC;AAAA,IACF,CAAC;AAAA,IACe,gBAAA,EAAK,KAAK;AAAA,MACzB,MAAM;AAAA,MACN,UAA0B,gBAAA,EAAK,QAAQ;AAAA,QACtC,GAAG;AAAA,QACH,MAAM;AAAA,MACP,CAAC;AAAA,IACF,CAAC;AAAA,EACF;AACD,CAAC,GACK,IAAa,EAAW,CAAiC"}

package/dist/insights/components/insights/CustomTransaction/CustomTransaction.es.js

@@ -0,0 +1,24 @@
+import { BeatCard as p } from "../../shared/InsightsCard/BeatCard.es.js";
+import { InsightButton as e } from "../../shared/InsightsCard/InsightButton.es.js";
+import { ButtonActionType as f } from "../../../types/CommonBeat.es.js";
+import "react";
+import { Fragment as s, jsx as o } from "react/jsx-runtime";
+var g = ({ altLoadingText: m, beat: t, buttonProps: r, header: i, isMini: n, ...a }) => /* @__PURE__ */ o(p, {
+  altLoadingText: m,
+  beat: t,
+  button: /* @__PURE__ */ o(e, {
+    beat: t,
+    ...r,
+    onClick: (c) => r?.onClick?.(c, f.Primary)
+  }),
+  contentProps: { sx: { mt: -16 } },
+  header: i,
+  isMini: n,
+  ...a,
+  children: /* @__PURE__ */ o(s, {})
+});
+export {
+  g as CustomTransaction
+};
+
+//# sourceMappingURL=CustomTransaction.es.js.map

package/dist/insights/components/insights/CustomTransaction/CustomTransaction.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomTransaction.es.js","names":[],"sources":["../../../../../src/insights/components/insights/CustomTransaction/CustomTransaction.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ButtonActionType, CommonBeatProps } from '../../../types/CommonBeat'\nimport { BeatCard } from '../../shared/InsightsCard/BeatCard'\nimport { InsightButton } from '../../shared/InsightsCard/InsightButton'\n\nexport const CustomTransaction: React.FC<CommonBeatProps> = ({\n  altLoadingText,\n  beat,\n  buttonProps,\n  header,\n  isMini,\n  ...restProps\n}) => (\n  <BeatCard\n    altLoadingText={altLoadingText}\n    beat={beat}\n    button={\n      <InsightButton\n        beat={beat}\n        {...buttonProps}\n        onClick={(e) => buttonProps?.onClick?.(e, ButtonActionType.Primary)}\n      />\n    }\n    contentProps={{\n      sx: {\n        mt: -16,\n      },\n    }}\n    header={header}\n    isMini={isMini}\n    {...restProps}\n  >\n    <></>\n  </BeatCard>\n)\n"],"mappings":";;;;;AAMA,IAAa,IAAA,CAAgD,EAC3D,gBAAA,GACA,MAAA,GACA,aAAA,GACA,QAAA,GACA,QAAA,GACA,GAAG,EAAA,MAEH,gBAAA,EAAC,GAAD;AAAA,EACkB,gBAAA;AAAA,EACV,MAAA;AAAA,EACN,QACE,gBAAA,EAAC,GAAD;AAAA,IACQ,MAAA;AAAA,IACN,GAAI;AAAA,IACJ,SAAA,CAAU,MAAM,GAAa,UAAU,GAAG,EAAiB,OAAO;AAAA,EACnE,CAAA;AAAA,EAEH,cAAc,EACZ,IAAI,EACF,IAAI,IACN,EACF;AAAA,EACQ,QAAA;AAAA,EACA,QAAA;AAAA,EACR,GAAI;AAAA,YAEJ,gBAAA,EAAA,GAAA,CAAI,CAAA;AACI,CAAA"}

package/dist/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsBody.es.js

@@ -0,0 +1,120 @@
+import { useContainerDimensions as p } from "../../../hooks/useContainerDimensions.es.js";
+import { Confetti as x } from "../../shared/Confetti.es.js";
+import f from "react";
+import { InstitutionLogo as a } from "@mxenabled/mxui";
+import { Icon as n } from "@mxenabled/mx-icons";
+import { jsx as i, jsxs as r } from "react/jsx-runtime";
+import e from "@mui/material/Box";
+var t = ({ sx: o }) => /* @__PURE__ */ i(n, {
+  fill: !0,
+  name: "circle",
+  size: 4,
+  sx: {
+    color: "secondary.light",
+    display: "flex",
+    alignSelf: "center",
+    ...o
+  }
+}), C = ({ account_guid_1: o, account_guid_2: c, account_1_alt_text: h, account_2_alt_text: d, isSuccess: l }) => {
+  const s = f.useRef(null), { height: g, width: m } = p(s);
+  return /* @__PURE__ */ i(e, {
+    sx: {
+      bgcolor: "background.highlight",
+      height: 128,
+      p: 16,
+      width: "100%"
+    },
+    children: /* @__PURE__ */ r(e, {
+      ref: s,
+      sx: {
+        alignItems: "center",
+        display: "flex",
+        height: "100%",
+        justifyContent: "center",
+        width: "100%",
+        position: "relative",
+        p: 16
+      },
+      children: [/* @__PURE__ */ i(x, {
+        height: g,
+        shouldRun: l,
+        width: m
+      }), /* @__PURE__ */ r(e, {
+        sx: {
+          bgcolor: "background.paper",
+          borderRadius: "8px",
+          height: 96,
+          position: "relative",
+          width: 268
+        },
+        children: [/* @__PURE__ */ r(e, {
+          sx: {
+            display: "flex",
+            flexDirection: "row",
+            justifyContent: "center",
+            position: "relative",
+            p: "16px 8px",
+            zIndex: 50
+          },
+          children: [
+            /* @__PURE__ */ i(a, {
+              alt: h,
+              height: 64,
+              institutionGuid: o || "",
+              width: 64
+            }),
+            /* @__PURE__ */ i(t, { sx: { marginLeft: 11 } }),
+            /* @__PURE__ */ i(t, { sx: { marginLeft: 4 } }),
+            l ? /* @__PURE__ */ i(n, {
+              fill: !0,
+              name: "check_circle",
+              size: 40,
+              sx: {
+                alignSelf: "center",
+                borderRadius: "50%",
+                color: "success.main",
+                display: "flex",
+                mx: 4
+              }
+            }) : /* @__PURE__ */ i(n, {
+              name: "link",
+              size: 28,
+              sx: {
+                alignSelf: "center",
+                bgcolor: "secondary.light",
+                borderRadius: "50%",
+                color: "background.paper",
+                display: "flex",
+                mx: 4
+              }
+            }),
+            /* @__PURE__ */ i(t, { sx: { marginRight: 4 } }),
+            /* @__PURE__ */ i(t, { sx: { marginRight: 11 } }),
+            /* @__PURE__ */ i(a, {
+              alt: d,
+              height: 64,
+              institutionGuid: c || "",
+              width: 64
+            })
+          ]
+        }), /* @__PURE__ */ i(e, { sx: {
+          bgcolor: "background.highlight",
+          borderRadius: 24,
+          bottom: 0,
+          height: 40,
+          left: 0,
+          m: "auto",
+          position: "absolute",
+          right: 0,
+          top: 0,
+          width: 240
+        } })]
+      })]
+    })
+  });
+};
+export {
+  C as DiscoveredAccountsBody
+};
+
+//# sourceMappingURL=DiscoveredAccountsBody.es.js.map

package/dist/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsBody.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscoveredAccountsBody.es.js","names":[],"sources":["../../../../../src/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsBody.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mx-icons'\nimport { InstitutionLogo } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\n\nimport { useContainerDimensions } from '../../../hooks/useContainerDimensions'\nimport { Confetti } from '../../shared/Confetti'\n\nexport interface DiscoveredAccountsBodyProps {\n  account_guid_1: string\n  account_guid_2: string\n  account_1_alt_text: string\n  account_2_alt_text: string\n  isSuccess?: boolean\n}\n\ninterface CircleProp {\n  sx: React.CSSProperties\n}\n\nconst Circle: React.FC<CircleProp> = ({ sx }) => (\n  <Icon\n    fill={true}\n    name=\"circle\"\n    size={4}\n    sx={{\n      color: 'secondary.light',\n      display: 'flex',\n      alignSelf: 'center',\n      ...sx,\n    }}\n  />\n)\n\nexport const DiscoveredAccountsBody: React.FC<DiscoveredAccountsBodyProps> = ({\n  account_guid_1,\n  account_guid_2,\n  account_1_alt_text,\n  account_2_alt_text,\n  isSuccess,\n}) => {\n  const containerRef = React.useRef<HTMLDivElement>(null)\n  const { height, width } = useContainerDimensions(containerRef)\n\n  return (\n    <Box\n      sx={{\n        bgcolor: 'background.highlight',\n        height: 128,\n        p: 16,\n        width: '100%',\n      }}\n    >\n      <Box\n        ref={containerRef}\n        sx={{\n          alignItems: 'center',\n          display: 'flex',\n          height: '100%',\n          justifyContent: 'center',\n          width: '100%',\n          position: 'relative',\n          p: 16,\n        }}\n      >\n        <Confetti height={height} shouldRun={isSuccess} width={width} />\n        <Box\n          sx={{\n            bgcolor: 'background.paper',\n            borderRadius: '8px',\n            height: 96,\n            position: 'relative',\n            width: 268,\n          }}\n        >\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'row',\n              justifyContent: 'center',\n              position: 'relative',\n              p: '16px 8px',\n              zIndex: 50,\n            }}\n          >\n            <InstitutionLogo\n              alt={account_1_alt_text}\n              height={64}\n              institutionGuid={account_guid_1 || ''}\n              width={64}\n            />\n\n            <Circle sx={{ marginLeft: 11 }} />\n            <Circle sx={{ marginLeft: 4 }} />\n\n            {isSuccess ? (\n              <Icon\n                fill={true}\n                name=\"check_circle\"\n                size={40}\n                sx={{\n                  alignSelf: 'center',\n                  borderRadius: '50%',\n                  color: 'success.main',\n                  display: 'flex',\n                  mx: 4,\n                }}\n              />\n            ) : (\n              <Icon\n                name=\"link\"\n                size={28}\n                sx={{\n                  alignSelf: 'center',\n                  bgcolor: 'secondary.light',\n                  borderRadius: '50%',\n                  color: 'background.paper',\n                  display: 'flex',\n                  mx: 4,\n                }}\n              />\n            )}\n\n            <Circle sx={{ marginRight: 4 }} />\n            <Circle sx={{ marginRight: 11 }} />\n\n            <InstitutionLogo\n              alt={account_2_alt_text}\n              height={64}\n              institutionGuid={account_guid_2 || ''}\n              width={64}\n            />\n          </Box>\n          <Box\n            sx={{\n              bgcolor: 'background.highlight',\n              borderRadius: 24,\n              bottom: 0,\n              height: 40,\n              left: 0,\n              m: 'auto',\n              position: 'absolute',\n              right: 0,\n              top: 0,\n              width: 240,\n            }}\n          />\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsLearnMoreDrawerContent.es.js

@@ -0,0 +1,143 @@
+import a from "@mui/material/Stack";
+import { H3 as b, P as c, Text as x } from "@mxenabled/mxui";
+import { Icon as o } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import n from "@mui/material/Box";
+import d from "@mui/material/IconButton";
+import p from "@mui/material/List";
+import m from "@mui/material/ListItem";
+import h from "@mui/material/ListItemIcon";
+import f from "@mui/material/ListItemText";
+var L = ({ copy: r, sendResponseAnalytics: s }) => /* @__PURE__ */ e(a, {
+  height: "100%",
+  justifyContent: "space-between",
+  sx: { bgcolor: "background.paper" },
+  children: /* @__PURE__ */ t(n, {
+    height: "100%",
+    overflow: "auto",
+    children: [
+      /* @__PURE__ */ t(n, { children: [/* @__PURE__ */ e(b, {
+        sx: { p: "16px 24px 8px 24px" },
+        children: r.header_text
+      }), /* @__PURE__ */ t(a, {
+        sx: {
+          gap: 12,
+          px: 24
+        },
+        children: [/* @__PURE__ */ e(c, {
+          color: "textSecondary",
+          fontSize: 13,
+          children: r.description
+        }), /* @__PURE__ */ e(p, { children: r.benefits_list_array.map((i, l) => /* @__PURE__ */ t(m, {
+          sx: {
+            alignItems: "flex-start",
+            alignSelf: "stretch",
+            gap: 8,
+            mb: 12,
+            minHeight: "unset"
+          },
+          children: [/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(o, {
+            color: "success",
+            name: "check_circle",
+            size: 16,
+            sx: { lineHeight: 1.2 }
+          }) }), /* @__PURE__ */ e(f, {
+            disableTypography: !0,
+            secondary: i,
+            sx: {
+              color: "text.secondary",
+              fontSize: 13
+            }
+          })]
+        }, `list-item-${l}`)) })]
+      })] }),
+      /* @__PURE__ */ t(n, { children: [
+        /* @__PURE__ */ e(x, {
+          bold: !0,
+          fontSize: 15,
+          sx: { p: "16px 24px 8px 24px" },
+          children: r.shared_info_header_text
+        }),
+        /* @__PURE__ */ e(c, {
+          color: "textSecondary",
+          fontSize: 13,
+          sx: {
+            mb: 16,
+            mx: 24
+          },
+          children: r.shared_info_description
+        }),
+        /* @__PURE__ */ e(p, {
+          sx: { p: "16px 24px" },
+          children: r.shared_info_list_array.map((i, l) => /* @__PURE__ */ t(m, {
+            sx: {
+              alignItems: "flex-start",
+              alignSelf: "stretch",
+              bgcolor: "background.paper",
+              border: "1px solid",
+              borderColor: "neutral.light",
+              borderRadius: "8px",
+              boxShadow: 1,
+              gap: 12,
+              mb: 24,
+              p: 16
+            },
+            children: [/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(o, {
+              name: i.icon_name,
+              size: 24
+            }) }), /* @__PURE__ */ e(f, {
+              primary: i.title,
+              secondary: i.content,
+              sx: { "& > p": {
+                color: "text.secondary",
+                fontSize: 13,
+                fontWeight: "400",
+                lineHeight: "20px"
+              } }
+            })]
+          }, `lower-list-${l}`))
+        })
+      ] }),
+      /* @__PURE__ */ t(a, {
+        sx: {
+          alignItems: "center",
+          justifyContent: "center",
+          pb: 16
+        },
+        children: [/* @__PURE__ */ e(x, {
+          bold: !0,
+          sx: { p: "16px 24px 8px 24px" },
+          children: r.footer_title
+        }), /* @__PURE__ */ t(n, {
+          sx: {
+            display: "flex",
+            gap: 24,
+            p: "12px 24px"
+          },
+          children: [/* @__PURE__ */ e(d, {
+            "aria-label": r.aria_label_thumbs_down,
+            onClick: () => s("no"),
+            children: /* @__PURE__ */ e(o, {
+              color: "secondary",
+              name: "thumb_down",
+              size: 24
+            })
+          }), /* @__PURE__ */ e(d, {
+            "aria-label": r.aria_label_thumbs_up,
+            onClick: () => s("yes"),
+            children: /* @__PURE__ */ e(o, {
+              color: "secondary",
+              name: "thumb_up",
+              size: 24
+            })
+          })]
+        })]
+      })
+    ]
+  })
+});
+export {
+  L as DiscoveredAccountsLearnMoreDrawerContent
+};
+
+//# sourceMappingURL=DiscoveredAccountsLearnMoreDrawerContent.es.js.map

package/dist/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsLearnMoreDrawerContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscoveredAccountsLearnMoreDrawerContent.es.js","names":[],"sources":["../../../../../src/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsLearnMoreDrawerContent.tsx"],"sourcesContent":["import { Icon } from '@mxenabled/mx-icons'\nimport { H3, P, Text } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport IconButton from '@mui/material/IconButton'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport Stack from '@mui/material/Stack'\n\ninterface copy {\n  aria_label_thumbs_down: string\n  aria_label_thumbs_up: string\n  benefits_list_array: string[]\n  description: string\n  footer_title: string\n  header_text: string\n  shared_info_description: string\n  shared_info_header_text: string\n  shared_info_list_array: Array<{ content: string; icon_name: string; title: string }>\n}\n\ninterface DrawerProps {\n  copy: copy\n  sendResponseAnalytics: (str: string) => void\n}\n\nexport const DiscoveredAccountsLearnMoreDrawerContent: React.FC<DrawerProps> = ({\n  copy,\n  sendResponseAnalytics,\n}) => {\n  return (\n    <Stack\n      height=\"100%\"\n      justifyContent=\"space-between\"\n      sx={{ bgcolor: 'background.paper' }} // explicitly setting the background color so that it doesn't incorrectly inherit the drawer in experiences per Cameron\n    >\n      <Box height=\"100%\" overflow=\"auto\">\n        <Box>\n          <H3 sx={{ p: '16px 24px 8px 24px' }}>{copy.header_text}</H3>\n\n          <Stack sx={{ gap: 12, px: 24 }}>\n            <P color=\"textSecondary\" fontSize={13}>\n              {copy.description}\n            </P>\n\n            <List>\n              {copy.benefits_list_array.map((text, i) => (\n                <ListItem\n                  key={`list-item-${i}`}\n                  sx={{\n                    alignItems: 'flex-start',\n                    alignSelf: 'stretch',\n                    gap: 8,\n                    mb: 12,\n                    minHeight: 'unset',\n                  }}\n                >\n                  <ListItemIcon>\n                    <Icon color=\"success\" name=\"check_circle\" size={16} sx={{ lineHeight: 1.2 }} />\n                  </ListItemIcon>\n                  <ListItemText\n                    disableTypography={true} // This is to ovvride the custom mx theme\n                    secondary={text}\n                    sx={{ color: 'text.secondary', fontSize: 13 }}\n                  />\n                </ListItem>\n              ))}\n            </List>\n          </Stack>\n        </Box>\n\n        <Box>\n          <Text bold={true} fontSize={15} sx={{ p: '16px 24px 8px 24px' }}>\n            {copy.shared_info_header_text}\n          </Text>\n\n          <P color=\"textSecondary\" fontSize={13} sx={{ mb: 16, mx: 24 }}>\n            {copy.shared_info_description}\n          </P>\n\n          <List sx={{ p: '16px 24px' }}>\n            {copy.shared_info_list_array.map((obj, i) => (\n              <ListItem\n                key={`lower-list-${i}`}\n                sx={{\n                  alignItems: 'flex-start',\n                  alignSelf: 'stretch',\n                  bgcolor: 'background.paper',\n                  border: `1px solid`,\n                  borderColor: 'neutral.light',\n                  borderRadius: '8px',\n                  boxShadow: 1,\n                  gap: 12,\n                  mb: 24,\n                  p: 16,\n                }}\n              >\n                <ListItemIcon>\n                  <Icon name={obj.icon_name} size={24} />\n                </ListItemIcon>\n                <ListItemText\n                  primary={obj.title}\n                  secondary={obj.content}\n                  sx={{\n                    '& > p': {\n                      color: 'text.secondary',\n                      fontSize: 13,\n                      fontWeight: '400',\n                      lineHeight: '20px',\n                    },\n                  }}\n                />\n              </ListItem>\n            ))}\n          </List>\n        </Box>\n\n        <Stack sx={{ alignItems: 'center', justifyContent: 'center', pb: 16 }}>\n          <Text bold={true} sx={{ p: '16px 24px 8px 24px' }}>\n            {copy.footer_title}\n          </Text>\n          <Box sx={{ display: 'flex', gap: 24, p: '12px 24px' }}>\n            <IconButton\n              aria-label={copy.aria_label_thumbs_down}\n              onClick={() => sendResponseAnalytics('no')}\n            >\n              <Icon color=\"secondary\" name=\"thumb_down\" size={24} />\n            </IconButton>\n            <IconButton\n              aria-label={copy.aria_label_thumbs_up}\n              onClick={() => sendResponseAnalytics('yes')}\n            >\n              <Icon color=\"secondary\" name=\"thumb_up\" size={24} />\n            </IconButton>\n          </Box>\n        </Stack>\n      </Box>\n    </Stack>\n  )\n}\n"],"mappings":"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"}

package/dist/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsMiniInsight.es.js

@@ -0,0 +1,20 @@
+import { MiniInsightCard as s } from "../../shared/MiniInsightCard.es.js";
+import { DiscoveredAccountsBody as d } from "./DiscoveredAccountsBody.es.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+var v = ({ account_1_alt_text: o, account_2_alt_text: i, account_guid_1: t, account_guid_2: c, beat: e, height: m, isSuccess: n }) => /* @__PURE__ */ r(s, {
+  beat: e,
+  height: m,
+  children: /* @__PURE__ */ r(d, {
+    account_1_alt_text: o,
+    account_2_alt_text: i,
+    account_guid_1: t,
+    account_guid_2: c,
+    isSuccess: n
+  })
+});
+export {
+  v as DiscoveredAccountsMiniInsight
+};
+
+//# sourceMappingURL=DiscoveredAccountsMiniInsight.es.js.map

package/dist/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsMiniInsight.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscoveredAccountsMiniInsight.es.js","names":[],"sources":["../../../../../src/insights/components/insights/DiscoveredAccounts/DiscoveredAccountsMiniInsight.tsx"],"sourcesContent":["import React from 'react'\n\nimport {\n  DiscoveredAccountsBody,\n  DiscoveredAccountsBodyProps,\n  MiniInsightCard,\n  MiniInsightsCardProps,\n} from '../..'\n\ninterface DiscoveredAccountsMiniInsightProps\n  extends DiscoveredAccountsBodyProps, MiniInsightsCardProps {}\n\nexport const DiscoveredAccountsMiniInsight: React.FC<DiscoveredAccountsMiniInsightProps> = ({\n  account_1_alt_text,\n  account_2_alt_text,\n  account_guid_1,\n  account_guid_2,\n  beat,\n  height,\n  isSuccess,\n}) => {\n  return (\n    <MiniInsightCard beat={beat} height={height}>\n      <DiscoveredAccountsBody\n        account_1_alt_text={account_1_alt_text}\n        account_2_alt_text={account_2_alt_text}\n        account_guid_1={account_guid_1}\n        account_guid_2={account_guid_2}\n        isSuccess={isSuccess}\n      />\n    </MiniInsightCard>\n  )\n}\n"],"mappings":";;;;AAYA,IAAa,IAAA,CAA+E,EAC1F,oBAAA,GACA,oBAAA,GACA,gBAAA,GACA,gBAAA,GACA,MAAA,GACA,QAAA,GACA,WAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EAAuB,MAAA;AAAA,EAAc,QAAA;AAAA,YACnC,gBAAA,EAAC,GAAD;AAAA,IACsB,oBAAA;AAAA,IACA,oBAAA;AAAA,IACJ,gBAAA;AAAA,IACA,gBAAA;AAAA,IACL,WAAA;AAAA,EACZ,CAAA;AACc,CAAA"}