@mx-cartographer/experiences 6.25.3-alpha.al3 → 6.25.3-alpha.mega2

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

@@ -0,0 +1 @@
+{"version":3,"file":"BeatCategoryIcon.js","sources":["../../../../src/microinsights/components/beaticons/BeatCategoryIcon.tsx"],"sourcesContent":["import { FC, useEffect, useState } from 'react'\n\nimport { CategoryIcon } from '@mxenabled/mxui'\n\nimport { CategoryGuids } from '../../../common/constants/Category'\nimport type { WeGotTheBeat } from '../../interfaces'\n\nexport const BeatCategoryIcon: FC<WeGotTheBeat> = ({ beat }) => {\n  const [categoryGuid, setCategoryGuid] = useState<string>(CategoryGuids.UNCATEGORIZED)\n\n  useEffect(() => {\n    if (beat.primary_category_guid) {\n      setCategoryGuid(beat.primary_category_guid)\n    } else if (beat.category_guids?.length) {\n      setCategoryGuid(beat.category_guids[0])\n    }\n  }, [])\n\n  return <CategoryIcon categoryGuid={categoryGuid} size={16} sx={{ minWidth: 16 }} />\n}\n"],"names":["BeatCategoryIcon","beat","categoryGuid","setCategoryGuid","useState","CategoryGuids","useEffect","jsx","CategoryIcon"],"mappings":";;;;AAOO,MAAMA,IAAqC,CAAC,EAAE,MAAAC,QAAW;AAC9D,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiBC,EAAc,aAAa;AAEpF,SAAAC,EAAU,MAAM;AACd,IAAIL,EAAK,wBACPE,EAAgBF,EAAK,qBAAqB,IACjCA,EAAK,gBAAgB,UACdE,EAAAF,EAAK,eAAe,CAAC,CAAC;AAAA,EAE1C,GAAG,CAAE,CAAA,GAEE,gBAAAM,EAACC,KAAa,cAAAN,GAA4B,MAAM,IAAI,IAAI,EAAE,UAAU,GAAA,EAAM,CAAA;AACnF;"}

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

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Icon as n } from "@mxenabled/mxui";
+import a from "@mui/material/styles/useTheme";
+import { BeatCategoryIcon as p } from "./BeatCategoryIcon.js";
+import u from "./BeatMerchantLogo.js";
+import { MonthlySpendComparisonIcon as c } from "./MonthlySpendComparisonIcon.js";
+const B = ({ beat: r, clientColorScheme: i, color: t, type: m }) => {
+  const e = a(), f = i?.primary_300 ? i.primary_300 : e.palette.primary.main;
+  return m === 0 ? /* @__PURE__ */ o(n, { fill: !0, name: "error", sx: { color: t || f } }) : m === 1 && r ? /* @__PURE__ */ o(p, { beat: r }) : m === 2 && r ? /* @__PURE__ */ o(u, { beat: r }) : m === 3 && r ? /* @__PURE__ */ o(c, { beat: r }) : m === 5 && r ? /* @__PURE__ */ o(n, { name: "campaign" }) : /* @__PURE__ */ o(
+    n,
+    {
+      fill: !0,
+      name: "info",
+      sx: {
+        color: f
+      }
+    }
+  );
+};
+export {
+  B as BeatIcon
+};
+//# sourceMappingURL=BeatIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BeatIcon.js","sources":["../../../../src/microinsights/components/beaticons/BeatIcon.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Icon } from '@mxenabled/mxui'\nimport useTheme from '@mui/material/styles/useTheme'\n\nimport { clientColorSchemeProps } from '../..'\n\nimport { BeatCategoryIcon, BeatMerchantLogo, MonthlySpendComparisonIcon } from '.'\n\nimport type { Beat } from '../../../common/types/Beat'\n\nexport interface BeatIconProps {\n  beat?: Beat\n  clientColorScheme?: clientColorSchemeProps\n  color?: string | null\n  type?: number | null\n}\n\nexport const BeatIcon: React.FC<BeatIconProps> = ({ beat, clientColorScheme, color, type }) => {\n  const theme = useTheme()\n\n  const primaryColor = clientColorScheme?.primary_300\n    ? clientColorScheme.primary_300\n    : theme.palette.primary.main\n\n  if (type === 0)\n    return <Icon fill={true} name=\"error\" sx={{ color: color ? color : primaryColor }} /> // This is the attention icon\n\n  if (type === 1 && beat) return <BeatCategoryIcon beat={beat} />\n\n  if (type === 2 && beat) return <BeatMerchantLogo beat={beat} />\n\n  if (type === 3 && beat) return <MonthlySpendComparisonIcon beat={beat} />\n\n  if (type === 5 && beat) return <Icon name=\"campaign\" />\n\n  // This is for the default and type 4 logo\n  return (\n    <Icon\n      fill={true}\n      name=\"info\"\n      sx={{\n        color: primaryColor,\n      }}\n    />\n  )\n}\n"],"names":["BeatIcon","beat","clientColorScheme","color","type","theme","useTheme","primaryColor","jsx","Icon","BeatCategoryIcon","BeatMerchantLogo","MonthlySpendComparisonIcon"],"mappings":";;;;;;AAkBO,MAAMA,IAAoC,CAAC,EAAE,MAAAC,GAAM,mBAAAC,GAAmB,OAAAC,GAAO,MAAAC,QAAW;AAC7F,QAAMC,IAAQC,KAERC,IAAeL,GAAmB,cACpCA,EAAkB,cAClBG,EAAM,QAAQ,QAAQ;AAE1B,SAAID,MAAS,IACH,gBAAAI,EAAAC,GAAA,EAAK,MAAM,IAAM,MAAK,SAAQ,IAAI,EAAE,OAAON,KAAgBI,EAAA,EAAgB,CAAA,IAEjFH,MAAS,KAAKH,IAAa,gBAAAO,EAACE,KAAiB,MAAAT,EAAY,CAAA,IAEzDG,MAAS,KAAKH,IAAa,gBAAAO,EAACG,KAAiB,MAAAV,EAAY,CAAA,IAEzDG,MAAS,KAAKH,IAAa,gBAAAO,EAACI,KAA2B,MAAAX,EAAY,CAAA,IAEnEG,MAAS,KAAKH,IAAc,gBAAAO,EAAAC,GAAA,EAAK,MAAK,WAAW,CAAA,IAInD,gBAAAD;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,MAAK;AAAA,MACL,IAAI;AAAA,QACF,OAAOF;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import { observer as s } from "mobx-react-lite";
+import { css as c } from "@mxenabled/cssinjs";
+import { useTokens as i, MerchantLogo as a } from "@mxenabled/mxui";
+const n = ({ beat: o }) => {
+  const r = i(), t = g(r);
+  return /* @__PURE__ */ e(
+    a,
+    {
+      categoryGuid: o.primary_category_guid || o.category_guids && o.category_guids[0] || "",
+      className: t,
+      merchantGuid: o.primary_merchant_guid || o.merchant_guids[0],
+      size: 16
+    }
+  );
+}, g = (o) => c({
+  marginTop: o.Spacing.XTiny,
+  "& .kyper-categoryicon": {
+    display: "flex"
+  }
+}), d = s(n);
+export {
+  d as default
+};
+//# sourceMappingURL=BeatMerchantLogo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BeatMerchantLogo.js","sources":["../../../../src/microinsights/components/beaticons/BeatMerchantLogo.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { observer } from 'mobx-react-lite'\n\nimport { css } from '@mxenabled/cssinjs'\nimport { useTokens, MerchantLogo } from '@mxenabled/mxui'\n\nimport type { WeGotTheBeat } from '../../interfaces'\n\nconst BeatMerchantLogo: FC<WeGotTheBeat> = ({ beat }) => {\n  const tokens = useTokens()\n  const styles = getStyles(tokens)\n\n  return (\n    <MerchantLogo\n      categoryGuid={\n        beat.primary_category_guid || (beat.category_guids && beat.category_guids[0]) || ''\n      }\n      className={styles}\n      merchantGuid={beat.primary_merchant_guid || beat.merchant_guids[0]}\n      size={16}\n    />\n  )\n}\n\nconst getStyles = (tokens: any) =>\n  css({\n    marginTop: tokens.Spacing.XTiny,\n    '& .kyper-categoryicon': {\n      display: 'flex',\n    },\n  })\n\nexport default observer(BeatMerchantLogo)\n"],"names":["BeatMerchantLogo","beat","tokens","useTokens","styles","getStyles","jsx","MerchantLogo","css","BeatMerchantLogo$1","observer"],"mappings":";;;;AAQA,MAAMA,IAAqC,CAAC,EAAE,MAAAC,QAAW;AACvD,QAAMC,IAASC,KACTC,IAASC,EAAUH,CAAM;AAG7B,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cACEN,EAAK,yBAA0BA,EAAK,kBAAkBA,EAAK,eAAe,CAAC,KAAM;AAAA,MAEnF,WAAWG;AAAA,MACX,cAAcH,EAAK,yBAAyBA,EAAK,eAAe,CAAC;AAAA,MACjE,MAAM;AAAA,IAAA;AAAA,EAAA;AAGZ,GAEMI,IAAY,CAACH,MACjBM,EAAI;AAAA,EACF,WAAWN,EAAO,QAAQ;AAAA,EAC1B,yBAAyB;AAAA,IACvB,SAAS;AAAA,EACX;AACF,CAAC,GAEYO,IAAAC,EAASV,CAAgB;"}

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

@@ -0,0 +1,32 @@
+import { jsx as t } from "react/jsx-runtime";
+const h = ({
+  color: e = "currentColor",
+  height: C,
+  size: r = 16,
+  styles: l,
+  viewBox: o = "0 0 16 16",
+  width: s
+}) => /* @__PURE__ */ t(
+  "svg",
+  {
+    "aria-hidden": !0,
+    className: "kyper-icon",
+    focusable: !1,
+    height: C || r,
+    style: l,
+    viewBox: o,
+    width: s || 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 {
+  h as ChartFilledIcon
+};
+//# sourceMappingURL=ChartFilledIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartFilledIcon.js","sources":["../../../../src/microinsights/components/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"],"names":["ChartFilledIcon","color","height","size","styles","viewBox","width","jsx"],"mappings":";AAWO,MAAMA,IAAkD,CAAC;AAAA,EAC9D,OAAAC,IAAQ;AAAA,EACR,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAa;AAAA,IACb,WAAU;AAAA,IACV,WAAW;AAAA,IACX,QAAQL,KAAUC;AAAA,IAClB,OAAOC;AAAA,IACP,SAAAC;AAAA,IACA,OAAOC,KAASH;AAAA,IAChB,OAAM;AAAA,IAEN,UAAA,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAMN;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1,15 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useTokens as l, Icon as a } from "@mxenabled/mxui";
+import { buildDataSeries as u } from "../../utils/DataSeries.js";
+const i = (t, o) => {
+  const r = u(t), c = r.length / 2, n = r.slice(0, c), e = r.slice(c);
+  return !n.length || !e.length ? o.Color.Primary300 : n[0].amount > e[0].amount ? o.Color.Error300 : n[0].amount < e[0].amount ? o.Color.Success300 : o.Color.Primary300;
+}, f = ({ beat: t }) => {
+  const o = l(), r = i(t.data_series, o);
+  return /* @__PURE__ */ s(a, { name: "bar_chart", sx: { color: r } });
+};
+export {
+  f as MonthlySpendComparisonIcon,
+  i as getIconColor
+};
+//# sourceMappingURL=MonthlySpendComparisonIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonthlySpendComparisonIcon.js","sources":["../../../../src/microinsights/components/beaticons/MonthlySpendComparisonIcon.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { Icon, useTokens } from '@mxenabled/mxui'\n\nimport { buildDataSeries } from '../../utils/DataSeries'\n\nimport type { WeGotTheBeat } from '../../interfaces'\nimport type { DataSeries } from '../../../common/types/Beat'\n\nexport const getIconColor = (data: DataSeries | undefined, designTokens: any) => {\n  const fullDataSeries = buildDataSeries(data)\n  const chunkSize = fullDataSeries.length / 2\n\n  const spendChunk = fullDataSeries.slice(0, chunkSize)\n  const incomeChunk = fullDataSeries.slice(chunkSize)\n\n  if (!spendChunk.length || !incomeChunk.length) return designTokens.Color.Primary300\n\n  if (spendChunk[0].amount > incomeChunk[0].amount) {\n    return designTokens.Color.Error300\n  } else if (spendChunk[0].amount < incomeChunk[0].amount) {\n    return designTokens.Color.Success300\n  }\n\n  return designTokens.Color.Primary300\n}\n\nexport const MonthlySpendComparisonIcon: FC<WeGotTheBeat> = ({ beat }) => {\n  const tokens = useTokens()\n  const iconColor = getIconColor(beat.data_series, tokens)\n  return <Icon name=\"bar_chart\" sx={{ color: iconColor }} />\n}\n"],"names":["getIconColor","data","designTokens","fullDataSeries","buildDataSeries","chunkSize","spendChunk","incomeChunk","MonthlySpendComparisonIcon","beat","tokens","useTokens","iconColor","jsx","Icon"],"mappings":";;;AAQa,MAAAA,IAAe,CAACC,GAA8BC,MAAsB;AACzE,QAAAC,IAAiBC,EAAgBH,CAAI,GACrCI,IAAYF,EAAe,SAAS,GAEpCG,IAAaH,EAAe,MAAM,GAAGE,CAAS,GAC9CE,IAAcJ,EAAe,MAAME,CAAS;AAE9C,SAAA,CAACC,EAAW,UAAU,CAACC,EAAY,SAAeL,EAAa,MAAM,aAErEI,EAAW,CAAC,EAAE,SAASC,EAAY,CAAC,EAAE,SACjCL,EAAa,MAAM,WACjBI,EAAW,CAAC,EAAE,SAASC,EAAY,CAAC,EAAE,SACxCL,EAAa,MAAM,aAGrBA,EAAa,MAAM;AAC5B,GAEaM,IAA+C,CAAC,EAAE,MAAAC,QAAW;AACxE,QAAMC,IAASC,KACTC,IAAYZ,EAAaS,EAAK,aAAaC,CAAM;AAChD,SAAA,gBAAAG,EAACC,KAAK,MAAK,aAAY,IAAI,EAAE,OAAOF,EAAa,EAAA,CAAA;AAC1D;"}