@mx-cartographer/experiences 8.0.0-alpha.bb4 → 8.0.0-alpha.sms2

package/dist/{WidgetContainer-CDh9fjpR.mjs → WidgetContainer-B1Jzb4XA.mjs}

@@ -12,9 +12,9 @@ import Y from "@mui/material/Stack";
 import { ChevronLeft as le } from "@mxenabled/mx-icons";
 import { Icon as T, Text as X, DateRangePicker as J, H1 as Ce, H3 as de } from "@mxenabled/mxui";
 import { u as Te } from "./useDimensions-27p2evRx.mjs";
-import { L as Ie } from "./Loader-Ckqi9Rx6.mjs";
+import { L as Ie } from "./Loader-BSWSYqvn.mjs";
 import { g as Ee, b as Re, u as ge, a as Ae, W as ue } from "./hooks-C41HAxM5.mjs";
-import { u as ie } from "./useScreenSize-B5afALev.mjs";
+import { u as ie } from "./useScreenSize-B6JyS_Lj.mjs";
 import { addMonths as Q } from "date-fns/addMonths";
 import { addDays as Se } from "date-fns/addDays";
 import { addYears as ee } from "date-fns/addYears";
@@ -34,10 +34,10 @@ import fe from "@mui/material/Tab";
 import be from "@mui/material/Tabs";
 import we from "@mui/material/ToggleButton";
 import Ke from "@mui/material/ToggleButtonGroup";
-import { useTheme as Ge } from "@mui/material/styles";
+import Ge from "@mui/material/styles/useTheme";
 import { f as K, a as G, D as Me } from "./Dialog-CDV0kKxj.mjs";
-import { D as We } from "./Drawer-BF40nbsH.mjs";
-import { k as ye, l as xe } from "./ConnectDrawer-DVp54lUH.mjs";
+import { D as We } from "./Drawer-Dqe5EqvA.mjs";
+import { k as ye, l as xe } from "./ConnectDrawer-Dn1MlqLz.mjs";
 const ve = {
   ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
   ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",
@@ -322,7 +322,7 @@ const ve = {
               children: C.tabs.map((e) => /* @__PURE__ */ t(
                 fe,
                 {
-                  label: /* @__PURE__ */ t(X, { bold: !0, variant: "body1", children: e.label }),
+                  label: /* @__PURE__ */ t(X, { bold: !0, variant: "Body", children: e.label }),
                   sx: { minWidth: 80 },
                   value: e.value
                 },

package/dist/accounts/index.es.js

@@ -1,36 +1,36 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import s from "react";
 import { observer as g } from "mobx-react-lite";
-import B from "@mui/material/Stack";
+import I from "@mui/material/Stack";
 import { Text as V } from "@mxenabled/mxui";
 import { S as U } from "../SkeletonLoader-BaNboJjD.mjs";
-import N from "@mui/material/Box";
+import D from "@mui/material/Box";
 import y from "@mui/material/Divider";
 import E from "@mui/material/List";
-import O from "@mui/material/ListSubheader";
+import N from "@mui/material/ListSubheader";
 import x from "@mui/system/Stack";
 import { useTheme as Q } from "@mui/material/styles";
-import { u as P, A as X } from "../AccountDetailsHeader-DRjFuyJT.mjs";
-import { L as e1 } from "../LineChart-C1PxNf7P.mjs";
+import { u as P, A as X } from "../AccountDetailsHeader-NMx79DGs.mjs";
+import { L as e1 } from "../LineChart-bc1D9xBE.mjs";
 import { g as t1, a as l1, b as n1 } from "../SpendingData-DPQ96k3x.mjs";
-import { m as i1, u as v, b as S, d as F, g as G, a as o1, n as C1 } from "../hooks-C41HAxM5.mjs";
-import { A as W, l as j, m as d1 } from "../ConnectDrawer-DVp54lUH.mjs";
-import { F as C3, f as d3 } from "../ConnectDrawer-DVp54lUH.mjs";
-import { I as Y, P as $, S as K } from "../Account-B4CDD-zq.mjs";
-import { a as c1 } from "../AccountFields-Cl4KHoSj.mjs";
-import { g as s3, b as a3 } from "../AccountFields-Cl4KHoSj.mjs";
-import { A as T } from "../AccountListItem-wgmlex-_.mjs";
-import { A as s1 } from "../AccountDetailsContent-adZTkM52.mjs";
-import { u as u3 } from "../AccountDetailsContent-adZTkM52.mjs";
-import { D as a1 } from "../Drawer-BF40nbsH.mjs";
-import { f as I } from "../NumberFormatting-DjTD0t3W.mjs";
-import { A as b, W as r1 } from "../WidgetContainer-CDh9fjpR.mjs";
-import { C as u1 } from "../ConnectionsDrawer-Dsc04-4Z.mjs";
-import { L as D } from "../Loader-Ckqi9Rx6.mjs";
-import { u as z } from "../useScreenSize-B5afALev.mjs";
+import { m as i1, u as v, b, d as F, g as G, a as o1, n as C1 } from "../hooks-C41HAxM5.mjs";
+import { A as O, l as j, m as d1 } from "../ConnectDrawer-Dn1MlqLz.mjs";
+import { F as C3, f as d3 } from "../ConnectDrawer-Dn1MlqLz.mjs";
+import { I as Y, P as $, S as K } from "../Account-Cp30A3ad.mjs";
+import { a as c1 } from "../AccountFields-CW6cIthP.mjs";
+import { g as s3, b as a3 } from "../AccountFields-CW6cIthP.mjs";
+import { A as T } from "../AccountListItem-DxmAs98Z.mjs";
+import { A as s1 } from "../AccountDetailsContent-C1HumFnW.mjs";
+import { u as u3 } from "../AccountDetailsContent-C1HumFnW.mjs";
+import { D as a1 } from "../Drawer-Dqe5EqvA.mjs";
+import { f as W } from "../NumberFormatting-DjTD0t3W.mjs";
+import { A as S, W as r1 } from "../WidgetContainer-B1Jzb4XA.mjs";
+import { C as u1 } from "../ConnectionsDrawer-CSo6AFkG.mjs";
+import { L as B } from "../Loader-BSWSYqvn.mjs";
+import { u as z } from "../useScreenSize-B6JyS_Lj.mjs";
 import L1 from "@mui/material/ListItem";
-import { M as q } from "../MiniWidgetContainer-CKzf_Ira.mjs";
-import { A as h3, a as H3 } from "../AccountStore-HbVblv86.mjs";
+import { M as q } from "../MiniWidgetContainer-D7MkHG15.mjs";
+import { A as h3, a as H3 } from "../AccountStore-hIs-yA6W.mjs";
 const h1 = (o, C) => {
   const n = Y.includes(C) ? t1(o) : [], l = $.includes(C) ? l1(o) : [], u = K.includes(C) ? n1(o) : [];
   return [n, l, u].filter((i) => i.length > 0);
@@ -49,7 +49,7 @@ const h1 = (o, C) => {
   }
   return d;
 }, p1 = () => {
-  const o = Q(), { selectedAccount: C } = P(), { monthlyCategoryTotals: n } = i1(), { trends: l } = v(), u = [o.palette.chart?.chart1, o.palette.chart?.chart2], i = h1(n, C.account_type), L = H1(i, C.account_type, l), d = [W.LOAN, W.MORTGAGE].includes(C.account_type);
+  const o = Q(), { selectedAccount: C } = P(), { monthlyCategoryTotals: n } = i1(), { trends: l } = v(), u = [o.palette.chart?.chart1, o.palette.chart?.chart2], i = h1(n, C.account_type), L = H1(i, C.account_type, l), d = [O.LOAN, O.MORTGAGE].includes(C.account_type);
   return /* @__PURE__ */ e("div", { "data-testid": "TrendsChart", children: /* @__PURE__ */ e(
     e1,
     {
@@ -64,7 +64,7 @@ const h1 = (o, C) => {
     }
   ) });
 }, f1 = g(p1), m1 = () => {
-  const [o, C] = s.useState(""), { accounts: n } = v(), { selectedAccounts: l } = S(), { setSelectedAccount: u, setSelectedMember: i } = P(), { members: L } = F(), { onEvent: d } = G(), h = [...new Set(l.map((t) => t.account_type))], p = l.find((t) => o === t.guid), H = s.useMemo(
+  const [o, C] = s.useState(""), { accounts: n } = v(), { selectedAccounts: l } = b(), { setSelectedAccount: u, setSelectedMember: i } = P(), { members: L } = F(), { onEvent: d } = G(), h = [...new Set(l.map((t) => t.account_type))], p = l.find((t) => o === t.guid), H = s.useMemo(
     () => l.filter((t) => t.is_hidden),
     [l]
   ), f = s.useMemo(
@@ -82,25 +82,25 @@ const h1 = (o, C) => {
     }
   }, [p, o]);
   const _ = (t) => {
-    C(t.guid), d(b.ACCOUNTS_CLICK_ACCOUNT, {
+    C(t.guid), d(S.ACCOUNTS_CLICK_ACCOUNT, {
       account_guid: t.guid,
       account_type: t.account_type
     });
   }, w = (t) => {
     const a = t === "hidden" ? H : f, A = t === "hidden" ? M : R, c = t === "hidden" ? n.account_hidden : n.account_closed;
-    return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(
+    return /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
       E,
       {
         "aria-label": c,
-        subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
+        subheader: /* @__PURE__ */ e(N, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
           x,
           {
             component: "span",
             direction: "row",
             sx: { justifyContent: "space-between", color: "grey.700" },
             children: [
-              /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: c }),
-              /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: I(A, "0,0.00") })
+              /* @__PURE__ */ e(V, { bold: !0, variant: "Body", children: c }),
+              /* @__PURE__ */ e(V, { bold: !0, variant: "Body", children: W(A, "0,0.00") })
             ]
           }
         ) }),
@@ -137,7 +137,7 @@ const h1 = (o, C) => {
       }
     ) });
   };
-  return /* @__PURE__ */ r(N, { sx: { pt: 24 }, children: [
+  return /* @__PURE__ */ r(D, { sx: { pt: 24 }, children: [
     h.map((t) => {
       const a = l.filter(
         (c) => c.account_type === t && !c.is_closed && !c.is_hidden
@@ -149,15 +149,15 @@ const h1 = (o, C) => {
         E,
         {
           "aria-label": n.account_type_accounts[a[0]?.account_type],
-          subheader: /* @__PURE__ */ e(O, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
+          subheader: /* @__PURE__ */ e(N, { component: "h2", sx: { backgroundColor: "transparent", px: 24 }, children: /* @__PURE__ */ r(
             x,
             {
               component: "span",
               direction: "row",
               sx: { display: "flex", justifyContent: "space-between" },
               children: [
-                /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: n.account_types[t] }),
-                /* @__PURE__ */ e(V, { bold: !0, variant: "body1", children: I(A, "0,0.00") })
+                /* @__PURE__ */ e(V, { bold: !0, variant: "Body", children: n.account_types[t] }),
+                /* @__PURE__ */ e(V, { bold: !0, variant: "Body", children: W(A, "0,0.00") })
               ]
             }
           ) }),
@@ -204,7 +204,7 @@ const h1 = (o, C) => {
     )
   ] });
 }, V1 = g(m1), g1 = ({ onBackClick: o, sx: C = {} }) => {
-  const [n, l] = s.useState(!1), [u, i] = s.useState(!1), { config: L } = o1(), { detailedAccounts: d, isAccountDataLoaded: h, loadAccountData: p } = F(), { accounts: H, connect: f } = v(), { isInitialized: M, selectedAccountGuids: R, setSelectedAccounts: _ } = S(), { isDesktop: w } = z(), { onEvent: t } = G(), { onLoad: a } = C1();
+  const [n, l] = s.useState(!1), [u, i] = s.useState(!1), { config: L } = o1(), { detailedAccounts: d, isAccountDataLoaded: h, loadAccountData: p } = F(), { accounts: H, connect: f } = v(), { isInitialized: M, selectedAccountGuids: R, setSelectedAccounts: _ } = b(), { isDesktop: w } = z(), { onEvent: t } = G(), { onLoad: a } = C1();
   s.useEffect(() => {
     h || p().finally();
   }, []), s.useEffect(() => {
@@ -213,9 +213,9 @@ const h1 = (o, C) => {
     h && a?.("AccountsWidget");
   }, [h]);
   const A = () => {
-    l(!0), t(b.ACCOUNTS_CLICK_CONNECT);
+    l(!0), t(S.ACCOUNTS_CLICK_CONNECT);
   }, c = () => {
-    i(!0), t(b.ACCOUNTS_CLICK_CONNECT);
+    i(!0), t(S.ACCOUNTS_CLICK_CONNECT);
   };
   return M ? /* @__PURE__ */ r(
     r1,
@@ -229,12 +229,12 @@ const h1 = (o, C) => {
           onClick: c
         }
       ] : [],
-      onAccountsFilterClick: () => t(b.ACCOUNTS_CLICK_FILTER),
+      onAccountsFilterClick: () => t(S.ACCOUNTS_CLICK_FILTER),
       onBackClick: o,
       sx: C,
       title: H.title,
       children: [
-        h ? /* @__PURE__ */ r(B, { sx: { px: w ? 24 : 12 }, children: [
+        h ? /* @__PURE__ */ r(I, { sx: { px: w ? 24 : 12 }, children: [
           R.length < 1 && /* @__PURE__ */ e(V, { display: "flex", justifyContent: "center", my: 24, children: H.no_accounts }),
           /* @__PURE__ */ e(V1, {})
         ] }) : /* @__PURE__ */ e(U, { sx: { px: w ? 48 : 24, pt: 24 }, variant: "list" }),
@@ -256,9 +256,9 @@ const h1 = (o, C) => {
         )
       ]
     }
-  ) : /* @__PURE__ */ e(D, {});
+  ) : /* @__PURE__ */ e(B, {});
 }, t3 = g(g1), v1 = ({ onPrimaryCtaClick: o, sx: C }) => {
-  const { visibleAccounts: n, isAccountDataLoaded: l, loadAccountData: u } = F(), { accounts: i } = v(), { isInitialized: L, selectedAccounts: d, setSelectedAccounts: h } = S(), { isDesktop: p } = z();
+  const { visibleAccounts: n, isAccountDataLoaded: l, loadAccountData: u } = F(), { accounts: i } = v(), { isInitialized: L, selectedAccounts: d, setSelectedAccounts: h } = b(), { isDesktop: p } = z();
   s.useEffect(() => {
     l || u().finally();
   }, []), s.useEffect(() => {
@@ -294,7 +294,7 @@ const h1 = (o, C) => {
         })
       ] }) : /* @__PURE__ */ e(U, { sx: { px: 12, py: 8 }, variant: "list" })
     }
-  ) : /* @__PURE__ */ e(D, {});
+  ) : /* @__PURE__ */ e(B, {});
 }, l3 = g(v1), M1 = () => /* @__PURE__ */ r(
   "svg",
   {
@@ -736,7 +736,7 @@ const h1 = (o, C) => {
   }
 ), R1 = () => {
   const { connect: o } = v();
-  return /* @__PURE__ */ r(B, { alignItems: "center", direction: "column", m: 24, children: [
+  return /* @__PURE__ */ r(I, { alignItems: "center", direction: "column", m: 24, children: [
     /* @__PURE__ */ e(M1, {}),
     /* @__PURE__ */ e(
       V,
@@ -746,7 +746,7 @@ const h1 = (o, C) => {
           mt: 16,
           textAlign: "center"
         },
-        variant: "subtitle1",
+        variant: "Paragraph",
         children: o.mini_widget_content
       }
     )
@@ -756,7 +756,7 @@ const h1 = (o, C) => {
   },
   sx: C
 }) => {
-  const { isCopyLoaded: n } = S(), { connect: l } = v(), [u, i] = s.useState(!1), L = () => {
+  const { isCopyLoaded: n } = b(), { connect: l } = v(), [u, i] = s.useState(!1), L = () => {
     i(!0), o();
   };
   return n ? /* @__PURE__ */ r(
@@ -779,7 +779,7 @@ const h1 = (o, C) => {
         )
       ]
     }
-  ) : /* @__PURE__ */ e(D, {});
+  ) : /* @__PURE__ */ e(B, {});
 }, n3 = g(A1);
 export {
   h3 as AccountApi,

package/dist/analytics/index.es.js

@@ -5,15 +5,15 @@ import { SurveyQuestionType as S } from "posthog-js";
 import A from "@mui/material/Alert";
 import B from "@mui/material/Button";
 import a from "@mui/material/Stack";
-import { useTheme as _ } from "@mui/material/styles";
+import _ from "@mui/material/styles/useTheme";
 import { Text as u, TextField as L } from "@mxenabled/mxui";
-import { L as W } from "../Loader-Ckqi9Rx6.mjs";
-import { M as j } from "../MiniWidgetContainer-CKzf_Ira.mjs";
-import { k as f, u as g, g as q, b as E } from "../hooks-C41HAxM5.mjs";
+import { L as W } from "../Loader-BSWSYqvn.mjs";
+import { M as j } from "../MiniWidgetContainer-D7MkHG15.mjs";
+import { k as f, u as b, g as q, b as E } from "../hooks-C41HAxM5.mjs";
 import Q from "@mui/material/ToggleButton";
 import G from "@mui/material/ToggleButtonGroup";
 const O = () => {
-  const { question: s, response: o, setResponse: i } = f(), { analytics: r } = g(), t = _(), p = s, m = (h, n) => {
+  const { question: s, response: o, setResponse: i } = f(), { analytics: r } = b(), t = _(), p = s, m = (h, n) => {
     i(n);
   };
   return /* @__PURE__ */ l(d.Fragment, { children: [
@@ -33,14 +33,14 @@ const O = () => {
           Q,
           {
             sx: {
-              borderColor: t.palette.neutral.light,
+              borderColor: t.palette.border.light,
               fontWeight: "bold",
               width: `${100 / p.scale}%`,
               "&:hover": {
                 backgroundColor: t.palette.background.paper
               },
               "&.Mui-selected, &.Mui-selected:hover": {
-                backgroundColor: t.palette.mode === "dark" ? "#0749B240" : t.palette.primary.light,
+                backgroundColor: t.palette.mode === "dark" ? "#0749B240" : t.palette.primary.lighter,
                 border: `1px solid ${t.palette.primary.main}`,
                 color: t.palette.primary.main
               }
@@ -61,14 +61,14 @@ const O = () => {
           justifyContent: "space-between"
         },
         children: [
-          /* @__PURE__ */ e(u, { bold: !0, variant: "caption", children: r.strongly_disagree }),
-          /* @__PURE__ */ e(u, { bold: !0, variant: "caption", children: r.strongly_agree })
+          /* @__PURE__ */ e(u, { bold: !0, variant: "XSmall", children: r.strongly_disagree }),
+          /* @__PURE__ */ e(u, { bold: !0, variant: "XSmall", children: r.strongly_agree })
         ]
       }
     )
   ] });
-}, z = y(O), H = () => {
-  const { response: s, setResponse: o } = f(), { analytics: i } = g();
+}, X = y(O), z = () => {
+  const { response: s, setResponse: o } = f(), { analytics: i } = b();
   return /* @__PURE__ */ e(
     L,
     {
@@ -82,7 +82,7 @@ const O = () => {
       value: s
     }
   );
-}, I = y(H), D = () => {
+}, H = y(z), I = () => {
   const { onEvent: s } = q(), o = _(), {
     surveyId: i,
     question: r,
@@ -92,9 +92,9 @@ const O = () => {
     questionCount: h,
     response: n,
     responsePayload: k,
-    resetStore: b,
+    resetStore: g,
     survey: w
-  } = f(), { analytics: c, common: M } = g(), { isCopyLoaded: T, isInitialized: v } = E(), [x, C] = d.useState(!1);
+  } = f(), { analytics: c, common: M } = b(), { isCopyLoaded: T, isInitialized: v } = E(), [x, C] = d.useState(!1);
   d.useEffect(() => {
     v && m();
   }, [v]), d.useEffect(() => {
@@ -105,11 +105,11 @@ const O = () => {
   const F = () => {
     s("survey dismissed", {
       $survey_id: i
-    }), b(), C(!1);
+    }), g(), C(!1);
   }, R = () => {
     p();
   }, $ = () => {
-    s("survey sent", k), b(), C(!0);
+    s("survey sent", k), g(), C(!0);
   };
   return T ? !r && !x ? null : /* @__PURE__ */ l(
     j,
@@ -134,11 +134,11 @@ const O = () => {
         r && /* @__PURE__ */ l(d.Fragment, { children: [
           /* @__PURE__ */ l(a, { sx: { gap: 4, px: 24, py: 16 }, children: [
             /* @__PURE__ */ e(u, { bold: !0, truncate: !1, children: r.question }),
-            /* @__PURE__ */ e(u, { variant: "caption", children: h })
+            /* @__PURE__ */ e(u, { variant: "XSmall", children: h })
           ] }),
           /* @__PURE__ */ l(a, { sx: { gap: 6, px: 24, pb: 8 }, children: [
-            r.type === S.Rating && /* @__PURE__ */ e(z, {}),
-            r.type === S.Open && /* @__PURE__ */ e(I, {})
+            r.type === S.Rating && /* @__PURE__ */ e(X, {}),
+            r.type === S.Open && /* @__PURE__ */ e(H, {})
           ] }),
           /* @__PURE__ */ e(a, { sx: { px: 24, py: 16 }, children: /* @__PURE__ */ e(
             B,
@@ -146,10 +146,10 @@ const O = () => {
               disabled: !t && !n,
               onClick: t ? $ : R,
               sx: {
-                borderColor: o.palette.neutral.light,
+                borderColor: o.palette.border.light,
                 "&:hover": {
                   // temp hardcoded dark mode color until design team decision
-                  backgroundColor: o.palette.mode === "dark" ? "#0749B240" : o.palette.primary.light,
+                  backgroundColor: o.palette.mode === "dark" ? "#0749B240" : o.palette.primary.lighter,
                   borderColor: o.palette.primary.main
                 }
               },
@@ -165,7 +165,7 @@ const O = () => {
       ]
     }
   ) : /* @__PURE__ */ e(W, {});
-}, ie = y(D);
+}, ie = y(I);
 export {
   ie as SurveyMiniWidget
 };