@mx-cartographer/experiences 8.0.0-alpha.bb3 → 8.0.0-alpha.bb4

package/dist/merchants/index.es.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import s from "react";
-import { observer as y } from "mobx-react-lite";
+import { observer as M } from "mobx-react-lite";
 import { useVirtualizer as _ } from "@tanstack/react-virtual";
 import m from "@mui/material/Box";
 import I from "@mui/material/Divider";
@@ -12,10 +12,10 @@ 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 { c as v, u as w, b as C } from "../hooks-D6XlXHf4.mjs";
-import { L as p } from "../Loader-DUaFpDGv.mjs";
-import { S as N } from "../SearchBox-B2_zLv8-.mjs";
-import { M as ne } from "../MerchantStore-DrFvsUyy.mjs";
+import { c as v, u as w, b as C } from "../hooks-C41HAxM5.mjs";
+import { L as p } from "../Loader-Ckqi9Rx6.mjs";
+import { S as N } from "../SearchBox-B7km148n.mjs";
+import { M as ne } from "../MerchantStore-WvZ4gnQe.mjs";
 const B = /^[ a-zA-ZÀ-ÿ0-9]+$/, H = 50, u = 65, P = ({
   height: f = "calc(100dvh - 120px)",
   onSelect: g
@@ -26,7 +26,7 @@ const B = /^[ a-zA-ZÀ-ÿ0-9]+$/, H = 50, u = 65, P = ({
   }, [c]);
   const b = (t) => {
     g(t);
-  }, M = async (t) => {
+  }, y = async (t) => {
     (!t || B.test(t)) && t.length <= H && (S(t), await c(t));
   }, h = s.useRef(null), i = _({
     count: o.length,
@@ -40,7 +40,7 @@ const B = /^[ a-zA-ZÀ-ÿ0-9]+$/, H = 50, u = 65, P = ({
       {
         ariaLabel: a.search_aria,
         cancelAriaLabel: a.cancel_search_aria,
-        onChange: M,
+        onChange: y,
         placeholder: a.search_placeholder,
         searchValue: x
       }
@@ -69,10 +69,10 @@ const B = /^[ a-zA-ZÀ-ÿ0-9]+$/, H = 50, u = 65, P = ({
           );
         })
       ] }),
-      !o.length && /* @__PURE__ */ e(d, { alignItems: "center", my: 24, children: /* @__PURE__ */ e(R, { bold: !0, color: "secondary", variant: "Small", children: a.search_zero_state }) })
+      !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(p, {});
-}, oe = y(P);
+}, oe = M(P);
 export {
   oe as MerchantLookup,
   ne as MerchantStore

package/dist/microinsights/beaticons/BeatIcon.d.ts

@@ -1,10 +1,3 @@
 import { default as React } from 'react';
-import { clientColorSchemeProps } from '..';
-import { Beat } from '../../common/types/Beat';
-export interface BeatIconProps {
-    beat?: Beat;
-    clientColorScheme?: clientColorSchemeProps;
-    color?: string | null;
-    type?: number | null;
-}
-export declare const BeatIcon: React.FC<BeatIconProps>;
+import { WeGotTheBeat } from '../interfaces';
+export declare const BeatIcon: React.FC<WeGotTheBeat>;

package/dist/microinsights/beaticons/BeatMerchantLogo.d.ts

@@ -1,3 +1,4 @@
+import { FC } from 'react';
 import { WeGotTheBeat } from '../interfaces';
-declare const _default: import('react').FunctionComponent<WeGotTheBeat>;
-export default _default;
+declare const BeatMerchantLogo: FC<WeGotTheBeat>;
+export default BeatMerchantLogo;

package/dist/microinsights/beaticons/MonthlySpendComparisonIcon.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { WeGotTheBeat } from '../interfaces';
 import { DataSeries } from '../../common/types/Beat';
-export declare const getIconColor: (data: DataSeries | undefined, designTokens: any) => any;
+import { Theme } from '@mui/material/styles';
+export declare const getIconColor: (data: DataSeries | undefined, theme: Theme) => string;
 export declare const MonthlySpendComparisonIcon: FC<WeGotTheBeat>;

package/dist/microinsights/cards/{MicroInsightCard.d.ts → BaseCard.d.ts}

@@ -6,15 +6,8 @@ interface MicroInsightProps extends MicroWidgetProps {
     description?: string;
     icon: React.ReactNode;
     isZeroState?: boolean;
-    fontColors?: fontColors;
     style?: StyleProps;
     title?: string;
 }
-interface fontColors {
-    buttonColor?: string;
-    headerColor?: string;
-    iconColor?: string;
-    textColor?: string;
-}
-export declare const MicroInsightCard: React.ForwardRefExoticComponent<MicroInsightProps & React.RefAttributes<HTMLDivElement>>;
+export declare const BaseCard: React.ForwardRefExoticComponent<MicroInsightProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/microinsights/cards/{BeatCard.d.ts → InsightCard.d.ts}

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 import { MicroWidgetProps, BeatLikeOffer } from '../interfaces';
 import { Beat } from '../../common/types/Beat';
-export interface BeatCardProps extends MicroWidgetProps {
+export interface InsightCardProps extends MicroWidgetProps {
     backgroundColor?: string;
     beat: Beat | BeatLikeOffer;
     index?: number;
     variant?: 'elevation' | 'outlined';
 }
-export declare const BeatCard: React.FC<BeatCardProps>;
+export declare const InsightCard: React.FC<InsightCardProps>;

package/dist/microinsights/cards/NoRelevantInsightsCard.d.ts

@@ -1,8 +1,5 @@
 import { default as React } from 'react';
 import { MicroWidgetProps } from '../interfaces';
-export interface MicroZeroStateCardProps extends MicroWidgetProps {
-    carouselSize: string;
-}
-export declare const NoRelevantInsightsCard: React.FC<MicroZeroStateCardProps>;
-declare const _default: React.FunctionComponent<MicroZeroStateCardProps>;
+export declare const NoRelevantInsightsCard: React.FC<MicroWidgetProps>;
+declare const _default: React.FunctionComponent<MicroWidgetProps>;
 export default _default;

package/dist/microinsights/cards/ZeroStateCard.d.ts

@@ -1,8 +1,5 @@
 import { default as React } from 'react';
 import { MicroWidgetProps } from '../interfaces';
-export interface ZeroStateCardProps extends MicroWidgetProps {
-    carouselSize: string;
-}
-export declare const ZeroStateCard: React.FC<ZeroStateCardProps>;
-declare const _default: React.FunctionComponent<ZeroStateCardProps>;
+export declare const ZeroStateCard: React.FC<MicroWidgetProps>;
+declare const _default: React.FunctionComponent<MicroWidgetProps>;
 export default _default;

package/dist/microinsights/carousel/BeatList.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { MicroWidgetProps } from '..';
+import { Beat } from '../../common/types/Beat';
+export interface BeatListProps extends MicroWidgetProps {
+    activeCardIndex: number;
+    beats: Beat[];
+    cardWidth: number | null;
+}
+declare const BeatList: React.FC<BeatListProps>;
+export default BeatList;

package/dist/microinsights/carousel/CarouselControls.d.ts

@@ -1,14 +1,12 @@
 import { default as React } from 'react';
-import { clientColorSchemeProps } from '..';
 export interface CarouselControlsProps {
-    clientColorScheme?: clientColorSchemeProps;
     currentBeatIndex: number;
     numBeats: number;
     onNextClick: () => void;
     onPreviousClick: () => void;
     scrollRightBoundary: number;
     scrollX: number;
-    shouldApplyNewAnimation?: boolean;
+    shouldApplyDotAnimation?: boolean;
     visibleCardsCount?: number;
 }
 export declare const CarouselControls: React.FC<CarouselControlsProps>;

package/dist/microinsights/carousel/CarouselHeader.d.ts

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
 import { Beat } from '../../common/types/Beat';
-import { clientColorSchemeProps, TheWholeHog } from '../interfaces';
+import { TheWholeHog } from '../interfaces';
 export interface CarouselHeaderProps {
     analyticsMetadata?: object;
-    clientColorScheme?: clientColorSchemeProps;
     onCardClick: (beat?: Beat | undefined) => void;
     posthog?: TheWholeHog;
     widthOverrides?: number | string;

package/dist/microinsights/constants/App.d.ts

@@ -1,4 +1,3 @@
 export declare const SUPPORTED_CAROUSEL_HEIGHTS: any;
-export declare const CAROUSEL_FONT_STYLES: any;
 export declare const MINIMUM_SWIPE_DISTANCE = 50;
 export declare const VIEW_THRESHOLD = 1;

package/dist/microinsights/index.d.ts

@@ -1,12 +1,12 @@
 export { AppStore } from './stores/AppStore';
 export { InsightsMicroWidgetDataProvider } from './context/InsightsMicroWidgetDataProvider';
-export { BeatCard } from './cards/BeatCard';
+export { InsightCard } from './cards/InsightCard';
 export { default as MicroBeatCarousel } from './carousel/MicroBeatCarousel';
-export { MicroInsightCard } from './cards/MicroInsightCard';
+export { BaseCard } from './cards/BaseCard';
 export { default as CarouselHeader } from './carousel/CarouselHeader';
 export { default as InsightsMicroWidget } from './InsightsMicroWidget';
 export { default as NoRelevantInsightsCard } from './cards/NoRelevantInsightsCard';
 export { default as ViewMoreMicroCard } from './cards/ViewMoreMicroCard';
 export { default as ZeroStateCard } from './cards/ZeroStateCard';
 export { ChartFilledIcon, MonthlySpendComparisonIcon, ZeroStateIcon } from './beaticons';
-export type { clientColorSchemeProps, MicroWidgetProps, StyleProps } from './interfaces';
+export type { MicroWidgetProps, StyleProps } from './interfaces';

package/dist/microinsights/index.es.js

@@ -1,13 +1,13 @@
-import { A as s, B as e, C as o, c as t, b as i, I as d, M as n, a as C, d as c, N as I, V as M, Z as g, e as h } from "../ViewMoreMicroCard-SCn2wt4i.mjs";
+import { A as e, B as r, C as o, c as t, a as i, b as d, I as n, M as C, d as c, N as I, V as M, Z as g, e as h } from "../ViewMoreMicroCard-DAkyNRlD.mjs";
 export {
-  s as AppStore,
-  e as BeatCard,
+  e as AppStore,
+  r as BaseCard,
   o as CarouselHeader,
   t as ChartFilledIcon,
-  i as InsightsMicroWidget,
-  d as InsightsMicroWidgetDataProvider,
-  n as MicroBeatCarousel,
-  C as MicroInsightCard,
+  i as InsightCard,
+  d as InsightsMicroWidget,
+  n as InsightsMicroWidgetDataProvider,
+  C as MicroBeatCarousel,
   c as MonthlySpendComparisonIcon,
   I as NoRelevantInsightsCard,
   M as ViewMoreMicroCard,

package/dist/microinsights/interfaces.d.ts

@@ -1,23 +1,17 @@
 import { Beat } from '../common/types/Beat';
-export interface clientColorSchemeProps {
-    [key: string]: string | undefined;
-}
 export interface MicroWidgetProps {
     allowSingleCardPeeking?: boolean;
     ariaLabel?: string;
-    clientColorScheme?: clientColorSchemeProps;
     showCTAColocatedWithText?: boolean;
     heightOverrides?: number | string;
     isActiveCard?: boolean;
     onCardClick?: (beat?: Beat | undefined) => void;
     posthog?: TheWholeHog;
-    shouldApplyNewAnimation?: boolean;
     showBorder?: boolean;
     showCarouselControls?: boolean;
     showHeader?: boolean;
     showIcon?: boolean;
     showWithMargin?: boolean;
-    useDarkMode?: boolean;
     variant?: 'elevation' | 'outlined' | undefined;
     widthOverrides?: number;
 }

package/dist/networth/components/NetWorthChange.d.ts

@@ -8,5 +8,7 @@ interface NetWorthChangeProps {
     iconSize?: number;
     theme: Theme;
 }
-declare const _default: import('react').FunctionComponent<NetWorthChangeProps>;
+declare const _default: (({ currencyLabel, currencyVariant, iconSize, netWorth, theme, }: NetWorthChangeProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
 export default _default;