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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonthlySpendComparisonIcon.es.js","names":[],"sources":["../../../src/microinsights/beaticons/MonthlySpendComparisonIcon.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 { getColorType } from '../utils/colorType'\n\nexport const MonthlySpendComparisonIcon: FC<WeGotTheBeat> = ({ beat }) => {\n  const theme = useTheme()\n  const colorType = getColorType(beat.data_series)\n  const bgColor = theme.palette[colorType].main\n\n  return <BeatMaterialIcon bgColor={alpha(bgColor, 0.15)} iconColor={colorType} name=\"bar_chart\" />\n}\n"],"mappings":";;;;AAQA,IAAa,IAAA,CAAgD,EAAE,MAAA,EAAA,MAAW;AACxE,QAAM,IAAQ,EAAS,GACjB,IAAY,EAAa,EAAK,WAAW,GACzC,IAAU,EAAM,QAAQ,CAAA,EAAW;AAEzC,SAAO,gBAAA,EAAC,GAAD;AAAA,IAAkB,SAAS,EAAM,GAAS,IAAI;AAAA,IAAG,WAAW;AAAA,IAAW,MAAK;AAAA,EAAa,CAAA;AAClG"}