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

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,13 @@
 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';
+export { default as MicroCardTemplate } from './MicroCardTemplate';

package/dist/microinsights/index.es.js

@@ -1,16 +1,103 @@
-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 V, B as _, C as A, c as F, a as R, b as $, I as q, M as G, d as J, N as K, V as Q, Z as U, e as X } from "../ViewMoreMicroCard-DwR0v_ll.mjs";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import g from "@mui/material/Avatar";
+import v from "@mui/material/Box";
+import d from "@mui/material/Button";
+import u from "@mui/material/Card";
+import I from "@mui/material/IconButton";
+import t from "@mui/material/Stack";
+import { Text as i, P as M } from "@mxenabled/mxui";
+import { Close as w, Error as B } from "@mxenabled/mx-icons";
+const k = {
+  close: "Close"
+}, y = ({
+  avatarSx: p,
+  cardSx: h,
+  description: m,
+  icon: x = /* @__PURE__ */ e(B, {}),
+  hasCardEffect: C = !1,
+  onClose: a,
+  onPrimaryAction: s,
+  onSecondaryAction: n,
+  primaryActionText: l,
+  secondaryActionText: c,
+  title: b
+}) => {
+  const o = !!(s && l), f = !!(n && c);
+  return /* @__PURE__ */ r(
+    C ? u : v,
+    {
+      sx: {
+        pb: 8,
+        position: "relative",
+        pt: 16,
+        px: 16,
+        ...h
+      },
+      children: [
+        a && /* @__PURE__ */ e(
+          I,
+          {
+            "aria-label": k.close,
+            onClick: a,
+            sx: { minHeight: 40, minWidth: 40, position: "absolute", right: 4, top: 4 },
+            children: /* @__PURE__ */ e(w, {})
+          }
+        ),
+        /* @__PURE__ */ r(t, { sx: { gap: 6 }, children: [
+          /* @__PURE__ */ r(t, { sx: { flexDirection: "row", gap: 12 }, children: [
+            /* @__PURE__ */ e(
+              g,
+              {
+                sx: {
+                  height: 32,
+                  width: 32,
+                  ...p
+                },
+                variant: "rounded",
+                children: x
+              }
+            ),
+            /* @__PURE__ */ r(t, { sx: { gap: 6 }, children: [
+              /* @__PURE__ */ e(t, { sx: { flexDirection: "row", justifyContent: "space-between" }, children: /* @__PURE__ */ e(i, { bold: !0, sx: { lineHeight: "16px" }, variant: "body1", children: b }) }),
+              /* @__PURE__ */ e(
+                M,
+                {
+                  dangerouslySetInnerHTML: { __html: m },
+                  sx: {
+                    display: "-webkit-box",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    WebkitBoxOrient: "vertical",
+                    WebkitLineClamp: o ? 2 : 3
+                  },
+                  variant: "subtitle2"
+                }
+              )
+            ] })
+          ] }),
+          o && /* @__PURE__ */ r(t, { sx: { alignItems: "center", flexDirection: "row", height: 28, pb: 4, pl: 36 }, children: [
+            o && /* @__PURE__ */ e(d, { onClick: s, size: "small", sx: { px: 8 }, variant: "text", children: /* @__PURE__ */ e(i, { bold: !0, variant: "body2", children: l }) }),
+            f && /* @__PURE__ */ e(d, { onClick: n, size: "small", sx: { px: 8 }, variant: "text", children: /* @__PURE__ */ e(i, { bold: !0, sx: { color: "text.secondary" }, variant: "body2", children: c }) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}, L = y;
 export {
-  s as AppStore,
-  e as BeatCard,
-  o as CarouselHeader,
-  t as ChartFilledIcon,
-  i as InsightsMicroWidget,
-  d as InsightsMicroWidgetDataProvider,
-  n as MicroBeatCarousel,
-  C as MicroInsightCard,
-  c as MonthlySpendComparisonIcon,
-  I as NoRelevantInsightsCard,
-  M as ViewMoreMicroCard,
-  g as ZeroStateCard,
-  h as ZeroStateIcon
+  V as AppStore,
+  _ as BaseCard,
+  A as CarouselHeader,
+  F as ChartFilledIcon,
+  R as InsightCard,
+  $ as InsightsMicroWidget,
+  q as InsightsMicroWidgetDataProvider,
+  G as MicroBeatCarousel,
+  L as MicroCardTemplate,
+  J as MonthlySpendComparisonIcon,
+  K as NoRelevantInsightsCard,
+  Q as ViewMoreMicroCard,
+  U as ZeroStateCard,
+  X as ZeroStateIcon
 };

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;
 }