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

package/dist/merchants/api/MerchantApi.js

@@ -0,0 +1,172 @@
+import "bowser";
+import "date-fns/getUnixTime";
+import { ApiEndpoints as p } from "../../common/constants/ApiEndpoints.js";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import { Fetch as n } from "../../common/utils/Fetch.js";
+import "react";
+import "numeral";
+import "@mui/material";
+import "react/jsx-runtime";
+import "@mui/material/Button";
+import "@mxenabled/mxui";
+import "@mui/material/Tooltip";
+import "@mui/material/Box";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mui/material/Paper";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "@mui/material/Stack";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import "@mui/material/CircularProgress";
+import "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItem";
+import "@mui/material/ListItemAvatar";
+import "@mui/material/ListItemButton";
+import "@mui/material/ListItemText";
+import "@mui/material/ListItemIcon";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "@mui/material/Divider";
+import "@mui/material/List";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../components/MerchantLookup.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+class pi {
+  fetchInstance;
+  constructor(t, r) {
+    this.fetchInstance = new n(t, r);
+  }
+  getMerchants = async (t = [], r = [], m = 1, e = 25) => {
+    let o = p.MERCHANTS;
+    return o += `?page=${m}&per_page=${e}`, t.length && t.forEach((i) => o += `&fuzzy_name[]=${i}`), r.length && r.forEach((i) => o += `&guid[]=${i}`), this.fetchInstance.get(o).then((i) => i.merchants);
+  };
+  getMerchantByGuid = async (t) => this.fetchInstance.get(`${p.MERCHANTS}/${t}`).then((r) => r.merchant);
+}
+export {
+  pi as MerchantApi
+};
+//# sourceMappingURL=MerchantApi.js.map

package/dist/merchants/api/MerchantApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MerchantApi.js","sources":["../../../src/merchants/api/MerchantApi.ts"],"sourcesContent":["import { ApiEndpoints, Fetch } from '../../common'\n\nexport class MerchantApi {\n  fetchInstance: Fetch\n\n  constructor(endpoint: string, token: string) {\n    this.fetchInstance = new Fetch(endpoint, token)\n  }\n\n  getMerchants = async (\n    searchValues = [] as string[],\n    guids = [] as string[],\n    page = 1,\n    perPage = 25,\n  ) => {\n    let url = ApiEndpoints.MERCHANTS\n    url += `?page=${page}&per_page=${perPage}`\n\n    if (searchValues.length) {\n      searchValues.forEach((value) => (url += `&fuzzy_name[]=${value}`))\n    }\n\n    if (guids.length) {\n      guids.forEach((guid) => (url += `&guid[]=${guid}`))\n    }\n\n    return this.fetchInstance.get(url).then((data) => data.merchants)\n  }\n\n  getMerchantByGuid = async (guid: string) => {\n    return this.fetchInstance.get(`${ApiEndpoints.MERCHANTS}/${guid}`).then((data) => data.merchant)\n  }\n}\n"],"names":["MerchantApi","endpoint","token","Fetch","searchValues","guids","page","perPage","url","ApiEndpoints","value","guid","data"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,MAAMA,GAAY;AAAA,EACvB;AAAA,EAEA,YAAYC,GAAkBC,GAAe;AAC3C,SAAK,gBAAgB,IAAIC,EAAMF,GAAUC,CAAK;AAAA,EAChD;AAAA,EAEA,eAAe,OACbE,IAAe,CAAA,GACfC,IAAQ,CACR,GAAAC,IAAO,GACPC,IAAU,OACP;AACH,QAAIC,IAAMC,EAAa;AAChB,WAAAD,KAAA,SAASF,CAAI,aAAaC,CAAO,IAEpCH,EAAa,UACfA,EAAa,QAAQ,CAACM,MAAWF,KAAO,iBAAiBE,CAAK,EAAG,GAG/DL,EAAM,UACRA,EAAM,QAAQ,CAACM,MAAUH,KAAO,WAAWG,CAAI,EAAG,GAG7C,KAAK,cAAc,IAAIH,CAAG,EAAE,KAAK,CAACI,MAASA,EAAK,SAAS;AAAA,EAAA;AAAA,EAGlE,oBAAoB,OAAOD,MAClB,KAAK,cAAc,IAAI,GAAGF,EAAa,SAAS,IAAIE,CAAI,EAAE,EAAE,KAAK,CAACC,MAASA,EAAK,QAAQ;AAEnG;"}

package/dist/merchants/components/MerchantLookup.js

@@ -0,0 +1,218 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import a from "react";
+import { observer as _ } from "mobx-react-lite";
+import { useVirtualizer as I } from "@tanstack/react-virtual";
+import c from "@mui/material/Box";
+import z from "@mui/material/Divider";
+import E from "@mui/material/List";
+import G from "@mui/material/ListItem";
+import M from "@mui/material/ListItemAvatar";
+import T from "@mui/material/ListItemButton";
+import A from "@mui/material/ListItemText";
+import V from "@mui/material/Paper";
+import h from "@mui/material/Stack";
+import { MerchantLogo as k, Text as R } from "@mxenabled/mxui";
+import "bowser";
+import "date-fns/getUnixTime";
+import "date-fns/intlFormat";
+import "../../common/constants/Account.js";
+import "../../common/constants/Category.js";
+import "date-fns/addMonths";
+import "date-fns/addQuarters";
+import "date-fns/addWeeks";
+import "date-fns/addYears";
+import "date-fns/getDay";
+import "date-fns/isBefore";
+import "date-fns/nextDay";
+import "date-fns/setDate";
+import "date-fns/startOfToday";
+import "date-fns/fromUnixTime";
+import "numeral";
+import "@mui/material";
+import "@mui/material/Button";
+import "@mui/material/Tooltip";
+import "@mui/material/IconButton";
+import "../../common/components/accountfilter/AccountFilterOptions.js";
+import { useMerchantStore as v, useGlobalCopyStore as w, useGlobalUiStore as C } from "../../common/context/hooks.js";
+import "../../common/context/GlobalDataProvider.js";
+import "../../common/context/WidgetContainerProvider.js";
+import "@mui/material/styles/useTheme";
+import "@mui/material/useMediaQuery";
+import "@mxenabled/cssinjs";
+import "date-fns/addDays";
+import "date-fns/eachDayOfInterval";
+import "date-fns/eachWeekOfInterval";
+import "date-fns/endOfMonth";
+import "date-fns/format";
+import "date-fns/isSameMonth";
+import "date-fns/startOfMonth";
+import "date-fns/subMonths";
+import "@mxenabled/mx-icons";
+import "date-fns/isSameDay";
+import "date-fns/isWithinInterval";
+import "d3";
+import "@mui/material/styles";
+import "@mui/x-charts";
+import "../../common/components/charts/linechart/CustomLegend.js";
+import "@mui/x-charts/ChartsTooltip";
+import "../../common/components/charts/stackedlinechart/CustomAreaTooltip.js";
+import "date-fns/differenceInCalendarDays";
+import "date-fns/endOfToday";
+import "date-fns/endOfYear";
+import "date-fns/startOfYear";
+import "date-fns/subDays";
+import "date-fns/subYears";
+import "@mui/material/ButtonGroup";
+import "@mui/material/Tab";
+import "@mui/material/Tabs";
+import "@mui/material/ToggleButton";
+import "@mui/material/ToggleButtonGroup";
+import "@mui/material/Dialog";
+import "@mui/material/DialogContent";
+import "../../common/components/ErrorBoundary.js";
+import "@mui/material/Card";
+import "@mui/material/CardContent";
+import "@mui/material/CardHeader";
+import "../../common/components/WidgetContainer.js";
+import "../../common/components/ConnectDrawer.js";
+import "uuid";
+import d from "../../common/components/Loader.js";
+import N from "../../common/components/SearchBox.js";
+import "@mui/material/FormControlLabel";
+import "@mui/material/Radio";
+import "@mui/material/Avatar";
+import "@mui/material/ListItemIcon";
+import "../../common/components/ListItemAction.js";
+import "@mui/material/MenuItem";
+import "@mui/material/TextField";
+import "@mui/material/Switch";
+import "mobx";
+import "../../accounts/AccountsWidget.js";
+import "../../accounts/AccountsMiniWidget.js";
+import "../../accounts/ConnectMiniWidget.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsHeader.js";
+import "../../accounts/components/detailsdrawer/Accounts/AccountDetailsContent.js";
+import "../../common/types/Account.js";
+import "posthog-js";
+import "../../cashflow/CashflowMiniWidget.js";
+import "../../cashflow/CashflowWidget.js";
+import "../../cashflow/CashflowOnboarding.js";
+import "date-fns/differenceInDays";
+import "../../categories/components/CategorySelector.js";
+import "../../categories/components/CategorySelectorDrawer.js";
+import "../../categories/components/CategoryRow.js";
+import "../../debts/DebtsWidget.js";
+import "@mui/x-data-grid-pro";
+import "date-fns";
+import "../../finstrong/components/FinancialStrengthGraph.js";
+import "../../finstrong/components/CreditScoreGraph.js";
+import "../../finstrong/FinstrongWidget.js";
+import "../../goals/GoalsWidget.js";
+import "../../goals/GoalsMicroWidget.js";
+import "../../investments/util/InvestmentUtil.js";
+import "../../networth/components/NetWorthChart.js";
+import "../../networth/components/NetWorthList.js";
+import "../../networth/components/NetWorthSummary.js";
+import "../../networth/NetWorthMicroWidget.js";
+import "../../networth/NetWorthWidget.js";
+import "../../notifications/components/NotificationList.js";
+import "../../notifications/components/NotificationDrawer.js";
+import "date-fns/formatISO";
+import "../../transactions/constants/Analytics.js";
+import "../../transactions/constants/Transaction.js";
+import "../../transactions/components/shared/transactionlist/TransactionRow.js";
+import "../../transactions/components/shared/TransactionList.js";
+import "../../transactions/components/shared/TransactionTable.js";
+import "../../transactions/components/shared/TransactionDetails.js";
+import "../../transactions/components/transactionwidget/AddAccountModal.js";
+import "../../transactions/TransactionWidget.js";
+import "../../settings/SettingsWidget.js";
+import "../../settings/components/SettingsWidgetContents.js";
+import "../../settings/components/profile/ProfileTab.js";
+import "../../settings/components/devices/DeviceTab.js";
+import "../../settings/NotificationSettingsWidget.js";
+import "../../settings/components/notifications/NotificationSettings.js";
+import "../../settings/components/notifications/AccountNotificationProfiles.js";
+import "../../settings/components/notifications/BudgetNotificationProfiles.js";
+import "../../settings/components/notifications/InsightsNotificationProfiles.js";
+import "../../settings/components/transactionrules/TransactionRulesTab.js";
+import "../../recurringtransactions/RecurringTransactionsWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMiniWidget.js";
+import "../../recurringtransactions/RecurringTransactionsMicroWidget.js";
+import "date-fns/isAfter";
+import "date-fns/parseISO";
+import "date-fns/subQuarters";
+import "date-fns/lastDayOfMonth";
+import "date-fns/setDayOfYear";
+import "../../recurringtransactions/components/shared/RecurringSettings.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageIncome.js";
+import "../../recurringtransactions/components/shared/recurringsettings/ManageExpenses.js";
+import "../../recurringtransactions/components/shared/recurringsettings/SelectTransaction.js";
+import "../../recurringtransactions/components/shared/recurringsettings/AddRecurringTransactionDetails.js";
+import "../../trends/TrendsFullWidget.js";
+import "../../trends/TrendsMiniWidget.js";
+import "../../trends/TrendsMicroWidget.js";
+import "../../trends/TrendsWidget.js";
+import "date-fns/addSeconds";
+import "date-fns/getMonth";
+const B = /^[ a-zA-ZÀ-ÿ0-9]+$/, H = 50, u = 65, P = ({
+  height: f = "calc(100dvh - 120px)",
+  onSelect: g
+}) => {
+  const { isLoading: s, merchants: i, loadMerchants: n } = v(), { common: m } = w(), { isCopyLoaded: x } = C(), [L, S] = a.useState("");
+  a.useEffect(() => {
+    n().finally();
+  }, [n]);
+  const b = (r) => {
+    g(r);
+  }, y = async (r) => {
+    (!r || B.test(r)) && r.length <= H && (S(r), await n(r));
+  }, l = a.useRef(null), p = I({
+    count: i.length,
+    getScrollElement: () => l.current,
+    estimateSize: () => u,
+    overscan: 5
+  });
+  return a.useEffect(() => p.measure(), [i]), x ? /* @__PURE__ */ o(h, { className: "mx-mrt-lookup", children: [
+    /* @__PURE__ */ t(
+      N,
+      {
+        ariaLabel: m.search_aria,
+        cancelAriaLabel: m.cancel_search_aria,
+        onChange: y,
+        placeholder: m.search_placeholder,
+        searchValue: L
+      }
+    ),
+    /* @__PURE__ */ t(V, { sx: { boxShadow: "none" }, children: /* @__PURE__ */ t(E, { children: /* @__PURE__ */ o(c, { height: f, overflow: "auto", ref: l, children: [
+      /* @__PURE__ */ o(c, { height: p.getTotalSize(), position: "relative", children: [
+        s && /* @__PURE__ */ t(d, { label: "Loading...", size: 32 }),
+        !s && p.getVirtualItems().length > 0 && p.getVirtualItems().map((r) => {
+          const e = i[r.index];
+          return /* @__PURE__ */ o(
+            c,
+            {
+              height: u,
+              position: "absolute",
+              sx: { transform: `translateY(${r.start}px)` },
+              width: "100%",
+              children: [
+                /* @__PURE__ */ t(G, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ o(T, { onClick: () => b(e.guid), children: [
+                  /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(k, { categoryGuid: "", merchantGuid: e.guid }) }),
+                  /* @__PURE__ */ t(A, { primary: e.name })
+                ] }) }),
+                /* @__PURE__ */ t(z, { sx: { ml: 24 } })
+              ]
+            },
+            e.guid
+          );
+        })
+      ] }),
+      !i.length && /* @__PURE__ */ t(h, { alignItems: "center", my: 24, children: /* @__PURE__ */ t(R, { bold: !0, color: "secondary", variant: "Small", children: m.search_zero_state }) })
+    ] }) }) })
+  ] }) : /* @__PURE__ */ t(d, {});
+}, No = _(P);
+export {
+  No as default
+};
+//# sourceMappingURL=MerchantLookup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MerchantLookup.js","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=\"Small\">\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"],"names":["NAME_PATTERN","MAX_LENGTH","ROW_HEIGHT","MerchantLookup","height","onSelect","isLoading","merchants","loadMerchants","useMerchantStore","copy","useGlobalCopyStore","isCopyLoaded","useGlobalUiStore","searchValue","setSearchValue","React","handleSelected","guid","handleSearch","value","parentRef","rowVirtualizer","useVirtualizer","jsxs","Stack","jsx","SearchBox","Paper","List","Box","Loader","row","merchant","ListItem","ListItemButton","ListItemAvatar","MerchantLogo","ListItemText","Divider","Text","MerchantLookup$1","observer"],"mappings":"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"}

package/dist/merchants/stores/MerchantStore.js

@@ -0,0 +1,27 @@
+import { makeAutoObservable as i, runInAction as n } from "mobx";
+import { MerchantApi as s } from "../api/MerchantApi.js";
+class c {
+  globalStore;
+  api = new s("/", "");
+  merchant = null;
+  merchants = [];
+  isLoading = !1;
+  constructor(t) {
+    this.globalStore = t, this.api = new s(t.endpoint, t.sessionToken), i(this);
+  }
+  loadMerchants = async (t = "") => {
+    this.isLoading = !0;
+    const a = await this.api.getMerchants([t]);
+    n(() => {
+      this.merchants = a, this.isLoading = !1;
+    });
+  };
+  loadMerchantByGuid = async (t) => {
+    const a = await this.api.getMerchantByGuid(t);
+    n(() => this.merchant = a);
+  };
+}
+export {
+  c as MerchantStore
+};
+//# sourceMappingURL=MerchantStore.js.map

package/dist/merchants/stores/MerchantStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MerchantStore.js","sources":["../../../src/merchants/stores/MerchantStore.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from 'mobx'\n\nimport { MerchantApi } from '../api/MerchantApi'\n\nimport { GlobalStore, Merchant } from '../../common'\n\nexport interface CopyObject {\n  [key: string]: string\n}\n\nexport class MerchantStore {\n  globalStore: GlobalStore\n  api: MerchantApi = new MerchantApi('/', '')\n\n  merchant: Merchant | null = null\n  merchants: Merchant[] = []\n  isLoading = false\n\n  constructor(globalStore: GlobalStore) {\n    this.globalStore = globalStore\n    this.api = new MerchantApi(globalStore.endpoint, globalStore.sessionToken)\n\n    makeAutoObservable(this)\n  }\n\n  loadMerchants = async (searchValue = '') => {\n    this.isLoading = true\n\n    const merchants = await this.api.getMerchants([searchValue])\n\n    runInAction(() => {\n      this.merchants = merchants\n      this.isLoading = false\n    })\n  }\n\n  loadMerchantByGuid = async (guid: string) => {\n    const merchant = await this.api.getMerchantByGuid(guid)\n\n    runInAction(() => (this.merchant = merchant))\n  }\n}\n"],"names":["MerchantStore","MerchantApi","globalStore","makeAutoObservable","searchValue","merchants","runInAction","guid","merchant"],"mappings":";;AAUO,MAAMA,EAAc;AAAA,EACzB;AAAA,EACA,MAAmB,IAAIC,EAAY,KAAK,EAAE;AAAA,EAE1C,WAA4B;AAAA,EAC5B,YAAwB,CAAA;AAAA,EACxB,YAAY;AAAA,EAEZ,YAAYC,GAA0B;AACpC,SAAK,cAAcA,GACnB,KAAK,MAAM,IAAID,EAAYC,EAAY,UAAUA,EAAY,YAAY,GAEzEC,EAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,gBAAgB,OAAOC,IAAc,OAAO;AAC1C,SAAK,YAAY;AAEjB,UAAMC,IAAY,MAAM,KAAK,IAAI,aAAa,CAACD,CAAW,CAAC;AAE3D,IAAAE,EAAY,MAAM;AAChB,WAAK,YAAYD,GACjB,KAAK,YAAY;AAAA,IAAA,CAClB;AAAA,EAAA;AAAA,EAGH,qBAAqB,OAAOE,MAAiB;AAC3C,UAAMC,IAAW,MAAM,KAAK,IAAI,kBAAkBD,CAAI;AAE1C,IAAAD,EAAA,MAAO,KAAK,WAAWE,CAAS;AAAA,EAAA;AAEhD;"}

package/dist/microinsights/analytics.js

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

package/dist/microinsights/analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics.js","sources":["../../src/microinsights/analytics.ts"],"sourcesContent":["import { analyticsSession } from '../common/utils/Analytics'\nimport { AnalyticsPageviewObjectType } from '../common/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"],"names":["onAnalyticEvent","event","session","ANALYTICS_EVENTS","response","error","onAnalyticPageView","page","ANALYTICS_PAGEVIEWS"],"mappings":";AAQa,MAAAA,IAAkB,OAAOC,GAAeC,MAC/C,CAACA,KAAW,CAACC,EAAiBF,CAAK,IAAU,OAE1CC,EACJ,kBAAkBC,EAAiBF,CAAK,CAA8B,EACtE,KAAK,CAACG,MAAaA,CAAQ,EAC3B,MAAM,CAACC,MAAU;AACV,QAAAA;AAAA,CACP,GAGQC,IAAqB,OAAOC,GAAcL,MACjD,CAACA,KAAW,CAACM,EAAoBD,CAAI,IAChC,OAGFL,EACJ,sBAAsBM,EAAoBD,CAAI,CAAgC,EAC9E,KAAK,CAACH,MAAaA,CAAQ,EAC3B,MAAM,CAACC,MAAU;AACV,QAAAA;AAAA,CACP;"}

package/dist/microinsights/components/MicroWidgetContainer.js

@@ -0,0 +1,29 @@
+import { jsx as t } from "react/jsx-runtime";
+import a from "@mui/material/Box";
+import { useCopyStore as s } from "../context/hooks.js";
+const u = ({
+  heightOverrides: o,
+  widthOverrides: r,
+  children: e
+}) => {
+  const { carouselCopy: i } = s();
+  return /* @__PURE__ */ t(
+    a,
+    {
+      "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 {
+  u as default
+};
+//# sourceMappingURL=MicroWidgetContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MicroWidgetContainer.js","sources":["../../../src/microinsights/components/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"],"names":["MicroWidgetContainer","heightOverrides","widthOverrides","children","copy","useCopyStore","jsx","Box"],"mappings":";;;AAWA,MAAMA,IAA+E,CAAC;AAAA,EACpF,iBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAM,EAAE,cAAcC,EAAK,IAAIC,EAAa;AAG1C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAYH,GAAM;AAAA,MAClB,wBAAqB;AAAA,MACrB,MAAK;AAAA,MACL,IAAI;AAAA,QACF,WAAW;AAAA,QACX,QAASH,IAA2B,SAAT;AAAA,QAC3B,GAAG;AAAA,QACH,OAAQC,IAA0B,SAAT;AAAA,MAC3B;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/microinsights/components/beatCard/BeatCard.js

@@ -0,0 +1,102 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useEffect as _ } from "react";
+import { useInView as T } from "react-intersection-observer";
+import { MicroInsightCard as N } from "../microInsightCard/MicroInsightCard.js";
+import "@mxenabled/mxui";
+import "../../../common/constants/Category.js";
+import "../beaticons/BeatMerchantLogo.js";
+import { BeatIcon as s } from "../beaticons/BeatIcon.js";
+import { useCopyStore as k, useEvent as B, useInsightsMicroWidgetStore as M } from "../../context/hooks.js";
+import { ON_VIEW_FIRST_TIME_EVENT as W, ON_VIEW_EVENT as v, ON_CLICK_EVENT as w } from "../../constants/Analytics.js";
+import { VIEW_THRESHOLD as R } from "../../constants/App.js";
+const G = ({
+  ariaLabel: l,
+  backgroundColor: a,
+  beat: i,
+  clientColorScheme: n,
+  showCTAColocatedWithText: d = !0,
+  heightOverrides: f,
+  index: o,
+  isActiveCard: g,
+  onCardClick: p,
+  posthog: t,
+  showIcon: u,
+  variant: h,
+  widthOverrides: E
+}) => {
+  const { ref: I, inView: r } = T({
+    threshold: R
+  }), { cardsCopy: y } = k(), { onEvent: m } = B(), { updateBeat: C, updateOffer: O } = M();
+  _(() => {
+    r && (i.has_been_displayed ? m(v(i.template)) : (i.guid.startsWith("OFR") ? O({
+      ...i,
+      has_been_displayed: !0
+    }) : C({
+      ...i,
+      has_been_displayed: !0
+    }), m(W(i.template))));
+  }, [r]), _(() => {
+    if (r && i)
+      if (i.template === "MarketingOffer") {
+        const e = i;
+        t?.capture("viewed_messaging_insight", {
+          template: i.template,
+          campaign_guid: e.campaign_guid,
+          campaign_name: e.pulse_campaign_name
+        });
+      } else
+        t?.capture("viewed_insight", {
+          beat_guid: i.guid,
+          template: i.template,
+          position: o
+        });
+  }, [i, o, r]);
+  const V = () => {
+    if (p && p(i), m(w(i.template)), i.template === "MarketingOffer") {
+      const e = i;
+      t?.capture("clicked_messaging_insight", {
+        template: i.template,
+        campaign_guid: e.campaign_guid,
+        campaign_name: e.pulse_campaign_name
+      });
+    } else
+      t?.capture("clicked_insight", {
+        beat_guid: i.guid,
+        template: i.template,
+        position: o
+      });
+  };
+  return /* @__PURE__ */ c(
+    N,
+    {
+      actionText: i.micro_call_to_action || y.micro_card_cta,
+      ariaLabel: l,
+      backgroundColor: a,
+      description: i?.html_micro_description && i?.html_micro_description.length > 0 ? i.html_micro_description : i.html_description,
+      fontColors: { buttonColor: n?.primary_300 },
+      heightOverrides: f,
+      icon: s && /* @__PURE__ */ c(
+        s,
+        {
+          beat: i,
+          clientColorScheme: n,
+          color: i?.icon_color,
+          type: i?.icon_type
+        }
+      ),
+      isActiveCard: g,
+      onCardClick: V,
+      posthog: t,
+      ref: I,
+      showCTAColocatedWithText: d,
+      showIcon: u,
+      title: i.micro_title && i.micro_title.length > 0 ? i.micro_title : i.title,
+      variant: h,
+      widthOverrides: E
+    }
+  );
+};
+export {
+  G as BeatCard
+};
+//# sourceMappingURL=BeatCard.js.map

package/dist/microinsights/components/beatCard/BeatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeatCard.js","sources":["../../../../src/microinsights/components/beatCard/BeatCard.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { useInView } from 'react-intersection-observer'\n\nimport { MicroInsightCard } from '../../components/microInsightCard/MicroInsightCard'\nimport { BeatIcon } from '../beaticons'\n\nimport { useCopyStore, useEvent, useInsightsMicroWidgetStore } from '../../context/hooks'\n\nimport { ON_CLICK_EVENT, ON_VIEW_EVENT, ON_VIEW_FIRST_TIME_EVENT } from '../../constants/Analytics'\nimport { VIEW_THRESHOLD } from '../../constants/App'\n\nimport type { MicroWidgetProps, BeatLikeOffer } from '../../interfaces'\nimport type { Beat } from '../../../common/types/Beat'\n\nexport interface BeatCardProps extends MicroWidgetProps {\n  backgroundColor?: string\n  beat: Beat | BeatLikeOffer\n  index?: number\n  variant?: 'elevation' | 'outlined'\n}\n\nexport const BeatCard: React.FC<BeatCardProps> = ({\n  ariaLabel,\n  backgroundColor,\n  beat,\n  clientColorScheme,\n  showCTAColocatedWithText = true,\n  heightOverrides,\n  index,\n  isActiveCard,\n  onCardClick,\n  posthog,\n  showIcon,\n  variant,\n  widthOverrides,\n}) => {\n  const { ref, inView }: { ref: any; inView: any } = useInView({\n    threshold: VIEW_THRESHOLD,\n  })\n\n  // *************** Context functions *********************\n  const { cardsCopy } = useCopyStore()\n  const { onEvent } = useEvent()\n  const { updateBeat, updateOffer } = useInsightsMicroWidgetStore()\n\n  // ************** Use Effects Hooks **********************\n  useEffect(() => {\n    if (inView) {\n      if (!beat.has_been_displayed) {\n        if (beat.guid.startsWith('OFR')) {\n          updateOffer({\n            ...beat,\n            has_been_displayed: true,\n          })\n        } else {\n          updateBeat({\n            ...beat,\n            has_been_displayed: true,\n          })\n        }\n        onEvent(ON_VIEW_FIRST_TIME_EVENT(beat.template))\n      } else {\n        onEvent(ON_VIEW_EVENT(beat.template))\n      }\n    }\n  }, [inView])\n\n  useEffect(() => {\n    if (inView && beat) {\n      if (beat.template === 'MarketingOffer') {\n        const offerBeat = beat as BeatLikeOffer\n        posthog?.capture('viewed_messaging_insight', {\n          template: beat.template,\n          campaign_guid: offerBeat.campaign_guid,\n          campaign_name: offerBeat.pulse_campaign_name,\n        })\n      } else {\n        posthog?.capture('viewed_insight', {\n          beat_guid: beat.guid,\n          template: beat.template,\n          position: index,\n        })\n      }\n    }\n  }, [beat, index, inView])\n\n  // *************** Click handlers ************************\n  const handleClick = () => {\n    /* eslint-disable no-unused-expressions */\n    onCardClick && onCardClick(beat)\n    onEvent(ON_CLICK_EVENT(beat.template))\n\n    if (beat.template === 'MarketingOffer') {\n      const offerBeat = beat as BeatLikeOffer\n      posthog?.capture('clicked_messaging_insight', {\n        template: beat.template,\n        campaign_guid: offerBeat.campaign_guid,\n        campaign_name: offerBeat.pulse_campaign_name,\n      })\n    } else {\n      posthog?.capture('clicked_insight', {\n        beat_guid: beat.guid,\n        template: beat.template,\n        position: index,\n      })\n    }\n  }\n\n  return (\n    <MicroInsightCard\n      actionText={beat.micro_call_to_action || cardsCopy.micro_card_cta}\n      ariaLabel={ariaLabel}\n      backgroundColor={backgroundColor}\n      description={\n        beat?.html_micro_description && beat?.html_micro_description.length > 0\n          ? beat.html_micro_description\n          : beat.html_description\n      }\n      fontColors={{ buttonColor: clientColorScheme?.primary_300 }}\n      heightOverrides={heightOverrides}\n      icon={\n        BeatIcon && (\n          <BeatIcon\n            beat={beat}\n            clientColorScheme={clientColorScheme}\n            color={beat?.icon_color}\n            type={beat?.icon_type}\n          />\n        )\n      }\n      isActiveCard={isActiveCard}\n      onCardClick={handleClick}\n      posthog={posthog}\n      ref={ref}\n      showCTAColocatedWithText={showCTAColocatedWithText}\n      showIcon={showIcon}\n      title={beat.micro_title && beat.micro_title.length > 0 ? beat.micro_title : beat.title}\n      variant={variant}\n      widthOverrides={widthOverrides}\n    />\n  )\n}\n"],"names":["BeatCard","ariaLabel","backgroundColor","beat","clientColorScheme","showCTAColocatedWithText","heightOverrides","index","isActiveCard","onCardClick","posthog","showIcon","variant","widthOverrides","ref","inView","useInView","VIEW_THRESHOLD","cardsCopy","useCopyStore","onEvent","useEvent","updateBeat","updateOffer","useInsightsMicroWidgetStore","useEffect","ON_VIEW_EVENT","ON_VIEW_FIRST_TIME_EVENT","offerBeat","handleClick","ON_CLICK_EVENT","jsx","MicroInsightCard","BeatIcon"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useState as i, useEffect as g } from "react";
+import { CategoryIcon as s } from "@mxenabled/mxui";
+import { CategoryGuids as m } from "../../../common/constants/Category.js";
+const d = ({ beat: r }) => {
+  const [t, o] = i(m.UNCATEGORIZED);
+  return g(() => {
+    r.primary_category_guid ? o(r.primary_category_guid) : r.category_guids?.length && o(r.category_guids[0]);
+  }, []), /* @__PURE__ */ e(s, { categoryGuid: t, size: 16, sx: { minWidth: 16 } });
+};
+export {
+  d as BeatCategoryIcon
+};
+//# sourceMappingURL=BeatCategoryIcon.js.map