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

package/dist/finstrong/index.es.js

@@ -12,7 +12,7 @@ import { observer as S } from "mobx-react-lite";
 import { u as w, b as j, p as Q, z as F, q as Hn, a as kt, d as ke, m as Ye, g as Nn, f as Kn, j as Ve, h as jn, i as Yn } from "../hooks-C41HAxM5.mjs";
 import { L as J } from "../Loader-DUaFpDGv.mjs";
 import m from "react";
-import z from "@mui/material/Button";
+import $ from "@mui/material/Button";
 import K from "@mui/material/Card";
 import { L as Xe } from "../LineChart-Ct9DNmhS.mjs";
 import { C as Mt } from "../ConnectionsDrawer-Bz4uwdFE.mjs";
@@ -103,7 +103,7 @@ const zo = ({
     r,
     h,
     _
-  ), M = st.arc().innerRadius(l).outerRadius(d).startAngle(b).endAngle(D).padAngle(0.02).cornerRadius(8), $ = st.arc().innerRadius(l).outerRadius(d).startAngle(g).endAngle(C).padAngle(0.02).cornerRadius(8);
+  ), M = st.arc().innerRadius(l).outerRadius(d).startAngle(b).endAngle(D).padAngle(0.02).cornerRadius(8), W = st.arc().innerRadius(l).outerRadius(d).startAngle(g).endAngle(C).padAngle(0.02).cornerRadius(8);
   return /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(
       "path",
@@ -112,7 +112,7 @@ const zo = ({
         fill: y ? f.palette.divider : n
       }
     ),
-    y && /* @__PURE__ */ e("path", { d: $({}), fill: "url(#arcGradient)" }),
+    y && /* @__PURE__ */ e("path", { d: W({}), fill: "url(#arcGradient)" }),
     /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e(
       "linearGradient",
       {
@@ -141,7 +141,7 @@ const zo = ({
   footerRightContent: _,
   isFinacialStrengthGraph: h = !1
 }) => {
-  const y = G(), f = -Math.PI / 1.35, x = Math.PI / 1.35, b = x - f, D = b / (i - s), g = (r - s) * D, C = f + g + 0.02, M = n !== "SM" ? 0.1 : 0.12, $ = t, H = t * (1 - M), O = $ * 2.5, W = O / 2, V = O / 2, ee = (H + $) / 2, pe = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [ue, _e] = An(ee, C, pe), X = r / 25, he = {
+  const y = G(), f = -Math.PI / 1.35, x = Math.PI / 1.35, b = x - f, D = b / (i - s), g = (r - s) * D, C = f + g + 0.02, M = n !== "SM" ? 0.1 : 0.12, W = t, H = t * (1 - M), O = W * 2.5, z = O / 2, V = O / 2, ee = (H + W) / 2, pe = r !== 25 && r !== 50 && r !== 75 && r !== 100 ? 0 : 0.12, [ue, _e] = An(ee, C, pe), X = r / 25, he = {
     L: { markerSize: 12, healthScoreFontSize: 64 },
     M: { markerSize: 10, healthScoreFontSize: 48 },
     SM: { markerSize: 3, healthScoreFontSize: 14 }
@@ -165,7 +165,7 @@ const zo = ({
               {
                 data: o,
                 innerRadius: H,
-                outerRadius: $,
+                outerRadius: W,
                 startAngle: Math.round(rt(f)),
                 // Use Math.degrees to convert
                 endAngle: Math.round(rt(x))
@@ -183,13 +183,13 @@ const zo = ({
                   arcColor: Me.color,
                   arcRadius: t,
                   arcStartAngle: f,
-                  centerX: W,
+                  centerX: z,
                   centerY: V,
                   dataIndex: Me.dataIndex,
                   dialScoreData: o,
                   innerArcRadius: H,
                   isFinacialStrengthGraph: h,
-                  outterArcRadius: $,
+                  outterArcRadius: W,
                   progressEndAngle: C,
                   totalAngularSpan: b,
                   unitsPerSegment: X
@@ -205,7 +205,7 @@ const zo = ({
             children: r >= s && r <= i && /* @__PURE__ */ e(
               "circle",
               {
-                cx: W + ue,
+                cx: z + ue,
                 cy: V + _e,
                 fill: y.palette.common.white,
                 r: he[n].markerSize,
@@ -221,7 +221,7 @@ const zo = ({
             sx: {
               position: "absolute",
               top: `${V}px`,
-              left: `${W}px`,
+              left: `${z}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
@@ -254,7 +254,7 @@ const zo = ({
             sx: {
               position: "absolute",
               top: `${V * 2 * 0.83}px`,
-              left: `${W}px`,
+              left: `${z}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "center"
             },
@@ -280,7 +280,7 @@ const zo = ({
             sx: {
               position: "absolute",
               top: `${V * 2 * 0.83}px`,
-              left: `${W - W / 2}px`,
+              left: `${z - z / 2}px`,
               // shift left from center
               transform: "translate(-50%, -50%)",
               textAlign: "left"
@@ -294,7 +294,7 @@ const zo = ({
             sx: {
               position: "absolute",
               top: `${V * 2 * 0.83}px`,
-              left: `${W + W / 2}px`,
+              left: `${z + z / 2}px`,
               transform: "translate(-50%, -50%)",
               textAlign: "right"
             },
@@ -434,7 +434,7 @@ const zo = ({
           }
         ),
         /* @__PURE__ */ e(
-          z,
+          $,
           {
             endIcon: /* @__PURE__ */ e(Z, {}),
             onClick: () => d(!0),
@@ -610,7 +610,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
         size: o ? "M" : "L"
       }
     ),
-    /* @__PURE__ */ e(z, { onClick: () => i(!0), variant: "contained", children: No.updated_score }),
+    /* @__PURE__ */ e($, { onClick: () => i(!0), variant: "contained", children: No.updated_score }),
     /* @__PURE__ */ e(Gt, { isOpen: s, onClose: () => i(!1) }),
     /* @__PURE__ */ e(Qe, { chartFor: "creditOverTime" })
   ] });
@@ -791,7 +791,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
     ] }, b.guid)) }),
     y.length > 3 && /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-        z,
+        $,
         {
           endIcon: /* @__PURE__ */ e(Z, {}),
           onClick: () => d(!0),
@@ -808,7 +808,7 @@ const Go = ({ isOpen: t, onClose: r }) => {
     ] })
   ] }) : /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-      z,
+      $,
       {
         onClick: () => h(!0),
         size: "small",
@@ -984,7 +984,7 @@ const B = {
         }
       )
     ] }),
-    /* @__PURE__ */ e(z, { fullWidth: !0, onClick: x, type: "submit", variant: "contained", children: B.calculate })
+    /* @__PURE__ */ e($, { fullWidth: !0, onClick: x, type: "submit", variant: "contained", children: B.calculate })
   ] }) }) });
 }, nr = S(tr), Ae = {
   connect_accounts: "Connect Accounts",
@@ -1113,7 +1113,7 @@ const B = {
   zeroState: l = /* @__PURE__ */ e(ro, {})
 }) => {
   const { getCategoryName: d } = Ye(), { onEvent: _ } = Nn(), { categories: h } = w(), { clearExpandedSplits: y, setShowInsights: f, toggleSplit: x } = oo(), b = (C) => {
-    const M = t.find(($) => $.guid === C);
+    const M = t.find((W) => W.guid === C);
     if (M?.has_been_split) {
       x(M.guid);
       return;
@@ -1141,7 +1141,7 @@ const B = {
         c && o,
         !c && g.getVirtualItems().length === 0 && l,
         !c && g.getVirtualItems().length > 0 && g.getVirtualItems().map((C) => {
-          const M = t[C.index], $ = Ne(C.index, t), H = Ft(C.index, t), O = ut + ($ ? _t : 0);
+          const M = t[C.index], W = Ne(C.index, t), H = Ft(C.index, t), O = ut + (W ? _t : 0);
           return /* @__PURE__ */ a(
             v,
             {
@@ -1152,7 +1152,7 @@ const B = {
                 width: "100%"
               },
               children: [
-                $ && /* @__PURE__ */ e(Pt, { bgcolor: r, children: Ze(M.date) }),
+                W && /* @__PURE__ */ e(Pt, { bgcolor: r, children: Ze(M.date) }),
                 /* @__PURE__ */ e(
                   Bt,
                   {
@@ -1185,7 +1185,7 @@ const B = {
   const i = G(), { connect: c, finstrong: p } = w(), [l, d] = m.useState(!1), [_, h] = m.useState(!1), y = 3, f = t.length > y, x = t.length - y;
   return !t || t.length === 0 ? /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-      z,
+      $,
       {
         onClick: () => h(!0),
         size: "small",
@@ -1256,7 +1256,7 @@ const B = {
     )) }),
     f && /* @__PURE__ */ a(E, { children: [
       /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-        z,
+        $,
         {
           endIcon: /* @__PURE__ */ e(Z, {}),
           onClick: () => d(!0),
@@ -1574,7 +1574,7 @@ const B = {
       // TODO: Need to add More Transactions functionality
       /* @__PURE__ */ e(We, { transactions: r.income.map((c) => c.transaction) })
     ) : /* @__PURE__ */ e(
-      z,
+      $,
       {
         onClick: () => {
           i(!0);
@@ -1613,7 +1613,7 @@ const B = {
         }
       )
     ) : /* @__PURE__ */ e(
-      z,
+      $,
       {
         onClick: () => {
           i(!0);
@@ -1736,7 +1736,7 @@ const B = {
             children: [
               /* @__PURE__ */ e(N, { children: n }),
               o && /* @__PURE__ */ e(
-                z,
+                $,
                 {
                   endIcon: /* @__PURE__ */ e(Z, {}),
                   onClick: s,
@@ -1813,11 +1813,11 @@ const B = {
                 {
                   slots: {
                     bar: (g) => {
-                      const { ownerState: C, style: M, ...$ } = g;
+                      const { ownerState: C, style: M, ...W } = g;
                       return /* @__PURE__ */ e(
                         Ar,
                         {
-                          ...$,
+                          ...W,
                           color: C.color,
                           data: h,
                           series: {
@@ -2102,7 +2102,7 @@ const B = {
               children: [
                 /* @__PURE__ */ e(N, { children: o.key_indicators_spend.spend_less_than_you_make_drawer.spending }),
                 _.appData.client_profile?.allow_spending_widget && /* @__PURE__ */ e(
-                  z,
+                  $,
                   {
                     endIcon: /* @__PURE__ */ e(Z, {}),
                     onClick: () => t?.("spending"),
@@ -2510,7 +2510,7 @@ const B = {
       /* @__PURE__ */ e(k, { sx: { width: { sm: 348 } }, variant: "subtitle1", children: r.missing_data_description })
     ] }),
     /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-      z,
+      $,
       {
         endIcon: /* @__PURE__ */ e(Z, {}),
         onClick: t,
@@ -2565,7 +2565,7 @@ const B = {
     )
   ] }),
   /* @__PURE__ */ e(v, { sx: { px: 24 }, children: /* @__PURE__ */ e(
-    z,
+    $,
     {
       fullWidth: !0,
       onClick: () => s({ step: T.MonthlyIncome, type: "main" }),
@@ -2681,7 +2681,7 @@ const B = {
 }, ra = ({ isOpen: t, onClose: r }) => {
   const { visibleAccounts: n } = ke(), { calculateHealthScore: o } = F(), { finstrong: s } = w(), { setSelectedAccounts: i } = j(), { addRepeatingTransaction: c, setDateRange: p } = Ve(), { filter: l, setFilter: d, transactions: _ } = jn(), { user: h, userProfile: y, updateUser: f, updateUserProfile: x } = Q(), [b, D] = m.useState(h.credit_score || 0), [g, C] = m.useState(
     ht
-  ), [M, $] = m.useState(1), [H, O] = m.useState(Ot.EveryMonth), [W, V] = m.useState([]), [ee, pe] = m.useState(!1), [ue, _e] = m.useState(!1), [X, he] = m.useState(h.birthday), [ae, Me] = m.useState(15), [q, Je] = m.useState("");
+  ), [M, W] = m.useState(1), [H, O] = m.useState(Ot.EveryMonth), [z, V] = m.useState([]), [ee, pe] = m.useState(!1), [ue, _e] = m.useState(!1), [X, he] = m.useState(h.birthday), [ae, Me] = m.useState(15), [q, Je] = m.useState("");
   m.useEffect(() => {
     p({ start: Lt(dt()), end: $t(dt()) });
   }, []), m.useEffect(() => {
@@ -2705,8 +2705,8 @@ const B = {
   })[g.step], [b, g, X, q, h]), ie = n.length > 0, Xt = m.useMemo(() => {
     const { step: A } = g;
     let R = 0;
-    return A >= T.MonthlyIncome && ie && R++, A >= T.Birthday && W.length && R++, A >= T.CreditScore && (h.birthday || h.credit_score) && R++, R;
-  }, [g.step, ie, W.length, h.birthday, h.credit_score]), qt = (A) => {
+    return A >= T.MonthlyIncome && ie && R++, A >= T.Birthday && z.length && R++, A >= T.CreditScore && (h.birthday || h.credit_score) && R++, R;
+  }, [g.step, ie, z.length, h.birthday, h.credit_score]), qt = (A) => {
     d({
       ...l,
       custom: (R) => A ? So(R, A) : pt(R)
@@ -2724,7 +2724,7 @@ const B = {
         {
           firstDay: M,
           frequency: H,
-          incomeTransactions: W,
+          incomeTransactions: z,
           secondDay: ae,
           setCurrentStep: (A) => {
             C(A), V((R) => {
@@ -2733,7 +2733,7 @@ const B = {
               return Ie ? [...R, { ...Ie, firstDay: M, frequency: H, secondDay: ae }] : R;
             });
           },
-          setFirstDay: $,
+          setFirstDay: W,
           setFrequency: O,
           setSecondDay: Me,
           transaction: et
@@ -2768,7 +2768,7 @@ const B = {
   }, tt = () => {
     C(ht), pe(!1), Je(""), r();
   }, nt = async () => {
-    pe(!0), await en(W), await o(), await x({ ...y, has_completed_finstrong_onboarding: !0 }), tt();
+    pe(!0), await en(z), await o(), await x({ ...y, has_completed_finstrong_onboarding: !0 }), tt();
   }, Zt = () => {
     if (g.step === T.CreditScore) {
       nt();
@@ -2785,7 +2785,7 @@ const B = {
         b && b !== h.credit_score && f({ ...h, credit_score: b }), nt();
         return;
       case T.MonthlyIncome:
-        q && W.findIndex(({ guid: ge }) => ge === q) === -1 && V((ge) => [
+        q && z.findIndex(({ guid: ge }) => ge === q) === -1 && V((ge) => [
           ...ge,
           { ...et, firstDay: M, frequency: H, secondDay: ae }
         ]);
@@ -2804,7 +2804,7 @@ const B = {
       C({ step: A, type: "main" });
       return;
     }
-    if (A === T.Birthday && W.length) {
+    if (A === T.Birthday && z.length) {
       C({ step: A - 1, type: "detail" });
       return;
     }
@@ -2876,7 +2876,7 @@ const B = {
             ),
             g.type === "main" && /* @__PURE__ */ a(v, { children: [
               me.main,
-              nn && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e(z, { fullWidth: !0, onClick: Zt, children: P.do_it_later }) })
+              nn && /* @__PURE__ */ e(u, { sx: { alignItems: "center", px: 24, py: 12 }, children: /* @__PURE__ */ e($, { fullWidth: !0, onClick: Zt, children: P.do_it_later }) })
             ] }),
             g.type === "detail" && me.detail
           ] })
@@ -2917,7 +2917,7 @@ const B = {
               /* @__PURE__ */ e(k, { sx: { color: "text.secondary" }, variant: "subtitle1", children: Ge.onboarding_subtitle })
             ] })
           ] }),
-          /* @__PURE__ */ e(z, { onClick: () => r(!0), variant: "contained", children: Ge.get_started })
+          /* @__PURE__ */ e($, { onClick: () => r(!0), variant: "contained", children: Ge.get_started })
         ]
       }
     ),
@@ -3364,7 +3364,7 @@ const B = {
       Wo,
       {
         action: /* @__PURE__ */ e(
-          z,
+          $,
           {
             endIcon: /* @__PURE__ */ e(Z, {}),
             onClick: () => r(!0),
@@ -3464,13 +3464,13 @@ const B = {
     healthScore: h,
     loadAugmentedChartData: y,
     loadMonthlySummaries: f
-  } = F(), { finstrong: x, connect: b } = w(), { isCopyLoaded: D, isInitialized: g, selectedAccounts: C, setSelectedAccounts: M } = j(), { loadRepeatingTransactions: $ } = Ve(), { isMobile: H } = Ue(), O = G(), { userProfile: W } = Q(), [V, ee] = m.useState(!1), [pe, ue] = m.useState(!1), [_e, X] = m.useState(!1);
+  } = F(), { finstrong: x, connect: b } = w(), { isCopyLoaded: D, isInitialized: g, selectedAccounts: C, setSelectedAccounts: M } = j(), { loadRepeatingTransactions: W } = Ve(), { isMobile: H } = Ue(), O = G(), { userProfile: z } = Q(), [V, ee] = m.useState(!1), [pe, ue] = m.useState(!1), [_e, X] = m.useState(!1);
   if (m.useEffect(() => {
     p(O);
   }, []), m.useEffect(() => M(o), [o]), m.useEffect(() => {
     g && (_().finally(), y().finally(), f().finally());
   }, [g]), m.useEffect(() => {
-    g && (l(C, s.start, s.end), i || (c(), $().finally()));
+    g && (l(C, s.start, s.end), i || (c(), W().finally()));
   }, [s, i, g, C]), !D || !g) return /* @__PURE__ */ e(J, {});
   const he = () => {
   }, ae = () => ee(!0);
@@ -3491,7 +3491,7 @@ const B = {
       sx: r,
       title: x.title,
       children: [
-        W.has_completed_finstrong_onboarding ? /* @__PURE__ */ a(
+        z.has_completed_finstrong_onboarding ? /* @__PURE__ */ a(
           u,
           {
             sx: {
@@ -3517,7 +3517,7 @@ const B = {
                 /* @__PURE__ */ a(u, { direction: "row", sx: { alignItems: "center", justifyContent: "space-between" }, children: [
                   /* @__PURE__ */ e(N, { children: x.key_indicators }),
                   /* @__PURE__ */ e(
-                    z,
+                    $,
                     {
                       endIcon: /* @__PURE__ */ e(Z, {}),
                       onClick: () => ue(!0),
@@ -3555,7 +3555,17 @@ const B = {
                   }
                 ) : /* @__PURE__ */ e(Vr, { onClick: () => X(!0) }),
                 h.health_score !== null && /* @__PURE__ */ e(jr, { onPrimaryCtaClick: n })
-              ] }) })
+              ] }) }),
+              /* @__PURE__ */ e(
+                $,
+                {
+                  sx: { background: "red", width: 100 },
+                  onClick: () => {
+                    console.log("test"), n?.("trends");
+                  },
+                  children: "test"
+                }
+              )
             ]
           }
         ) : /* @__PURE__ */ e(ia, {}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "7.2.14-alpha.san3",
+  "version": "7.2.14-alpha.san4",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",