@mx-cartographer/experiences 7.4.10 → 7.4.11

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.4.11] - 12-18-2025
+
+- **ADDED** - `MicroCardTemplate` for `Insights`
+
 ## [7.4.10] - 12-16-2025
 
 - **ADDED** - `useWidgetLoadTime` hook to replace `GlobalDataProvider.onLoad`

package/dist/microinsights/MicroCardTemplate.d.ts

@@ -0,0 +1,16 @@
+import { SxProps } from '@mui/material/styles';
+interface MicroCardTemplateProps {
+    avatarSx?: SxProps;
+    cardSx?: SxProps;
+    description: string;
+    icon?: React.ReactNode;
+    hasCardEffect?: boolean;
+    onClose?: () => void;
+    onPrimaryAction?: () => void;
+    onSecondaryAction?: () => void;
+    primaryActionText?: string;
+    secondaryActionText?: string;
+    title: string;
+}
+declare const MicroCardTemplate: ({ avatarSx, cardSx, description, icon, hasCardEffect, onClose, onPrimaryAction, onSecondaryAction, primaryActionText, secondaryActionText, title, }: MicroCardTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export default MicroCardTemplate;

package/dist/microinsights/index.d.ts

@@ -10,3 +10,4 @@ export { default as ViewMoreMicroCard } from './cards/ViewMoreMicroCard';
 export { default as ZeroStateCard } from './cards/ZeroStateCard';
 export { ChartFilledIcon, MonthlySpendComparisonIcon, ZeroStateIcon } from './beaticons';
 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 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-DwR0v_ll.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: 16 }, 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 {
-  e as AppStore,
-  r as BaseCard,
-  o as CarouselHeader,
-  t as ChartFilledIcon,
-  i as InsightCard,
-  d as InsightsMicroWidget,
-  n as InsightsMicroWidgetDataProvider,
-  C as MicroBeatCarousel,
-  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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.4.10",
+  "version": "7.4.11",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",