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

package/dist/microinsights/MicroCardTemplate.es.js

@@ -0,0 +1,159 @@
+import M from "react";
+import { P as b, Text as m } from "@mxenabled/mxui";
+import { Close as T } from "@mxenabled/mx-icons";
+import { Fragment as W, jsx as t, jsxs as e } from "react/jsx-runtime";
+import { Box as j, Button as u, Card as I, CardActionArea as S, IconButton as H, Stack as i } from "@mui/material";
+var $ = M.forwardRef(function({ ariaLabel: f, closeAriaLabel: w, description: v, elevation: P, icon: r, isActiveCard: l, heightOverrides: k, onClose: p, onCardClick: n, onPrimaryAction: s, onSecondaryAction: h, primaryActionText: d, secondaryActionText: c, title: y, variant: C, widthOverrides: x, ...B }, D) {
+  const a = !!(s && d), g = /* @__PURE__ */ e(W, { children: [p && /* @__PURE__ */ t(H, {
+    "aria-label": w,
+    onClick: (o) => {
+      o.stopPropagation(), p?.();
+    },
+    onMouseDown: (o) => {
+      o.stopPropagation();
+    },
+    onTouchStart: (o) => {
+      o.stopPropagation();
+    },
+    sx: {
+      minHeight: 40,
+      minWidth: 40,
+      position: "absolute",
+      right: 4,
+      top: 4
+    },
+    children: /* @__PURE__ */ t(T, {})
+  }), /* @__PURE__ */ e(i, {
+    sx: {
+      gap: 6,
+      height: "100%",
+      justifyContent: "space-between"
+    },
+    children: [/* @__PURE__ */ e(i, {
+      sx: {
+        flexDirection: "row",
+        gap: 12
+      },
+      children: [r, /* @__PURE__ */ e(i, {
+        sx: { gap: 6 },
+        children: [/* @__PURE__ */ t(i, {
+          sx: {
+            flexDirection: "row",
+            justifyContent: "space-between"
+          },
+          children: /* @__PURE__ */ t(b, {
+            bold: !0,
+            sx: { lineHeight: "16px" },
+            variant: "body1",
+            children: y
+          })
+        }), /* @__PURE__ */ t(b, {
+          dangerouslySetInnerHTML: { __html: v },
+          sx: {
+            display: "-webkit-box",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            WebkitBoxOrient: "vertical",
+            WebkitLineClamp: a ? 2 : 3,
+            "& .bold-copy": {
+              fontWeight: "bold",
+              fontFamily: "inherit"
+            }
+          },
+          variant: "subtitle2"
+        })]
+      })]
+    }), a && /* @__PURE__ */ e(i, {
+      sx: {
+        alignItems: "center",
+        flexDirection: "row",
+        height: 28,
+        pb: 4,
+        pl: r ? 36 : 0
+      },
+      children: [a && /* @__PURE__ */ t(u, {
+        onClick: (o) => {
+          o.stopPropagation(), s?.();
+        },
+        onMouseDown: (o) => {
+          o.stopPropagation();
+        },
+        onTouchStart: (o) => {
+          o.stopPropagation();
+        },
+        size: "small",
+        sx: {
+          px: 8,
+          ml: r ? 0 : -8
+        },
+        variant: "text",
+        children: /* @__PURE__ */ t(m, {
+          bold: !0,
+          variant: "body2",
+          children: d
+        })
+      }), !!(h && c) && /* @__PURE__ */ t(u, {
+        onClick: (o) => {
+          o.stopPropagation(), h?.();
+        },
+        onMouseDown: (o) => {
+          o.stopPropagation();
+        },
+        onTouchStart: (o) => {
+          o.stopPropagation();
+        },
+        size: "small",
+        sx: { px: 8 },
+        variant: "text",
+        children: /* @__PURE__ */ t(m, {
+          bold: !0,
+          sx: { color: "text.secondary" },
+          variant: "body2",
+          children: c
+        })
+      })]
+    })]
+  })] });
+  return /* @__PURE__ */ t(I, {
+    "aria-hidden": !l,
+    "aria-label": f,
+    elevation: P,
+    ref: D,
+    role: "group",
+    sx: {
+      backgroundColor: "background.paper",
+      height: k ? "100%" : 120,
+      minWidth: x ? `${x}px` : "100%",
+      position: "relative",
+      my: 1,
+      borderRadius: 2
+    },
+    tabIndex: n || !l ? -1 : 0,
+    variant: C,
+    ...B,
+    children: n ? /* @__PURE__ */ t(S, {
+      component: "div",
+      onClick: n,
+      sx: {
+        pb: 8,
+        pt: 16,
+        px: 16,
+        height: "100%"
+      },
+      children: g
+    }) : /* @__PURE__ */ t(j, {
+      sx: {
+        pb: 8,
+        pt: 16,
+        px: 16,
+        height: "100%"
+      },
+      children: g
+    })
+  });
+});
+export {
+  $ as default
+};
+
+//# sourceMappingURL=MicroCardTemplate.es.js.map

package/dist/microinsights/MicroCardTemplate.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicroCardTemplate.es.js","names":[],"sources":["../../src/microinsights/MicroCardTemplate.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Button, Card, CardActionArea, IconButton, Stack } from '@mui/material'\n\nimport { P, Text } from '@mxenabled/mxui'\nimport { Close } from '@mxenabled/mx-icons'\n\ninterface MicroCardTemplateProps {\n  ariaLabel?: string\n  closeAriaLabel?: string\n  description: string\n  elevation?: number\n  icon?: React.ReactNode\n  isActiveCard?: boolean\n  heightOverrides?: string | number\n  onClose?: () => void\n  onCardClick?: () => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryActionText?: string\n  secondaryActionText?: string\n  title: string\n  variant?: 'outlined' | 'elevation' | undefined\n  widthOverrides?: string | number\n}\n\nconst MicroCardTemplate = React.forwardRef<HTMLDivElement, MicroCardTemplateProps>(\n  function MicroCardTemplate(\n    {\n      ariaLabel,\n      closeAriaLabel,\n      description,\n      elevation,\n      icon,\n      isActiveCard,\n      heightOverrides,\n      onClose,\n      onCardClick,\n      onPrimaryAction,\n      onSecondaryAction,\n      primaryActionText,\n      secondaryActionText,\n      title,\n      variant,\n      widthOverrides,\n      ...restProps\n    },\n    inViewRef,\n  ) {\n    const hasPrimaryAction = Boolean(onPrimaryAction && primaryActionText)\n    const hasSecondaryAction = Boolean(onSecondaryAction && secondaryActionText)\n\n    const innerContent = (\n      <>\n        {onClose && (\n          <IconButton\n            aria-label={closeAriaLabel}\n            onClick={(e) => {\n              e.stopPropagation()\n              onClose?.()\n            }}\n            onMouseDown={(e) => {\n              e.stopPropagation()\n            }}\n            onTouchStart={(e) => {\n              e.stopPropagation()\n            }}\n            sx={{ minHeight: 40, minWidth: 40, position: 'absolute', right: 4, top: 4 }}\n          >\n            <Close />\n          </IconButton>\n        )}\n        <Stack sx={{ gap: 6, height: '100%', justifyContent: 'space-between' }}>\n          <Stack sx={{ flexDirection: 'row', gap: 12 }}>\n            {icon}\n            <Stack sx={{ gap: 6 }}>\n              <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between' }}>\n                <P bold={true} sx={{ lineHeight: '16px' }} variant=\"body1\">\n                  {title}\n                </P>\n              </Stack>\n              <P\n                dangerouslySetInnerHTML={{ __html: description }}\n                sx={{\n                  display: '-webkit-box',\n                  overflow: 'hidden',\n                  textOverflow: 'ellipsis',\n                  WebkitBoxOrient: 'vertical',\n                  WebkitLineClamp: hasPrimaryAction ? 2 : 3,\n                  '& .bold-copy': {\n                    fontWeight: 'bold',\n                    fontFamily: 'inherit',\n                  },\n                }}\n                variant=\"subtitle2\"\n              />\n            </Stack>\n          </Stack>\n\n          {hasPrimaryAction && (\n            <Stack\n              sx={{\n                alignItems: 'center',\n                flexDirection: 'row',\n                height: 28,\n                pb: 4,\n                pl: icon ? 36 : 0,\n              }}\n            >\n              {hasPrimaryAction && (\n                <Button\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    onPrimaryAction?.()\n                  }}\n                  onMouseDown={(e) => {\n                    e.stopPropagation()\n                  }}\n                  onTouchStart={(e) => {\n                    e.stopPropagation()\n                  }}\n                  size=\"small\"\n                  sx={{ px: 8, ml: icon ? 0 : -8 }}\n                  variant=\"text\"\n                >\n                  <Text bold={true} variant=\"body2\">\n                    {primaryActionText}\n                  </Text>\n                </Button>\n              )}\n\n              {hasSecondaryAction && (\n                <Button\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    onSecondaryAction?.()\n                  }}\n                  onMouseDown={(e) => {\n                    e.stopPropagation()\n                  }}\n                  onTouchStart={(e) => {\n                    e.stopPropagation()\n                  }}\n                  size=\"small\"\n                  sx={{ px: 8 }}\n                  variant=\"text\"\n                >\n                  <Text bold={true} sx={{ color: 'text.secondary' }} variant=\"body2\">\n                    {secondaryActionText}\n                  </Text>\n                </Button>\n              )}\n            </Stack>\n          )}\n        </Stack>\n      </>\n    )\n\n    return (\n      <Card\n        aria-hidden={!isActiveCard}\n        aria-label={ariaLabel}\n        elevation={elevation}\n        ref={inViewRef}\n        role=\"group\"\n        sx={{\n          backgroundColor: 'background.paper',\n          height: heightOverrides ? '100%' : 120,\n          minWidth: widthOverrides ? `${widthOverrides}px` : '100%',\n          position: 'relative',\n          my: 1,\n          borderRadius: 2,\n        }}\n        tabIndex={onCardClick || !isActiveCard ? -1 : 0}\n        variant={variant}\n        {...restProps}\n      >\n        {onCardClick ? (\n          <CardActionArea\n            component=\"div\"\n            onClick={onCardClick}\n            sx={{\n              pb: 8,\n              pt: 16,\n              px: 16,\n              height: '100%',\n            }}\n          >\n            {innerContent}\n          </CardActionArea>\n        ) : (\n          <Box sx={{ pb: 8, pt: 16, px: 16, height: '100%' }}>{innerContent}</Box>\n        )}\n      </Card>\n    )\n  },\n)\n\nexport default MicroCardTemplate\n"],"mappings":"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"}

package/dist/microinsights/MicroWidgetContainer.es.js

@@ -0,0 +1,24 @@
+import { useCopyStore as t } from "./context/hooks.es.js";
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+import p from "@mui/material/Box";
+var d = ({ heightOverrides: o, widthOverrides: r, children: e }) => {
+  const { carouselCopy: i } = t();
+  return /* @__PURE__ */ a(p, {
+    "aria-label": i?.carousel_title,
+    "aria-roledescription": "carousel",
+    role: "group",
+    sx: {
+      boxSizing: "border-box",
+      height: o ? void 0 : "100%",
+      m: "0 auto",
+      width: r ? void 0 : "100%"
+    },
+    children: e
+  });
+};
+export {
+  d as default
+};
+
+//# sourceMappingURL=MicroWidgetContainer.es.js.map

package/dist/microinsights/MicroWidgetContainer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicroWidgetContainer.es.js","names":[],"sources":["../../src/microinsights/MicroWidgetContainer.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react'\n\nimport Box from '@mui/material/Box'\n\nimport { useCopyStore } from './context/hooks'\n\ninterface MicroWidgetContainerProps {\n  heightOverrides?: number | string\n  widthOverrides?: number\n}\n\nconst MicroWidgetContainer: React.FC<PropsWithChildren<MicroWidgetContainerProps>> = ({\n  heightOverrides,\n  widthOverrides,\n  children,\n}) => {\n  const { carouselCopy: copy } = useCopyStore()\n\n  return (\n    <Box\n      aria-label={copy?.carousel_title}\n      aria-roledescription=\"carousel\"\n      role=\"group\"\n      sx={{\n        boxSizing: 'border-box',\n        height: !heightOverrides ? '100%' : undefined,\n        m: '0 auto',\n        width: !widthOverrides ? '100%' : undefined,\n      }}\n    >\n      {children}\n    </Box>\n  )\n}\n\nexport default MicroWidgetContainer\n"],"mappings":";;;;AAWA,IAAM,IAAA,CAAgF,EACpF,iBAAA,GACA,gBAAA,GACA,UAAA,EAAA,MACI;AACJ,QAAM,EAAE,cAAc,EAAA,IAAS,EAAa;AAE5C,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAY,GAAM;AAAA,IAClB,wBAAqB;AAAA,IACrB,MAAK;AAAA,IACL,IAAI;AAAA,MACF,WAAW;AAAA,MACX,QAAS,IAA2B,SAAT;AAAA,MAC3B,GAAG;AAAA,MACH,OAAQ,IAA0B,SAAT;AAAA,IAC3B;AAAA,IAEC,UAAA;AAAA,EACE,CAAA;AAET"}

package/dist/microinsights/Spinner.es.js

@@ -0,0 +1,19 @@
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+import t from "@mui/material/Box";
+import e from "@mui/material/CircularProgress";
+var a = () => /* @__PURE__ */ r(t, {
+  sx: {
+    alignItems: "center",
+    display: "flex",
+    height: "100%",
+    justifyContent: "center",
+    width: "100%"
+  },
+  children: /* @__PURE__ */ r(e, {})
+});
+export {
+  a as default
+};
+
+//# sourceMappingURL=Spinner.es.js.map

package/dist/microinsights/Spinner.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.es.js","names":[],"sources":["../../src/microinsights/Spinner.tsx"],"sourcesContent":["import React from 'react'\nimport Box from '@mui/material/Box'\nimport CircularProgress from '@mui/material/CircularProgress'\n\nconst Spinner: React.FC = () => {\n  return (\n    <Box\n      sx={{\n        alignItems: 'center',\n        display: 'flex',\n        height: '100%',\n        justifyContent: 'center',\n        width: '100%',\n      }}\n    >\n      <CircularProgress />\n    </Box>\n  )\n}\n\nexport default Spinner\n"],"mappings":";;;;AAIA,IAAM,IAAA,MAEF,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,OAAO;AAAA,EACT;AAAA,YAEA,gBAAA,EAAC,GAAD,CAAmB,CAAA;AAChB,CAAA"}

package/dist/microinsights/analytics.es.js

@@ -0,0 +1,12 @@
+import { ANALYTICS_EVENTS as a, ANALYTICS_PAGEVIEWS as c } from "./constants/Analytics.es.js";
+var A = async (t, r) => !r || !a[t] ? null : r.sendAnalyticEvent(a[t]).then((n) => n).catch((n) => {
+  throw n;
+}), l = async (t, r) => !r || !c[t] ? null : r.sendAnalyticsPageview(c[t]).then((n) => n).catch((n) => {
+  throw n;
+});
+export {
+  A as onAnalyticEvent,
+  l as onAnalyticPageView
+};
+
+//# sourceMappingURL=analytics.es.js.map

package/dist/microinsights/analytics.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics.es.js","names":[],"sources":["../../src/microinsights/analytics.ts"],"sourcesContent":["import { analyticsSession } from '../common/utils/Analytics'\nimport { AnalyticsPageviewObjectType } from '../core/types/Analytics'\n\nimport { ANALYTICS_EVENTS, ANALYTICS_PAGEVIEWS } from './constants/Analytics'\nimport type { AnalyticsEventsObjectType } from './constants/Analytics'\n\nexport type AnalyticSession = Awaited<ReturnType<typeof analyticsSession>>\n\nexport const onAnalyticEvent = async (event: string, session: AnalyticSession) => {\n  if (!session || !ANALYTICS_EVENTS[event]) return null\n\n  return session\n    .sendAnalyticEvent(ANALYTICS_EVENTS[event] as AnalyticsEventsObjectType)\n    .then((response) => response)\n    .catch((error) => {\n      throw error\n    })\n}\n\nexport const onAnalyticPageView = async (page: string, session: AnalyticSession) => {\n  if (!session || !ANALYTICS_PAGEVIEWS[page]) {\n    return null\n  }\n\n  return session\n    .sendAnalyticsPageview(ANALYTICS_PAGEVIEWS[page] as AnalyticsPageviewObjectType)\n    .then((response) => response)\n    .catch((error) => {\n      throw error\n    })\n}\n"],"mappings":";AAQA,IAAa,IAAkB,OAAO,GAAe,MAC/C,CAAC,KAAW,CAAC,EAAiB,CAAA,IAAe,OAE1C,EACJ,kBAAkB,EAAiB,CAAA,CAAmC,EACtE,KAAA,CAAM,MAAa,CAAQ,EAC3B,MAAA,CAAO,MAAU;AAChB,QAAM;AACR,CAAC,GAGQ,IAAqB,OAAO,GAAc,MACjD,CAAC,KAAW,CAAC,EAAoB,CAAA,IAC5B,OAGF,EACJ,sBAAsB,EAAoB,CAAA,CAAoC,EAC9E,KAAA,CAAM,MAAa,CAAQ,EAC3B,MAAA,CAAO,MAAU;AAChB,QAAM;AACR,CAAC"}

package/dist/microinsights/beaticons/AreaChartIcon.es.js

@@ -0,0 +1,18 @@
+import a from "./BeatMaterialIcon.es.js";
+import { getColorType as m } from "../utils/colorType.es.js";
+import { jsx as l } from "react/jsx-runtime";
+import { alpha as i, useTheme as n } from "@mui/material/styles";
+var h = ({ beat: r }) => {
+  const e = n(), o = m(r.data_series), t = e.palette[o].main;
+  return /* @__PURE__ */ l(a, {
+    bgColor: i(t, 0.15),
+    fill: !1,
+    iconColor: o,
+    name: "area_chart"
+  });
+};
+export {
+  h as AreaChartIcon
+};
+
+//# sourceMappingURL=AreaChartIcon.es.js.map

package/dist/microinsights/beaticons/AreaChartIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChartIcon.es.js","names":[],"sources":["../../../src/microinsights/beaticons/AreaChartIcon.tsx"],"sourcesContent":["import { FC } from 'react'\n\nimport { useTheme } from '@mui/material/styles'\nimport { alpha } from '@mui/material/styles'\n\nimport type { WeGotTheBeat } from '../interfaces'\nimport BeatMaterialIcon from './BeatMaterialIcon'\nimport { getColorType } from '../utils/colorType'\n\nexport const AreaChartIcon: FC<WeGotTheBeat> = ({ beat }) => {\n  const theme = useTheme()\n  const colorType = getColorType(beat.data_series)\n  const bgColor = theme.palette[colorType].main\n\n  return (\n    <BeatMaterialIcon\n      bgColor={alpha(bgColor, 0.15)}\n      fill={false}\n      iconColor={colorType}\n      name=\"area_chart\"\n    />\n  )\n}\n"],"mappings":";;;;AASA,IAAa,IAAA,CAAmC,EAAE,MAAA,EAAA,MAAW;AAC3D,QAAM,IAAQ,EAAS,GACjB,IAAY,EAAa,EAAK,WAAW,GACzC,IAAU,EAAM,QAAQ,CAAA,EAAW;AAEzC,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,SAAS,EAAM,GAAS,IAAI;AAAA,IAC5B,MAAM;AAAA,IACN,WAAW;AAAA,IACX,MAAK;AAAA,EACN,CAAA;AAEL"}

package/dist/microinsights/beaticons/AverageSpendComparisonIcon.es.js

@@ -0,0 +1,23 @@
+import i from "./BeatMaterialIcon.es.js";
+import { getComparisonColorType as m } from "../utils/colorType.es.js";
+import { jsx as s } from "react/jsx-runtime";
+import { alpha as p, useTheme as d } from "@mui/material/styles";
+var h = ({ beat: e }) => {
+  const t = d(), n = e.payload?.average_spend || 0;
+  let a = 0;
+  if (e.data_series?.data && e.data_series.data.length > 0) {
+    const r = (e.data_series.names || []).indexOf("amount");
+    r !== -1 && (a = e.data_series.data[0][r] || 0);
+  }
+  const o = m(a, n);
+  return /* @__PURE__ */ s(i, {
+    bgColor: p(t.palette[o].main, 0.15),
+    iconColor: o,
+    name: "timeline"
+  });
+};
+export {
+  h as AverageSpendComparisonIcon
+};
+
+//# sourceMappingURL=AverageSpendComparisonIcon.es.js.map

package/dist/microinsights/beaticons/AverageSpendComparisonIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AverageSpendComparisonIcon.es.js","names":[],"sources":["../../../src/microinsights/beaticons/AverageSpendComparisonIcon.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useTheme } from '@mui/material/styles'\nimport { alpha } from '@mui/material/styles'\n\nimport type { WeGotTheBeat } from '../interfaces'\nimport BeatMaterialIcon from './BeatMaterialIcon'\nimport { getComparisonColorType } from '../utils/colorType'\n\nexport const AverageSpendComparisonIcon: FC<WeGotTheBeat> = ({ beat }) => {\n  const theme = useTheme()\n\n  // Get average spend from payload\n  const averageSpend = beat.payload?.average_spend || 0\n\n  // Get recent month value from data_series\n  let recentMonthValue = 0\n  if (beat.data_series?.data && beat.data_series.data.length > 0) {\n    const names = beat.data_series.names || []\n    const amountIndex = names.indexOf('amount')\n    if (amountIndex !== -1) {\n      recentMonthValue = beat.data_series.data[0][amountIndex] || 0\n    }\n  }\n\n  // Determine color based on comparison\n  const colorType = getComparisonColorType(recentMonthValue, averageSpend)\n\n  return (\n    <BeatMaterialIcon\n      bgColor={alpha(theme.palette[colorType].main, 0.15)}\n      iconColor={colorType}\n      name=\"timeline\"\n    />\n  )\n}\n"],"mappings":";;;;AAQA,IAAa,IAAA,CAAgD,EAAE,MAAA,EAAA,MAAW;AACxE,QAAM,IAAQ,EAAS,GAGjB,IAAe,EAAK,SAAS,iBAAiB;AAGpD,MAAI,IAAmB;AACvB,MAAI,EAAK,aAAa,QAAQ,EAAK,YAAY,KAAK,SAAS,GAAG;AAE9D,UAAM,KADQ,EAAK,YAAY,SAAS,CAAC,GACf,QAAQ,QAAQ;AAC1C,IAAI,MAAgB,OAClB,IAAmB,EAAK,YAAY,KAAK,CAAA,EAAG,CAAA,KAAgB;AAAA,EAEhE;AAGA,QAAM,IAAY,EAAuB,GAAkB,CAAY;AAEvE,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,SAAS,EAAM,EAAM,QAAQ,CAAA,EAAW,MAAM,IAAI;AAAA,IAClD,WAAW;AAAA,IACX,MAAK;AAAA,EACN,CAAA;AAEL"}

package/dist/microinsights/beaticons/BeatCategoryIcon.es.js

@@ -0,0 +1,16 @@
+import { CategoryGuids as i } from "../../core/constants/Category.es.js";
+import { CategoryIcon as e } from "@mxenabled/mxui";
+import { jsx as a } from "react/jsx-runtime";
+var c = ({ beat: r }) => {
+  const { primary_category_guid: o, category_guids: t } = r;
+  return /* @__PURE__ */ a(e, {
+    categoryGuid: o || t?.[0] || i.UNCATEGORIZED,
+    size: 32,
+    sx: { minWidth: 32 }
+  });
+};
+export {
+  c as BeatCategoryIcon
+};
+
+//# sourceMappingURL=BeatCategoryIcon.es.js.map

package/dist/microinsights/beaticons/BeatCategoryIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeatCategoryIcon.es.js","names":[],"sources":["../../../src/microinsights/beaticons/BeatCategoryIcon.tsx"],"sourcesContent":["import { FC } from 'react'\n\nimport { CategoryIcon } from '@mxenabled/mxui'\n\nimport { CategoryGuids } from '../../core/constants/Category'\nimport type { WeGotTheBeat } from '../interfaces'\n\nexport const BeatCategoryIcon: FC<WeGotTheBeat> = ({ beat }) => {\n  const { primary_category_guid, category_guids } = beat\n  const categoryGuid = primary_category_guid || category_guids?.[0] || CategoryGuids.UNCATEGORIZED\n\n  return <CategoryIcon categoryGuid={categoryGuid} size={32} sx={{ minWidth: 32 }} />\n}\n"],"mappings":";;;AAOA,IAAa,IAAA,CAAsC,EAAE,MAAA,EAAA,MAAW;AAC9D,QAAM,EAAE,uBAAA,GAAuB,gBAAA,EAAA,IAAmB;AAGlD,SAAO,gBAAA,EAAC,GAAD;AAAA,IAA4B,cAFd,KAAyB,IAAiB,CAAA,KAAM,EAAc;AAAA,IAElC,MAAM;AAAA,IAAI,IAAI,EAAE,UAAU,GAAG;AAAA,EAAI,CAAA;AACpF"}

package/dist/microinsights/beaticons/BeatIcon.es.js

@@ -0,0 +1,162 @@
+import { BeatCategoryIcon as l } from "./BeatCategoryIcon.es.js";
+import n from "./BeatMaterialIcon.es.js";
+import i from "./BeatMerchantLogo.es.js";
+import { MonthlySpendComparisonIcon as p } from "./MonthlySpendComparisonIcon.es.js";
+import { AverageSpendComparisonIcon as c } from "./AverageSpendComparisonIcon.es.js";
+import { AreaChartIcon as s } from "./AreaChartIcon.es.js";
+import { InstitutionLogoIcon as g } from "./InstitutionLogoIcon.es.js";
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+import { alpha as o, useTheme as _ } from "@mui/material/styles";
+var y = {
+  0: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "error"
+  }),
+  1: (r) => /* @__PURE__ */ e(l, { beat: r }),
+  2: (r) => /* @__PURE__ */ e(i, { beat: r }),
+  3: (r) => /* @__PURE__ */ e(p, { beat: r }),
+  4: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.secondary.main, 0.15),
+    iconColor: "secondary",
+    name: "info"
+  }),
+  5: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "campaign"
+  }),
+  6: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.success.main, 0.15),
+    iconColor: "success",
+    name: "check_circle"
+  }),
+  7: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "today"
+  }),
+  8: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "calendar_clock"
+  }),
+  9: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "celebration"
+  }),
+  10: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "problem"
+  }),
+  11: (r, a) => /* @__PURE__ */ e(n, {
+    avatarSx: { border: `1px solid ${a.palette.secondary.main}` },
+    bgColor: o(a.palette.secondary.main, 0.15),
+    fill: !1,
+    name: "category",
+    sx: { color: "text.primary" }
+  }),
+  12: (r) => /* @__PURE__ */ e(s, { beat: r }),
+  13: () => /* @__PURE__ */ e(n, {
+    avatarSx: { border: "1px solid #EB00D0" },
+    bgColor: o("#EB00D0", 0.25),
+    fill: !1,
+    name: "money_bag",
+    sx: { color: "text.primary" }
+  }),
+  14: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.secondary.main, 0.15),
+    fill: !1,
+    iconColor: "secondary",
+    name: "person"
+  }),
+  15: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "payment_arrow_down"
+  }),
+  16: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.success.main, 0.15),
+    name: "beenhere",
+    sx: { color: "success.main" }
+  }),
+  17: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "savings"
+  }),
+  18: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: r.payload.projected_overdraft_amount < 0 ? o(a.palette.warning.main, 0.15) : o(a.palette.error.main, 0.15),
+    iconColor: r?.payload?.projected_overdraft_amount < 0 ? "warning" : "error",
+    name: "error"
+  }),
+  19: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "finance_mode"
+  }),
+  20: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "tips_and_updates"
+  }),
+  21: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "currency_exchange"
+  }),
+  22: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.warning.main, 0.15),
+    name: "flag",
+    sx: { color: "warning.main" }
+  }),
+  23: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "thumb_up"
+  }),
+  24: () => /* @__PURE__ */ e(n, {
+    bgColor: o("#EB00D0", 0.15),
+    name: "attach_money",
+    sx: { color: "#EB00D0" }
+  }),
+  25: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "note_stack"
+  }),
+  26: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    fill: !1,
+    name: "price_change"
+  }),
+  27: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "directions_car"
+  }),
+  28: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "contract"
+  }),
+  29: (r) => /* @__PURE__ */ e(c, { beat: r }),
+  30: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "calendar_month"
+  }),
+  31: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.warning.main, 0.15),
+    name: "star_rate",
+    sx: { color: "warning.400" }
+  }),
+  32: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "help"
+  }),
+  33: (r, a) => /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    fill: !1,
+    name: "storefront"
+  }),
+  34: (r) => /* @__PURE__ */ e(g, { beat: r })
+}, D = ({ beat: r }) => {
+  const a = _(), { icon_type: t } = r, m = t != null ? y[t] : null;
+  return m ? m(r, a) : /* @__PURE__ */ e(n, {
+    bgColor: o(a.palette.primary.main, 0.15),
+    name: "error"
+  });
+};
+export {
+  D as BeatIcon
+};
+
+//# sourceMappingURL=BeatIcon.es.js.map

package/dist/microinsights/beaticons/BeatIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeatIcon.es.js","names":[],"sources":["../../../src/microinsights/beaticons/BeatIcon.tsx"],"sourcesContent":["import React from 'react'\n\nimport {\n  AverageSpendComparisonIcon,\n  BeatCategoryIcon,\n  BeatMaterialIcon,\n  BeatMerchantLogo,\n  MonthlySpendComparisonIcon,\n  AreaChartIcon,\n  InstitutionLogoIcon,\n} from '.'\n\nimport type { WeGotTheBeat } from '../interfaces'\nimport type { Theme } from '@mui/material/styles'\nimport { alpha, useTheme } from '@mui/material/styles'\n\nconst iconTypeMap: Record<number, (beat: WeGotTheBeat['beat'], theme: Theme) => React.JSX.Element> =\n  {\n    0: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"error\" />\n    ),\n    1: (beat) => <BeatCategoryIcon beat={beat} />,\n    2: (beat) => <BeatMerchantLogo beat={beat} />,\n    3: (beat) => <MonthlySpendComparisonIcon beat={beat} />,\n    4: (_, theme) => {\n      return (\n        <BeatMaterialIcon\n          bgColor={alpha(theme.palette.secondary.main, 0.15)}\n          iconColor=\"secondary\"\n          name=\"info\"\n        />\n      )\n    },\n    5: (_, theme) => {\n      return <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"campaign\" />\n    },\n    6: (_, theme) => {\n      return (\n        <BeatMaterialIcon\n          bgColor={alpha(theme.palette.success.main, 0.15)}\n          iconColor=\"success\"\n          name=\"check_circle\"\n        />\n      )\n    },\n    7: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"today\" />\n    ),\n    8: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"calendar_clock\" />\n    ),\n    9: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"celebration\" />\n    ),\n    // TODO: Waiting for the backend to accommodate the below icon types\n    10: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"problem\" />\n    ),\n    11: (_, theme) => (\n      <BeatMaterialIcon\n        avatarSx={{ border: `1px solid ${theme.palette.secondary.main}` }}\n        bgColor={alpha(theme.palette.secondary.main, 0.15)}\n        fill={false}\n        name=\"category\"\n        sx={{ color: 'text.primary' }}\n      />\n    ),\n    12: (beat) => <AreaChartIcon beat={beat} />,\n    13: () => (\n      <BeatMaterialIcon\n        avatarSx={{ border: '1px solid #EB00D0' }} //TODO : Remove explict color code\n        bgColor={alpha('#EB00D0', 0.25)}\n        fill={false}\n        name=\"money_bag\"\n        sx={{ color: 'text.primary' }}\n      />\n    ),\n    14: (_, theme) => (\n      <BeatMaterialIcon\n        bgColor={alpha(theme.palette.secondary.main, 0.15)}\n        fill={false}\n        iconColor=\"secondary\"\n        name=\"person\"\n      />\n    ),\n    15: (_, theme) => (\n      <BeatMaterialIcon\n        bgColor={alpha(theme.palette.primary.main, 0.15)}\n        name=\"payment_arrow_down\"\n      />\n    ),\n    16: (_, theme) => (\n      <BeatMaterialIcon\n        bgColor={alpha(theme.palette.success.main, 0.15)}\n        name=\"beenhere\"\n        sx={{ color: 'success.main' }}\n      />\n    ),\n    17: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"savings\" />\n    ),\n    18: (beat, theme) => (\n      <BeatMaterialIcon\n        bgColor={\n          beat.payload.projected_overdraft_amount < 0\n            ? alpha(theme.palette.warning.main, 0.15)\n            : alpha(theme.palette.error.main, 0.15)\n        }\n        iconColor={beat?.payload?.projected_overdraft_amount < 0 ? 'warning' : 'error'}\n        name=\"error\"\n      />\n    ),\n    19: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"finance_mode\" />\n    ),\n    20: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"tips_and_updates\" />\n    ),\n    21: (_, theme) => (\n      <BeatMaterialIcon\n        bgColor={alpha(theme.palette.primary.main, 0.15)}\n        name=\"currency_exchange\"\n      />\n    ),\n    22: (_, theme) => (\n      <BeatMaterialIcon\n        bgColor={alpha(theme.palette.warning.main, 0.15)}\n        name=\"flag\"\n        sx={{ color: 'warning.main' }}\n      />\n    ),\n    23: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"thumb_up\" />\n    ),\n    24: () => (\n      <BeatMaterialIcon\n        bgColor={alpha('#EB00D0', 0.15)} //TODO : Remove explict color code\n        name=\"attach_money\"\n        sx={{ color: '#EB00D0' }}\n      />\n    ),\n    25: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"note_stack\" />\n    ),\n    26: (_, theme) => (\n      <BeatMaterialIcon\n        bgColor={alpha(theme.palette.primary.main, 0.15)}\n        fill={false}\n        name=\"price_change\"\n      />\n    ),\n    27: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"directions_car\" />\n    ),\n    28: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"contract\" />\n    ),\n    29: (beat) => <AverageSpendComparisonIcon beat={beat} />,\n    30: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"calendar_month\" />\n    ),\n    31: (_, theme) => (\n      <BeatMaterialIcon\n        bgColor={alpha(theme.palette.warning.main, 0.15)}\n        name=\"star_rate\"\n        sx={{ color: 'warning.400' }}\n      />\n    ),\n    32: (_, theme) => (\n      <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"help\" />\n    ),\n    33: (_, theme) => (\n      <BeatMaterialIcon\n        bgColor={alpha(theme.palette.primary.main, 0.15)}\n        fill={false}\n        name=\"storefront\"\n      />\n    ),\n    34: (beat) => <InstitutionLogoIcon beat={beat} />,\n  }\n\nexport const BeatIcon: React.FC<WeGotTheBeat> = ({ beat }) => {\n  const theme = useTheme()\n  const { icon_type } = beat\n  const renderIcon = icon_type != null ? iconTypeMap[icon_type] : null\n\n  if (renderIcon) {\n    return renderIcon(beat, theme)\n  }\n\n  return <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"error\" />\n}\n"],"mappings":"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"}

package/dist/microinsights/beaticons/BeatMaterialIcon.es.js

@@ -0,0 +1,25 @@
+import "react";
+import { Icon as c } from "@mxenabled/mx-icons";
+import { jsx as r } from "react/jsx-runtime";
+import n from "@mui/material/Avatar";
+var s = ({ avatarSx: o, bgColor: t, name: a, iconColor: e = "primary", fill: i = !0, sx: m }) => /* @__PURE__ */ r(n, {
+  sx: {
+    bgcolor: t,
+    width: 32,
+    height: 32,
+    ...o
+  },
+  variant: "rounded",
+  children: /* @__PURE__ */ r(c, {
+    color: e,
+    fill: i,
+    name: a,
+    size: 20,
+    sx: m
+  })
+});
+export {
+  s as default
+};
+
+//# sourceMappingURL=BeatMaterialIcon.es.js.map

package/dist/microinsights/beaticons/BeatMaterialIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeatMaterialIcon.es.js","names":[],"sources":["../../../src/microinsights/beaticons/BeatMaterialIcon.tsx"],"sourcesContent":["import React from 'react'\nimport Avatar from '@mui/material/Avatar'\nimport { Icon } from '@mxenabled/mx-icons'\n\nconst BeatMaterialIcon = ({\n  avatarSx,\n  bgColor,\n  name,\n  iconColor = 'primary',\n  fill = true,\n  sx,\n}: {\n  avatarSx?: React.ComponentProps<typeof Avatar>['sx']\n  bgColor?: string\n  name: string\n  iconColor?: React.ComponentProps<typeof Icon>['color']\n  fill?: boolean\n  sx?: React.ComponentProps<typeof Icon>['sx']\n}) => {\n  return (\n    <Avatar\n      sx={{\n        bgcolor: bgColor,\n        width: 32,\n        height: 32,\n        ...avatarSx,\n      }}\n      variant=\"rounded\"\n    >\n      <Icon color={iconColor} fill={fill} name={name} size={20} sx={sx} />\n    </Avatar>\n  )\n}\n\nexport default BeatMaterialIcon\n"],"mappings":";;;;AAIA,IAAM,IAAA,CAAoB,EACxB,UAAA,GACA,SAAA,GACA,MAAA,GACA,WAAA,IAAY,WACZ,MAAA,IAAO,IACP,IAAA,EAAA,MAUE,gBAAA,EAAC,GAAD;AAAA,EACE,IAAI;AAAA,IACF,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,GAAG;AAAA,EACL;AAAA,EACA,SAAQ;AAAA,YAER,gBAAA,EAAC,GAAD;AAAA,IAAM,OAAO;AAAA,IAAiB,MAAA;AAAA,IAAY,MAAA;AAAA,IAAM,MAAM;AAAA,IAAQ,IAAA;AAAA,EAAK,CAAA;AAC7D,CAAA"}

package/dist/microinsights/beaticons/BeatMerchantLogo.es.js

@@ -0,0 +1,20 @@
+import { MerchantLogo as o } from "@mxenabled/mxui";
+import { jsx as m } from "react/jsx-runtime";
+var g = ({ beat: t }) => {
+  const { category_guids: r, merchant_guids: a, primary_category_guid: e, primary_merchant_guid: i } = t;
+  return /* @__PURE__ */ m(o, {
+    categoryGuid: e || r && r[0] || "",
+    merchantGuid: i || a[0],
+    size: 32,
+    sx: {
+      display: "flex",
+      mt: 2,
+      minWidth: 32
+    }
+  });
+};
+export {
+  g as default
+};
+
+//# sourceMappingURL=BeatMerchantLogo.es.js.map

package/dist/microinsights/beaticons/BeatMerchantLogo.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeatMerchantLogo.es.js","names":[],"sources":["../../../src/microinsights/beaticons/BeatMerchantLogo.tsx"],"sourcesContent":["import { FC } from 'react'\n\nimport { MerchantLogo } from '@mxenabled/mxui'\n\nimport type { WeGotTheBeat } from '../interfaces'\n\nconst BeatMerchantLogo: FC<WeGotTheBeat> = ({ beat }) => {\n  const { category_guids, merchant_guids, primary_category_guid, primary_merchant_guid } = beat\n  return (\n    <MerchantLogo\n      categoryGuid={primary_category_guid || (category_guids && category_guids[0]) || ''}\n      merchantGuid={primary_merchant_guid || merchant_guids[0]}\n      size={32}\n      sx={{\n        display: 'flex',\n        mt: 2,\n        minWidth: 32,\n      }}\n    />\n  )\n}\n\nexport default BeatMerchantLogo\n"],"mappings":";;AAMA,IAAM,IAAA,CAAsC,EAAE,MAAA,EAAA,MAAW;AACvD,QAAM,EAAE,gBAAA,GAAgB,gBAAA,GAAgB,uBAAA,GAAuB,uBAAA,EAAA,IAA0B;AACzF,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,cAAc,KAA0B,KAAkB,EAAe,CAAA,KAAO;AAAA,IAChF,cAAc,KAAyB,EAAe,CAAA;AAAA,IACtD,MAAM;AAAA,IACN,IAAI;AAAA,MACF,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ;AAAA,EACD,CAAA;AAEL"}

package/dist/microinsights/beaticons/ChartFilledIcon.es.js

@@ -0,0 +1,21 @@
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+var c = ({ color: e = "currentColor", height: C, size: r = 16, styles: l, viewBox: o = "0 0 16 16", width: a }) => /* @__PURE__ */ t("svg", {
+  "aria-hidden": !0,
+  className: "kyper-icon",
+  focusable: !1,
+  height: C || r,
+  style: l,
+  viewBox: o,
+  width: a || r,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /* @__PURE__ */ t("path", {
+    d: "M16 1.5C16 0.671573 15.3284 0 14.5 0H1.5C0.671573 0 0 0.671573 0 1.5V14.5C0 15.3284 0.671573 16 1.5 16H14.5C15.3284 16 16 15.3284 16 14.5V1.5ZM12.8 5.1C13.0209 5.26568 13.0657 5.57909 12.9 5.8L9.90003 9.8C9.71746 10.0434 9.36163 10.0687 9.14648 9.85355L6.55413 7.2612L3.90003 10.8C3.73434 11.0209 3.42094 11.0657 3.20003 10.9C2.97912 10.7343 2.93434 10.4209 3.10003 10.2L6.10003 6.2C6.28259 5.95658 6.63843 5.93129 6.85358 6.14645L9.44593 8.7388L12.1 5.2C12.2657 4.97908 12.5791 4.93431 12.8 5.1Z",
+    fill: e
+  })
+});
+export {
+  c as ChartFilledIcon
+};
+
+//# sourceMappingURL=ChartFilledIcon.es.js.map

package/dist/microinsights/beaticons/ChartFilledIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFilledIcon.es.js","names":[],"sources":["../../../src/microinsights/beaticons/ChartFilledIcon.tsx"],"sourcesContent":["import React from 'react'\n\ninterface ChartFilledIconProps {\n  color?: string\n  height?: number\n  size?: number\n  styles?: object\n  viewBox?: string\n  width?: number\n}\n\nexport const ChartFilledIcon: React.FC<ChartFilledIconProps> = ({\n  color = 'currentColor',\n  height,\n  size = 16,\n  styles,\n  viewBox = '0 0 16 16',\n  width,\n}) => {\n  return (\n    <svg\n      aria-hidden={true}\n      className=\"kyper-icon\"\n      focusable={false}\n      height={height || size}\n      style={styles}\n      viewBox={viewBox}\n      width={width || size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M16 1.5C16 0.671573 15.3284 0 14.5 0H1.5C0.671573 0 0 0.671573 0 1.5V14.5C0 15.3284 0.671573 16 1.5 16H14.5C15.3284 16 16 15.3284 16 14.5V1.5ZM12.8 5.1C13.0209 5.26568 13.0657 5.57909 12.9 5.8L9.90003 9.8C9.71746 10.0434 9.36163 10.0687 9.14648 9.85355L6.55413 7.2612L3.90003 10.8C3.73434 11.0209 3.42094 11.0657 3.20003 10.9C2.97912 10.7343 2.93434 10.4209 3.10003 10.2L6.10003 6.2C6.28259 5.95658 6.63843 5.93129 6.85358 6.14645L9.44593 8.7388L12.1 5.2C12.2657 4.97908 12.5791 4.93431 12.8 5.1Z\"\n        fill={color}\n      />\n    </svg>\n  )\n}\n"],"mappings":";;AAWA,IAAa,IAAA,CAAmD,EAC9D,OAAA,IAAQ,gBACR,QAAA,GACA,MAAA,IAAO,IACP,QAAA,GACA,SAAA,IAAU,aACV,OAAA,EAAA,MAGE,gBAAA,EAAC,OAAD;AAAA,EACE,eAAa;AAAA,EACb,WAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ,KAAU;AAAA,EAClB,OAAO;AAAA,EACE,SAAA;AAAA,EACT,OAAO,KAAS;AAAA,EAChB,OAAM;AAAA,YAEN,gBAAA,EAAC,QAAD;AAAA,IACE,GAAE;AAAA,IACF,MAAM;AAAA,EACP,CAAA;AACE,CAAA"}

package/dist/microinsights/beaticons/InstitutionLogoIcon.es.js

@@ -0,0 +1,12 @@
+import "react";
+import { InstitutionLogo as i } from "@mxenabled/mxui";
+import { jsx as o } from "react/jsx-runtime";
+var s = ({ beat: t }) => /* @__PURE__ */ o(i, {
+  alt: t.institutionName || "",
+  institutionGuid: t.institutionGuid || ""
+});
+export {
+  s as InstitutionLogoIcon
+};
+
+//# sourceMappingURL=InstitutionLogoIcon.es.js.map

package/dist/microinsights/beaticons/InstitutionLogoIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstitutionLogoIcon.es.js","names":[],"sources":["../../../src/microinsights/beaticons/InstitutionLogoIcon.tsx"],"sourcesContent":["import React from 'react'\nimport { InstitutionLogo } from '@mxenabled/mxui'\n\nimport type { Beat } from '../../core/types/Beat'\n\nexport const InstitutionLogoIcon: React.FC<{ beat: Beat }> = ({ beat }) => (\n  <InstitutionLogo alt={beat.institutionName || ''} institutionGuid={beat.institutionGuid || ''} />\n)\n"],"mappings":";;;AAKA,IAAa,IAAA,CAAiD,EAAE,MAAA,EAAA,MAC9D,gBAAA,EAAC,GAAD;AAAA,EAAiB,KAAK,EAAK,mBAAmB;AAAA,EAAI,iBAAiB,EAAK,mBAAmB;AAAK,CAAA"}

package/dist/microinsights/beaticons/MonthlySpendComparisonIcon.es.js

@@ -0,0 +1,17 @@
+import a from "./BeatMaterialIcon.es.js";
+import { getColorType as m } from "../utils/colorType.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import { alpha as p, useTheme as i } from "@mui/material/styles";
+var C = ({ beat: r }) => {
+  const e = i(), o = m(r.data_series), t = e.palette[o].main;
+  return /* @__PURE__ */ n(a, {
+    bgColor: p(t, 0.15),
+    iconColor: o,
+    name: "bar_chart"
+  });
+};
+export {
+  C as MonthlySpendComparisonIcon
+};
+
+//# sourceMappingURL=MonthlySpendComparisonIcon.es.js.map