@mx-cartographer/experiences 7.2.14-alpha.san1 → 7.2.14-alpha.san3

package/dist/{FinstrongStore-1MFI6RcM.mjs → FinstrongStore-bkPQR8ln.mjs}

@@ -1,17 +1,17 @@
 import { makeAutoObservable as D, runInAction as l } from "mobx";
-import { format as R } from "date-fns/format";
+import { format as y } from "date-fns/format";
 import { fromUnixTime as b } from "date-fns/fromUnixTime";
 import { getUnixTime as I } from "date-fns/getUnixTime";
 import { subMonths as H } from "date-fns/subMonths";
 import { F as x, A as h } from "./Fetch-87LIQbEA.mjs";
-import { jsx as c, jsxs as T } from "react/jsx-runtime";
+import { jsx as i, jsxs as T } from "react/jsx-runtime";
 import { addDays as v } from "date-fns/addDays";
 import { addMonths as M } from "date-fns/addMonths";
 import { addYears as G } from "date-fns/addYears";
 import { differenceInDays as L } from "date-fns/differenceInDays";
-import { differenceInMonths as w } from "date-fns/differenceInMonths";
+import { differenceInMonths as N } from "date-fns/differenceInMonths";
 import { differenceInWeeks as A } from "date-fns/differenceInWeeks";
-import { startOfToday as N } from "date-fns/startOfToday";
+import { startOfToday as w } from "date-fns/startOfToday";
 import { ChevronRight as P, Check as k } from "@mxenabled/mx-icons";
 import $ from "react";
 import K from "@mui/material/Avatar";
@@ -20,11 +20,11 @@ import Y from "@mui/material/Divider";
 import U from "@mui/material/List";
 import X from "@mui/material/ListItem";
 import V from "@mui/material/ListItemAvatar";
-import W from "@mui/material/ListItemButton";
-import j from "@mui/material/ListItemText";
+import j from "@mui/material/ListItemButton";
+import z from "@mui/material/ListItemText";
 import { Text as F } from "@mxenabled/mxui";
 import { f as _, a as C } from "./Dialog-BPTr3qHE.mjs";
-import { b as z } from "./Localization-2MODESHW.mjs";
+import { b as W } from "./Localization-2MODESHW.mjs";
 const m = {
   creditScore: {
     poor: 600,
@@ -53,7 +53,7 @@ const m = {
   MISSING: "MISSING DATA"
 };
 var O = /* @__PURE__ */ ((e) => (e.Connections = "connections", e.CreditScore = "credit_score", e.DateOfBirth = "date_of_birth", e.MonthlyIncome = "monthly_income", e))(O || {});
-const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ c(
+const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ i(B, { sx: { bgcolor: "background.paper" }, children: /* @__PURE__ */ i(
   U,
   {
     sx: {
@@ -63,8 +63,8 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
       }
     },
     children: e.map((r, n) => /* @__PURE__ */ T($.Fragment, { children: [
-      /* @__PURE__ */ c(X, { secondaryAction: /* @__PURE__ */ c(P, {}), children: /* @__PURE__ */ T(W, { onClick: () => t(r.key), children: [
-        /* @__PURE__ */ c(V, { children: /* @__PURE__ */ c(
+      /* @__PURE__ */ i(X, { secondaryAction: /* @__PURE__ */ i(P, {}), children: /* @__PURE__ */ T(j, { onClick: () => t(r.key), children: [
+        /* @__PURE__ */ i(V, { children: /* @__PURE__ */ i(
           K,
           {
             sx: {
@@ -80,15 +80,15 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
             children: r.icon
           }
         ) }),
-        /* @__PURE__ */ c(
-          j,
+        /* @__PURE__ */ i(
+          z,
           {
-            primary: /* @__PURE__ */ c(F, { sx: { color: "text.secondary" }, variant: "caption", children: r.primaryText }),
-            secondary: /* @__PURE__ */ c(F, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: r.secondaryText })
+            primary: /* @__PURE__ */ i(F, { sx: { color: "text.secondary" }, variant: "caption", children: r.primaryText }),
+            secondary: /* @__PURE__ */ i(F, { sx: { color: "text.primary", fontWeight: 600 }, variant: "body1", children: r.secondaryText })
           }
         )
       ] }) }),
-      n < e.length - 1 && /* @__PURE__ */ c(Y, { sx: { color: "divider", ml: 68 } })
+      n < e.length - 1 && /* @__PURE__ */ i(Y, { sx: { color: "divider", ml: 68 } })
     ] }, r.key))
   }
 ) }), vt = q, Mt = (e) => e * (180 / Math.PI), Gt = (e, t) => [
@@ -143,22 +143,22 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
 } : e >= 800 && e <= 850 ? {
   status: r.exceptional,
   color: t ? u.EXCEPTIONAL : g.EXCEPTIONAL
-} : { status: r.missing_data }, wt = (e, t, r, n) => {
-  const o = e.reduce((i, d) => i + d.value, 0);
+} : { status: r.missing_data }, Nt = (e, t, r, n) => {
+  const o = e.reduce((c, d) => c + d.value, 0);
   let a = 0;
-  const s = e.map((i) => {
-    const d = i.value / o * t, p = r + a, f = p + d;
+  const s = e.map((c) => {
+    const d = c.value / o * t, p = r + a, f = p + d;
     return a += d, {
-      ...i,
+      ...c,
       startAngle: p,
       endAngle: f
     };
   });
   return [s[n].startAngle, s[n].endAngle];
-}, Nt = (e, t, r, n, o) => {
+}, wt = (e, t, r, n, o) => {
   let a = 0, s = 0;
-  const i = Math.floor(n), d = n - i;
-  return i > r ? (a = e, s = t) : i === r && d > 0 && (a = e, s = o), [a, s];
+  const c = Math.floor(n), d = n - c;
+  return c > r ? (a = e, s = t) : c === r && d > 0 && (a = e, s = o), [a, s];
 }, Pt = (e, t, r = 0) => {
   const n = e * Math.sin(t - r), o = -e * Math.cos(t - r);
   return [n, o];
@@ -170,16 +170,16 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
   label: o,
   value: a
 }) => {
-  const s = !!a, i = s ? J(n, a) : e && z(e, t) || t;
+  const s = !!a, c = s ? J(n, a) : e && W(e, t) || t;
   return {
-    icon: s ? /* @__PURE__ */ c(k, {}) : r,
+    icon: s ? /* @__PURE__ */ i(k, {}) : r,
     isComplete: s,
     key: n,
     primaryText: o,
-    secondaryText: i
+    secondaryText: c
   };
 }, J = (e, t) => ({
-  [O.DateOfBirth]: (n) => R(new Date(Number(n) * 1e3), "MMM d, yyyy"),
+  [O.DateOfBirth]: (n) => y(new Date(Number(n) * 1e3), "MMM d, yyyy"),
   [O.MonthlyIncome]: (n) => `$${n}`
 })[e]?.(t) ?? String(t), $t = (e) => e !== null ? Math.round(e * 100) : null, Kt = (e) => {
   const t = new Date((/* @__PURE__ */ new Date()).getFullYear(), e - 1, 1);
@@ -199,7 +199,7 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
 }, Vt = (e) => {
   const { good: t, poor: r } = m.creditScore;
   return e === null ? "MISSING" : e >= t ? "GOOD" : e >= r ? "FAIR" : "OFF_TRACK";
-}, Q = (e) => e === null ? "MISSING" : e === 0 ? "GOOD" : "OFF_TRACK", Wt = (e, t) => {
+}, Q = (e) => e === null ? "MISSING" : e === 0 ? "GOOD" : "OFF_TRACK", jt = (e, t) => {
   const r = Q(e), n = {
     GOOD: t.count_good_description,
     OFF_TRACK: t.count_off_track_description,
@@ -210,7 +210,7 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
     description: n[r],
     title: t.count_card_title
   };
-}, jt = (e) => ({
+}, zt = (e) => ({
   [S.GOOD]: { backgroundColor: "success.lighter", color: "success.dark" },
   [S.FAIR]: { backgroundColor: "warning.lighter", color: "warning.dark" },
   [S.OFF_TRACK]: { backgroundColor: "error.lighter", color: "error.dark" },
@@ -220,7 +220,7 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
   2: G,
   3: v
 }, rt = {
-  1: w,
+  1: N,
   2: (e, t) => A(e, t) / 2,
   3: A,
   4: L
@@ -228,7 +228,7 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
   { contributionPeriodIndex: 3, targetAmount: 6, upperLimit: 500 },
   { contributionPeriodIndex: 3, targetAmount: 3, upperLimit: 900 },
   { contributionPeriodIndex: 2, targetAmount: 1, upperLimit: 1e3 }
-], zt = ({
+], Wt = ({
   contribution: e,
   goalAmount: t,
   goalPeriod: r,
@@ -237,9 +237,9 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
 }) => {
   const a = t - o;
   if (a <= 0) return 0;
-  const s = N(), i = et[n], d = rt[e];
-  if (!i || !d) return a;
-  const p = i(s, r), f = d(p, s);
+  const s = w(), c = et[n], d = rt[e];
+  if (!c || !d) return a;
+  const p = c(s, r), f = d(p, s);
   return Math.max(a / (f || 1), 1);
 }, qt = (e) => !e || e <= 0 ? "0%" : e >= 1e3 ? "100%" : `${Math.round(e / 10)}%`, Jt = (e) => E.find((r) => e < r.upperLimit)?.targetAmount ?? tt, Qt = (e) => E.find((n) => e < n.upperLimit)?.contributionPeriodIndex ?? Z, Zt = (e, t) => e.map((n) => {
   const o = new Date(0, n.month - 1, 1);
@@ -253,7 +253,7 @@ const q = ({ list: e, onClickItem: t }) => /* @__PURE__ */ c(B, { sx: { bgcolor:
 })), ot = (e) => e.sort((r, n) => n.transaction.date - r.transaction.date).map(({ transaction: r }) => ({
   ...r
 }));
-class y {
+class R {
   fetchInstance;
   constructor(t, r, n) {
     this.fetchInstance = new x(t, r, void 0, n);
@@ -269,7 +269,7 @@ class y {
   getStandardSpend = async () => this.fetchInstance.get(`${h.HEALTH_SCORES}/transactions/standard_spend`).then((t) => t);
 }
 class te {
-  api = new y("/", "");
+  api = new R("/", "");
   augmentedChartData = [];
   averageHealthScores = [];
   monthlySummaries = [];
@@ -285,7 +285,7 @@ class te {
   healthScoreChangeReports = [];
   peerScore = null;
   constructor(t) {
-    this.globalStore = t, this.api = new y(t.endpoint, t.sessionToken, t.onError), D(this);
+    this.globalStore = t, this.api = new R(t.endpoint, t.sessionToken, t.onError), D(this);
   }
   calculateHealthScore = async () => {
     try {
@@ -355,7 +355,7 @@ class te {
     }
   };
   loadPeerScore = async () => {
-    const t = R(b(this.globalStore.appDataStore.user.birthday), "yyyy");
+    const t = y(b(this.globalStore.appDataStore.user.birthday), "yyyy");
     try {
       const r = await this.api.getPeerScore(t);
       l(() => {
@@ -398,28 +398,25 @@ class te {
   get spendAndDebtTransactions() {
     return [...this.allTransactions.spend, ...this.allTransactions.debtSpend];
   }
-  handleFinstrongWidgetPrimaryCtaClick = (t) => () => {
-    console.log("Finstrong widget primary CTA clicked:", t);
-  };
 }
 export {
   O as A,
   u as C,
   te as F,
   vt as P,
-  Nt as a,
+  wt as a,
   Pt as b,
   Gt as c,
   Lt as d,
   g as e,
   Zt as f,
-  wt as g,
-  jt as h,
+  Nt as g,
+  zt as h,
   S as i,
   Vt as j,
   Qt as k,
   Jt as l,
-  zt as m,
+  Wt as m,
   qt as n,
   Yt as o,
   Q as p,
@@ -427,9 +424,9 @@ export {
   Mt as r,
   $t as s,
   Kt as t,
-  Wt as u,
+  jt as u,
   Ut as v,
   Xt as w,
   kt as x,
-  y
+  R as y
 };

package/dist/common/index.es.js

@@ -64,7 +64,7 @@ import { startOfToday as U } from "date-fns/startOfToday";
 import { f as bt, a as wt, b as L } from "../BudgetUtil-wjoNuj7B.mjs";
 import { g as ta, e as ea, c as sa, d as ra, i as oa } from "../BudgetUtil-wjoNuj7B.mjs";
 import { a as xt } from "../DebtsStore-Bu8rRRSL.mjs";
-import { F as Ct } from "../FinstrongStore-1MFI6RcM.mjs";
+import { F as Ct } from "../FinstrongStore-bkPQR8ln.mjs";
 import { A as vt, m as Dt, a as At, b as Et } from "../InvestmentUtil-jOyOgzIB.mjs";
 import { M as Tt } from "../MerchantStore-DrFvsUyy.mjs";
 import { N as Bt } from "../NetWorthStore-CpL_kqvx.mjs";

package/dist/common/types/Widgets.d.ts

@@ -5,7 +5,7 @@ export interface MiniWidgetProps {
     sx?: SxProps;
 }
 export interface WidgetProps {
-    handleFinstrongWidgetPrimaryCtaClick?: (value: string) => () => void;
+    onPrimaryCtaClick?: (value: string) => () => void;
     onBackClick?: () => void;
     sx?: SxProps;
     title?: string;

package/dist/finstrong/FinstrongWidget.d.ts

@@ -1,5 +1,5 @@
 import { WidgetProps } from '../common';
-declare const _default: (({ onBackClick, sx, handleFinstrongWidgetPrimaryCtaClick, }: WidgetProps) => import("react/jsx-runtime").JSX.Element) & {
+declare const _default: (({ onBackClick, sx, onPrimaryCtaClick }: WidgetProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export default _default;

package/dist/finstrong/components/KeyIndicatorsSpendTab.d.ts

@@ -1,3 +1,6 @@
 import { default as React } from 'react';
-declare const _default: React.FunctionComponent<{}>;
+interface KeyIndicatorsSpendTabProps {
+    onPrimaryCtaClick?: (value: string) => () => void;
+}
+declare const _default: React.FunctionComponent<KeyIndicatorsSpendTabProps>;
 export default _default;

package/dist/finstrong/components/KeyIndicatorsTabItem.d.ts

@@ -6,6 +6,7 @@ interface KeyIndicatorsTabsItemProps {
     title: string;
     description: string;
     cardState: keyof typeof CardStatus;
+    onPrimaryCtaClick?: (value: string) => () => void;
 }
 declare const KeyIndicatorsTabsItem: React.FC<KeyIndicatorsTabsItemProps>;
 export default KeyIndicatorsTabsItem;

package/dist/finstrong/components/KeyIndicatorsTabItemDrawer.d.ts

@@ -3,8 +3,9 @@ interface KeyIndicatorsTabItemDrawerProps {
     drawerFor: KeyIndicatorsTabItemType;
     isOpen: boolean;
     onClose: () => void;
+    onPrimaryCtaClick?: (value: string) => () => void;
 }
-declare const _default: (({ drawerFor, isOpen, onClose, }: KeyIndicatorsTabItemDrawerProps) => import("react/jsx-runtime").JSX.Element) & {
+declare const _default: (({ drawerFor, isOpen, onClose, onPrimaryCtaClick, }: KeyIndicatorsTabItemDrawerProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
 export default _default;

package/dist/finstrong/components/KeyIndicatorsTabsWidget.d.ts

@@ -1,3 +1,6 @@
 import { default as React } from 'react';
-declare const _default: React.FunctionComponent<{}>;
+interface KeyIndicatorsTabsWidgetProps {
+    onPrimaryCtaClick?: (value: string) => () => void;
+}
+declare const _default: React.FunctionComponent<KeyIndicatorsTabsWidgetProps>;
 export default _default;

package/dist/finstrong/components/SpendLessThanYouMake/SpendLessThanYouMakeComponent.d.ts

@@ -1,3 +1,6 @@
 import { default as React } from 'react';
-declare const _default: React.FunctionComponent<{}>;
+interface SpendLessThanYouMakeComponentProps {
+    onPrimaryCtaClick?: (value: string) => () => void;
+}
+declare const _default: React.FunctionComponent<SpendLessThanYouMakeComponentProps>;
 export default _default;