@mx-cartographer/experiences 7.11.7 → 7.11.8

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [7.11.8] - 03-04-2026
+
+- **UPDATED** - `categoryBudget` cta button 
+
 ## [7.11.7] - 03-04-2026
 
 - **UPDATED** - Transaction Details | Added "Add a Merchant Budgets" | Without "Manage merchant Budget Flow"

package/dist/insights/components/insights/CategoryBudget/types/CategoryBudget.d.ts

@@ -3,6 +3,7 @@ export interface CategoryBudgetProps extends CommonBeatProps {
     amount: string;
     budgetPercentage: number;
     label: string;
+    hasBudget?: boolean;
     avatarBgColor?: string;
     leftLabel: string;
     rightLabel: string;

package/dist/insights/index.es.js

@@ -2403,44 +2403,54 @@ const Ae = ({
   label: n,
   beat: i,
   budgetPercentage: l,
-  leftLabel: o,
-  rightLabel: a,
-  buttonProps: s,
-  ...h
+  hasBudget: o = !1,
+  leftLabel: a,
+  rightLabel: s,
+  buttonProps: h,
+  ...d
 }) => {
-  const { category_guid: d } = i.payload, m = () => l > 100 ? "error.main" : l > 50 ? "warning.main" : "success.main", p = Ze(), u = Se(d, p);
+  const { category_guid: m } = i.payload, p = () => l > 100 ? "error.main" : l > 50 ? "warning.main" : "success.main", u = Ze(), C = Se(m, u);
   return /* @__PURE__ */ e(
     v,
     {
-      ...h,
+      ...d,
       beat: i,
-      button: /* @__PURE__ */ e(H, { ...s, beat: i }),
+      button: /* @__PURE__ */ e(
+        H,
+        {
+          ...h,
+          beat: {
+            ...i,
+            call_to_action: o ? i.supporting_action : i.call_to_action
+          }
+        }
+      ),
       contentProps: { sx: { "& p": { px: 0, pb: 16, pt: 20 } } },
-      header: { ...h.header, sx: { mb: 20 } },
+      header: { ...d.header, sx: { mb: 20 } },
       children: /* @__PURE__ */ e(
         re,
         {
           amount: r,
           borderRadius: "6px",
-          completeColor: m(),
+          completeColor: p(),
           icon: /* @__PURE__ */ e(
             y1,
             {
-              categoryGuid: d,
+              categoryGuid: m,
               size: 44,
               sx: {
                 color: "text.primary",
-                bgcolor: R1(u, 0.25),
-                borderColor: u,
+                bgcolor: R1(C, 0.25),
+                borderColor: C,
                 borderWidth: 1,
                 borderStyle: "solid"
               }
             }
           ),
           label: n,
-          leftLabel: o,
+          leftLabel: a,
           percentComplete: l,
-          rightLabel: a,
+          rightLabel: s,
           sx: { p: 0, "& .details-container": { gap: 12 } }
         }
       )

package/package.json

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