@mx-cartographer/experiences 9.0.0-alpha.mega1 → 9.0.0

package/dist/accounts/utils/AccountDetails.d.ts

@@ -1,4 +1,4 @@
-import { AccountType, AccountsCopy } from '../../common';
+import { AccountType, AccountsCopy } from '../../core';
 export declare const getChartLabels: (accountType: AccountType, copy: AccountsCopy) => {
     title: string;
     description: string;

package/dist/accounts/utils/AccountFields.d.ts

@@ -1,4 +1,4 @@
-import { Account, AccountsCopy } from '../../common';
+import { Account, AccountsCopy } from '../../core';
 type SelectOption = {
     label: string;
     value: number;
@@ -16,12 +16,12 @@ export type AccountField = {
     valueFormatter: (val: any) => any;
 };
 export declare const getAccountDetailFields: (account: Account, copy: AccountsCopy) => AccountField[];
-export declare const getAccountBalanceDetails: (account: Account, copy: AccountsCopy) => {
+export declare const getAccountBalanceDetails: (account: Account, copy: AccountsCopy, showAvailableBalance: boolean) => {
     firstSubtitle: string;
     firstValue: number | undefined;
     secondSubtitle: string | import("react/jsx-runtime").JSX.Element | null;
     secondValue: string | null;
     hasAvailableBalance: boolean;
 };
-export declare const getClosedAccountBalanceTotal: (accounts: Account[], copy: AccountsCopy) => number;
+export declare const getClosedAccountBalanceTotal: (accounts: Account[], copy: AccountsCopy, showAvailableBalance: boolean) => number;
 export {};

package/dist/analytics/index.es.js

@@ -1,121 +1,110 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import d from "react";
-import { observer as y } from "mobx-react-lite";
-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 _ from "@mui/material/styles/useTheme";
-import { Text as u, TextField as L } from "@mxenabled/mxui";
-import { L as W } from "../Loader-BSWSYqvn.mjs";
-import { M as j } from "../MiniWidgetContainer-DKn7ndO6.mjs";
-import { k as f, u as b, g as q, b as E } from "../hooks-fY_n74f7.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 } = b(), t = _(), p = s, m = (h, n) => {
-    i(n);
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import c from "react";
+import { observer as h } from "mobx-react-lite";
+import { SurveyQuestionType as C } from "posthog-js";
+import R from "@mui/material/Alert";
+import j from "@mui/material/Button";
+import s from "@mui/material/Stack";
+import { Text as u, TextField as A } from "@mxenabled/mxui";
+import { L } from "../Loader-CxeBwuPG.mjs";
+import { M as W } from "../MiniWidgetContainer-BdPiUU-u.mjs";
+import { j as f, u as g, g as $, b as q } from "../hooks-BaO_gOI6.mjs";
+import E from "@mui/material/ToggleButton";
+import Q from "@mui/material/ToggleButtonGroup";
+import { useTheme as B } from "@mui/material/styles";
+const G = () => {
+  const { question: n, response: a, setResponse: t } = f(), { analytics: o } = g(), m = B(), d = n, y = (p, r) => {
+    t(r);
   };
-  return /* @__PURE__ */ l(d.Fragment, { children: [
+  return /* @__PURE__ */ i(c.Fragment, { children: [
     /* @__PURE__ */ e(
-      G,
+      Q,
       {
         exclusive: !0,
-        onChange: m,
+        onChange: y,
         sx: {
           display: "flex",
           height: 44,
           justifyContent: "space-between",
           width: "100%"
         },
-        value: o,
-        children: Array.from({ length: p.scale }, (h, n) => /* @__PURE__ */ e(
-          Q,
+        value: a,
+        children: Array.from({ length: d.scale }, (p, r) => /* @__PURE__ */ e(
+          E,
           {
-            sx: {
-              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.lighter,
-                border: `1px solid ${t.palette.primary.main}`,
-                color: t.palette.primary.main
-              }
-            },
-            value: n + 1,
-            children: n + 1
+            color: "primary",
+            sx: { fontWeight: "bold", width: `${100 / d.scale}%` },
+            value: r + 1,
+            children: r + 1
           },
-          n + 1
+          r + 1
         ))
       }
     ),
-    /* @__PURE__ */ l(
-      a,
+    /* @__PURE__ */ i(
+      s,
       {
         sx: {
-          color: t.palette.secondary.light,
+          color: m.palette.secondary.light,
           flexDirection: "row",
           justifyContent: "space-between"
         },
         children: [
-          /* @__PURE__ */ e(u, { bold: !0, variant: "XSmall", children: r.strongly_disagree }),
-          /* @__PURE__ */ e(u, { bold: !0, variant: "XSmall", children: r.strongly_agree })
+          /* @__PURE__ */ e(u, { bold: !0, color: "text.secondary", variant: "caption", children: o.strongly_disagree }),
+          /* @__PURE__ */ e(u, { bold: !0, color: "text.secondary", variant: "caption", children: o.strongly_agree })
         ]
       }
     )
   ] });
-}, X = y(O), z = () => {
-  const { response: s, setResponse: o } = f(), { analytics: i } = b();
+}, O = h(G), z = () => {
+  const { response: n, setResponse: a } = f(), { analytics: t } = g();
   return /* @__PURE__ */ e(
-    L,
+    A,
     {
-      label: i.feedback,
+      label: t.feedback,
       multiline: !0,
-      onChange: (r) => {
-        o(r.target.value);
+      onChange: (o) => {
+        a(o.target.value);
       },
-      placeholder: i.improve_experience,
+      placeholder: t.improve_experience,
       rows: 4,
-      value: s
+      value: n
     }
   );
-}, H = y(z), I = () => {
-  const { onEvent: s } = q(), o = _(), {
-    surveyId: i,
-    question: r,
-    isLastQuestion: t,
-    nextQuestion: p,
-    loadSurvey: m,
-    questionCount: h,
-    response: n,
-    responsePayload: k,
-    resetStore: g,
-    survey: w
-  } = f(), { analytics: c, common: M } = b(), { isCopyLoaded: T, isInitialized: v } = E(), [x, C] = d.useState(!1);
-  d.useEffect(() => {
-    v && m();
-  }, [v]), d.useEffect(() => {
-    s("survey shown", {
-      $survey_id: i
+}, H = h(z), I = () => {
+  const { onEvent: n } = $(), {
+    surveyId: a,
+    question: t,
+    isLastQuestion: o,
+    nextQuestion: m,
+    loadSurvey: d,
+    questionCount: y,
+    response: p,
+    responsePayload: r,
+    resetStore: x,
+    survey: S
+  } = f(), { analytics: l, common: w } = g(), { isCopyLoaded: k, isInitialized: v } = q(), [b, _] = c.useState(!1);
+  c.useEffect(() => {
+    v && d();
+  }, [v]), c.useEffect(() => {
+    n("survey shown", {
+      $survey_id: a
     });
-  }, [w]);
-  const F = () => {
-    s("survey dismissed", {
-      $survey_id: i
-    }), g(), C(!1);
-  }, R = () => {
-    p();
-  }, $ = () => {
-    s("survey sent", k), g(), C(!0);
+  }, [S]);
+  const M = () => {
+    n("survey dismissed", {
+      $survey_id: a
+    }), x(), _(!1);
+  }, T = () => {
+    m();
+  }, F = () => {
+    n("survey sent", r), x(), _(!0);
   };
-  return T ? !r && !x ? null : /* @__PURE__ */ l(
-    j,
+  return k ? !t && !b ? null : /* @__PURE__ */ i(
+    W,
     {
-      closeLabel: M.close_aria,
-      onClose: F,
+      closeLabel: w.close_aria,
+      onClose: M,
       sx: {
         "& .MuiCardHeader-root": {
           px: 24,
@@ -128,44 +117,36 @@ const O = () => {
           pb: 0
         }
       },
-      title: c.your_feedback_matters,
+      title: l.your_feedback_matters,
       children: [
-        /* @__PURE__ */ e(a, { sx: { pb: 8, px: 24 }, children: /* @__PURE__ */ e(u, { truncate: !1, variant: "subtitle2", children: c.let_us_know }) }),
-        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: "XSmall", children: h })
+        /* @__PURE__ */ e(s, { sx: { pb: 8, px: 24 }, children: /* @__PURE__ */ e(u, { truncate: !1, variant: "subtitle2", children: l.let_us_know }) }),
+        t && /* @__PURE__ */ i(c.Fragment, { children: [
+          /* @__PURE__ */ i(s, { sx: { gap: 4, px: 24, py: 16 }, children: [
+            /* @__PURE__ */ e(u, { bold: !0, truncate: !1, children: t.question }),
+            /* @__PURE__ */ e(u, { variant: "caption", children: y })
           ] }),
-          /* @__PURE__ */ l(a, { sx: { gap: 6, px: 24, pb: 8 }, children: [
-            r.type === S.Rating && /* @__PURE__ */ e(X, {}),
-            r.type === S.Open && /* @__PURE__ */ e(H, {})
+          /* @__PURE__ */ i(s, { sx: { gap: 6, px: 24, pb: 8 }, children: [
+            t.type === C.Rating && /* @__PURE__ */ e(O, {}),
+            t.type === C.Open && /* @__PURE__ */ e(H, {})
           ] }),
-          /* @__PURE__ */ e(a, { sx: { px: 24, py: 16 }, children: /* @__PURE__ */ e(
-            B,
+          /* @__PURE__ */ e(s, { sx: { px: 24, py: 16 }, children: /* @__PURE__ */ e(
+            j,
             {
-              disabled: !t && !n,
-              onClick: t ? $ : R,
-              sx: {
-                borderColor: o.palette.border.light,
-                "&:hover": {
-                  // temp hardcoded dark mode color until design team decision
-                  backgroundColor: o.palette.mode === "dark" ? "#0749B240" : o.palette.primary.lighter,
-                  borderColor: o.palette.primary.main
-                }
-              },
-              variant: t && n ? "contained" : "outlined",
-              children: t ? c.submit_feedback : c.continue
+              disabled: !o && !p,
+              onClick: o ? F : T,
+              variant: o && p ? "contained" : "outlined",
+              children: o ? l.submit_feedback : l.continue
             }
           ) })
         ] }),
-        x && /* @__PURE__ */ l(d.Fragment, { children: [
-          /* @__PURE__ */ e(a, { sx: { px: 24, py: 24 }, children: /* @__PURE__ */ e(u, { bold: !0, truncate: !1, children: c.thank_you }) }),
-          /* @__PURE__ */ e(a, { sx: { px: 24, pb: 24 }, children: /* @__PURE__ */ e(A, { severity: "success", variant: "filled", children: c.feedback_sent_successfully }) })
+        b && /* @__PURE__ */ i(c.Fragment, { children: [
+          /* @__PURE__ */ e(s, { sx: { px: 24, py: 24 }, children: /* @__PURE__ */ e(u, { bold: !0, truncate: !1, children: l.thank_you }) }),
+          /* @__PURE__ */ e(s, { sx: { px: 24, pb: 24 }, children: /* @__PURE__ */ e(R, { severity: "success", variant: "filled", children: l.feedback_sent_successfully }) })
         ] })
       ]
     }
-  ) : /* @__PURE__ */ e(W, {});
-}, ie = y(I);
+  ) : /* @__PURE__ */ e(L, {});
+}, se = h(I);
 export {
-  ie as SurveyMiniWidget
+  se as SurveyMiniWidget
 };

package/dist/budgets/BubbleBudgetsMiniWidget.d.ts

@@ -1,4 +1,4 @@
-import { MiniWidgetProps } from '../common';
+import { MiniWidgetProps } from '../core';
 declare const _default: ((props: MiniWidgetProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };

package/dist/budgets/BubbleBudgetsWidget.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-import { WidgetProps } from '../common';
+import { WidgetProps } from '../core';
 export declare const BubbleBudgetsWidget: React.FC<WidgetProps>;

package/dist/budgets/components/BubbleChart.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { SimulationNodeDatum } from 'd3-force';
-import { DetailedBudget } from '../../common';
+import { DetailedBudget } from '../../core';
 export interface BubbleData extends DetailedBudget, SimulationNodeDatum {
     radius: number;
 }

package/dist/budgets/components/BudgetDetailsDrawerV2.d.ts

@@ -0,0 +1,11 @@
+import { TransactionListProps } from '../../transactions/components/shared/TransactionList';
+interface BudgetDetailsDrawerV2Props {
+    onClose?: () => void;
+    onEvent?: (event: string, amount: string) => void;
+    onViewHistory?: () => void;
+    transactionListProps?: TransactionListProps;
+}
+declare const _default: (({ onClose, onEvent, onViewHistory, transactionListProps, }: BudgetDetailsDrawerV2Props) => import("react/jsx-runtime").JSX.Element | null) & {
+    displayName: string;
+};
+export default _default;

package/dist/budgets/components/MerchantBudgetDetailsDrawer.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { Transaction } from '../../core';
+import { MerchantBudget } from '../../core/types/Budget';
+import { CurrencyDialogAction } from '../../transactions/components/shared/transactiondetails/actions/AddMerchantBudgetAction';
+interface MerchantBudgetDetailsDrawerProps {
+    merchantBudget: MerchantBudget;
+    transaction: Transaction;
+    onClose: () => void;
+    isOpen: boolean;
+    setCurrencyDialogAction: (action: CurrencyDialogAction) => void;
+    renderingToast?: () => React.ReactNode;
+}
+export declare const MerchantBudgetDetailsDrawer: ({ merchantBudget, transaction, onClose, isOpen, setCurrencyDialogAction, renderingToast, }: MerchantBudgetDetailsDrawerProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (({ merchantBudget, transaction, onClose, isOpen, setCurrencyDialogAction, renderingToast, }: MerchantBudgetDetailsDrawerProps) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};
+export default _default;

package/dist/budgets/components/addbudget/RecalculateBudgetRow.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { DetailedCategory } from '../../../common';
+import { DetailedCategory } from '../../../core';
 interface RecalculateBudgetRowProps {
     category: DetailedCategory;
 }

package/dist/budgets/components/addbudget/UnbudgetedRow.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { DetailedCategory } from '../../../common';
+import { DetailedCategory } from '../../../core';
 interface UnbudgetedRowProps {
     category: DetailedCategory;
     onAddBudget: (category: DetailedCategory, amount: number) => void;

package/dist/budgets/components/bubblechart/Bubble.d.ts

@@ -1,4 +1,4 @@
-import { DetailedBudget } from '../../../common';
+import { DetailedBudget } from '../../../core';
 import { BubbleData } from '../BubbleChart';
 interface BubbleProps {
     bubble: BubbleData;

package/dist/budgets/components/budgetdetails/AddSubBudget.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { DetailedBudget, DetailedCategory } from '../../../common';
+import { DetailedBudget, DetailedCategory } from '../../../core';
 interface AddSubBudgetProps {
     category: DetailedCategory;
     parentBudget: DetailedBudget;

package/dist/budgets/components/budgetdetails/BudgetDetails.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { DetailedBudget } from '../../../common';
+import { DetailedBudget } from '../../../core';
 interface BudgetDetailsProps {
     budget: DetailedBudget;
 }

package/dist/budgets/components/budgetdetails/Header.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { DetailedBudget } from '../../../common';
+import { DetailedBudget } from '../../../core';
 interface HeaderProps {
     budget: DetailedBudget;
 }

package/dist/budgets/components/budgetdetails/SubBudgetList.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { DetailedBudget } from '../../../common';
+import { DetailedBudget } from '../../../core';
 interface SubBudgetListProps {
     budget: DetailedBudget;
 }

package/dist/budgets/components/budgetlist/BudgetRow.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { DetailedBudget } from '../../../common';
+import { DetailedBudget } from '../../../core';
 interface BudgetRowProps {
     budget: DetailedBudget;
     onClick?: (budget: DetailedBudget) => void;

package/dist/budgets/components/budgetlist/SubBudgetRow.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { DetailedBudget } from '../../../common';
+import { DetailedBudget } from '../../../core';
 interface SubBudgetRowProps {
     budget: DetailedBudget;
 }

package/dist/budgets/components/shared/BudgetDetailsTopSection.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface BudgetDetailsTopAndMiddleSectionProps {
+    startDate: number;
+    onViewHistory?: () => void;
+    totalTransaction: number;
+    amount: number;
+    spentPercentage: number;
+    remainingAmount: number;
+    iconColor?: string;
+    icon: React.ReactNode;
+}
+export declare const BudgetDetailsTopSection: ({ startDate, onViewHistory, totalTransaction, amount, spentPercentage, remainingAmount, iconColor, icon, }: BudgetDetailsTopAndMiddleSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/budgets/index.d.ts

@@ -1,2 +1,3 @@
-export { default as BubbleBudgetsMiniWidget } from './BubbleBudgetsMiniWidget';
 export { BubbleBudgetsWidget } from './BubbleBudgetsWidget';
+export { default as BubbleBudgetsMiniWidget } from './BubbleBudgetsMiniWidget';
+export { default as BudgetDetailsDrawerV2 } from './components/BudgetDetailsDrawerV2';