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

package/dist/merchants/components/MerchantLookup.es.js

@@ -0,0 +1,91 @@
+import { useGlobalCopyStore as y, useGlobalUiStore as v, useMerchantStore as I } from "../../common/context/hooks.es.js";
+import d from "../../common/components/Loader.es.js";
+import z from "../../common/components/SearchBox.es.js";
+import c from "react";
+import { observer as E } from "mobx-react-lite";
+import u from "@mui/material/Stack";
+import { MerchantLogo as G, Text as M } from "@mxenabled/mxui";
+import T from "@mui/material/Paper";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import l from "@mui/material/Box";
+import A from "@mui/material/Divider";
+import V from "@mui/material/List";
+import k from "@mui/material/ListItem";
+import R from "@mui/material/ListItemButton";
+import w from "@mui/material/ListItemText";
+import C from "@mui/material/ListItemAvatar";
+import { useVirtualizer as N } from "@tanstack/react-virtual";
+var B = /^[ a-zA-ZÀ-ÿ0-9]+$/, H = 50, p = 65, P = ({ height: f = "calc(100dvh - 120px)", onSelect: g }) => {
+  const { isLoading: m, merchants: o, loadMerchants: s } = I(), { common: a } = y(), { isCopyLoaded: x } = v(), [L, S] = c.useState("");
+  c.useEffect(() => {
+    s().finally();
+  }, [s]);
+  const b = (r) => {
+    g(r);
+  }, _ = async (r) => {
+    (!r || B.test(r)) && r.length <= H && (S(r), await s(r));
+  }, h = c.useRef(null), i = N({
+    count: o.length,
+    getScrollElement: () => h.current,
+    estimateSize: () => p,
+    overscan: 5
+  });
+  return c.useEffect(() => i.measure(), [o]), x ? /* @__PURE__ */ t(u, {
+    className: "mx-mrt-lookup",
+    children: [/* @__PURE__ */ e(z, {
+      ariaLabel: a.search_aria,
+      cancelAriaLabel: a.cancel_search_aria,
+      onChange: _,
+      placeholder: a.search_placeholder,
+      searchValue: L
+    }), /* @__PURE__ */ e(T, {
+      sx: { boxShadow: "none" },
+      children: /* @__PURE__ */ e(V, { children: /* @__PURE__ */ t(l, {
+        height: f,
+        overflow: "auto",
+        ref: h,
+        children: [/* @__PURE__ */ t(l, {
+          height: i.getTotalSize(),
+          position: "relative",
+          children: [m && /* @__PURE__ */ e(d, {
+            label: "Loading...",
+            size: 32
+          }), !m && i.getVirtualItems().length > 0 && i.getVirtualItems().map((r) => {
+            const n = o[r.index];
+            return /* @__PURE__ */ t(l, {
+              height: p,
+              position: "absolute",
+              sx: { transform: `translateY(${r.start}px)` },
+              width: "100%",
+              children: [/* @__PURE__ */ e(k, {
+                disableGutters: !0,
+                disablePadding: !0,
+                children: /* @__PURE__ */ t(R, {
+                  onClick: () => b(n.guid),
+                  children: [/* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(G, {
+                    categoryGuid: "",
+                    merchantGuid: n.guid
+                  }) }), /* @__PURE__ */ e(w, { primary: n.name })]
+                })
+              }), /* @__PURE__ */ e(A, { sx: { ml: 24 } })]
+            }, n.guid);
+          })]
+        }), !o.length && /* @__PURE__ */ e(u, {
+          alignItems: "center",
+          my: 24,
+          children: /* @__PURE__ */ e(M, {
+            bold: !0,
+            color: "secondary",
+            variant: "body2",
+            children: a.search_zero_state
+          })
+        })]
+      }) })
+    })]
+  }) : /* @__PURE__ */ e(d, {});
+}, oe = E(P);
+export {
+  oe as default
+};
+
+//# sourceMappingURL=MerchantLookup.es.js.map

package/dist/merchants/components/MerchantLookup.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MerchantLookup.es.js","names":[],"sources":["../../../src/merchants/components/MerchantLookup.tsx"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react-lite'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport Box from '@mui/material/Box'\nimport Divider from '@mui/material/Divider'\nimport List from '@mui/material/List'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemText from '@mui/material/ListItemText'\nimport Paper from '@mui/material/Paper'\nimport Stack from '@mui/material/Stack'\n\nimport { MerchantLogo, Text } from '@mxenabled/mxui'\n\nimport {\n  Loader,\n  SearchBox,\n  useGlobalCopyStore,\n  useGlobalUiStore,\n  useMerchantStore,\n} from '../../common'\n\nconst NAME_PATTERN = /^[ a-zA-ZÀ-ÿ0-9]+$/\nconst MAX_LENGTH = 50\nconst ROW_HEIGHT = 65 // List items have a minHeight of 64, so we add 1px for the borders so they don't disappear on hover\n\nexport interface MerchantLookupProps {\n  height?: string | number\n  onSelect: (guid: string) => void\n}\n\nconst MerchantLookup: React.FC<MerchantLookupProps> = ({\n  height = 'calc(100dvh - 120px)',\n  onSelect,\n}) => {\n  const { isLoading, merchants, loadMerchants } = useMerchantStore()\n  const { common: copy } = useGlobalCopyStore()\n  const { isCopyLoaded } = useGlobalUiStore()\n\n  const [searchValue, setSearchValue] = React.useState('')\n\n  React.useEffect(() => {\n    loadMerchants().finally()\n  }, [loadMerchants])\n\n  const handleSelected = (guid: string) => {\n    onSelect(guid)\n  }\n\n  const handleSearch = async (value: string) => {\n    if ((!value || NAME_PATTERN.test(value)) && value.length <= MAX_LENGTH) {\n      setSearchValue(value)\n      await loadMerchants(value)\n    }\n  }\n\n  const parentRef = React.useRef<HTMLDivElement>(null)\n  const rowVirtualizer = useVirtualizer({\n    count: merchants.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: 5,\n  })\n\n  React.useEffect(() => rowVirtualizer.measure(), [merchants])\n\n  if (!isCopyLoaded) {\n    return <Loader />\n  }\n\n  return (\n    <Stack className=\"mx-mrt-lookup\">\n      <SearchBox\n        ariaLabel={copy.search_aria}\n        cancelAriaLabel={copy.cancel_search_aria}\n        onChange={handleSearch}\n        placeholder={copy.search_placeholder}\n        searchValue={searchValue}\n      />\n\n      <Paper sx={{ boxShadow: 'none' }}>\n        <List>\n          <Box height={height} overflow=\"auto\" ref={parentRef}>\n            <Box height={rowVirtualizer.getTotalSize()} position=\"relative\">\n              {isLoading && <Loader label=\"Loading...\" size={32} />}\n              {!isLoading &&\n                rowVirtualizer.getVirtualItems().length > 0 &&\n                rowVirtualizer.getVirtualItems().map((row) => {\n                  const merchant = merchants[row.index]\n\n                  return (\n                    <Box\n                      height={ROW_HEIGHT}\n                      key={merchant.guid}\n                      position=\"absolute\"\n                      sx={{ transform: `translateY(${row.start}px)` }}\n                      width=\"100%\"\n                    >\n                      <ListItem disableGutters={true} disablePadding={true}>\n                        <ListItemButton onClick={() => handleSelected(merchant.guid)}>\n                          <ListItemAvatar>\n                            <MerchantLogo categoryGuid=\"\" merchantGuid={merchant.guid} />\n                          </ListItemAvatar>\n                          <ListItemText primary={merchant.name} />\n                        </ListItemButton>\n                      </ListItem>\n                      <Divider sx={{ ml: 24 }} />\n                    </Box>\n                  )\n                })}\n            </Box>\n            {!merchants.length && (\n              <Stack alignItems=\"center\" my={24}>\n                <Text bold={true} color=\"secondary\" variant=\"body2\">\n                  {copy.search_zero_state}\n                </Text>\n              </Stack>\n            )}\n          </Box>\n        </List>\n      </Paper>\n    </Stack>\n  )\n}\n\nexport default observer(MerchantLookup)\n"],"mappings":"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"}

package/dist/merchants/index.es.js

@@ -1,78 +1,4 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import s from "react";
-import { observer as y } from "mobx-react-lite";
-import { useVirtualizer as I } from "@tanstack/react-virtual";
-import l from "@mui/material/Box";
-import M from "@mui/material/Divider";
-import z from "@mui/material/List";
-import E from "@mui/material/ListItem";
-import G from "@mui/material/ListItemAvatar";
-import T from "@mui/material/ListItemButton";
-import k from "@mui/material/ListItemText";
-import A from "@mui/material/Paper";
-import d from "@mui/material/Stack";
-import { MerchantLogo as V, Text as R } from "@mxenabled/mxui";
-import { b as v, u as w, a as C } from "../hooks-97sNJ_lf.mjs";
-import { L as u } from "../Loader-CxeBwuPG.mjs";
-import { S as N } from "../SearchBox-Cpgu_gdO.mjs";
-const B = /^[ a-zA-ZÀ-ÿ0-9]+$/, H = 50, p = 65, P = ({
-  height: f = "calc(100dvh - 120px)",
-  onSelect: g
-}) => {
-  const { isLoading: m, merchants: o, loadMerchants: c } = v(), { common: a } = w(), { isCopyLoaded: L } = C(), [x, S] = s.useState("");
-  s.useEffect(() => {
-    c().finally();
-  }, [c]);
-  const b = (t) => {
-    g(t);
-  }, _ = async (t) => {
-    (!t || B.test(t)) && t.length <= H && (S(t), await c(t));
-  }, h = s.useRef(null), i = I({
-    count: o.length,
-    getScrollElement: () => h.current,
-    estimateSize: () => p,
-    overscan: 5
-  });
-  return s.useEffect(() => i.measure(), [o]), L ? /* @__PURE__ */ r(d, { className: "mx-mrt-lookup", children: [
-    /* @__PURE__ */ e(
-      N,
-      {
-        ariaLabel: a.search_aria,
-        cancelAriaLabel: a.cancel_search_aria,
-        onChange: _,
-        placeholder: a.search_placeholder,
-        searchValue: x
-      }
-    ),
-    /* @__PURE__ */ e(A, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ r(l, { height: f, overflow: "auto", ref: h, children: [
-      /* @__PURE__ */ r(l, { height: i.getTotalSize(), position: "relative", children: [
-        m && /* @__PURE__ */ e(u, { label: "Loading...", size: 32 }),
-        !m && i.getVirtualItems().length > 0 && i.getVirtualItems().map((t) => {
-          const n = o[t.index];
-          return /* @__PURE__ */ r(
-            l,
-            {
-              height: p,
-              position: "absolute",
-              sx: { transform: `translateY(${t.start}px)` },
-              width: "100%",
-              children: [
-                /* @__PURE__ */ e(E, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ r(T, { onClick: () => b(n.guid), children: [
-                  /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(V, { categoryGuid: "", merchantGuid: n.guid }) }),
-                  /* @__PURE__ */ e(k, { primary: n.name })
-                ] }) }),
-                /* @__PURE__ */ e(M, { sx: { ml: 24 } })
-              ]
-            },
-            n.guid
-          );
-        })
-      ] }),
-      !o.length && /* @__PURE__ */ e(d, { alignItems: "center", my: 24, children: /* @__PURE__ */ e(R, { bold: !0, color: "secondary", variant: "body2", children: a.search_zero_state }) })
-    ] }) }) })
-  ] }) : /* @__PURE__ */ e(u, {});
-}, oe = y(P);
+import r from "./components/MerchantLookup.es.js";
 export {
-  oe as MerchantLookup
+  r as MerchantLookup
 };
-//# sourceMappingURL=index.es.js.map

package/dist/microinsights/InsightsMicroWidget.es.js

@@ -0,0 +1,109 @@
+import { useCombineEvents as b, useCombinePageviews as j } from "../common/hooks/useCombineEvents.es.js";
+import { useWidgetLoadTimer as $ } from "../common/hooks/useWidgetLoadTimer.es.js";
+import { AppStore as U } from "./stores/AppStore.es.js";
+import { InsightsMicroWidgetDataProvider as Y } from "./context/InsightsMicroWidgetDataProvider.es.js";
+import { SUPPORTED_CAROUSEL_HEIGHTS as Z } from "./constants/App.es.js";
+import q from "./carousel/MicroBeatCarousel.es.js";
+import B from "./carousel/CarouselHeader.es.js";
+import F from "./MicroWidgetContainer.es.js";
+import { NoRelevantInsightsCard as J } from "./cards/NoRelevantInsightsCard.es.js";
+import { ZeroStateCard as K } from "./cards/ZeroStateCard.es.js";
+import Q from "./Spinner.es.js";
+import { TRENDS_ANALYTICS_METADATA as D } from "../trends/constants/TrendsWidget.es.js";
+import c, { useState as p } from "react";
+import { observer as y } from "mobx-react-lite";
+import M from "@mui/material/Stack";
+import { jsx as e, jsxs as k } from "react/jsx-runtime";
+var t = new U(), O = ({ allowSingleCardPeeking: P = !0, areBeatsLoading: d = !1, beats: l = [], cardStyle: a = "elevation 1", endpoint: u = "/", headerSx: L, heightOverrides: n, logOutUser: g = () => {
+}, onCardClick: f = () => {
+}, onEvent: _ = () => {
+}, onPageview: C = () => {
+}, posthog: m, showCarouselControls: H, showHeader: N, showIcon: v, showWithMargin: E = !0, token: A = "", userHasFullInsightFeedBeats: h, visibleCardsCount: W = 1, widthOverrides: i }) => {
+  const I = (() => {
+    if (a === "border") return "outlined";
+    if (a === "elevation 1") return "elevation";
+    if (a !== "flat")
+      return "elevation";
+  })(), R = a === "flat" ? 0 : 1, [S, s] = p("STANDARD"), [r, w] = p(!1), [z, T] = p(!1), G = b([_], t), V = j([C], t);
+  $({
+    widgetName: "InsightsMicroWidget",
+    isLoaded: r
+  }), c.useEffect(() => {
+    !t.isInitialized && !z && (t.initialize(u, A, g).catch(() => T(!1)), T(!0));
+  }, [
+    u,
+    A,
+    g,
+    t.isInitialized,
+    z
+  ]), c.useEffect(() => {
+    const o = window.innerHeight;
+    o < 180 ? s("STANDARD") : o >= 180 && o < 200 ? s("LARGE") : o >= 200 && o < 248 ? s("XLARGE") : o >= 248 && s("XXLARGE");
+  }, [window.innerHeight]), c.useEffect(() => {
+    w(!d && t.isInitialized);
+  }, [d, t.isInitialized]);
+  const X = {
+    heightOverrides: n,
+    onCardClick: f,
+    posthog: m,
+    showIcon: v,
+    showWithMargin: E,
+    widthOverrides: i
+  }, x = {
+    carouselSize: S,
+    elevation: R,
+    variant: I,
+    heightOverrides: n,
+    onCardClick: f,
+    posthog: m,
+    showIcon: v
+  };
+  return /* @__PURE__ */ e(Y, {
+    onEvent: G,
+    onPageview: V,
+    store: t,
+    children: /* @__PURE__ */ k(F, {
+      heightOverrides: n,
+      widthOverrides: i,
+      children: [
+        !r && /* @__PURE__ */ e(Q, {}),
+        r && N && /* @__PURE__ */ e(B, {
+          analyticsMetadata: D,
+          headerSx: L,
+          onCardClick: f,
+          posthog: m,
+          widthOverrides: i
+        }),
+        r && !!l.length && /* @__PURE__ */ e(q, {
+          allowSingleCardPeeking: P,
+          analyticsMetadata: D,
+          beats: l,
+          elevation: R,
+          showCarouselControls: H,
+          variant: I,
+          visibleCardsCount: W,
+          ...X
+        }),
+        r && !l.length && /* @__PURE__ */ e(M, {
+          sx: {
+            alignItems: "center",
+            height: n,
+            width: i || "100%"
+          },
+          children: /* @__PURE__ */ e(M, {
+            sx: {
+              height: `calc(${Z[S]}px - 44px)`,
+              width: E ? `calc(${i}px - 32px)` : "100%"
+            },
+            children: h ? /* @__PURE__ */ e(J, { ...x }) : /* @__PURE__ */ e(K, { ...x })
+          })
+        })
+      ]
+    })
+  });
+}, Ee = y(O);
+export {
+  Ee as default
+};
+
+//# sourceMappingURL=InsightsMicroWidget.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InsightsMicroWidget.es.js","names":[],"sources":["../../src/microinsights/InsightsMicroWidget.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nimport { observer } from 'mobx-react-lite'\nimport Stack from '@mui/material/Stack'\n\nimport { useCombineEvents, useCombinePageviews, useWidgetLoadTimer } from '../common/hooks'\nimport { InsightsMicroWidgetDataProvider } from './context/InsightsMicroWidgetDataProvider'\n\nimport CarouselHeader from './carousel/CarouselHeader'\nimport MicroWidgetContainer from './MicroWidgetContainer'\nimport MicroBeatCarousel from './carousel/MicroBeatCarousel'\nimport { NoRelevantInsightsCard } from './cards/NoRelevantInsightsCard'\nimport { ZeroStateCard } from './cards/ZeroStateCard'\nimport Spinner from './Spinner'\n\nimport { AppStore } from './stores/AppStore'\n\nimport type { MicroWidgetProps } from './interfaces'\nimport { TRENDS_ANALYTICS_METADATA } from '../trends/constants/TrendsWidget'\nimport { SUPPORTED_CAROUSEL_HEIGHTS } from './constants/App'\n\nconst store = new AppStore()\n\n/*\n  This is the parent component / starting point for the general availabile insights micro widget. The Legacy/Cibc version is in a seperate repo\n  called insights micro widget. The difference between the No relevent and zero state component is that No relevant is a zero state theat lets the\n  user know that although there are no micro insights available but the user has fill insights available and zero state lets the user know that there\n  aren't any micro or full insights available.\n*/\n\nconst InsightsMicroWidget: React.FC<MicroWidgetProps> = ({\n  allowSingleCardPeeking = true,\n  areBeatsLoading = false,\n  beats = [], // This also determines the length of the carousel controls (beat.length + 1)\n  cardStyle = 'elevation 1',\n  endpoint = '/',\n  headerSx,\n  heightOverrides,\n  logOutUser = () => {},\n  onCardClick = () => {},\n  onEvent: onConsumerEvent = () => {},\n  onPageview: onConsumerPageview = () => {},\n  posthog,\n  showCarouselControls,\n  showHeader,\n  showIcon,\n  showWithMargin = true,\n  token = '',\n  userHasFullInsightFeedBeats,\n  visibleCardsCount = 1,\n  widthOverrides,\n}) => {\n  // ************** Derived Props ****************************\n  const getResolvedVariant = () => {\n    if (cardStyle === 'border') return 'outlined' as const\n    if (cardStyle === 'elevation 1') return 'elevation' as const\n    if (cardStyle === 'flat') return undefined\n    return 'elevation'\n  }\n  const resolvedVariant = getResolvedVariant()\n  const resolvedElevation = cardStyle === 'flat' ? 0 : 1\n\n  // ************** Use States Hooks ***********************\n  const [carouselSize, setCarouselSize] = useState<string>('STANDARD')\n  const [isLoaded, setIsLoaded] = useState(false)\n  const [triedInitializing, setTriedInitializing] = useState(false)\n\n  // ************** Use Custom Hooks ***********************\n  const onEvent = useCombineEvents([onConsumerEvent], store)\n  const onPageview = useCombinePageviews([onConsumerPageview], store)\n\n  useWidgetLoadTimer({\n    widgetName: 'InsightsMicroWidget',\n    isLoaded: isLoaded,\n  })\n\n  // ************** Use Effects Hooks **********************\n  React.useEffect(() => {\n    if (!store.isInitialized && !triedInitializing) {\n      store.initialize(endpoint, token, logOutUser).catch(() => setTriedInitializing(false))\n      setTriedInitializing(true)\n    }\n  }, [endpoint, token, logOutUser, store.isInitialized, triedInitializing])\n\n  React.useEffect(() => {\n    const pageHeight = window.innerHeight\n\n    if (pageHeight < 180) {\n      setCarouselSize('STANDARD')\n    } else if (pageHeight >= 180 && pageHeight < 200) {\n      setCarouselSize('LARGE')\n    } else if (pageHeight >= 200 && pageHeight < 248) {\n      setCarouselSize('XLARGE')\n    } else if (pageHeight >= 248) {\n      setCarouselSize('XXLARGE')\n    }\n  }, [window.innerHeight])\n\n  React.useEffect(() => {\n    setIsLoaded(!areBeatsLoading && store.isInitialized)\n  }, [areBeatsLoading, store.isInitialized])\n\n  // ************** Spreadable Props ***********************\n  const generalProps = {\n    heightOverrides,\n    onCardClick,\n    posthog,\n    showIcon,\n    showWithMargin,\n    widthOverrides,\n  }\n\n  const zeroStateProps = {\n    carouselSize,\n    elevation: resolvedElevation,\n    variant: resolvedVariant,\n    heightOverrides,\n    onCardClick,\n    posthog,\n    showIcon,\n  }\n\n  return (\n    <InsightsMicroWidgetDataProvider onEvent={onEvent} onPageview={onPageview} store={store}>\n      <MicroWidgetContainer heightOverrides={heightOverrides} widthOverrides={widthOverrides}>\n        {!isLoaded && <Spinner />}\n\n        {isLoaded && showHeader && (\n          <CarouselHeader\n            analyticsMetadata={TRENDS_ANALYTICS_METADATA}\n            headerSx={headerSx}\n            onCardClick={onCardClick}\n            posthog={posthog}\n            widthOverrides={widthOverrides}\n          />\n        )}\n\n        {isLoaded && !!beats.length && (\n          <MicroBeatCarousel\n            allowSingleCardPeeking={allowSingleCardPeeking}\n            analyticsMetadata={TRENDS_ANALYTICS_METADATA}\n            beats={beats}\n            elevation={resolvedElevation}\n            showCarouselControls={showCarouselControls}\n            variant={resolvedVariant}\n            visibleCardsCount={visibleCardsCount}\n            {...generalProps}\n          />\n        )}\n\n        {isLoaded && !beats.length && (\n          <Stack\n            sx={{\n              alignItems: 'center',\n              height: heightOverrides,\n              width: widthOverrides ? widthOverrides : '100%',\n            }}\n          >\n            <Stack\n              sx={{\n                height: `calc(${SUPPORTED_CAROUSEL_HEIGHTS[carouselSize]}px - 44px)`,\n                width: showWithMargin ? `calc(${widthOverrides}px - 32px)` : '100%',\n              }}\n            >\n              {userHasFullInsightFeedBeats ? (\n                <NoRelevantInsightsCard {...zeroStateProps} />\n              ) : (\n                <ZeroStateCard {...zeroStateProps} />\n              )}\n            </Stack>\n          </Stack>\n        )}\n      </MicroWidgetContainer>\n    </InsightsMicroWidgetDataProvider>\n  )\n}\n\nexport default observer(InsightsMicroWidget)\n"],"mappings":";;;;;;;;;;;;;;;;AAqBA,IAAM,IAAQ,IAAI,EAAS,GASrB,IAAA,CAAmD,EACvD,wBAAA,IAAyB,IACzB,iBAAA,IAAkB,IAClB,OAAA,IAAQ,CAAC,GACT,WAAA,IAAY,eACZ,UAAA,IAAW,KACX,UAAA,GACA,iBAAA,GACA,YAAA,IAAA,MAAmB;AAAC,GACpB,aAAA,IAAA,MAAoB;AAAC,GACrB,SAAS,IAAA,MAAwB;AAAC,GAClC,YAAY,IAAA,MAA2B;AAAC,GACxC,SAAA,GACA,sBAAA,GACA,YAAA,GACA,UAAA,GACA,gBAAA,IAAiB,IACjB,OAAA,IAAQ,IACR,6BAAA,GACA,mBAAA,IAAoB,GACpB,gBAAA,EAAA,MACI;AAQJ,QAAM,KANA,MAA2B;AAC/B,QAAI,MAAc,SAAU,QAAO;AACnC,QAAI,MAAc,cAAe,QAAO;AACxC,QAAI,MAAc;AAClB,aAAO;AAAA,EACT,GAC2C,GACrC,IAAoB,MAAc,SAAS,IAAI,GAG/C,CAAC,GAAc,CAAA,IAAmB,EAAiB,UAAU,GAC7D,CAAC,GAAU,CAAA,IAAe,EAAS,EAAK,GACxC,CAAC,GAAmB,CAAA,IAAwB,EAAS,EAAK,GAG1D,IAAU,EAAiB,CAAC,CAAe,GAAG,CAAK,GACnD,IAAa,EAAoB,CAAC,CAAkB,GAAG,CAAK;AAElE,EAAA,EAAmB;AAAA,IACjB,YAAY;AAAA,IACF,UAAA;AAAA,EACZ,CAAC,GAGD,EAAM,UAAA,MAAgB;AACpB,IAAI,CAAC,EAAM,iBAAiB,CAAC,MAC3B,EAAM,WAAW,GAAU,GAAO,CAAU,EAAE,MAAA,MAAY,EAAqB,EAAK,CAAC,GACrF,EAAqB,EAAI;AAAA,EAE7B,GAAG;AAAA,IAAC;AAAA,IAAU;AAAA,IAAO;AAAA,IAAY,EAAM;AAAA,IAAe;AAAA,EAAiB,CAAC,GAExE,EAAM,UAAA,MAAgB;AACpB,UAAM,IAAa,OAAO;AAE1B,IAAI,IAAa,MACf,EAAgB,UAAU,IACjB,KAAc,OAAO,IAAa,MAC3C,EAAgB,OAAO,IACd,KAAc,OAAO,IAAa,MAC3C,EAAgB,QAAQ,IACf,KAAc,OACvB,EAAgB,SAAS;AAAA,EAE7B,GAAG,CAAC,OAAO,WAAW,CAAC,GAEvB,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAY,CAAC,KAAmB,EAAM,aAAa;AAAA,EACrD,GAAG,CAAC,GAAiB,EAAM,aAAa,CAAC;AAGzC,QAAM,IAAe;AAAA,IACnB,iBAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,gBAAA;AAAA,IACA,gBAAA;AAAA,EACF,GAEM,IAAiB;AAAA,IACrB,cAAA;AAAA,IACA,WAAW;AAAA,IACX,SAAS;AAAA,IACT,iBAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,EACF;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IAA0C,SAAA;AAAA,IAAqB,YAAA;AAAA,IAAmB,OAAA;AAAA,cAChF,gBAAA,EAAC,GAAD;AAAA,MAAuC,iBAAA;AAAA,MAAiC,gBAAA;AAAA,gBAAxE;AAAA,QACG,CAAC,KAAY,gBAAA,EAAC,GAAD,CAAU,CAAA;AAAA,QAEvB,KAAY,KACX,gBAAA,EAAC,GAAD;AAAA,UACE,mBAAmB;AAAA,UACT,UAAA;AAAA,UACG,aAAA;AAAA,UACJ,SAAA;AAAA,UACO,gBAAA;AAAA,QACjB,CAAA;AAAA,QAGF,KAAY,CAAC,CAAC,EAAM,UACnB,gBAAA,EAAC,GAAD;AAAA,UAC0B,wBAAA;AAAA,UACxB,mBAAmB;AAAA,UACZ,OAAA;AAAA,UACP,WAAW;AAAA,UACW,sBAAA;AAAA,UACtB,SAAS;AAAA,UACU,mBAAA;AAAA,UACnB,GAAI;AAAA,QACL,CAAA;AAAA,QAGF,KAAY,CAAC,EAAM,UAClB,gBAAA,EAAC,GAAD;AAAA,UACE,IAAI;AAAA,YACF,YAAY;AAAA,YACZ,QAAQ;AAAA,YACR,OAAO,KAAkC;AAAA,UAC3C;AAAA,oBAEA,gBAAA,EAAC,GAAD;AAAA,YACE,IAAI;AAAA,cACF,QAAQ,QAAQ,EAA2B,CAAA,CAAA;AAAA,cAC3C,OAAO,IAAiB,QAAQ,CAAA,eAA6B;AAAA,YAC/D;AAAA,sBAEC,IACC,gBAAA,EAAC,GAAD,EAAwB,GAAI,EAAiB,CAAA,IAE7C,gBAAA,EAAC,GAAD,EAAe,GAAI,EAAiB,CAAA;AAAA,UAEjC,CAAA;AAAA,QACF,CAAA;AAAA,MAEW;AAAA;EACS,CAAA;AAErC,GAEA,KAAe,EAAS,CAAmB"}

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":";;;;;AAyBA,IAAM,IAAoB,EAAM,WAC9B,SACE,EACE,WAAA,GACA,gBAAA,GACA,aAAA,GACA,WAAA,GACA,MAAA,GACA,cAAA,GACA,iBAAA,GACA,SAAA,GACA,aAAA,GACA,iBAAA,GACA,mBAAA,GACA,mBAAA,GACA,qBAAA,GACA,OAAA,GACA,SAAA,GACA,gBAAA,GACA,GAAG,EAAA,GAEL,GACA;AACA,QAAM,IAAmB,GAAQ,KAAmB,IAG9C,IACJ,gBAAA,EAAA,GAAA,EAAA,UAAA,CACG,KACC,gBAAA,EAAC,GAAD;AAAA,IACE,cAAY;AAAA,IACZ,SAAA,CAAU,MAAM;AACd,MAAA,EAAE,gBAAgB,GAClB,IAAU;AAAA,IACZ;AAAA,IACA,aAAA,CAAc,MAAM;AAClB,MAAA,EAAE,gBAAgB;AAAA,IACpB;AAAA,IACA,cAAA,CAAe,MAAM;AACnB,MAAA,EAAE,gBAAgB;AAAA,IACpB;AAAA,IACA,IAAI;AAAA,MAAE,WAAW;AAAA,MAAI,UAAU;AAAA,MAAI,UAAU;AAAA,MAAY,OAAO;AAAA,MAAG,KAAK;AAAA,IAAE;AAAA,cAE1E,gBAAA,EAAC,GAAD,CAAQ,CAAA;AAAA,EACE,CAAA,GAEd,gBAAA,EAAC,GAAD;AAAA,IAAO,IAAI;AAAA,MAAE,KAAK;AAAA,MAAG,QAAQ;AAAA,MAAQ,gBAAgB;AAAA,IAAgB;AAAA,cAArE,CACE,gBAAA,EAAC,GAAD;AAAA,MAAO,IAAI;AAAA,QAAE,eAAe;AAAA,QAAO,KAAK;AAAA,MAAG;AAAA,gBAA3C,CACG,GACD,gBAAA,EAAC,GAAD;AAAA,QAAO,IAAI,EAAE,KAAK,EAAE;AAAA,kBAApB,CACE,gBAAA,EAAC,GAAD;AAAA,UAAO,IAAI;AAAA,YAAE,eAAe;AAAA,YAAO,gBAAgB;AAAA,UAAgB;AAAA,oBACjE,gBAAA,EAAC,GAAD;AAAA,YAAG,MAAM;AAAA,YAAM,IAAI,EAAE,YAAY,OAAO;AAAA,YAAG,SAAQ;AAAA,sBAChD;AAAA,UACA,CAAA;AAAA,QACE,CAAA,GACP,gBAAA,EAAC,GAAD;AAAA,UACE,yBAAyB,EAAE,QAAQ,EAAY;AAAA,UAC/C,IAAI;AAAA,YACF,SAAS;AAAA,YACT,UAAU;AAAA,YACV,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,iBAAiB,IAAmB,IAAI;AAAA,YACxC,gBAAgB;AAAA,cACd,YAAY;AAAA,cACZ,YAAY;AAAA,YACd;AAAA,UACF;AAAA,UACA,SAAQ;AAAA,QACT,CAAA,CACI;AAAA,QACF;AAAA,QAEN,KACC,gBAAA,EAAC,GAAD;AAAA,MACE,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,IAAI,IAAO,KAAK;AAAA,MAClB;AAAA,gBAPF,CASG,KACC,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,CAAU,MAAM;AACd,UAAA,EAAE,gBAAgB,GAClB,IAAkB;AAAA,QACpB;AAAA,QACA,aAAA,CAAc,MAAM;AAClB,UAAA,EAAE,gBAAgB;AAAA,QACpB;AAAA,QACA,cAAA,CAAe,MAAM;AACnB,UAAA,EAAE,gBAAgB;AAAA,QACpB;AAAA,QACA,MAAK;AAAA,QACL,IAAI;AAAA,UAAE,IAAI;AAAA,UAAG,IAAI,IAAO,IAAI;AAAA,QAAG;AAAA,QAC/B,SAAQ;AAAA,kBAER,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,SAAQ;AAAA,oBACvB;AAAA,QACG,CAAA;AAAA,MACA,CAAA,GA9EO,GAAQ,KAAqB,MAkF5C,gBAAA,EAAC,GAAD;AAAA,QACE,SAAA,CAAU,MAAM;AACd,UAAA,EAAE,gBAAgB,GAClB,IAAoB;AAAA,QACtB;AAAA,QACA,aAAA,CAAc,MAAM;AAClB,UAAA,EAAE,gBAAgB;AAAA,QACpB;AAAA,QACA,cAAA,CAAe,MAAM;AACnB,UAAA,EAAE,gBAAgB;AAAA,QACpB;AAAA,QACA,MAAK;AAAA,QACL,IAAI,EAAE,IAAI,EAAE;AAAA,QACZ,SAAQ;AAAA,kBAER,gBAAA,EAAC,GAAD;AAAA,UAAM,MAAM;AAAA,UAAM,IAAI,EAAE,OAAO,iBAAiB;AAAA,UAAG,SAAQ;AAAA,oBACxD;AAAA,QACG,CAAA;AAAA,MACA,CAAA,CAEL;AAAA,MAEJ;AAAA,IACP,EAAA,CAAA;AAGJ,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,eAAa,CAAC;AAAA,IACd,cAAY;AAAA,IACD,WAAA;AAAA,IACX,KAAK;AAAA,IACL,MAAK;AAAA,IACL,IAAI;AAAA,MACF,iBAAiB;AAAA,MACjB,QAAQ,IAAkB,SAAS;AAAA,MACnC,UAAU,IAAiB,GAAG,CAAA,OAAqB;AAAA,MACnD,UAAU;AAAA,MACV,IAAI;AAAA,MACJ,cAAc;AAAA,IAChB;AAAA,IACA,UAAU,KAAe,CAAC,IAAe,KAAK;AAAA,IACrC,SAAA;AAAA,IACT,GAAI;AAAA,cAEH,IACC,gBAAA,EAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,SAAS;AAAA,MACT,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,QAAQ;AAAA,MACV;AAAA,gBAEC;AAAA,IACa,CAAA,IAEhB,gBAAA,EAAC,GAAD;AAAA,MAAK,IAAI;AAAA,QAAE,IAAI;AAAA,QAAG,IAAI;AAAA,QAAI,IAAI;AAAA,QAAI,QAAQ;AAAA,MAAO;AAAA,gBAAI;AAAA,IAAkB,CAAA;AAAA,EAErE,CAAA;AAEV,CACF"}

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