@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

package/dist/insights/components/shared/SaveEnoughToLiveOnBottomSection.es.js

@@ -0,0 +1,77 @@
+import { ThemedSVGImage as m } from "./ThemedSVGImage.es.js";
+import { ReactComponent as p } from "./images/SaveEnoughToLiveOnBottom.es.js";
+import a from "@mui/material/Stack";
+import { H2 as x, Text as d } from "@mxenabled/mxui";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import h from "@mui/material/Box";
+var g = {
+  alignItems: "center",
+  flexDirection: "row",
+  height: 40,
+  justifyContent: "space-between",
+  px: 16,
+  py: 2
+}, l = ({ label: o, value: t, withBorder: i = !1 }) => /* @__PURE__ */ r(a, {
+  sx: {
+    ...g,
+    ...i && {
+      borderBottom: "1px solid",
+      borderColor: "divider"
+    }
+  },
+  children: [/* @__PURE__ */ e(d, {
+    color: "text.secondary",
+    variant: "caption",
+    children: o
+  }), /* @__PURE__ */ e(d, {
+    bold: !0,
+    variant: "body2",
+    children: t
+  })]
+}), S = ({ content: o, leftLabel: t, leftValue: i, rightLabel: n, rightValue: s, sx: c }) => /* @__PURE__ */ r(a, {
+  sx: {
+    alignItems: "center",
+    gap: 12
+  },
+  children: [/* @__PURE__ */ r(h, {
+    sx: {
+      display: "grid",
+      placeItems: "center"
+    },
+    children: [/* @__PURE__ */ e(m, {
+      divProps: { style: {
+        height: "auto",
+        gridArea: "1 / 1"
+      } },
+      image: p
+    }), /* @__PURE__ */ e(x, {
+      sx: {
+        color: "neutral.contrastText",
+        gridArea: "1 / 1",
+        textAlign: "center"
+      },
+      children: o
+    })]
+  }), /* @__PURE__ */ r(a, {
+    sx: {
+      border: "1px solid",
+      borderColor: "divider",
+      borderRadius: 1,
+      width: 288,
+      ...c
+    },
+    children: [/* @__PURE__ */ e(l, {
+      label: t,
+      value: i,
+      withBorder: !0
+    }), /* @__PURE__ */ e(l, {
+      label: n,
+      value: s
+    })]
+  })]
+});
+export {
+  S as default
+};
+
+//# sourceMappingURL=SaveEnoughToLiveOnBottomSection.es.js.map

package/dist/insights/components/shared/SaveEnoughToLiveOnBottomSection.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveEnoughToLiveOnBottomSection.es.js","names":[],"sources":["../../../../src/insights/components/shared/SaveEnoughToLiveOnBottomSection.tsx"],"sourcesContent":["import Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\n\nimport { type SxProps } from '@mui/material/styles'\n\nimport { H2, Text } from '@mxenabled/mxui'\n\nimport { ThemedSVGImage } from './ThemedSVGImage'\nimport { ReactComponent as Image } from './images/SaveEnoughToLiveOnBottom.svg'\n\nconst ROW_STYLES = {\n  alignItems: 'center',\n  flexDirection: 'row',\n  height: 40,\n  justifyContent: 'space-between',\n  px: 16,\n  py: 2,\n}\n\ninterface BalanceRowProps {\n  label: string\n  value: string\n  withBorder?: boolean\n}\n\nconst BalanceRow = ({ label, value, withBorder = false }: BalanceRowProps) => (\n  <Stack\n    sx={{\n      ...ROW_STYLES,\n      ...(withBorder && {\n        borderBottom: '1px solid',\n        borderColor: 'divider',\n      }),\n    }}\n  >\n    <Text color=\"text.secondary\" variant=\"caption\">\n      {label}\n    </Text>\n    <Text bold={true} variant=\"body2\">\n      {value}\n    </Text>\n  </Stack>\n)\n\ninterface SaveEnoughToLiveOnBottomSectionProps {\n  content: string\n  leftLabel: string\n  leftValue: string\n  rightLabel: string\n  rightValue: string\n  sx?: SxProps\n}\n\nconst SaveEnoughToLiveOnBottomSection = ({\n  content,\n  leftLabel,\n  leftValue,\n  rightLabel,\n  rightValue,\n  sx,\n}: SaveEnoughToLiveOnBottomSectionProps) => (\n  <Stack sx={{ alignItems: 'center', gap: 12 }}>\n    <Box sx={{ display: 'grid', placeItems: 'center' }}>\n      <ThemedSVGImage divProps={{ style: { height: 'auto', gridArea: '1 / 1' } }} image={Image} />\n      <H2 sx={{ color: 'neutral.contrastText', gridArea: '1 / 1', textAlign: 'center' }}>\n        {content}\n      </H2>\n    </Box>\n    <Stack\n      sx={{\n        border: '1px solid',\n        borderColor: 'divider',\n        borderRadius: 1,\n        width: 288,\n        ...sx,\n      }}\n    >\n      <BalanceRow label={leftLabel} value={leftValue} withBorder={true} />\n      <BalanceRow label={rightLabel} value={rightValue} />\n    </Stack>\n  </Stack>\n)\n\nexport default SaveEnoughToLiveOnBottomSection\n"],"mappings":";;;;;;AAUA,IAAM,IAAa;AAAA,EACjB,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN,GAQM,IAAA,CAAc,EAAE,OAAA,GAAO,OAAA,GAAO,YAAA,IAAa,GAAA,MAC/C,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,GAAG;AAAA,IACH,GAAI,KAAc;AAAA,MAChB,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAAA,EACF;AAAA,YAPF,CASE,gBAAA,EAAC,GAAD;AAAA,IAAM,OAAM;AAAA,IAAiB,SAAQ;AAAA,cAClC;AAAA,EACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,IAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,cACvB;AAAA,EACG,CAAA,CACD;IAYH,IAAA,CAAmC,EACvC,SAAA,GACA,WAAA,GACA,WAAA,GACA,YAAA,GACA,YAAA,GACA,IAAA,EAAA,MAEA,gBAAA,EAAC,GAAD;AAAA,EAAO,IAAI;AAAA,IAAE,YAAY;AAAA,IAAU,KAAK;AAAA,EAAG;AAAA,YAA3C,CACE,gBAAA,EAAC,GAAD;AAAA,IAAK,IAAI;AAAA,MAAE,SAAS;AAAA,MAAQ,YAAY;AAAA,IAAS;AAAA,cAAjD,CACE,gBAAA,EAAC,GAAD;AAAA,MAAgB,UAAU,EAAE,OAAO;AAAA,QAAE,QAAQ;AAAA,QAAQ,UAAU;AAAA,MAAQ,EAAE;AAAA,MAAG,OAAO;AAAA,IAAQ,CAAA,GAC3F,gBAAA,EAAC,GAAD;AAAA,MAAI,IAAI;AAAA,QAAE,OAAO;AAAA,QAAwB,UAAU;AAAA,QAAS,WAAW;AAAA,MAAS;AAAA,gBAC7E;AAAA,IACC,CAAA,CACD;AAAA,MACL,gBAAA,EAAC,GAAD;AAAA,IACE,IAAI;AAAA,MACF,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,cAAc;AAAA,MACd,OAAO;AAAA,MACP,GAAG;AAAA,IACL;AAAA,cAPF,CASE,gBAAA,EAAC,GAAD;AAAA,MAAY,OAAO;AAAA,MAAW,OAAO;AAAA,MAAW,YAAY;AAAA,IAAO,CAAA,GACnE,gBAAA,EAAC,GAAD;AAAA,MAAY,OAAO;AAAA,MAAY,OAAO;AAAA,IAAa,CAAA,CAC9C;AAAA,IACF"}

package/dist/insights/components/shared/SaveEnoughToLiveOnTopSection.es.js

@@ -0,0 +1,12 @@
+import { ThemedSVGImage as e } from "./ThemedSVGImage.es.js";
+import { ReactComponent as o } from "./images/SaveEnoughToLiveOnTop.es.js";
+import { jsx as m } from "react/jsx-runtime";
+var i = () => /* @__PURE__ */ m(e, {
+  divProps: { style: { height: "auto" } },
+  image: o
+});
+export {
+  i as default
+};
+
+//# sourceMappingURL=SaveEnoughToLiveOnTopSection.es.js.map

package/dist/insights/components/shared/SaveEnoughToLiveOnTopSection.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveEnoughToLiveOnTopSection.es.js","names":[],"sources":["../../../../src/insights/components/shared/SaveEnoughToLiveOnTopSection.tsx"],"sourcesContent":["import { ReactComponent as image } from './images/SaveEnoughToLiveOnTop.svg'\nimport { ThemedSVGImage } from './ThemedSVGImage'\n\nconst SaveEnoughToLiveOnThemedTopSection = () => (\n  <ThemedSVGImage divProps={{ style: { height: 'auto' } }} image={image} />\n)\n\nexport default SaveEnoughToLiveOnThemedTopSection\n"],"mappings":";;;AAGA,IAAM,IAAA,MACJ,gBAAA,EAAC,GAAD;AAAA,EAAgB,UAAU,EAAE,OAAO,EAAE,QAAQ,OAAO,EAAE;AAAA,EAAU,OAAA;AAAQ,CAAA"}

package/dist/insights/components/shared/StatusIndicator.es.js

@@ -0,0 +1,69 @@
+import i from "@mui/material/Stack";
+import { H2 as g, P as m, Text as a } from "@mxenabled/mxui";
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import s from "@mui/material/Box";
+var b = ({ amount: n, borderRadius: c = "2px", count: t, completeColor: d = "success.main", icon: l, label: o, leftLabel: h, percentComplete: p = 0, rightLabel: x, sx: f }) => /* @__PURE__ */ e(i, {
+  className: "details-container",
+  sx: {
+    p: 24,
+    width: "100%",
+    gap: 16,
+    ...f
+  },
+  children: [/* @__PURE__ */ e(i, {
+    sx: {
+      alignItems: "center",
+      flexDirection: "row",
+      gap: 12
+    },
+    children: [/* @__PURE__ */ r(s, { children: l }), /* @__PURE__ */ e(i, { children: [typeof o == "string" ? /* @__PURE__ */ r(m, {
+      dangerouslySetInnerHTML: { __html: o },
+      variant: "body2"
+    }) : o, typeof n == "string" ? /* @__PURE__ */ r(g, { children: n }) : n] })]
+  }), /* @__PURE__ */ e(i, {
+    sx: { gap: 4 },
+    children: [/* @__PURE__ */ r(i, {
+      sx: {
+        bgcolor: "divider",
+        borderRadius: c,
+        flexDirection: "row",
+        height: t ? 20 : 16,
+        width: "100%"
+      },
+      children: /* @__PURE__ */ r(s, {
+        sx: {
+          alignItems: "center",
+          display: "flex",
+          py: 2,
+          px: 12,
+          bgcolor: d,
+          borderRadius: c,
+          height: t ? 20 : 16,
+          width: `${p}%`
+        },
+        children: /* @__PURE__ */ r(a, {
+          sx: { color: "primary.dark" },
+          variant: "caption",
+          children: t
+        })
+      })
+    }), !t && /* @__PURE__ */ e(i, {
+      sx: {
+        flexDirection: "row",
+        justifyContent: "space-between"
+      },
+      children: [/* @__PURE__ */ r(a, {
+        variant: "body2",
+        children: h
+      }), /* @__PURE__ */ r(a, {
+        variant: "body2",
+        children: x
+      })]
+    })]
+  })]
+});
+export {
+  b as default
+};
+
+//# sourceMappingURL=StatusIndicator.es.js.map

package/dist/insights/components/shared/StatusIndicator.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.es.js","names":[],"sources":["../../../../src/insights/components/shared/StatusIndicator.tsx"],"sourcesContent":["import { H2, P, Text } from '@mxenabled/mxui'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\ninterface StatusIndicatorProps {\n  amount: string | React.ReactNode\n  borderRadius?: string\n  completeColor?: string\n  count?: string\n  icon: React.ReactNode\n  label: string | React.ReactNode\n  leftLabel?: string\n  percentComplete?: number\n  rightLabel?: string\n  sx?: SxProps\n}\n\nconst StatusIndicator = ({\n  amount,\n  borderRadius = '2px',\n  count,\n  completeColor = 'success.main',\n  icon,\n  label,\n  leftLabel,\n  percentComplete = 0,\n  rightLabel,\n  sx,\n}: StatusIndicatorProps) => {\n  return (\n    <Stack className=\"details-container\" sx={{ p: 24, width: '100%', gap: 16, ...sx }}>\n      <Stack sx={{ alignItems: 'center', flexDirection: 'row', gap: 12 }}>\n        <Box>{icon}</Box>\n        <Stack>\n          {typeof label === 'string' ? (\n            <P dangerouslySetInnerHTML={{ __html: label }} variant={'body2'} />\n          ) : (\n            label\n          )}\n          {typeof amount === 'string' ? <H2>{amount}</H2> : amount}\n        </Stack>\n      </Stack>\n      <Stack sx={{ gap: 4 }}>\n        <Stack\n          sx={{\n            bgcolor: 'divider',\n            borderRadius,\n            flexDirection: 'row',\n            height: count ? 20 : 16,\n            width: '100%',\n          }}\n        >\n          <Box\n            sx={{\n              alignItems: 'center',\n              display: 'flex',\n              py: 2,\n              px: 12,\n              bgcolor: completeColor,\n              borderRadius,\n              height: count ? 20 : 16,\n              width: `${percentComplete}%`,\n            }}\n          >\n            <Text sx={{ color: 'primary.dark' }} variant=\"caption\">\n              {count}\n            </Text>\n          </Box>\n        </Stack>\n        {!count && (\n          <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between' }}>\n            <Text variant=\"body2\">{leftLabel}</Text>\n            <Text variant=\"body2\">{rightLabel}</Text>\n          </Stack>\n        )}\n      </Stack>\n    </Stack>\n  )\n}\n\nexport default StatusIndicator\n"],"mappings":";;;;AAmBA,IAAM,IAAA,CAAmB,EACvB,QAAA,GACA,cAAA,IAAe,OACf,OAAA,GACA,eAAA,IAAgB,gBAChB,MAAA,GACA,OAAA,GACA,WAAA,GACA,iBAAA,IAAkB,GAClB,YAAA,GACA,IAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EAAO,WAAU;AAAA,EAAoB,IAAI;AAAA,IAAE,GAAG;AAAA,IAAI,OAAO;AAAA,IAAQ,KAAK;AAAA,IAAI,GAAG;AAAA,EAAG;AAAA,YAAhF,CACE,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,YAAY;AAAA,MAAU,eAAe;AAAA,MAAO,KAAK;AAAA,IAAG;AAAA,cAAjE,CACE,gBAAA,EAAC,GAAD,EAAA,UAAM,EAAU,CAAA,GAChB,gBAAA,EAAC,GAAD,EAAA,UAAA,CACG,OAAO,KAAU,WAChB,gBAAA,EAAC,GAAD;AAAA,MAAG,yBAAyB,EAAE,QAAQ,EAAM;AAAA,MAAG,SAAS;AAAA,IAAU,CAAA,IAElE,GAED,OAAO,KAAW,WAAW,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAW,CAAA,IAAI,CAC7C,EAAA,CAAA,CACF;AAAA,MACP,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI,EAAE,KAAK,EAAE;AAAA,cAApB,CACE,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAS;AAAA,QACT,cAAA;AAAA,QACA,eAAe;AAAA,QACf,QAAQ,IAAQ,KAAK;AAAA,QACrB,OAAO;AAAA,MACT;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QACE,IAAI;AAAA,UACF,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,cAAA;AAAA,UACA,QAAQ,IAAQ,KAAK;AAAA,UACrB,OAAO,GAAG,CAAA;AAAA,QACZ;AAAA,kBAEA,gBAAA,EAAC,GAAD;AAAA,UAAM,IAAI,EAAE,OAAO,eAAe;AAAA,UAAG,SAAQ;AAAA,oBAC1C;AAAA,QACG,CAAA;AAAA,MACH,CAAA;AAAA,IACA,CAAA,GACN,CAAC,KACA,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,eAAe;AAAA,QAAO,gBAAgB;AAAA,MAAgB;AAAA,gBAAnE,CACE,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAS;AAAA,MAAgB,CAAA,GACvC,gBAAA,EAAC,GAAD;AAAA,QAAM,SAAQ;AAAA,kBAAS;AAAA,MAAiB,CAAA,CACnC;AAAA,MAEJ;AAAA,IACF"}

package/dist/insights/components/shared/ThemedSVGImage.es.js

@@ -0,0 +1,49 @@
+import { useEffect as y, useRef as u } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { useTheme as d } from "@mui/material/styles";
+var h = 200, v = 130, b = (r) => r || null, c = (r, o) => {
+  r.forEach((n) => {
+    const e = b(n);
+    if (e) {
+      const t = e.getAttribute("stroke"), l = e.getAttribute("fill");
+      if (t && t !== "white" && e.style.setProperty("stroke", o), l) {
+        const a = l === "white" ? "white" : o;
+        e.style.setProperty("fill", a);
+      }
+    }
+  });
+}, E = ({ divProps: r, image: o, isMini: n = !1 }) => {
+  const e = d(), t = u(null), l = {
+    100: e.palette.primary.lighter,
+    200: e.palette.primary.light,
+    300: e.palette.primary.main,
+    400: e.palette.primary.dark,
+    500: e.palette.primary.darker
+  };
+  return y(() => {
+    if (!t.current) return;
+    const a = t.current, m = a.querySelectorAll(".Overlay");
+    [
+      "brand100",
+      "brand200",
+      "brand300",
+      "brand400",
+      "brand500"
+    ].forEach((i) => {
+      const f = a.querySelectorAll(`.${i}`), p = i.replace("brand", "");
+      c(f, l[p]);
+    }), c(m, l[300]);
+  }, [l]), /* @__PURE__ */ s("div", {
+    style: {
+      maxWidth: n ? v : h,
+      width: "100%"
+    },
+    ...r,
+    children: /* @__PURE__ */ s(o, { ref: t })
+  });
+};
+export {
+  E as ThemedSVGImage
+};
+
+//# sourceMappingURL=ThemedSVGImage.es.js.map

package/dist/insights/components/shared/ThemedSVGImage.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemedSVGImage.es.js","names":[],"sources":["../../../../src/insights/components/shared/ThemedSVGImage.tsx"],"sourcesContent":["/* eslint-disable react/jsx-pascal-case */\n\nimport { useEffect, useRef } from 'react'\n\nimport { useTheme } from '@mui/material/styles'\n\nimport { ThemedSVGImageProps } from '../../types/ThemedSVGImage'\n\nconst MAX_SVG_WIDTH = 200\nconst MINI_SVG_WIDTH = 130\n\n// Utility function to get an SVG element from a DOM node\nconst getSVGElement = (element: Element | null): SVGElement | null => {\n  return element ? (element as SVGElement) : null\n}\n\n// Utility function to apply color to SVG elements\nconst applyColorToSVG = (elements: NodeListOf<Element>, color: string) => {\n  elements.forEach((element) => {\n    const svgElement = getSVGElement(element)\n    if (svgElement) {\n      const strokeAttr = svgElement.getAttribute('stroke')\n      const fillAttr = svgElement.getAttribute('fill')\n\n      if (strokeAttr && strokeAttr !== 'white') {\n        svgElement.style.setProperty('stroke', color)\n      }\n\n      if (fillAttr) {\n        const fillColor = fillAttr === 'white' ? 'white' : color\n        svgElement.style.setProperty('fill', fillColor)\n      }\n    }\n  })\n}\n\nexport const ThemedSVGImage = ({ divProps, image: SVG, isMini = false }: ThemedSVGImageProps) => {\n  const theme = useTheme()\n  const containerRef = useRef<SVGSVGElement | null>(null)\n\n  const colors = {\n    '100': (theme as any).palette.primary.lighter,\n    '200': theme.palette.primary.light,\n    '300': theme.palette.primary.main,\n    '400': theme.palette.primary.dark,\n    '500': (theme as any).palette.primary.darker,\n  }\n\n  // If the client does not have a color scheme aka widget brand color, set the colors to the primary kyper token colors\n  // Apply color scheme to SVG elements when component mounts or colors change\n  useEffect(() => {\n    if (!containerRef.current) return\n\n    const container = containerRef.current\n\n    const overlayElements = container.querySelectorAll('.Overlay')\n    const brandElements = ['brand100', 'brand200', 'brand300', 'brand400', 'brand500']\n\n    brandElements.forEach((className) => {\n      const elements = container.querySelectorAll(`.${className}`)\n      const colorKey = className.replace('brand', '') as keyof typeof colors\n      applyColorToSVG(elements, colors[colorKey])\n    })\n\n    // Apply the color for overlays separately (using the 300 color scheme)\n    applyColorToSVG(overlayElements, colors['300'])\n  }, [colors])\n\n  return (\n    <div\n      style={{\n        maxWidth: isMini ? MINI_SVG_WIDTH : MAX_SVG_WIDTH,\n        width: '100%',\n      }}\n      {...divProps}\n    >\n      <SVG ref={containerRef} />\n    </div>\n  )\n}\n"],"mappings":";;;AAQA,IAAM,IAAgB,KAChB,IAAiB,KAGjB,IAAA,CAAiB,MACd,KAAoC,MAIvC,IAAA,CAAmB,GAA+B,MAAkB;AACxE,EAAA,EAAS,QAAA,CAAS,MAAY;AAC5B,UAAM,IAAa,EAAc,CAAO;AACxC,QAAI,GAAY;AACd,YAAM,IAAa,EAAW,aAAa,QAAQ,GAC7C,IAAW,EAAW,aAAa,MAAM;AAM/C,UAJI,KAAc,MAAe,WAC/B,EAAW,MAAM,YAAY,UAAU,CAAK,GAG1C,GAAU;AACZ,cAAM,IAAY,MAAa,UAAU,UAAU;AACnD,QAAA,EAAW,MAAM,YAAY,QAAQ,CAAS;AAAA,MAChD;AAAA,IACF;AAAA,EACF,CAAC;AACH,GAEa,IAAA,CAAkB,EAAE,UAAA,GAAU,OAAO,GAAK,QAAA,IAAS,GAAA,MAAiC;AAC/F,QAAM,IAAQ,EAAS,GACjB,IAAe,EAA6B,IAAI,GAEhD,IAAS;AAAA,IACb,KAAQ,EAAc,QAAQ,QAAQ;AAAA,IACtC,KAAO,EAAM,QAAQ,QAAQ;AAAA,IAC7B,KAAO,EAAM,QAAQ,QAAQ;AAAA,IAC7B,KAAO,EAAM,QAAQ,QAAQ;AAAA,IAC7B,KAAQ,EAAc,QAAQ,QAAQ;AAAA,EACxC;AAIA,SAAA,EAAA,MAAgB;AACd,QAAI,CAAC,EAAa,QAAS;AAE3B,UAAM,IAAY,EAAa,SAEzB,IAAkB,EAAU,iBAAiB,UAAU;AAG7D;AAAA,MAFuB;AAAA,MAAY;AAAA,MAAY;AAAA,MAAY;AAAA,MAAY;AAAA,IAEvE,EAAc,QAAA,CAAS,MAAc;AACnC,YAAM,IAAW,EAAU,iBAAiB,IAAI,CAAA,EAAW,GACrD,IAAW,EAAU,QAAQ,SAAS,EAAE;AAC9C,MAAA,EAAgB,GAAU,EAAO,CAAA,CAAS;AAAA,IAC5C,CAAC,GAGD,EAAgB,GAAiB,EAAO,GAAA,CAAM;AAAA,EAChD,GAAG,CAAC,CAAM,CAAC,GAGT,gBAAA,EAAC,OAAD;AAAA,IACE,OAAO;AAAA,MACL,UAAU,IAAS,IAAiB;AAAA,MACpC,OAAO;AAAA,IACT;AAAA,IACA,GAAI;AAAA,cAEJ,gBAAA,EAAC,GAAD,EAAK,KAAK,EAAe,CAAA;AAAA,EACtB,CAAA;AAET"}

package/dist/insights/components/shared/TransactionCard.es.js

@@ -0,0 +1,93 @@
+import i from "@mui/material/Stack";
+import { Text as o } from "@mxenabled/mxui";
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+var u = ({ bodyContent: d, footerLeftText: e, footerRightText: n, headerText: l }) => /* @__PURE__ */ t(i, {
+  sx: {
+    outlineColor: "divider",
+    borderRadius: "4px",
+    outlineStyle: "solid",
+    outlineWidth: "1px",
+    maxWidth: 288,
+    minWidth: 224
+  },
+  children: [
+    l && /* @__PURE__ */ r(i, {
+      sx: {
+        bgcolor: "background.default",
+        borderBottom: "1px solid",
+        borderBottomColor: "divider",
+        height: 40,
+        justifyContent: "center",
+        px: 16,
+        py: 2
+      },
+      children: /* @__PURE__ */ r(o, {
+        sx: { fontWeight: 700 },
+        variant: "caption",
+        children: l
+      })
+    }),
+    d.map(({ amount: c, icon: p, primaryText: s, secondaryText: h }, a) => /* @__PURE__ */ t(i, {
+      sx: {
+        ...(d.length - 1 !== a || !!(e && n)) && {
+          borderBottom: "1px solid",
+          borderBottomColor: "divider"
+        },
+        flexDirection: "row",
+        gap: 16,
+        px: 16,
+        py: 14
+      },
+      children: [/* @__PURE__ */ t(i, {
+        sx: {
+          alignItems: "center",
+          flex: 1,
+          flexDirection: "row",
+          gap: 12,
+          minWidth: 0
+        },
+        children: [p, /* @__PURE__ */ t(i, {
+          sx: { minWidth: 0 },
+          children: [/* @__PURE__ */ r(o, {
+            bold: !0,
+            variant: "body1",
+            children: s
+          }), /* @__PURE__ */ r(o, {
+            variant: "caption",
+            children: h
+          })]
+        })]
+      }), /* @__PURE__ */ r(o, {
+        bold: !0,
+        variant: "body1",
+        children: c
+      })]
+    }, a)),
+    e && n && /* @__PURE__ */ t(i, {
+      sx: {
+        alignItems: "center",
+        bgcolor: "background.default",
+        flexDirection: "row",
+        gap: 16,
+        height: 40,
+        justifyContent: "space-between",
+        px: 16,
+        py: 2
+      },
+      children: [/* @__PURE__ */ r(o, {
+        color: "text.secondary",
+        variant: "caption",
+        children: e
+      }), /* @__PURE__ */ r(o, {
+        bold: !0,
+        variant: "body2",
+        children: n
+      })]
+    })
+  ]
+});
+export {
+  u as default
+};
+
+//# sourceMappingURL=TransactionCard.es.js.map

package/dist/insights/components/shared/TransactionCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionCard.es.js","names":[],"sources":["../../../../src/insights/components/shared/TransactionCard.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { Text } from '@mxenabled/mxui'\n\ninterface BodyContent {\n  amount: string\n  icon: React.ReactNode\n  primaryText: string\n  secondaryText: string\n}\n\ninterface TransactionCardProps {\n  bodyContent: BodyContent[]\n  footerLeftText?: string\n  footerRightText?: string\n  headerText?: string\n}\n\nconst TransactionCard = ({\n  bodyContent,\n  footerLeftText,\n  footerRightText,\n  headerText,\n}: TransactionCardProps) => {\n  return (\n    <Stack\n      sx={{\n        outlineColor: 'divider',\n        borderRadius: '4px',\n        outlineStyle: 'solid',\n        outlineWidth: '1px',\n        maxWidth: 288,\n        minWidth: 224,\n      }}\n    >\n      {/* Header */}\n      {headerText && (\n        <Stack\n          sx={{\n            bgcolor: 'background.default',\n            borderBottom: '1px solid',\n            borderBottomColor: 'divider',\n            height: 40,\n            justifyContent: 'center',\n            px: 16,\n            py: 2,\n          }}\n        >\n          <Text sx={{ fontWeight: 700 }} variant=\"caption\">\n            {headerText}\n          </Text>\n        </Stack>\n      )}\n\n      {/* Body */}\n      {bodyContent.map(({ amount, icon, primaryText, secondaryText }, index) => (\n        <Stack\n          key={index}\n          sx={{\n            ...((bodyContent.length - 1 !== index || !!(footerLeftText && footerRightText)) && {\n              borderBottom: '1px solid',\n              borderBottomColor: 'divider',\n            }),\n            flexDirection: 'row',\n            gap: 16,\n            px: 16,\n            py: 14,\n          }}\n        >\n          <Stack sx={{ alignItems: 'center', flex: 1, flexDirection: 'row', gap: 12, minWidth: 0 }}>\n            {icon}\n            <Stack sx={{ minWidth: 0 }}>\n              <Text bold={true} variant=\"body1\">\n                {primaryText}\n              </Text>\n              <Text variant=\"caption\">{secondaryText}</Text>\n            </Stack>\n          </Stack>\n          <Text bold={true} variant=\"body1\">\n            {amount}\n          </Text>\n        </Stack>\n      ))}\n\n      {/* Footer */}\n      {footerLeftText && footerRightText && (\n        <Stack\n          sx={{\n            alignItems: 'center',\n            bgcolor: 'background.default',\n            flexDirection: 'row',\n            gap: 16,\n            height: 40,\n            justifyContent: 'space-between',\n            px: 16,\n            py: 2,\n          }}\n        >\n          <Text color=\"text.secondary\" variant=\"caption\">\n            {footerLeftText}\n          </Text>\n          <Text bold={true} variant=\"body2\">\n            {footerRightText}\n          </Text>\n        </Stack>\n      )}\n    </Stack>\n  )\n}\n\nexport default TransactionCard\n"],"mappings":";;;AAkBA,IAAM,IAAA,CAAmB,EACvB,aAAA,GACA,gBAAA,GACA,iBAAA,GACA,YAAA,EAAA,MAGE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAAA,YARF;AAAA,IAWG,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,SAAS;AAAA,QACT,cAAc;AAAA,QACd,mBAAmB;AAAA,QACnB,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,gBAEA,gBAAA,EAAC,GAAD;AAAA,QAAM,IAAI,EAAE,YAAY,IAAI;AAAA,QAAG,SAAQ;AAAA,kBACpC;AAAA,MACG,CAAA;AAAA,IACD,CAAA;AAAA,IAIR,EAAY,IAAA,CAAK,EAAE,QAAA,GAAQ,MAAA,GAAM,aAAA,GAAa,eAAA,EAAA,GAAiB,MAC9D,gBAAA,EAAC,GAAD;AAAA,MAEE,IAAI;AAAA,QACF,IAAK,EAAY,SAAS,MAAM,KAAS,CAAC,EAAE,KAAkB,OAAqB;AAAA,UACjF,cAAc;AAAA,UACd,mBAAmB;AAAA,QACrB;AAAA,QACA,eAAe;AAAA,QACf,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,gBAXF,CAaE,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI;AAAA,UAAE,YAAY;AAAA,UAAU,MAAM;AAAA,UAAG,eAAe;AAAA,UAAO,KAAK;AAAA,UAAI,UAAU;AAAA,QAAE;AAAA,kBAAvF,CACG,GACD,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI,EAAE,UAAU,EAAE;AAAA,oBAAzB,CACE,gBAAA,EAAC,GAAD;AAAA,YAAM,MAAM;AAAA,YAAM,SAAQ;AAAA,sBACvB;AAAA,UACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,YAAM,SAAQ;AAAA,sBAAW;AAAA,UAAoB,CAAA,CACxC;AAAA,UACF;AAAA,UACP,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB;AAAA,MACG,CAAA,CACD;AAAA,OAxBA,CAwBA,CACR;AAAA,IAGA,KAAkB,KACjB,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,gBAVF,CAYE,gBAAA,EAAC,GAAD;AAAA,QAAM,OAAM;AAAA,QAAiB,SAAQ;AAAA,kBAClC;AAAA,MACG,CAAA,GACN,gBAAA,EAAC,GAAD;AAAA,QAAM,MAAM;AAAA,QAAM,SAAQ;AAAA,kBACvB;AAAA,MACG,CAAA,CACD;AAAA;EAEJ"}

package/dist/insights/components/shared/ZeroState/LinedCardZeroState.es.js

@@ -0,0 +1,23 @@
+import { ThemedSVGImage as e } from "../ThemedSVGImage.es.js";
+import { ReactComponent as o } from "../images/LinedCardZeroState.es.js";
+import t from "@mui/material/Stack";
+import { jsx as r } from "react/jsx-runtime";
+var m = {
+  padding: 8,
+  marginTop: 8,
+  marginBottom: 12
+}, d = () => /* @__PURE__ */ r(t, {
+  sx: {
+    flexDirection: "row",
+    justifyContent: "center"
+  },
+  children: /* @__PURE__ */ r(e, {
+    divProps: { style: m },
+    image: o
+  })
+});
+export {
+  d as LinedCardZeroState
+};
+
+//# sourceMappingURL=LinedCardZeroState.es.js.map

package/dist/insights/components/shared/ZeroState/LinedCardZeroState.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinedCardZeroState.es.js","names":[],"sources":["../../../../../src/insights/components/shared/ZeroState/LinedCardZeroState.tsx"],"sourcesContent":["import Stack from '@mui/material/Stack'\n\nimport { ReactComponent as LinedCardZeroStateSVG } from '../images/LinedCardZeroState.svg'\nimport { ThemedSVGImage } from '../ThemedSVGImage'\n\nconst imageStyles = {\n  padding: 8,\n  marginTop: 8,\n  marginBottom: 12,\n}\n\nexport const LinedCardZeroState = () => (\n  <Stack\n    sx={{\n      flexDirection: 'row',\n      justifyContent: 'center',\n    }}\n  >\n    <ThemedSVGImage divProps={{ style: imageStyles }} image={LinedCardZeroStateSVG} />\n  </Stack>\n)\n"],"mappings":";;;;AAKA,IAAM,IAAc;AAAA,EAClB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,cAAc;AAChB,GAEa,IAAA,MACX,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,eAAe;AAAA,IACf,gBAAgB;AAAA,EAClB;AAAA,YAEA,gBAAA,EAAC,GAAD;AAAA,IAAgB,UAAU,EAAE,OAAO,EAAY;AAAA,IAAG,OAAO;AAAA,EAAwB,CAAA;AAC5E,CAAA"}

package/dist/insights/components/shared/images/BarChartEmptyState.es.js

@@ -0,0 +1,101 @@
+import { forwardRef as h } from "react";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+var r = (E, i) => /* @__PURE__ */ l("svg", {
+  width: 288,
+  height: 156,
+  viewBox: "0 0 288 156",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: i,
+  ...E,
+  children: [
+    /* @__PURE__ */ t("rect", {
+      width: 288,
+      height: 156
+    }),
+    /* @__PURE__ */ t("line", {
+      x1: 16,
+      y1: 119.5,
+      x2: 272,
+      y2: 119.5,
+      stroke: "#A8B1BD"
+    }),
+    /* @__PURE__ */ t("path", {
+      d: "M242 18C242 16.8954 242.895 16 244 16H262C263.105 16 264 16.8954 264 18V119H242V18Z",
+      fill: "#CDD3DD"
+    }),
+    /* @__PURE__ */ t("path", {
+      d: "M198 37C198 35.8954 198.895 35 200 35H218C219.105 35 220 35.8954 220 37V119H198V37Z",
+      fill: "#E4E8EE"
+    }),
+    /* @__PURE__ */ t("path", {
+      d: "M154 54C154 52.8954 154.895 52 156 52H174C175.105 52 176 52.8954 176 54V119H154V54Z",
+      fill: "#E4E8EE"
+    }),
+    /* @__PURE__ */ t("path", {
+      d: "M110 77C110 75.8954 110.895 75 112 75H130C131.105 75 132 75.8954 132 77V119H110V77Z",
+      fill: "#E4E8EE"
+    }),
+    /* @__PURE__ */ t("path", {
+      d: "M66 61C66 59.8954 66.8954 59 68 59H86C87.1046 59 88 59.8954 88 61V119H66V61Z",
+      fill: "#E4E8EE"
+    }),
+    /* @__PURE__ */ t("path", {
+      d: "M22 72C22 70.8954 22.8954 70 24 70H42C43.1046 70 44 70.8954 44 72V119H22V72Z",
+      fill: "#E4E8EE"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 23,
+      y: 130,
+      width: 20,
+      height: 6,
+      rx: 3,
+      fill: "#E4E8EE"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 67,
+      y: 130,
+      width: 20,
+      height: 6,
+      rx: 3,
+      fill: "#E4E8EE"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 111,
+      y: 130,
+      width: 20,
+      height: 6,
+      rx: 3,
+      fill: "#E4E8EE"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 155,
+      y: 130,
+      width: 20,
+      height: 6,
+      rx: 3,
+      fill: "#E4E8EE"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 199,
+      y: 130,
+      width: 20,
+      height: 6,
+      rx: 3,
+      fill: "#E4E8EE"
+    }),
+    /* @__PURE__ */ t("rect", {
+      x: 243,
+      y: 130,
+      width: 20,
+      height: 6,
+      rx: 3,
+      fill: "#CDD3DD"
+    })
+  ]
+}), f = h(r);
+export {
+  f as ReactComponent
+};
+
+//# sourceMappingURL=BarChartEmptyState.es.js.map

package/dist/insights/components/shared/images/BarChartEmptyState.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartEmptyState.es.js","names":[],"sources":["../../../../../src/insights/components/shared/images/BarChartEmptyState.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SvgBarChartEmptyState = (props, ref) => /* @__PURE__ */ _jsxs(\"svg\", {\n\twidth: 288,\n\theight: 156,\n\tviewBox: \"0 0 288 156\",\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\twidth: 288,\n\t\t\theight: 156\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"line\", {\n\t\t\tx1: 16,\n\t\t\ty1: 119.5,\n\t\t\tx2: 272,\n\t\t\ty2: 119.5,\n\t\t\tstroke: \"#A8B1BD\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M242 18C242 16.8954 242.895 16 244 16H262C263.105 16 264 16.8954 264 18V119H242V18Z\",\n\t\t\tfill: \"#CDD3DD\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M198 37C198 35.8954 198.895 35 200 35H218C219.105 35 220 35.8954 220 37V119H198V37Z\",\n\t\t\tfill: \"#E4E8EE\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M154 54C154 52.8954 154.895 52 156 52H174C175.105 52 176 52.8954 176 54V119H154V54Z\",\n\t\t\tfill: \"#E4E8EE\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M110 77C110 75.8954 110.895 75 112 75H130C131.105 75 132 75.8954 132 77V119H110V77Z\",\n\t\t\tfill: \"#E4E8EE\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M66 61C66 59.8954 66.8954 59 68 59H86C87.1046 59 88 59.8954 88 61V119H66V61Z\",\n\t\t\tfill: \"#E4E8EE\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\td: \"M22 72C22 70.8954 22.8954 70 24 70H42C43.1046 70 44 70.8954 44 72V119H22V72Z\",\n\t\t\tfill: \"#E4E8EE\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 23,\n\t\t\ty: 130,\n\t\t\twidth: 20,\n\t\t\theight: 6,\n\t\t\trx: 3,\n\t\t\tfill: \"#E4E8EE\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 67,\n\t\t\ty: 130,\n\t\t\twidth: 20,\n\t\t\theight: 6,\n\t\t\trx: 3,\n\t\t\tfill: \"#E4E8EE\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 111,\n\t\t\ty: 130,\n\t\t\twidth: 20,\n\t\t\theight: 6,\n\t\t\trx: 3,\n\t\t\tfill: \"#E4E8EE\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 155,\n\t\t\ty: 130,\n\t\t\twidth: 20,\n\t\t\theight: 6,\n\t\t\trx: 3,\n\t\t\tfill: \"#E4E8EE\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 199,\n\t\t\ty: 130,\n\t\t\twidth: 20,\n\t\t\theight: 6,\n\t\t\trx: 3,\n\t\t\tfill: \"#E4E8EE\"\n\t\t}),\n\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\tx: 243,\n\t\t\ty: 130,\n\t\t\twidth: 20,\n\t\t\theight: 6,\n\t\t\trx: 3,\n\t\t\tfill: \"#CDD3DD\"\n\t\t})\n\t]\n});\nconst ForwardRef = forwardRef(SvgBarChartEmptyState);\nexport { ForwardRef as ReactComponent };\n"],"mappings":";;AAGA,IAAM,IAAA,CAAyB,GAAO,MAAwB,gBAAA,EAAM,OAAO;AAAA,EAC1E,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,OAAO;AAAA,MACP,QAAQ;AAAA,IACT,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,QAAQ;AAAA,IACT,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,MAAM;AAAA,IACP,CAAC;AAAA,IACe,gBAAA,EAAK,QAAQ;AAAA,MAC5B,GAAG;AAAA,MACH,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,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,EACF;AACD,CAAC,GACK,IAAa,EAAW,CAAqB"}

package/dist/insights/components/shared/images/CouponLeft.es.js

@@ -0,0 +1,104 @@
+import { forwardRef as e } from "react";
+import { jsx as C, jsxs as i } from "react/jsx-runtime";
+var l = (t, h) => /* @__PURE__ */ i("svg", {
+  width: 54,
+  height: 66,
+  viewBox: "0 0 54 66",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: h,
+  ...t,
+  children: [/* @__PURE__ */ i("g", {
+    clipPath: "url(#clip0_6448_23335)",
+    children: [/* @__PURE__ */ C("rect", {
+      opacity: 0.15,
+      width: 54,
+      height: 66,
+      fill: "#12875E"
+    }), /* @__PURE__ */ i("g", {
+      clipPath: "url(#clip1_6448_23335)",
+      children: [
+        /* @__PURE__ */ C("mask", {
+          id: "mask0_6448_23335",
+          style: { maskType: "alpha" },
+          maskUnits: "userSpaceOnUse",
+          x: 3,
+          y: 22,
+          width: 42,
+          height: 42,
+          children: /* @__PURE__ */ C("rect", {
+            x: 3,
+            y: 22.957,
+            width: 41.043,
+            height: 41.043,
+            fill: "#D9D9D9"
+          })
+        }),
+        /* @__PURE__ */ C("g", {
+          mask: "url(#mask0_6448_23335)",
+          children: /* @__PURE__ */ C("path", {
+            d: "M13.2604 57.1589C11.3793 57.1589 9.76891 56.4891 8.42932 55.1495C7.08972 53.8099 6.41992 52.1995 6.41992 50.3184V36.6374C6.41992 34.7562 7.08972 33.1459 8.42932 31.8063C9.76891 30.4667 11.3793 29.7969 13.2604 29.7969H33.7819C35.663 29.7969 37.2734 30.4667 38.613 31.8063C39.9526 33.1459 40.6224 34.7562 40.6224 36.6374V50.3184C40.6224 52.1995 39.9526 53.8099 38.613 55.1495C37.2734 56.4891 35.663 57.1589 33.7819 57.1589H13.2604ZM13.2604 36.6374H33.7819C34.4089 36.6374 35.0075 36.7086 35.5775 36.8511C36.1476 36.9936 36.6891 37.2217 37.2021 37.5352V36.6374C37.2021 35.6968 36.8672 34.8916 36.1975 34.2218C35.5277 33.552 34.7225 33.2171 33.7819 33.2171H13.2604C12.3198 33.2171 11.5147 33.552 10.8449 34.2218C10.1751 34.8916 9.84017 35.6968 9.84017 36.6374V37.5352C10.3532 37.2217 10.8947 36.9936 11.4648 36.8511C12.0348 36.7086 12.6334 36.6374 13.2604 36.6374ZM10.0967 42.1953L29.1218 46.8126C29.3783 46.8696 29.6349 46.8696 29.8914 46.8126C30.1479 46.7556 30.3902 46.6416 30.6182 46.4706L36.5609 41.5112C36.2473 41.0837 35.8483 40.7345 35.3638 40.4638C34.8792 40.193 34.3519 40.0576 33.7819 40.0576H13.2604C12.5194 40.0576 11.8709 40.25 11.3152 40.6348C10.7594 41.0196 10.3532 41.5397 10.0967 42.1953Z",
+            fill: "#12875E"
+          })
+        }),
+        /* @__PURE__ */ C("path", {
+          opacity: 0.15,
+          d: "M32.1211 15C11.943 14.9994 9.05645 23.0424 8.67557 26.5056C8.6152 27.0546 9.06478 27.5 9.61706 27.5H32.1211V15Z",
+          fill: "#12875E"
+        }),
+        /* @__PURE__ */ C("rect", {
+          x: 27,
+          y: 14,
+          width: 21,
+          height: 14,
+          rx: 7,
+          fill: "white"
+        }),
+        /* @__PURE__ */ C("mask", {
+          id: "mask1_6448_23335",
+          style: { maskType: "alpha" },
+          maskUnits: "userSpaceOnUse",
+          x: 25,
+          y: 9,
+          width: 25,
+          height: 24,
+          children: /* @__PURE__ */ C("rect", {
+            x: 25.6211,
+            y: 9,
+            width: 24,
+            height: 24,
+            fill: "#D9D9D9"
+          })
+        }),
+        /* @__PURE__ */ C("g", {
+          mask: "url(#mask1_6448_23335)",
+          children: /* @__PURE__ */ C("path", {
+            d: "M37.3711 25H38.0961V24.2C38.5628 24.1333 38.9586 23.9417 39.2836 23.625C39.6086 23.3083 39.7711 22.9 39.7711 22.4C39.7711 21.9667 39.6044 21.6042 39.2711 21.3125C38.9378 21.0208 38.5544 20.7833 38.1211 20.6V18.75C38.2878 18.8 38.4253 18.8833 38.5336 19C38.6419 19.1167 38.7211 19.2583 38.7711 19.425L39.6711 19.05C39.5544 18.7 39.3544 18.4208 39.0711 18.2125C38.7878 18.0042 38.4711 17.8667 38.1211 17.8V17H37.3711V17.775C36.9044 17.825 36.5086 17.9958 36.1836 18.2875C35.8586 18.5792 35.6961 18.9667 35.6961 19.45C35.6961 19.9 35.8669 20.275 36.2086 20.575C36.5503 20.875 36.9378 21.1167 37.3711 21.3V23.275C37.1044 23.1917 36.8794 23.05 36.6961 22.85C36.5128 22.65 36.3878 22.4167 36.3211 22.15L35.4461 22.525C35.5794 22.9917 35.8128 23.375 36.1461 23.675C36.4794 23.975 36.8878 24.1583 37.3711 24.225V25ZM38.1211 23.25V21.6C38.3044 21.6833 38.4669 21.7833 38.6086 21.9C38.7503 22.0167 38.8211 22.1917 38.8211 22.425C38.8211 22.6917 38.7544 22.8792 38.6211 22.9875C38.4878 23.0958 38.3211 23.1833 38.1211 23.25ZM37.3711 20.275C37.1878 20.1917 37.0211 20.0917 36.8711 19.975C36.7211 19.8583 36.6461 19.6833 36.6461 19.45C36.6461 19.2167 36.7211 19.0458 36.8711 18.9375C37.0211 18.8292 37.1878 18.7583 37.3711 18.725V20.275ZM33.6211 28C31.6711 28 30.0169 27.3208 28.6586 25.9625C27.3003 24.6042 26.6211 22.95 26.6211 21C26.6211 19.05 27.3003 17.3958 28.6586 16.0375C30.0169 14.6792 31.6711 14 33.6211 14H41.6211C43.5711 14 45.2253 14.6792 46.5836 16.0375C47.9419 17.3958 48.6211 19.05 48.6211 21C48.6211 22.95 47.9419 24.6042 46.5836 25.9625C45.2253 27.3208 43.5711 28 41.6211 28H33.6211ZM33.6211 26H41.6211C43.0044 26 44.1836 25.5125 45.1586 24.5375C46.1336 23.5625 46.6211 22.3833 46.6211 21C46.6211 19.6167 46.1336 18.4375 45.1586 17.4625C44.1836 16.4875 43.0044 16 41.6211 16H33.6211C32.2378 16 31.0586 16.4875 30.0836 17.4625C29.1086 18.4375 28.6211 19.6167 28.6211 21C28.6211 22.3833 29.1086 23.5625 30.0836 24.5375C31.0586 25.5125 32.2378 26 33.6211 26Z",
+            fill: "#12875E"
+          })
+        })
+      ]
+    })]
+  }), /* @__PURE__ */ i("defs", { children: [/* @__PURE__ */ C("clipPath", {
+    id: "clip0_6448_23335",
+    children: /* @__PURE__ */ C("rect", {
+      width: 54,
+      height: 66,
+      rx: 6,
+      fill: "white"
+    })
+  }), /* @__PURE__ */ C("clipPath", {
+    id: "clip1_6448_23335",
+    children: /* @__PURE__ */ C("rect", {
+      width: 46,
+      height: 46,
+      fill: "white",
+      transform: "translate(4 12)"
+    })
+  })] })]
+}), s = e(l);
+export {
+  s as ReactComponent
+};
+
+//# sourceMappingURL=CouponLeft.es.js.map

package/dist/insights/components/shared/images/CouponLeft.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CouponLeft.es.js","names":[],"sources":["../../../../../src/insights/components/shared/images/CouponLeft.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SvgCouponLeft = (props, ref) => /* @__PURE__ */ _jsxs(\"svg\", {\n\twidth: 54,\n\theight: 66,\n\tviewBox: \"0 0 54 66\",\n\tfill: \"none\",\n\txmlns: \"http://www.w3.org/2000/svg\",\n\tref,\n\t...props,\n\tchildren: [/* @__PURE__ */ _jsxs(\"g\", {\n\t\tclipPath: \"url(#clip0_6448_23335)\",\n\t\tchildren: [/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\topacity: .15,\n\t\t\twidth: 54,\n\t\t\theight: 66,\n\t\t\tfill: \"#12875E\"\n\t\t}), /* @__PURE__ */ _jsxs(\"g\", {\n\t\t\tclipPath: \"url(#clip1_6448_23335)\",\n\t\t\tchildren: [\n\t\t\t\t/* @__PURE__ */ _jsx(\"mask\", {\n\t\t\t\t\tid: \"mask0_6448_23335\",\n\t\t\t\t\tstyle: { maskType: \"alpha\" },\n\t\t\t\t\tmaskUnits: \"userSpaceOnUse\",\n\t\t\t\t\tx: 3,\n\t\t\t\t\ty: 22,\n\t\t\t\t\twidth: 42,\n\t\t\t\t\theight: 42,\n\t\t\t\t\tchildren: /* @__PURE__ */ _jsx(\"rect\", {\n\t\t\t\t\t\tx: 3,\n\t\t\t\t\t\ty: 22.957,\n\t\t\t\t\t\twidth: 41.043,\n\t\t\t\t\t\theight: 41.043,\n\t\t\t\t\t\tfill: \"#D9D9D9\"\n\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"g\", {\n\t\t\t\t\tmask: \"url(#mask0_6448_23335)\",\n\t\t\t\t\tchildren: /* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\t\td: \"M13.2604 57.1589C11.3793 57.1589 9.76891 56.4891 8.42932 55.1495C7.08972 53.8099 6.41992 52.1995 6.41992 50.3184V36.6374C6.41992 34.7562 7.08972 33.1459 8.42932 31.8063C9.76891 30.4667 11.3793 29.7969 13.2604 29.7969H33.7819C35.663 29.7969 37.2734 30.4667 38.613 31.8063C39.9526 33.1459 40.6224 34.7562 40.6224 36.6374V50.3184C40.6224 52.1995 39.9526 53.8099 38.613 55.1495C37.2734 56.4891 35.663 57.1589 33.7819 57.1589H13.2604ZM13.2604 36.6374H33.7819C34.4089 36.6374 35.0075 36.7086 35.5775 36.8511C36.1476 36.9936 36.6891 37.2217 37.2021 37.5352V36.6374C37.2021 35.6968 36.8672 34.8916 36.1975 34.2218C35.5277 33.552 34.7225 33.2171 33.7819 33.2171H13.2604C12.3198 33.2171 11.5147 33.552 10.8449 34.2218C10.1751 34.8916 9.84017 35.6968 9.84017 36.6374V37.5352C10.3532 37.2217 10.8947 36.9936 11.4648 36.8511C12.0348 36.7086 12.6334 36.6374 13.2604 36.6374ZM10.0967 42.1953L29.1218 46.8126C29.3783 46.8696 29.6349 46.8696 29.8914 46.8126C30.1479 46.7556 30.3902 46.6416 30.6182 46.4706L36.5609 41.5112C36.2473 41.0837 35.8483 40.7345 35.3638 40.4638C34.8792 40.193 34.3519 40.0576 33.7819 40.0576H13.2604C12.5194 40.0576 11.8709 40.25 11.3152 40.6348C10.7594 41.0196 10.3532 41.5397 10.0967 42.1953Z\",\n\t\t\t\t\t\tfill: \"#12875E\"\n\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\topacity: .15,\n\t\t\t\t\td: \"M32.1211 15C11.943 14.9994 9.05645 23.0424 8.67557 26.5056C8.6152 27.0546 9.06478 27.5 9.61706 27.5H32.1211V15Z\",\n\t\t\t\t\tfill: \"#12875E\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"rect\", {\n\t\t\t\t\tx: 27,\n\t\t\t\t\ty: 14,\n\t\t\t\t\twidth: 21,\n\t\t\t\t\theight: 14,\n\t\t\t\t\trx: 7,\n\t\t\t\t\tfill: \"white\"\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"mask\", {\n\t\t\t\t\tid: \"mask1_6448_23335\",\n\t\t\t\t\tstyle: { maskType: \"alpha\" },\n\t\t\t\t\tmaskUnits: \"userSpaceOnUse\",\n\t\t\t\t\tx: 25,\n\t\t\t\t\ty: 9,\n\t\t\t\t\twidth: 25,\n\t\t\t\t\theight: 24,\n\t\t\t\t\tchildren: /* @__PURE__ */ _jsx(\"rect\", {\n\t\t\t\t\t\tx: 25.6211,\n\t\t\t\t\t\ty: 9,\n\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\tfill: \"#D9D9D9\"\n\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ _jsx(\"g\", {\n\t\t\t\t\tmask: \"url(#mask1_6448_23335)\",\n\t\t\t\t\tchildren: /* @__PURE__ */ _jsx(\"path\", {\n\t\t\t\t\t\td: \"M37.3711 25H38.0961V24.2C38.5628 24.1333 38.9586 23.9417 39.2836 23.625C39.6086 23.3083 39.7711 22.9 39.7711 22.4C39.7711 21.9667 39.6044 21.6042 39.2711 21.3125C38.9378 21.0208 38.5544 20.7833 38.1211 20.6V18.75C38.2878 18.8 38.4253 18.8833 38.5336 19C38.6419 19.1167 38.7211 19.2583 38.7711 19.425L39.6711 19.05C39.5544 18.7 39.3544 18.4208 39.0711 18.2125C38.7878 18.0042 38.4711 17.8667 38.1211 17.8V17H37.3711V17.775C36.9044 17.825 36.5086 17.9958 36.1836 18.2875C35.8586 18.5792 35.6961 18.9667 35.6961 19.45C35.6961 19.9 35.8669 20.275 36.2086 20.575C36.5503 20.875 36.9378 21.1167 37.3711 21.3V23.275C37.1044 23.1917 36.8794 23.05 36.6961 22.85C36.5128 22.65 36.3878 22.4167 36.3211 22.15L35.4461 22.525C35.5794 22.9917 35.8128 23.375 36.1461 23.675C36.4794 23.975 36.8878 24.1583 37.3711 24.225V25ZM38.1211 23.25V21.6C38.3044 21.6833 38.4669 21.7833 38.6086 21.9C38.7503 22.0167 38.8211 22.1917 38.8211 22.425C38.8211 22.6917 38.7544 22.8792 38.6211 22.9875C38.4878 23.0958 38.3211 23.1833 38.1211 23.25ZM37.3711 20.275C37.1878 20.1917 37.0211 20.0917 36.8711 19.975C36.7211 19.8583 36.6461 19.6833 36.6461 19.45C36.6461 19.2167 36.7211 19.0458 36.8711 18.9375C37.0211 18.8292 37.1878 18.7583 37.3711 18.725V20.275ZM33.6211 28C31.6711 28 30.0169 27.3208 28.6586 25.9625C27.3003 24.6042 26.6211 22.95 26.6211 21C26.6211 19.05 27.3003 17.3958 28.6586 16.0375C30.0169 14.6792 31.6711 14 33.6211 14H41.6211C43.5711 14 45.2253 14.6792 46.5836 16.0375C47.9419 17.3958 48.6211 19.05 48.6211 21C48.6211 22.95 47.9419 24.6042 46.5836 25.9625C45.2253 27.3208 43.5711 28 41.6211 28H33.6211ZM33.6211 26H41.6211C43.0044 26 44.1836 25.5125 45.1586 24.5375C46.1336 23.5625 46.6211 22.3833 46.6211 21C46.6211 19.6167 46.1336 18.4375 45.1586 17.4625C44.1836 16.4875 43.0044 16 41.6211 16H33.6211C32.2378 16 31.0586 16.4875 30.0836 17.4625C29.1086 18.4375 28.6211 19.6167 28.6211 21C28.6211 22.3833 29.1086 23.5625 30.0836 24.5375C31.0586 25.5125 32.2378 26 33.6211 26Z\",\n\t\t\t\t\t\tfill: \"#12875E\"\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t]\n\t\t})]\n\t}), /* @__PURE__ */ _jsxs(\"defs\", { children: [/* @__PURE__ */ _jsx(\"clipPath\", {\n\t\tid: \"clip0_6448_23335\",\n\t\tchildren: /* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 54,\n\t\t\theight: 66,\n\t\t\trx: 6,\n\t\t\tfill: \"white\"\n\t\t})\n\t}), /* @__PURE__ */ _jsx(\"clipPath\", {\n\t\tid: \"clip1_6448_23335\",\n\t\tchildren: /* @__PURE__ */ _jsx(\"rect\", {\n\t\t\twidth: 46,\n\t\t\theight: 46,\n\t\t\tfill: \"white\",\n\t\t\ttransform: \"translate(4 12)\"\n\t\t})\n\t})] })]\n});\nconst ForwardRef = forwardRef(SvgCouponLeft);\nexport { ForwardRef as ReactComponent };\n"],"mappings":";;AAGA,IAAM,IAAA,CAAiB,GAAO,MAAwB,gBAAA,EAAM,OAAO;AAAA,EAClE,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAA;AAAA,EACA,GAAG;AAAA,EACH,UAAU,CAAiB,gBAAA,EAAM,KAAK;AAAA,IACrC,UAAU;AAAA,IACV,UAAU,CAAiB,gBAAA,EAAK,QAAQ;AAAA,MACvC,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,IACP,CAAC,GAAmB,gBAAA,EAAM,KAAK;AAAA,MAC9B,UAAU;AAAA,MACV,UAAU;AAAA,QACO,gBAAA,EAAK,QAAQ;AAAA,UAC5B,IAAI;AAAA,UACJ,OAAO,EAAE,UAAU,QAAQ;AAAA,UAC3B,WAAW;AAAA,UACX,GAAG;AAAA,UACH,GAAG;AAAA,UACH,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAA0B,gBAAA,EAAK,QAAQ;AAAA,YACtC,GAAG;AAAA,YACH,GAAG;AAAA,YACH,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,MAAM;AAAA,UACP,CAAC;AAAA,QACF,CAAC;AAAA,QACe,gBAAA,EAAK,KAAK;AAAA,UACzB,MAAM;AAAA,UACN,UAA0B,gBAAA,EAAK,QAAQ;AAAA,YACtC,GAAG;AAAA,YACH,MAAM;AAAA,UACP,CAAC;AAAA,QACF,CAAC;AAAA,QACe,gBAAA,EAAK,QAAQ;AAAA,UAC5B,SAAS;AAAA,UACT,GAAG;AAAA,UACH,MAAM;AAAA,QACP,CAAC;AAAA,QACe,gBAAA,EAAK,QAAQ;AAAA,UAC5B,GAAG;AAAA,UACH,GAAG;AAAA,UACH,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,IAAI;AAAA,UACJ,MAAM;AAAA,QACP,CAAC;AAAA,QACe,gBAAA,EAAK,QAAQ;AAAA,UAC5B,IAAI;AAAA,UACJ,OAAO,EAAE,UAAU,QAAQ;AAAA,UAC3B,WAAW;AAAA,UACX,GAAG;AAAA,UACH,GAAG;AAAA,UACH,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAA0B,gBAAA,EAAK,QAAQ;AAAA,YACtC,GAAG;AAAA,YACH,GAAG;AAAA,YACH,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,MAAM;AAAA,UACP,CAAC;AAAA,QACF,CAAC;AAAA,QACe,gBAAA,EAAK,KAAK;AAAA,UACzB,MAAM;AAAA,UACN,UAA0B,gBAAA,EAAK,QAAQ;AAAA,YACtC,GAAG;AAAA,YACH,MAAM;AAAA,UACP,CAAC;AAAA,QACF,CAAC;AAAA,MACF;AAAA,IACD,CAAC,CAAC;AAAA,EACH,CAAC,GAAmB,gBAAA,EAAM,QAAQ,EAAE,UAAU,CAAiB,gBAAA,EAAK,YAAY;AAAA,IAC/E,IAAI;AAAA,IACJ,UAA0B,gBAAA,EAAK,QAAQ;AAAA,MACtC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,IACP,CAAC;AAAA,EACF,CAAC,GAAmB,gBAAA,EAAK,YAAY;AAAA,IACpC,IAAI;AAAA,IACJ,UAA0B,gBAAA,EAAK,QAAQ;AAAA,MACtC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,WAAW;AAAA,IACZ,CAAC;AAAA,EACF,CAAC,CAAC,EAAE,CAAC,CAAC;AACP,CAAC,GACK,IAAa,EAAW,CAAa"}