@mx-cartographer/experiences 7.0.0-alpha.mega1 → 7.0.1-alpha.al0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -0
- package/dist/{Account-DY6nxO7y.mjs → Account-BFol-JYA.mjs} +1 -1
- package/dist/{AccountDetailsContent-DvPs81kL.mjs → AccountDetailsContent-Do3z1FnQ.mjs} +8 -8
- package/dist/{AccountDetailsHeader-W2U7ZVm_.mjs → AccountDetailsHeader-DnEyQMpX.mjs} +12 -12
- package/dist/{AccountFields-DAVcbZy5.mjs → AccountFields-CeHZrIQe.mjs} +2 -2
- package/dist/{AccountListItem-DFlbdcmT.mjs → AccountListItem-C7JzYpqf.mjs} +3 -3
- package/dist/{AccountStore-CU7qV3vg.mjs → AccountStore-Cu3GoLh-.mjs} +1 -1
- package/dist/{Accounts-BLlrQA5m.mjs → Accounts-BuYXUMhP.mjs} +1 -1
- package/dist/{BudgetUtil-Ci1TN0J5.mjs → BudgetUtil-spowPvBM.mjs} +2 -2
- package/dist/{Category-5S6uwuXz.mjs → Category-CevNQ03n.mjs} +4 -4
- package/dist/{CategorySelectorDrawer-rHyHHYuh.mjs → CategorySelectorDrawer-Dyzb3UDU.mjs} +1 -1
- package/dist/{CategoryStore-B5EW6I1d.mjs → CategoryStore-BOyzQjQp.mjs} +2 -2
- package/dist/{CategoryUtil-DRyruNgi.mjs → CategoryUtil-BR3H5i6n.mjs} +1 -1
- package/dist/{ConnectDrawer-D9cR5phc.mjs → ConnectDrawer-WfKHsHSF.mjs} +1 -1
- package/dist/{ConnectionsDrawer-BzGqljSp.mjs → ConnectionsDrawer-Czp-E0-m.mjs} +2 -2
- package/dist/{CurrencyInput-D74cemI2.mjs → CurrencyInput-CSZjO22Z.mjs} +1 -1
- package/dist/{DebtsStore-S0l9kr0r.mjs → DebtsStore-D9holN8L.mjs} +1 -1
- package/dist/ExportCsvAction-dpvaZxbS.mjs +24 -0
- package/dist/{GoalStore-DioeeL-s.mjs → GoalStore-Drf76ell.mjs} +4 -4
- package/dist/{Help-DpYRO8oA.mjs → Help-DRUwVDvo.mjs} +1 -1
- package/dist/{LineChart-CcyX38kK.mjs → LineChart-CYiUS-px.mjs} +88 -85
- package/dist/{ListItemAction-BabpYivr.mjs → ListItemAction-BzmbPuNp.mjs} +1 -1
- package/dist/{ManageIncome-ndMuhJMG.mjs → ManageIncome-B6kmMN_z.mjs} +178 -186
- package/dist/{MicroWidgetContainer-CsvHLYKX.mjs → MicroWidgetContainer-DmYiksbT.mjs} +1 -1
- package/dist/{MiniWidgetContainer-BoOp-A05.mjs → MiniWidgetContainer-DqKQNubH.mjs} +1 -1
- package/dist/{NetWorthStore-PD-RUe09.mjs → NetWorthStore-BK1_NbXW.mjs} +2 -2
- package/dist/{Notification-AMGWM1Al.mjs → Notification-ByMBpJ5u.mjs} +33 -22
- package/dist/{NotificationSettings-VhHuMAFU.mjs → NotificationSettings-BznqGVQ2.mjs} +35 -34
- package/dist/{OriginalBalanceAction-D39mx6uE.mjs → OriginalBalanceAction-CSu5brQE.mjs} +3 -3
- package/dist/RecurringSettings-Be1dzkMz.mjs +57 -0
- package/dist/ResponsiveButton-DZFp78fJ.mjs +45 -0
- package/dist/{SettingsStore-CE7jDVFL.mjs → SettingsStore-B4gi6oOw.mjs} +1 -1
- package/dist/{SpendingData-BkrxzHdr.mjs → SpendingData-D5vsfYKo.mjs} +5 -5
- package/dist/{Transaction-CA0FW2Ij.mjs → Transaction-CyqrHmAA.mjs} +1 -1
- package/dist/{TransactionDetails-WBHFmbxL.mjs → TransactionDetails-D4B9DSWo.mjs} +421 -417
- package/dist/{TransactionStore-CeLdmVnC.mjs → TransactionStore-DSyXtPek.mjs} +8 -8
- package/dist/TrendsStore-DR8etTL2.mjs +547 -0
- package/dist/{ViewMoreMicroCard-CAPFNz-J.mjs → ViewMoreMicroCard-BZI5VMNW.mjs} +476 -468
- package/dist/{WidgetContainer-DWCusxYI.mjs → WidgetContainer-BG-fdDOf.mjs} +110 -104
- package/dist/accounts/index.es.js +12 -12
- package/dist/analytics/index.es.js +8 -8
- package/dist/budgets/index.es.js +10 -10
- package/dist/cashflow/index.es.js +7 -7
- package/dist/categories/index.es.js +2 -2
- package/dist/common/components/WidgetContainer.d.ts +1 -1
- package/dist/common/components/charts/LineChart.d.ts +1 -0
- package/dist/common/components/index.d.ts +1 -0
- package/dist/common/components/listitems/ToggleButtonListItem.d.ts +2 -1
- package/dist/common/constants/Analytics.d.ts +16 -10
- package/dist/common/index.es.js +432 -469
- package/dist/dashboard/index.es.js +13 -13
- package/dist/debts/index.es.js +66 -66
- package/dist/{exportTransactionsToCSV-CmwsKl2D.mjs → exportTransactionsToCSV-BlVifaOG.mjs} +2 -2
- package/dist/finstrong/index.es.js +6 -6
- package/dist/goals/index.es.js +32 -32
- package/dist/help/index.es.js +3 -3
- package/dist/{hooks-30y_BLwc.mjs → hooks-02T565vf.mjs} +10 -10
- package/dist/investments/index.es.js +3 -3
- package/dist/merchants/index.es.js +1 -1
- package/dist/microinsights/components/carouselheader/CarouselHeader.d.ts +1 -0
- package/dist/microinsights/components/microBeatCarousel/MicroBeatCarousel.d.ts +1 -0
- package/dist/microinsights/index.es.js +1 -1
- package/dist/networth/index.es.js +7 -7
- package/dist/notifications/index.es.js +9 -9
- package/dist/recurringtransactions/index.es.js +8 -8
- package/dist/settings/index.es.js +25 -25
- package/dist/spending/index.es.js +13 -13
- package/dist/transactions/components/shared/TransactionList.d.ts +2 -0
- package/dist/transactions/components/transactionwidget/actions/ExportCsvAction.d.ts +5 -1
- package/dist/transactions/index.d.ts +1 -0
- package/dist/transactions/index.es.js +143 -141
- package/dist/trends/constants/TrendsWidget.d.ts +3 -0
- package/dist/trends/index.es.js +579 -642
- package/package.json +1 -1
- package/dist/RecurringSettings-D_HnMYZP.mjs +0 -57
- package/dist/TrendsStore-BHJUapXF.mjs +0 -487
- package/dist/index.d.ts +0 -0
- package/dist/trends/components/TransactionsList.d.ts +0 -7
@@ -2,29 +2,29 @@ import { jsxs as T, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import o from "react";
|
3
3
|
import { observer as ne } from "mobx-react-lite";
|
4
4
|
import M from "@mui/material/Button";
|
5
|
-
import
|
5
|
+
import j from "@mui/material/Box";
|
6
6
|
import ce from "@mui/material/Card";
|
7
7
|
import re from "@mui/material/CardHeader";
|
8
8
|
import oe from "@mui/material/CardContent";
|
9
9
|
import Z from "@mui/material/Divider";
|
10
10
|
import F from "@mui/material/IconButton";
|
11
|
-
import
|
11
|
+
import Y from "@mui/material/Stack";
|
12
12
|
import { Icon as s, Text as z, DateRangePicker as q, H1 as se, H3 as le } from "@mxenabled/mxui";
|
13
|
-
import { u as
|
14
|
-
import { L as
|
15
|
-
import {
|
13
|
+
import { u as Ce } from "./useDimensions-27p2evRx.mjs";
|
14
|
+
import { L as de } from "./Loader-Dp1P2gNw.mjs";
|
15
|
+
import { e as Te, a as Ie, u as Ee, W as Re } from "./hooks-02T565vf.mjs";
|
16
16
|
import { u as ae } from "./useScreenSize-B6JyS_Lj.mjs";
|
17
17
|
import { addMonths as J } from "date-fns/addMonths";
|
18
|
-
import { addDays as
|
18
|
+
import { addDays as ge } from "date-fns/addDays";
|
19
19
|
import { addYears as Q } from "date-fns/addYears";
|
20
20
|
import { differenceInCalendarDays as Ae } from "date-fns/differenceInCalendarDays";
|
21
|
-
import { endOfMonth as
|
21
|
+
import { endOfMonth as V } from "date-fns/endOfMonth";
|
22
22
|
import { endOfToday as ee } from "date-fns/endOfToday";
|
23
|
-
import { endOfYear as
|
24
|
-
import { startOfMonth as
|
23
|
+
import { endOfYear as Se } from "date-fns/endOfYear";
|
24
|
+
import { startOfMonth as ue } from "date-fns/startOfMonth";
|
25
25
|
import { startOfToday as Ne } from "date-fns/startOfToday";
|
26
26
|
import { startOfYear as me } from "date-fns/startOfYear";
|
27
|
-
import { subMonths as
|
27
|
+
import { subMonths as X } from "date-fns/subMonths";
|
28
28
|
import { subDays as Le } from "date-fns/subDays";
|
29
29
|
import { subYears as te } from "date-fns/subYears";
|
30
30
|
import De from "@mui/material/ButtonGroup";
|
@@ -33,9 +33,9 @@ import ke from "@mui/material/Tabs";
|
|
33
33
|
import he from "@mui/material/ToggleButton";
|
34
34
|
import Oe from "@mui/material/ToggleButtonGroup";
|
35
35
|
import fe from "@mui/material/styles/useTheme";
|
36
|
-
import { f as K, D as G, a as
|
37
|
-
import { D as
|
38
|
-
import { i as Ke, j as Ge } from "./ConnectDrawer-
|
36
|
+
import { f as K, D as G, a as be } from "./Dialog-CWW597AF.mjs";
|
37
|
+
import { D as we } from "./Drawer-kEE73B87.mjs";
|
38
|
+
import { i as Ke, j as Ge } from "./ConnectDrawer-WfKHsHSF.mjs";
|
39
39
|
const Me = {
|
40
40
|
ACCOUNTS_CLICK_ACCOUNT: "accounts_widget_click_account",
|
41
41
|
ACCOUNTS_CLICK_CONNECT: "accounts_widget_click_connect_accounts",
|
@@ -124,16 +124,6 @@ const Me = {
|
|
124
124
|
TRANSACTION_DETAILS_CLICK_TAGS: "transaction_details_click_tags",
|
125
125
|
TRANSACTION_DETAILS_CLICK_UNSPLIT: "transaction_details_click_unsplit_transaction",
|
126
126
|
TRANSACTION_DETAILS_VIEW: "transaction_details",
|
127
|
-
TRENDS_CLICK_DATE: "trends_widget_click_date_range",
|
128
|
-
TRENDS_CLICK_FILTER: "trends_widget_click_filter_accounts",
|
129
|
-
TRENDS_CLICK_LEGEND: "trends_widget_click_legend",
|
130
|
-
TRENDS_CLICK_TABLE_ROW: "trends_widget_click_table_row",
|
131
|
-
TRENDS_CLICK_TABLE_SORT: "trends_widget_click_table_sort",
|
132
|
-
TRENDS_CLICK_TOGGLE: "trends_widget_toggle_chart_table",
|
133
|
-
TRENDS_HOVER_AREA: "trends_widget_hover_chart_area",
|
134
|
-
TRENDS_HOVER_LEGEND: "trends_widget_hover_legend",
|
135
|
-
TRENDS_HOVER_POINT: "trends_widget_hover_chart_point",
|
136
|
-
TRENDS_VIEW_TRANSACTIONS: "trends_widget_view_transactions",
|
137
127
|
WIDGET_BACK_CLICK: "widget_back_button_click",
|
138
128
|
// NEW ANAYTICS EVENT FORMAT
|
139
129
|
// widget_action_subject
|
@@ -146,18 +136,34 @@ const Me = {
|
|
146
136
|
RECURRING_TRANSACTIONS_CLICK_GET_STARTED: "recurringTransactions_click_getStarted",
|
147
137
|
RECURRING_TRANSACTIONS_CLICK_VIEW_ALL: "recurringTransactions_click_viewAll",
|
148
138
|
RECURRING_TRANSACTIONS_LOAD_WIDGET: "recurringTransactions_load_widget",
|
139
|
+
TRENDS_CLICK_ALL_CATEGORIES: "trends_click_allCategories",
|
140
|
+
TRENDS_CLICK_BACK: "trends_click_back",
|
141
|
+
TRENDS_CLICK_CHART: "trends_click_chart",
|
142
|
+
TRENDS_CLICK_EXPORT_CSV: "trends_click_exportCSV",
|
143
|
+
TRENDS_CLICK_FILTER: "trends_click_filter",
|
149
144
|
TRENDS_CLICK_GET_STARTED: "trends_click_getStarted",
|
145
|
+
TRENDS_CLICK_INSIGHT: "trends_click_insight",
|
146
|
+
TRENDS_CLICK_LEGEND: "trends_click_legend",
|
147
|
+
TRENDS_CLICK_LIST_ITEM: "trends_click_listItem",
|
148
|
+
TRENDS_CLICK_TABLE_SORT: "trends_click_tableSort",
|
149
|
+
TRENDS_CLICK_TIME_WINDOW: "trends_click_timeWindow",
|
150
|
+
TRENDS_CLICK_TOGGLE_VIEW: "trends_click_toggleView",
|
150
151
|
TRENDS_CLICK_VIEW_MORE: "trends_click_viewMore",
|
151
|
-
|
152
|
-
|
152
|
+
TRENDS_CLICK_VIEW_TRANSACTIONS: "trends_click_viewTransactions",
|
153
|
+
TRENDS_HOVER_AREA: "trends_hover_chartArea",
|
154
|
+
TRENDS_HOVER_POINT: "trends_hover_chartPoint",
|
155
|
+
TRENDS_HOVER_LEGEND: "trends_hover_ChartLegend",
|
156
|
+
TRENDS_LOAD_WIDGET: "trends_load_widget",
|
157
|
+
TRENDS_VIEW_TRANSACTIONS: "trends_view_transactions"
|
158
|
+
}, We = ({
|
153
159
|
calendarActions: i,
|
154
|
-
color:
|
160
|
+
color: u = "primary",
|
155
161
|
copy: a,
|
156
|
-
range: N = [
|
162
|
+
range: N = [ue(Ne()), V(ee())],
|
157
163
|
shouldShrinkToIcon: m = !0,
|
158
164
|
variant: n = "outlined"
|
159
165
|
}) => {
|
160
|
-
const
|
166
|
+
const W = fe(), { isMobile: L } = ae(), [l, b] = o.useState(N), [c, y] = o.useState(a.dateRangePickerCopy.dateRangeThisMonth), [r, D] = o.useState(l), [p, k] = o.useState(!1), [H, x] = o.useState(!0), [h, C] = o.useState(6), d = {
|
161
167
|
buttons: [
|
162
168
|
{ label: "3M", value: 3 },
|
163
169
|
{ label: "6M", value: 6 },
|
@@ -172,52 +178,52 @@ const Me = {
|
|
172
178
|
]
|
173
179
|
};
|
174
180
|
o.useEffect(() => {
|
175
|
-
|
181
|
+
b(N), D(N);
|
176
182
|
}, [N]), o.useEffect(() => {
|
177
183
|
(n === "timeframebuttons" || n === "timeframetabs") && i.onRangeChanged(I());
|
178
184
|
}, [h]);
|
179
185
|
const I = () => {
|
180
|
-
const _ =
|
181
|
-
return [
|
186
|
+
const _ = V(ee());
|
187
|
+
return [V(X(_, h)), _];
|
182
188
|
}, w = (_) => {
|
183
189
|
const [t, O] = l, A = _ === "previous";
|
184
|
-
let
|
190
|
+
let S;
|
185
191
|
if (c === a.dateRangePickerCopy.dateRangeThisMonth || c === a.dateRangePickerCopy.dateRangeLastMonth)
|
186
|
-
|
187
|
-
A ?
|
188
|
-
|
192
|
+
S = [
|
193
|
+
A ? X(t, 1) : J(t, 1),
|
194
|
+
V(A ? X(O, 1) : J(O, 1))
|
189
195
|
];
|
190
196
|
else if (c === a.dateRangePickerCopy.dateRangeYTD || c === a.dateRangePickerCopy.dateRangeLastYear) {
|
191
|
-
const E = me(t),
|
192
|
-
|
197
|
+
const E = me(t), R = Se(t);
|
198
|
+
S = [
|
193
199
|
A ? te(E, 1) : Q(E, 1),
|
194
|
-
A ? te(
|
200
|
+
A ? te(R, 1) : Q(R, 1)
|
195
201
|
];
|
196
202
|
} else {
|
197
|
-
const E = Ae(O, t),
|
198
|
-
|
203
|
+
const E = Ae(O, t), R = A ? Le : ge;
|
204
|
+
S = [R(t, E), R(O, E)];
|
199
205
|
}
|
200
|
-
|
201
|
-
},
|
202
|
-
|
206
|
+
b(S), i.onRangeChanged(S);
|
207
|
+
}, v = () => {
|
208
|
+
b(r), x(
|
203
209
|
c === a.dateRangePickerCopy.dateRangeThisMonth || c === a.dateRangePickerCopy.dateRangeLastMonth
|
204
210
|
), i.onRangeChanged(r);
|
205
|
-
},
|
206
|
-
|
211
|
+
}, U = (_) => {
|
212
|
+
C(_);
|
207
213
|
};
|
208
|
-
return /* @__PURE__ */ T(
|
214
|
+
return /* @__PURE__ */ T(j, { className: "mx-cmn-date-range-selector", m: 4, children: [
|
209
215
|
/* @__PURE__ */ T(
|
210
|
-
|
216
|
+
j,
|
211
217
|
{
|
212
218
|
sx: {
|
213
|
-
[
|
219
|
+
[W.breakpoints.down("sm")]: {
|
214
220
|
display: m ? "none" : "flex",
|
215
221
|
justifyContent: "center"
|
216
222
|
},
|
217
|
-
[
|
223
|
+
[W.breakpoints.up("sm")]: { display: "inline-flex" }
|
218
224
|
},
|
219
225
|
children: [
|
220
|
-
n === "readonly" && /* @__PURE__ */ T(
|
226
|
+
n === "readonly" && /* @__PURE__ */ T(Y, { alignItems: "center", direction: "row", gap: 8, children: [
|
221
227
|
/* @__PURE__ */ e(s, { name: "calendar_month", size: 24 }),
|
222
228
|
/* @__PURE__ */ e(z, { bold: !0, children: K(r[0], G.MONTH_DAY) }),
|
223
229
|
/* @__PURE__ */ e(s, { name: "remove" }),
|
@@ -226,7 +232,7 @@ const Me = {
|
|
226
232
|
n !== "readonly" && n !== "timeframebuttons" && n !== "timeframetabs" && /* @__PURE__ */ T(
|
227
233
|
De,
|
228
234
|
{
|
229
|
-
color:
|
235
|
+
color: u,
|
230
236
|
sx: {
|
231
237
|
"& .MuiButtonGroup-grouped": {
|
232
238
|
padding: L ? 0 : 12
|
@@ -252,7 +258,7 @@ const Me = {
|
|
252
258
|
M,
|
253
259
|
{
|
254
260
|
"aria-disabled": i.shouldDisablePicker,
|
255
|
-
color:
|
261
|
+
color: u,
|
256
262
|
onClick: () => i.shouldDisablePicker ? null : k(!0),
|
257
263
|
startIcon: /* @__PURE__ */ e(s, { name: "calendar_month", size: 20 }),
|
258
264
|
sx: {
|
@@ -282,14 +288,14 @@ const Me = {
|
|
282
288
|
n === "timeframebuttons" && /* @__PURE__ */ e(
|
283
289
|
Oe,
|
284
290
|
{
|
285
|
-
color:
|
291
|
+
color: u,
|
286
292
|
exclusive: !0,
|
287
293
|
orientation: "horizontal",
|
288
294
|
value: h,
|
289
|
-
children:
|
295
|
+
children: d.buttons.map((_) => /* @__PURE__ */ e(
|
290
296
|
he,
|
291
297
|
{
|
292
|
-
onClick: () =>
|
298
|
+
onClick: () => U(_.value),
|
293
299
|
sx: { width: 56 },
|
294
300
|
value: _.value,
|
295
301
|
children: _.label
|
@@ -302,11 +308,11 @@ const Me = {
|
|
302
308
|
ke,
|
303
309
|
{
|
304
310
|
indicatorColor: "primary",
|
305
|
-
onChange: (_, t) =>
|
311
|
+
onChange: (_, t) => U(t),
|
306
312
|
textColor: "primary",
|
307
313
|
value: h,
|
308
314
|
variant: "fullWidth",
|
309
|
-
children:
|
315
|
+
children: d.tabs.map((_) => /* @__PURE__ */ e(
|
310
316
|
pe,
|
311
317
|
{
|
312
318
|
label: /* @__PURE__ */ e(z, { bold: !0, variant: "Body", children: _.label }),
|
@@ -321,13 +327,13 @@ const Me = {
|
|
321
327
|
}
|
322
328
|
),
|
323
329
|
p && L && /* @__PURE__ */ e(
|
324
|
-
|
330
|
+
we,
|
325
331
|
{
|
326
332
|
ariaLabelClose: a.dateRangeCloseAria,
|
327
333
|
isOpen: p,
|
328
334
|
onClose: () => k(!1),
|
329
335
|
onPrimaryAction: () => {
|
330
|
-
|
336
|
+
v(), k(!1);
|
331
337
|
},
|
332
338
|
primaryText: a.dateRangeEditApply,
|
333
339
|
title: a.dateRangeEditTitle,
|
@@ -337,7 +343,7 @@ const Me = {
|
|
337
343
|
copy: a.dateRangePickerCopy,
|
338
344
|
dateRange: r,
|
339
345
|
onRangeChanged: (_, t) => {
|
340
|
-
_[0] && !_[1] && (_[1] = _[0]), D(_),
|
346
|
+
_[0] && !_[1] && (_[1] = _[0]), D(_), y(t);
|
341
347
|
},
|
342
348
|
selectedShortcut: c,
|
343
349
|
sx: { p: 16 }
|
@@ -346,12 +352,12 @@ const Me = {
|
|
346
352
|
}
|
347
353
|
),
|
348
354
|
p && !L && /* @__PURE__ */ e(
|
349
|
-
|
355
|
+
be,
|
350
356
|
{
|
351
357
|
copy: { title: a.dateRangeEditTitle },
|
352
358
|
isOpen: !0,
|
353
359
|
onClose: () => k(!1),
|
354
|
-
onPrimaryAction: () =>
|
360
|
+
onPrimaryAction: () => v(),
|
355
361
|
primaryText: a.dateRangeEditApply,
|
356
362
|
sx: {
|
357
363
|
"& .MuiDialogContent-root": {
|
@@ -364,7 +370,7 @@ const Me = {
|
|
364
370
|
copy: a.dateRangePickerCopy,
|
365
371
|
dateRange: r,
|
366
372
|
onRangeChanged: (_, t) => {
|
367
|
-
_[0] && !_[1] && (_[1] = _[0]), D(_),
|
373
|
+
_[0] && !_[1] && (_[1] = _[0]), D(_), y(t);
|
368
374
|
},
|
369
375
|
selectedShortcut: c,
|
370
376
|
sx: {
|
@@ -378,27 +384,27 @@ const Me = {
|
|
378
384
|
}
|
379
385
|
)
|
380
386
|
] });
|
381
|
-
}, _e =
|
387
|
+
}, _e = We, ye = ({
|
382
388
|
accountOptions: i,
|
383
|
-
actions:
|
389
|
+
actions: u = [],
|
384
390
|
calendarActions: a,
|
385
391
|
children: N,
|
386
392
|
dateRange: m,
|
387
393
|
dateRangeVariant: n,
|
388
|
-
className:
|
394
|
+
className: W = "mx-cmn-widget",
|
389
395
|
hasDivider: L = !1,
|
390
396
|
onBackClick: l,
|
391
|
-
onAccountsFilterClick:
|
397
|
+
onAccountsFilterClick: b,
|
392
398
|
showDividerAboveDateSelector: c = !0,
|
393
|
-
sx:
|
399
|
+
sx: y = {},
|
394
400
|
title: r = ""
|
395
401
|
}) => {
|
396
|
-
const [D, p] = o.useState(!1), [k, { height: H, width: x }] =
|
402
|
+
const [D, p] = o.useState(!1), [k, { height: H, width: x }] = Ce(), { onEvent: h } = Te(), { isDesktop: C, isMobile: d, isTablet: I } = ae(x), { displayedDateRange: w, isCopyLoaded: v, selectedAccountGuids: U, setSelectedAccountGuids: _ } = Ie(), { common: t, connect: O } = Ee(), A = () => {
|
397
403
|
l && (l(), h(Me.WIDGET_BACK_CLICK));
|
398
404
|
};
|
399
|
-
if (!
|
400
|
-
return /* @__PURE__ */ e(
|
401
|
-
const
|
405
|
+
if (!v)
|
406
|
+
return /* @__PURE__ */ e(de, {});
|
407
|
+
const S = {
|
402
408
|
accountFilterOptionsCopy: {
|
403
409
|
accountTypeAccounts: t.account_filter.account_type_accounts,
|
404
410
|
cancelButton: t.cancel_button,
|
@@ -430,29 +436,29 @@ const Me = {
|
|
430
436
|
dateRangeEditTitle: t.date_range_picker.edit_title,
|
431
437
|
dateRangeNextAria: t.date_range_picker.next_aria,
|
432
438
|
dateRangePreviousAria: t.date_range_picker.previous_aria
|
433
|
-
},
|
439
|
+
}, R = m ? m.start : w.start, $ = m ? m.end : w.end, ie = u?.length > 1;
|
434
440
|
return /* @__PURE__ */ T(
|
435
441
|
ce,
|
436
442
|
{
|
437
|
-
className:
|
443
|
+
className: W,
|
438
444
|
sx: {
|
439
|
-
...
|
445
|
+
...d && { px: 4 },
|
440
446
|
"& .mx-cmn-date-range-selector": {
|
441
|
-
...(
|
447
|
+
...(d || I) && { textAlign: "center" }
|
442
448
|
},
|
443
|
-
...
|
449
|
+
...y
|
444
450
|
},
|
445
451
|
children: [
|
446
452
|
r && /* @__PURE__ */ e(
|
447
453
|
re,
|
448
454
|
{
|
449
|
-
action: /* @__PURE__ */ T(
|
450
|
-
|
455
|
+
action: /* @__PURE__ */ T(Y, { alignItems: "center", flexDirection: "row", children: [
|
456
|
+
C && a && /* @__PURE__ */ e(j, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ e(
|
451
457
|
_e,
|
452
458
|
{
|
453
459
|
calendarActions: a,
|
454
460
|
copy: E,
|
455
|
-
range: [
|
461
|
+
range: [R, $],
|
456
462
|
shouldShrinkToIcon: !1,
|
457
463
|
variant: n
|
458
464
|
}
|
@@ -461,54 +467,54 @@ const Me = {
|
|
461
467
|
Ke,
|
462
468
|
{
|
463
469
|
accounts: i,
|
464
|
-
copy:
|
470
|
+
copy: S,
|
465
471
|
onConnectAccountClick: () => p(!0),
|
466
|
-
onFilterClick: (
|
467
|
-
_(
|
472
|
+
onFilterClick: (f) => {
|
473
|
+
_(f), b?.(f);
|
468
474
|
},
|
469
|
-
selectedAccountGuids:
|
475
|
+
selectedAccountGuids: U,
|
470
476
|
showAccountNumbers: !1,
|
471
477
|
variant: "text"
|
472
478
|
}
|
473
479
|
),
|
474
|
-
|
475
|
-
if (o.isValidElement(
|
476
|
-
const { iconName:
|
477
|
-
return ie ?
|
480
|
+
u?.map((f) => {
|
481
|
+
if (o.isValidElement(f)) return f;
|
482
|
+
const { iconName: g, onClick: P, label: B } = f;
|
483
|
+
return ie ? C || I ? /* @__PURE__ */ e(
|
478
484
|
M,
|
479
485
|
{
|
480
486
|
onClick: P,
|
481
|
-
startIcon: /* @__PURE__ */ e(s, { name:
|
487
|
+
startIcon: /* @__PURE__ */ e(s, { name: g, size: 24 }),
|
482
488
|
sx: { my: 4 },
|
483
489
|
children: B
|
484
490
|
},
|
485
|
-
|
486
|
-
) : /* @__PURE__ */ e(F, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ e(s, { name:
|
491
|
+
g
|
492
|
+
) : /* @__PURE__ */ e(F, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ e(s, { name: g, size: 24 }) }, g) : C || I ? /* @__PURE__ */ e(
|
487
493
|
M,
|
488
494
|
{
|
489
495
|
onClick: P,
|
490
|
-
startIcon: /* @__PURE__ */ e(s, { name:
|
496
|
+
startIcon: /* @__PURE__ */ e(s, { name: g, size: 24 }),
|
491
497
|
sx: { my: 4 },
|
492
498
|
children: B
|
493
499
|
},
|
494
|
-
|
495
|
-
) : /* @__PURE__ */ e(F, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ e(s, { name:
|
500
|
+
g
|
501
|
+
) : /* @__PURE__ */ e(F, { "aria-label": B, color: "primary", onClick: P, children: /* @__PURE__ */ e(s, { name: g, size: 24 }) }, g);
|
496
502
|
})
|
497
503
|
] }),
|
498
504
|
sx: {
|
499
|
-
p:
|
505
|
+
p: C ? 48 : 24,
|
500
506
|
pb: 0,
|
501
507
|
"& .MuiCardHeader-action": {
|
502
508
|
mr: 0,
|
503
|
-
...a &&
|
504
|
-
...(
|
509
|
+
...a && C && { flexGrow: 1 },
|
510
|
+
...(d || I) && { alignSelf: "center" }
|
505
511
|
},
|
506
512
|
"& .MuiCardHeader-content": {
|
507
513
|
overflow: "hidden"
|
508
514
|
}
|
509
515
|
},
|
510
|
-
title:
|
511
|
-
|
516
|
+
title: C || I ? /* @__PURE__ */ e(se, { children: r }) : /* @__PURE__ */ T(Y, { alignItems: "center", flexDirection: "row", sx: { overflow: "hidden" }, children: [
|
517
|
+
d && l && /* @__PURE__ */ e(
|
512
518
|
F,
|
513
519
|
{
|
514
520
|
"aria-label": t.back_to_dashboard,
|
@@ -522,15 +528,15 @@ const Me = {
|
|
522
528
|
] })
|
523
529
|
}
|
524
530
|
),
|
525
|
-
L && /* @__PURE__ */ e(Z, { sx: { mt:
|
526
|
-
a && (
|
531
|
+
L && /* @__PURE__ */ e(Z, { sx: { mt: C ? 48 : 24 } }),
|
532
|
+
a && (d || I) && /* @__PURE__ */ T(Y, { gap: 24, justifyContent: "center", sx: { mt: d ? 0 : 16 }, children: [
|
527
533
|
c && /* @__PURE__ */ e(Z, {}),
|
528
534
|
/* @__PURE__ */ e(
|
529
535
|
_e,
|
530
536
|
{
|
531
537
|
calendarActions: a,
|
532
538
|
copy: E,
|
533
|
-
range: [
|
539
|
+
range: [R, $],
|
534
540
|
shouldShrinkToIcon: !1,
|
535
541
|
variant: n
|
536
542
|
}
|
@@ -544,11 +550,11 @@ const Me = {
|
|
544
550
|
title: O.mini_title
|
545
551
|
}
|
546
552
|
),
|
547
|
-
/* @__PURE__ */ e(oe, { ref: k, sx: { p: 0 }, children: /* @__PURE__ */ e(
|
553
|
+
/* @__PURE__ */ e(oe, { ref: k, sx: { p: 0 }, children: /* @__PURE__ */ e(Re, { availableHeight: H, availableWidth: x, children: N }) })
|
548
554
|
]
|
549
555
|
}
|
550
556
|
);
|
551
|
-
}, Nt = ne(
|
557
|
+
}, Nt = ne(ye);
|
552
558
|
export {
|
553
559
|
Me as A,
|
554
560
|
_e as D,
|
@@ -7,24 +7,24 @@ import E from "@mui/material/List";
|
|
7
7
|
import T from "@mui/material/ListSubheader";
|
8
8
|
import x from "@mui/system/Stack";
|
9
9
|
import { Text as v } from "@mxenabled/mxui";
|
10
|
-
import { A as G } from "../AccountDetailsContent-
|
11
|
-
import { u as O1 } from "../AccountDetailsContent-
|
12
|
-
import { u as K, A as z } from "../AccountDetailsHeader-
|
13
|
-
import { A as W } from "../AccountListItem-
|
14
|
-
import { u as g, a as y, c as O,
|
10
|
+
import { A as G } from "../AccountDetailsContent-Do3z1FnQ.mjs";
|
11
|
+
import { u as O1 } from "../AccountDetailsContent-Do3z1FnQ.mjs";
|
12
|
+
import { u as K, A as z } from "../AccountDetailsHeader-DnEyQMpX.mjs";
|
13
|
+
import { A as W } from "../AccountListItem-C7JzYpqf.mjs";
|
14
|
+
import { u as g, a as y, c as O, e as N, k as P } from "../hooks-02T565vf.mjs";
|
15
15
|
import { f as I } from "../NumberFormatting-CtWHhyBX.mjs";
|
16
16
|
import { D as Y } from "../Drawer-kEE73B87.mjs";
|
17
|
-
import { A, W as q } from "../WidgetContainer-
|
18
|
-
import { C as J } from "../ConnectionsDrawer-
|
17
|
+
import { A, W as q } from "../WidgetContainer-BG-fdDOf.mjs";
|
18
|
+
import { C as J } from "../ConnectionsDrawer-Czp-E0-m.mjs";
|
19
19
|
import { u as Q } from "../useScreenSize-B6JyS_Lj.mjs";
|
20
20
|
import { L as R } from "../Loader-Dp1P2gNw.mjs";
|
21
|
-
import { j as D } from "../ConnectDrawer-
|
22
|
-
import { F as I1, M as N1 } from "../ConnectDrawer-
|
21
|
+
import { j as D } from "../ConnectDrawer-WfKHsHSF.mjs";
|
22
|
+
import { F as I1, M as N1 } from "../ConnectDrawer-WfKHsHSF.mjs";
|
23
23
|
import X from "@mui/material/ListItem";
|
24
|
-
import { M as U } from "../MiniWidgetContainer-
|
24
|
+
import { M as U } from "../MiniWidgetContainer-DqKQNubH.mjs";
|
25
25
|
import e1 from "@mui/material/Stack";
|
26
|
-
import { g as U1, a as j1 } from "../AccountFields-
|
27
|
-
import { A as G1, a as K1 } from "../AccountStore-
|
26
|
+
import { g as U1, a as j1 } from "../AccountFields-CeHZrIQe.mjs";
|
27
|
+
import { A as G1, a as K1 } from "../AccountStore-Cu3GoLh-.mjs";
|
28
28
|
const t1 = () => {
|
29
29
|
const [c, L] = d.useState(""), { accounts: o } = g(), { selectedAccounts: l } = y(), { setSelectedAccount: u, setSelectedMember: r } = K(), { members: s } = O(), { onEvent: p } = N(), a = [...new Set(l.map((t) => t.account_type))], H = l.find((t) => c === t.guid), h = d.useMemo(
|
30
30
|
() => l.filter((t) => t.is_hidden),
|
@@ -8,12 +8,12 @@ import a from "@mui/material/Stack";
|
|
8
8
|
import _ from "@mui/material/styles/useTheme";
|
9
9
|
import { Text as u, TextField as L } from "@mxenabled/mxui";
|
10
10
|
import { L as W } from "../Loader-Dp1P2gNw.mjs";
|
11
|
-
import { M as j } from "../MiniWidgetContainer-
|
12
|
-
import {
|
11
|
+
import { M as j } from "../MiniWidgetContainer-DqKQNubH.mjs";
|
12
|
+
import { i as f, u as b, e as q, a as E } from "../hooks-02T565vf.mjs";
|
13
13
|
import Q from "@mui/material/ToggleButton";
|
14
14
|
import G from "@mui/material/ToggleButtonGroup";
|
15
15
|
const O = () => {
|
16
|
-
const { question: s, response: o, setResponse: i } = f(), { analytics: r } =
|
16
|
+
const { question: s, response: o, setResponse: i } = f(), { analytics: r } = b(), t = _(), p = s, m = (h, n) => {
|
17
17
|
i(n);
|
18
18
|
};
|
19
19
|
return /* @__PURE__ */ l(d.Fragment, { children: [
|
@@ -68,7 +68,7 @@ const O = () => {
|
|
68
68
|
)
|
69
69
|
] });
|
70
70
|
}, X = y(O), z = () => {
|
71
|
-
const { response: s, setResponse: o } = f(), { analytics: i } =
|
71
|
+
const { response: s, setResponse: o } = f(), { analytics: i } = b();
|
72
72
|
return /* @__PURE__ */ e(
|
73
73
|
L,
|
74
74
|
{
|
@@ -92,9 +92,9 @@ const O = () => {
|
|
92
92
|
questionCount: h,
|
93
93
|
response: n,
|
94
94
|
responsePayload: k,
|
95
|
-
resetStore:
|
95
|
+
resetStore: g,
|
96
96
|
survey: w
|
97
|
-
} = f(), { analytics: c, common: M } =
|
97
|
+
} = f(), { analytics: c, common: M } = b(), { isCopyLoaded: T, isInitialized: v } = E(), [x, C] = d.useState(!1);
|
98
98
|
d.useEffect(() => {
|
99
99
|
v && m();
|
100
100
|
}, [v]), d.useEffect(() => {
|
@@ -105,11 +105,11 @@ const O = () => {
|
|
105
105
|
const $ = () => {
|
106
106
|
s("survey dismissed", {
|
107
107
|
$survey_id: i
|
108
|
-
}),
|
108
|
+
}), g(), C(!1);
|
109
109
|
}, F = () => {
|
110
110
|
p();
|
111
111
|
}, R = () => {
|
112
|
-
s("survey sent", k),
|
112
|
+
s("survey sent", k), g(), C(!0);
|
113
113
|
};
|
114
114
|
return T ? !r && !x ? null : /* @__PURE__ */ l(
|
115
115
|
j,
|
package/dist/budgets/index.es.js
CHANGED
@@ -7,15 +7,15 @@ import W from "@mui/material/Box";
|
|
7
7
|
import b from "@mui/material/Stack";
|
8
8
|
import Q from "@mui/material/styles/useTheme";
|
9
9
|
import { Icon as $, Text as p, CategoryIcon as H, H1 as Ge, H3 as Be } from "@mxenabled/mxui";
|
10
|
-
import { u as Pe } from "../BudgetUtil-
|
11
|
-
import { C as Ne } from "../ConnectionsDrawer-
|
10
|
+
import { u as Pe } from "../BudgetUtil-spowPvBM.mjs";
|
11
|
+
import { C as Ne } from "../ConnectionsDrawer-Czp-E0-m.mjs";
|
12
12
|
import * as E from "d3";
|
13
13
|
import je from "@mui/material/Tooltip";
|
14
|
-
import {
|
14
|
+
import { g as w, l as j, u as D, e as X, a as ee, p as ze, h as te, f as ne, k as Ue, c as Se } from "../hooks-02T565vf.mjs";
|
15
15
|
import { L as P } from "../Loader-Dp1P2gNw.mjs";
|
16
16
|
import { E as ce } from "../EmptyState-Dcb-o2tl.mjs";
|
17
17
|
import { u as me } from "../useScreenSize-B6JyS_Lj.mjs";
|
18
|
-
import { A as k, W as Fe } from "../WidgetContainer-
|
18
|
+
import { A as k, W as Fe } from "../WidgetContainer-BG-fdDOf.mjs";
|
19
19
|
import K from "@mui/material/List";
|
20
20
|
import { f as T } from "../NumberFormatting-CtWHhyBX.mjs";
|
21
21
|
import Ae from "@mui/material/Button";
|
@@ -27,26 +27,26 @@ import Z from "@mui/material/ListItemText";
|
|
27
27
|
import { b as L } from "../Localization-2MODESHW.mjs";
|
28
28
|
import { D as M } from "../Drawer-kEE73B87.mjs";
|
29
29
|
import We from "@mui/material/ListItemSecondaryAction";
|
30
|
-
import { C as He } from "../CurrencyInput-
|
30
|
+
import { C as He } from "../CurrencyInput-CSZjO22Z.mjs";
|
31
31
|
import { a as N } from "../Dialog-CWW597AF.mjs";
|
32
|
-
import { M as Xe } from "../MiniWidgetContainer-
|
32
|
+
import { M as Xe } from "../MiniWidgetContainer-DqKQNubH.mjs";
|
33
33
|
import { isAfter as Ke } from "date-fns/isAfter";
|
34
34
|
import { startOfToday as q } from "date-fns/startOfToday";
|
35
35
|
import Ve from "@mui/material/Alert";
|
36
36
|
import Ye from "@mui/material/Snackbar";
|
37
37
|
import be from "@mui/material/Tab";
|
38
38
|
import Ze from "@mui/material/Tabs";
|
39
|
-
import { e as qe } from "../exportTransactionsToCSV-
|
40
|
-
import { T as xe, a as Je } from "../TransactionDetails-
|
39
|
+
import { e as qe } from "../exportTransactionsToCSV-BlVifaOG.mjs";
|
40
|
+
import { T as xe, a as Je } from "../TransactionDetails-D4B9DSWo.mjs";
|
41
41
|
import ge from "@mui/material/Card";
|
42
42
|
import pe from "@mui/material/CardContent";
|
43
43
|
import { S as ue } from "../StatusBar-BK_uYHAB.mjs";
|
44
44
|
import { S as ve } from "../SingleSegmentDonut-BgbLgwHi.mjs";
|
45
|
-
import { u as Qe, b as et } from "../CategorySelectorDrawer-
|
45
|
+
import { u as Qe, b as et } from "../CategorySelectorDrawer-Dyzb3UDU.mjs";
|
46
46
|
import Te from "@mui/material/CardHeader";
|
47
47
|
import { subDays as tt } from "date-fns/subDays";
|
48
48
|
import nt from "@mui/material/IconButton";
|
49
|
-
import { M as ot } from "../ManageIncome-
|
49
|
+
import { M as ot } from "../ManageIncome-B6kmMN_z.mjs";
|
50
50
|
const ye = 5, at = 100, rt = 25, st = (t) => {
|
51
51
|
const o = (a) => {
|
52
52
|
a.active || t.alphaTarget(0.3).restart(), a.subject.fx = a.subject.x, a.subject.fy = a.subject.y;
|
@@ -7,21 +7,21 @@ import v from "@mui/material/Divider";
|
|
7
7
|
import r from "@mui/material/Stack";
|
8
8
|
import ie from "@mui/material/styles/useTheme";
|
9
9
|
import { Text as p, P as O, Icon as H, InstitutionLogo as xe, H1 as ce, H2 as qe } from "@mxenabled/mxui";
|
10
|
-
import { G as Xe, t as le, u as L, p as ae, c as Oe, a as X, o as de,
|
10
|
+
import { G as Xe, t as le, u as L, p as ae, c as Oe, a as X, o as de, h as U, e as Ne, f as ke } from "../hooks-02T565vf.mjs";
|
11
11
|
import { C as R } from "../CurrencyText-YUhH2caW.mjs";
|
12
12
|
import { u as me } from "../useScreenSize-B6JyS_Lj.mjs";
|
13
13
|
import { L as re } from "../Loader-Dp1P2gNw.mjs";
|
14
14
|
import { I as ue } from "../CashflowStore-D9Dpuz7X.mjs";
|
15
15
|
import { C as Hn } from "../CashflowStore-D9Dpuz7X.mjs";
|
16
16
|
import { b as q } from "../Localization-2MODESHW.mjs";
|
17
|
-
import { M as Ye } from "../MiniWidgetContainer-
|
18
|
-
import { R as Qe } from "../RecurringSettings-
|
17
|
+
import { M as Ye } from "../MiniWidgetContainer-DqKQNubH.mjs";
|
18
|
+
import { R as Qe } from "../RecurringSettings-Be1dzkMz.mjs";
|
19
19
|
import Ve from "@mui/material/Tabs";
|
20
20
|
import Ce from "@mui/material/Tab";
|
21
21
|
import { getUnixTime as j } from "date-fns/getUnixTime";
|
22
22
|
import Z from "@mui/material/List";
|
23
23
|
import ee from "@mui/material/ListItem";
|
24
|
-
import { A as Ke } from "../AccountListItem-
|
24
|
+
import { A as Ke } from "../AccountListItem-C7JzYpqf.mjs";
|
25
25
|
import { f as Y, D as Q } from "../Dialog-CWW597AF.mjs";
|
26
26
|
import Je from "@mui/material/ListSubheader";
|
27
27
|
import { f as J } from "../NumberFormatting-CtWHhyBX.mjs";
|
@@ -33,17 +33,17 @@ import { addDays as we } from "date-fns/addDays";
|
|
33
33
|
import { alpha as Ze, keyframes as et } from "@mui/material/styles";
|
34
34
|
import { DataGridPro as tt } from "@mui/x-data-grid-pro";
|
35
35
|
import { T as _e } from "../TabContentContainer-j01JYR_7.mjs";
|
36
|
-
import { M as nt, S as ot, i as it, c as Se, b as at } from "../ManageIncome-
|
36
|
+
import { M as nt, S as ot, i as it, c as Se, b as at } from "../ManageIncome-B6kmMN_z.mjs";
|
37
37
|
import { D as $e } from "../Drawer-kEE73B87.mjs";
|
38
38
|
import { formatISO as rt } from "date-fns/formatISO";
|
39
39
|
import { fromUnixTime as ye } from "date-fns/fromUnixTime";
|
40
40
|
import { startOfMonth as st } from "date-fns/startOfMonth";
|
41
41
|
import { subDays as Ge } from "date-fns/subDays";
|
42
|
-
import { S as ct, b as lt } from "../TransactionDetails-
|
42
|
+
import { S as ct, b as lt } from "../TransactionDetails-D4B9DSWo.mjs";
|
43
43
|
import { F as dt, R as Ie, e as De } from "../RepeatingTransaction-BPWfaB3f.mjs";
|
44
44
|
import { h as mt } from "../DateUtil-BcuH7ErC.mjs";
|
45
45
|
import { endOfToday as ut } from "date-fns/endOfToday";
|
46
|
-
import { W as ve, A as Ae } from "../WidgetContainer-
|
46
|
+
import { W as ve, A as Ae } from "../WidgetContainer-BG-fdDOf.mjs";
|
47
47
|
import { F as ht, A as M } from "../Fetch-CkFKy79O.mjs";
|
48
48
|
const V = () => {
|
49
49
|
if (!f.useContext(Xe))
|