@mxenabled/mxui 1.5.7-alpha.sms11 → 1.5.7
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/dist/index.es.js +483 -489
- package/dist/index.es.js.map +1 -1
- package/dist/themes/Colors.d.ts +3 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,77 +1,77 @@
|
|
|
1
|
-
import { jsx as a, jsxs as
|
|
1
|
+
import { jsx as a, jsxs as R } from "react/jsx-runtime";
|
|
2
2
|
import C from "react";
|
|
3
|
-
import
|
|
4
|
-
import { useTheme as H, createTheme as
|
|
5
|
-
import { Icon as
|
|
3
|
+
import O from "@mui/material/Stack";
|
|
4
|
+
import { useTheme as H, createTheme as ne } from "@mui/material/styles";
|
|
5
|
+
import { Icon as le, Close as ce } from "@mxenabled/mx-icons";
|
|
6
6
|
import { endOfMonth as U } from "date-fns/endOfMonth";
|
|
7
|
-
import { endOfYear as
|
|
8
|
-
import { startOfToday as
|
|
9
|
-
import { startOfMonth as
|
|
10
|
-
import { startOfYear as
|
|
11
|
-
import { subDays as
|
|
12
|
-
import { subMonths as
|
|
13
|
-
import { subYears as
|
|
14
|
-
import
|
|
15
|
-
import { LocalizationProvider as
|
|
16
|
-
import { AdapterDateFns as
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import
|
|
25
|
-
import
|
|
26
|
-
import
|
|
27
|
-
import
|
|
28
|
-
import { light as
|
|
29
|
-
import { FormControlLabel as
|
|
30
|
-
import { circularProgressClasses as
|
|
31
|
-
import { LicenseInfo as
|
|
32
|
-
const
|
|
7
|
+
import { endOfYear as se } from "date-fns/endOfYear";
|
|
8
|
+
import { startOfToday as de } from "date-fns/startOfToday";
|
|
9
|
+
import { startOfMonth as $ } from "date-fns/startOfMonth";
|
|
10
|
+
import { startOfYear as W } from "date-fns/startOfYear";
|
|
11
|
+
import { subDays as Z } from "date-fns/subDays";
|
|
12
|
+
import { subMonths as ue } from "date-fns/subMonths";
|
|
13
|
+
import { subYears as pe } from "date-fns/subYears";
|
|
14
|
+
import he from "@mui/material/useMediaQuery";
|
|
15
|
+
import { LocalizationProvider as ge, StaticDateRangePicker as fe } from "@mui/x-date-pickers-pro";
|
|
16
|
+
import { AdapterDateFns as me } from "@mui/x-date-pickers-pro/AdapterDateFnsV3";
|
|
17
|
+
import Y from "@mui/material/Box";
|
|
18
|
+
import be from "@mui/material/ToggleButton";
|
|
19
|
+
import Te from "@mui/material/ToggleButtonGroup";
|
|
20
|
+
import X from "@mui/material/Slide";
|
|
21
|
+
import z from "@mui/material/Button";
|
|
22
|
+
import j from "@mui/material/IconButton";
|
|
23
|
+
import Ce from "@mui/material/Typography";
|
|
24
|
+
import Re from "@mui/material/Drawer";
|
|
25
|
+
import xe from "@mui/material/TextField";
|
|
26
|
+
import Ae from "@mui/material/Snackbar";
|
|
27
|
+
import Me from "@mui/material/Alert";
|
|
28
|
+
import { light as Q, buildTheme as V, dark as Ee } from "@mxenabled/design-tokens";
|
|
29
|
+
import { FormControlLabel as Se, Box as _, Typography as K, Radio as P, Checkbox as Ie, alpha as b, darken as k, lighten as y, getContrastRatio as ve } from "@mui/material";
|
|
30
|
+
import { circularProgressClasses as He } from "@mui/material/CircularProgress";
|
|
31
|
+
import { LicenseInfo as ye } from "@mui/x-license-pro";
|
|
32
|
+
const m = ({
|
|
33
33
|
children: e,
|
|
34
34
|
height: o,
|
|
35
|
-
size:
|
|
35
|
+
size: i = 16,
|
|
36
36
|
viewBox: n = "0 0 16 16",
|
|
37
|
-
width:
|
|
37
|
+
width: r
|
|
38
38
|
}) => /* @__PURE__ */ a(
|
|
39
39
|
"svg",
|
|
40
40
|
{
|
|
41
41
|
"aria-hidden": !0,
|
|
42
42
|
className: "mx-kmui-icon",
|
|
43
43
|
focusable: !1,
|
|
44
|
-
height: o ||
|
|
44
|
+
height: o || i,
|
|
45
45
|
viewBox: n,
|
|
46
|
-
width:
|
|
46
|
+
width: r || i,
|
|
47
47
|
xmlns: "http://www.w3.org/2000/svg",
|
|
48
48
|
children: e
|
|
49
49
|
}
|
|
50
50
|
);
|
|
51
|
-
var
|
|
52
|
-
const
|
|
51
|
+
var Fe = /* @__PURE__ */ ((e) => (e[e.Lighter = 100] = "Lighter", e[e.Light = 200] = "Light", e[e.Normal = 300] = "Normal", e[e.Dark = 400] = "Dark", e[e.Darker = 500] = "Darker", e))(Fe || {});
|
|
52
|
+
const x = ({
|
|
53
53
|
color: e,
|
|
54
54
|
fill: o = !1,
|
|
55
|
-
name:
|
|
55
|
+
name: i,
|
|
56
56
|
size: n = 20,
|
|
57
|
-
sx:
|
|
58
|
-
weight:
|
|
59
|
-
...
|
|
57
|
+
sx: r,
|
|
58
|
+
weight: d = 300,
|
|
59
|
+
...l
|
|
60
60
|
}) => /* @__PURE__ */ a(
|
|
61
|
-
|
|
61
|
+
le,
|
|
62
62
|
{
|
|
63
63
|
color: e,
|
|
64
64
|
fill: o,
|
|
65
|
-
name:
|
|
65
|
+
name: i,
|
|
66
66
|
size: n,
|
|
67
|
-
sx:
|
|
68
|
-
weight:
|
|
69
|
-
...
|
|
67
|
+
sx: r,
|
|
68
|
+
weight: d,
|
|
69
|
+
...l
|
|
70
70
|
}
|
|
71
71
|
), E0 = ({
|
|
72
72
|
color: e = "currentColor",
|
|
73
73
|
...o
|
|
74
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
74
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
75
75
|
"path",
|
|
76
76
|
{
|
|
77
77
|
d: "M2.24801 6.76647H0.573286C0.327604 6.76647 0.110586 6.60678 0.0327867 6.37748C-0.0450124 6.14408 0.0327866 5.88612 0.229332 5.73871L7.6571 0.116699C7.85774 -0.0388996 8.14027 -0.0388996 8.34501 0.116699L15.7728 5.73871C15.9693 5.89021 16.0471 6.14408 15.9693 6.37748C15.8915 6.61088 15.6745 6.76647 15.4288 6.76647H13.7582V12.323H14.3929C14.7122 12.323 14.9661 12.5809 14.9661 12.8962C14.9661 13.2156 14.7082 13.4695 14.3929 13.4695H1.60924C1.28986 13.4695 1.03599 13.2115 1.03599 12.8962C1.03599 12.5768 1.29395 12.323 1.60924 12.323H2.24801V6.76647ZM5.70393 6.76647H3.39043V12.323H5.70393V6.76647ZM9.15985 12.323V6.76647H6.84635V12.323H9.15985ZM10.3023 12.3189H12.6158V6.76647H10.3023V12.3189ZM0.573256 14.8535H15.4288C15.7441 14.8535 15.998 15.1115 15.998 15.4267C15.998 15.7461 15.74 16 15.4247 16H0.573256C0.253871 16 0 15.742 0 15.4267C0 15.1074 0.257965 14.8535 0.573256 14.8535Z",
|
|
@@ -80,7 +80,7 @@ const M = ({
|
|
|
80
80
|
) })), S0 = ({
|
|
81
81
|
color: e = "currentColor",
|
|
82
82
|
...o
|
|
83
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
83
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
84
84
|
"path",
|
|
85
85
|
{
|
|
86
86
|
d: "M15.429 14.854H.573a.572.572 0 100 1.146h14.852a.572.572 0 00.004-1.146zM.573 6.766h1.675v5.557h-.639a.572.572 0 100 1.146h12.784a.572.572 0 100-1.146h-.635V6.766h1.67a.568.568 0 00.541-.389.574.574 0 00-.196-.638L8.345.117a.565.565 0 00-.688 0L.23 5.739a.572.572 0 00.344 1.027zm2.817 0h2.314v5.557H3.39V6.766zm5.77 0v5.557H6.846V6.766H9.16zm3.456 5.553h-2.314V6.766h2.314v5.553zM8 1.288l5.724 4.336H2.277L8 1.288z",
|
|
@@ -89,7 +89,7 @@ const M = ({
|
|
|
89
89
|
) })), I0 = ({
|
|
90
90
|
color: e = "currentColor",
|
|
91
91
|
...o
|
|
92
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
92
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
93
93
|
"path",
|
|
94
94
|
{
|
|
95
95
|
d: "M5.854 3.133a.426.426 0 010 .643L1.757 7.5h13.774c.26 0 .469.224.469.5s-.21.5-.469.5H1.757l4.097 3.724a.426.426 0 010 .643.536.536 0 01-.708 0l-5-4.546a.426.426 0 010-.642l5-4.546a.536.536 0 01.708 0z",
|
|
@@ -98,7 +98,7 @@ const M = ({
|
|
|
98
98
|
) })), v0 = ({
|
|
99
99
|
color: e = "currentColor",
|
|
100
100
|
...o
|
|
101
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
101
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
102
102
|
"path",
|
|
103
103
|
{
|
|
104
104
|
clipRule: "evenodd",
|
|
@@ -109,7 +109,7 @@ const M = ({
|
|
|
109
109
|
) })), H0 = ({
|
|
110
110
|
color: e = "currentColor",
|
|
111
111
|
...o
|
|
112
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
112
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
113
113
|
"path",
|
|
114
114
|
{
|
|
115
115
|
d: "M11.5 0a.5.5 0 01.5.5V2h2.5A1.5 1.5 0 0116 3.5v11a1.5 1.5 0 01-1.5 1.5h-13A1.5 1.5 0 010 14.5v-11A1.5 1.5 0 011.5 2H4V.5a.5.5 0 011 0V2h6V.5a.5.5 0 01.5-.5zM15 6H1v8.5a.5.5 0 00.5.5h13a.5.5 0 00.5-.5V6zm-4.5 1a.5.5 0 01.5.5V10h2.5a.5.5 0 010 1H11v2.5a.5.5 0 01-1 0V11H6v2.5a.5.5 0 01-1 0V11H2.5a.5.5 0 010-1H5V7.5a.5.5 0 011 0V10h4V7.5a.5.5 0 01.5-.5zm4-4h-13a.5.5 0 00-.5.5V5h14V3.5a.5.5 0 00-.5-.5z",
|
|
@@ -118,25 +118,25 @@ const M = ({
|
|
|
118
118
|
) })), y0 = ({
|
|
119
119
|
color: e = "currentColor",
|
|
120
120
|
...o
|
|
121
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
121
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
122
122
|
"path",
|
|
123
123
|
{
|
|
124
124
|
d: "M8 0c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm4.358 5.151a.5.5 0 00-.707-.01L6.858 9.803 4.35 7.363a.5.5 0 10-.698.718l2.858 2.777a.5.5 0 00.697 0l5.142-5a.5.5 0 00.01-.707z",
|
|
125
125
|
fill: e
|
|
126
126
|
}
|
|
127
|
-
) })),
|
|
127
|
+
) })), F0 = ({
|
|
128
128
|
color: e = "currentColor",
|
|
129
129
|
...o
|
|
130
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
130
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
131
131
|
"path",
|
|
132
132
|
{
|
|
133
133
|
d: "M2.68 5.201a.6.6 0 01.848-.011L8 9.543l4.472-4.353a.6.6 0 11.837.86l-4.89 4.76a.6.6 0 01-.838 0l-4.89-4.76a.6.6 0 01-.012-.849z",
|
|
134
134
|
fill: e
|
|
135
135
|
}
|
|
136
|
-
) })),
|
|
136
|
+
) })), O0 = ({
|
|
137
137
|
color: e = "currentColor",
|
|
138
138
|
...o
|
|
139
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
139
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
140
140
|
"path",
|
|
141
141
|
{
|
|
142
142
|
d: "M10.799 2.68a.6.6 0 01.011.848L6.457 8l4.353 4.472a.6.6 0 01-.86.837L5.19 8.42a.6.6 0 010-.838l4.76-4.89a.6.6 0 01.849-.012z",
|
|
@@ -145,7 +145,7 @@ const M = ({
|
|
|
145
145
|
) })), D0 = ({
|
|
146
146
|
color: e = "currentColor",
|
|
147
147
|
...o
|
|
148
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
148
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
149
149
|
"path",
|
|
150
150
|
{
|
|
151
151
|
d: "M5.207 13.32a.6.6 0 01-.012-.848L9.55 8 5.195 3.528a.6.6 0 11.86-.837l4.76 4.89a.6.6 0 010 .838l-4.76 4.89a.6.6 0 01-.848.012z",
|
|
@@ -154,7 +154,7 @@ const M = ({
|
|
|
154
154
|
) })), L0 = ({
|
|
155
155
|
color: e = "currentColor",
|
|
156
156
|
...o
|
|
157
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
157
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
158
158
|
"path",
|
|
159
159
|
{
|
|
160
160
|
d: "M13.79 2.21a.72.72 0 0 1 0 1.02L9.018 8l4.77 4.77a.72.72 0 1 1-1.018 1.02L8 9.018l-4.77 4.77a.72.72 0 1 1-1.02-1.018L6.982 8l-4.77-4.77A.72.72 0 0 1 3.23 2.21L8 6.982l4.77-4.77a.72.72 0 0 1 1.02 0Z",
|
|
@@ -163,7 +163,7 @@ const M = ({
|
|
|
163
163
|
) })), k0 = ({
|
|
164
164
|
color: e = "currentColor",
|
|
165
165
|
...o
|
|
166
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
166
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
167
167
|
"path",
|
|
168
168
|
{
|
|
169
169
|
d: "M12.644.156l3.2 3.2a.533.533 0 010 .754L5.177 14.777a.534.534 0 01-.247.14L.663 15.984a.533.533 0 01-.647-.647l1.067-4.267a.534.534 0 01.14-.248L11.89.156a.533.533 0 01.754 0zM10.133 3.42l-8.051 8.052-.815 3.261 3.26-.815 8.052-8.052-2.446-2.446zm2.134-2.132l-1.38 1.378 2.446 2.446 1.38-1.379-2.446-2.445z",
|
|
@@ -172,7 +172,7 @@ const M = ({
|
|
|
172
172
|
) })), N0 = ({
|
|
173
173
|
color: e = "currentColor",
|
|
174
174
|
...o
|
|
175
|
-
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
175
|
+
}) => (console.warn('<AccountsFilledIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
176
176
|
"path",
|
|
177
177
|
{
|
|
178
178
|
d: "M1.5 1.933l5.4 6.72c.066.081.1.18.1.28v5.134h2V8.933c0-.1.036-.199.1-.28l5.4-6.72h-13zM6 9.09L.1 1.747C-.145 1.439.09 1 .5 1h15c.413 0 .648.439.4.747L10 9.089v5.444c0 .258-.223.467-.5.467h-3c-.275 0-.5-.209-.5-.467V9.09z",
|
|
@@ -181,7 +181,7 @@ const M = ({
|
|
|
181
181
|
) })), w0 = ({
|
|
182
182
|
color: e = "currentColor",
|
|
183
183
|
...o
|
|
184
|
-
}) => (console.warn('<HeartIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(
|
|
184
|
+
}) => (console.warn('<HeartIcon /> DEPRECATED - use <Icon name="icon_name" />'), /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
185
185
|
"path",
|
|
186
186
|
{
|
|
187
187
|
d: "M1.317 2.317a4.5 4.5 0 016.364 0c.117.117.223.238.32.363.095-.124.2-.245.316-.362a4.5 4.5 0 016.364 6.364l-.004.004-6.328 6.172a.5.5 0 01-.698 0L1.317 8.682a4.5 4.5 0 010-6.365zm5.657.708a3.5 3.5 0 00-4.952 4.947L8 13.802l5.977-5.83a3.5 3.5 0 00-4.952-4.947c-.235.235-.42.51-.586.815a.5.5 0 01-.878 0 3.46 3.46 0 00-.587-.815z",
|
|
@@ -190,7 +190,7 @@ const M = ({
|
|
|
190
190
|
) })), _0 = ({
|
|
191
191
|
color: e = "currentColor",
|
|
192
192
|
...o
|
|
193
|
-
}) => /* @__PURE__ */
|
|
193
|
+
}) => /* @__PURE__ */ R(m, { ...o, children: [
|
|
194
194
|
/* @__PURE__ */ a(
|
|
195
195
|
"path",
|
|
196
196
|
{
|
|
@@ -208,7 +208,7 @@ const M = ({
|
|
|
208
208
|
] }), P0 = ({
|
|
209
209
|
color: e = "currentColor",
|
|
210
210
|
...o
|
|
211
|
-
}) => /* @__PURE__ */
|
|
211
|
+
}) => /* @__PURE__ */ R(m, { ...o, children: [
|
|
212
212
|
/* @__PURE__ */ a(
|
|
213
213
|
"path",
|
|
214
214
|
{
|
|
@@ -244,7 +244,7 @@ const M = ({
|
|
|
244
244
|
] }), B0 = ({
|
|
245
245
|
color: e = "currentColor",
|
|
246
246
|
...o
|
|
247
|
-
}) => /* @__PURE__ */ a(
|
|
247
|
+
}) => /* @__PURE__ */ a(m, { ...o, children: /* @__PURE__ */ a(
|
|
248
248
|
"path",
|
|
249
249
|
{
|
|
250
250
|
clipRule: "evenodd",
|
|
@@ -255,7 +255,7 @@ const M = ({
|
|
|
255
255
|
) }), z0 = ({
|
|
256
256
|
color: e = "currentColor",
|
|
257
257
|
...o
|
|
258
|
-
}) => /* @__PURE__ */
|
|
258
|
+
}) => /* @__PURE__ */ R(m, { ...o, children: [
|
|
259
259
|
/* @__PURE__ */ a(
|
|
260
260
|
"path",
|
|
261
261
|
{
|
|
@@ -280,12 +280,12 @@ const M = ({
|
|
|
280
280
|
}
|
|
281
281
|
)
|
|
282
282
|
] });
|
|
283
|
-
var g = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(g || {}),
|
|
284
|
-
const
|
|
283
|
+
var g = /* @__PURE__ */ ((e) => (e.AutoTransport = "CAT-7829f71c-2e8c-afa5-2f55-fa3634b89874", e.BillsUtilities = "CAT-79b02f2f-2adc-88f0-ac2b-4e71ead9cfc8", e.BusinessServices = "CAT-94b11142-e97b-941a-f67f-6e18d246a23f", e.Education = "CAT-bf5c9cca-c96b-b50d-440d-38d9adfda5b0", e.Entertainment = "CAT-e04e9d1e-e041-c315-2e50-094143ab3f73", e.FeesCharges = "CAT-d73ee74b-13a4-ac3e-4015-fc4ba9a62b2a", e.Financial = "CAT-6c7de3f8-de6c-7061-1dd2-b093044014bf", e.FoodDining = "CAT-bd56d35a-a9a7-6e10-66c1-5b9cc1b6c81a", e.GiftsDonations = "CAT-8edf9663-623e-4735-490e-31288f0a70b0", e.HealthFitness = "CAT-52fa4693-c088-afb2-2a99-7bc39bb23a0f", e.Home = "CAT-b709172b-4eb7-318e-3b5d-e0f0500b32ac", e.Income = "CAT-bf9f3294-4c40-1677-d269-54fbc189faf3", e.Investments = "CAT-ccd42390-9e8c-3fb6-a5d9-6c31182d9c5c", e.Kids = "CAT-0cb1d99d-f558-99e3-2282-b31f359b411a", e.PersonalCare = "CAT-e5154228-fe45-790d-a280-f6bf5ae5ac9f", e.Pets = "CAT-7cccbafa-87d7-c9a6-661b-8b3402fe9e78", e.Shopping = "CAT-aad51b46-d6f7-3da5-fd6e-492328b3023f", e.Taxes = "CAT-d00fc539-aa14-009b-4ffb-7e8c7b839954", e.Transfer = "CAT-bce48142-fea4-ff45-20d9-0a642d44de83", e.Travel = "CAT-ea23d844-cbd1-eb10-f6ac-0df9610e59ae", e.Uncategorized = "CAT-d7851c65-3353-e490-1953-fb9235e681e4", e))(g || {}), Oe = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Filled = "filled", e.Transparent = "transparent", e.TwoTone = "two-tone", e))(Oe || {});
|
|
284
|
+
const J = {
|
|
285
285
|
guid: g.Uncategorized,
|
|
286
286
|
colorName: "uncategorized",
|
|
287
287
|
icon: "category"
|
|
288
|
-
},
|
|
288
|
+
}, De = [
|
|
289
289
|
{
|
|
290
290
|
guid: g.AutoTransport,
|
|
291
291
|
colorName: "autoTransport",
|
|
@@ -386,58 +386,58 @@ const ee = {
|
|
|
386
386
|
colorName: "travel",
|
|
387
387
|
icon: "airplane_ticket"
|
|
388
388
|
},
|
|
389
|
-
|
|
390
|
-
],
|
|
389
|
+
J
|
|
390
|
+
], Le = 0.625, ke = ({
|
|
391
391
|
categoryGuid: e,
|
|
392
|
-
icon_ratio: o =
|
|
393
|
-
size:
|
|
392
|
+
icon_ratio: o = Le,
|
|
393
|
+
size: i = 32,
|
|
394
394
|
sx: n = {},
|
|
395
|
-
variant:
|
|
395
|
+
variant: r = "filled"
|
|
396
396
|
}) => {
|
|
397
|
-
const
|
|
398
|
-
() =>
|
|
397
|
+
const d = H(), l = C.useMemo(
|
|
398
|
+
() => De.find((u) => u.guid === e) ?? J,
|
|
399
399
|
[e]
|
|
400
|
-
),
|
|
400
|
+
), c = d.palette.categories[l.colorName];
|
|
401
401
|
return /* @__PURE__ */ a(
|
|
402
|
-
|
|
402
|
+
O,
|
|
403
403
|
{
|
|
404
404
|
alignItems: "center",
|
|
405
405
|
bgcolor: () => {
|
|
406
|
-
let u =
|
|
407
|
-
return
|
|
406
|
+
let u = c;
|
|
407
|
+
return r === "twotone" && (u = `${u}20`), r === "transparent" || r === "basic" ? "transparent" : u;
|
|
408
408
|
},
|
|
409
409
|
borderRadius: 1,
|
|
410
410
|
color: () => {
|
|
411
|
-
const u =
|
|
412
|
-
return
|
|
411
|
+
const u = r === "filled" ? d.palette.common.white : c;
|
|
412
|
+
return r === "basic" ? d.palette.text.primary : u;
|
|
413
413
|
},
|
|
414
|
-
height:
|
|
414
|
+
height: i,
|
|
415
415
|
justifyContent: "center",
|
|
416
416
|
sx: [...Array.isArray(n) ? n : [n]],
|
|
417
|
-
width:
|
|
418
|
-
children: /* @__PURE__ */ a(
|
|
417
|
+
width: i,
|
|
418
|
+
children: /* @__PURE__ */ a(x, { name: l.icon, size: i * o })
|
|
419
419
|
}
|
|
420
420
|
);
|
|
421
|
-
},
|
|
421
|
+
}, Ne = ({
|
|
422
422
|
items: e,
|
|
423
423
|
onChange: o,
|
|
424
|
-
isValid:
|
|
424
|
+
isValid: i,
|
|
425
425
|
selected: n
|
|
426
426
|
}) => {
|
|
427
|
-
const
|
|
428
|
-
const
|
|
427
|
+
const r = H(), d = e?.map((l) => {
|
|
428
|
+
const c = l.getValue({ isValid: i });
|
|
429
429
|
return {
|
|
430
|
-
label:
|
|
430
|
+
label: l.label,
|
|
431
431
|
onClick: () => {
|
|
432
|
-
o(
|
|
432
|
+
o(c, "accept", l);
|
|
433
433
|
},
|
|
434
|
-
disabled: !
|
|
434
|
+
disabled: !i(c)
|
|
435
435
|
};
|
|
436
436
|
});
|
|
437
|
-
return /* @__PURE__ */ a(
|
|
438
|
-
|
|
437
|
+
return /* @__PURE__ */ a(Y, { sx: { gridColumn: 1, gridRow: "2/3", ml: 4, mt: 24, mr: 32 }, children: /* @__PURE__ */ a(Te, { color: "primary", orientation: "vertical", value: n, children: d?.map((l) => /* @__PURE__ */ a(
|
|
438
|
+
be,
|
|
439
439
|
{
|
|
440
|
-
onClick:
|
|
440
|
+
onClick: l.onClick,
|
|
441
441
|
sx: {
|
|
442
442
|
borderWidth: 1,
|
|
443
443
|
color: "secondary.main",
|
|
@@ -448,65 +448,65 @@ const ee = {
|
|
|
448
448
|
boxShadow: "0px 0px 0px 2px rgba(82, 138, 224, 0.8)"
|
|
449
449
|
},
|
|
450
450
|
"&:hover": {
|
|
451
|
-
bgcolor:
|
|
452
|
-
borderTop: `1px solid ${
|
|
451
|
+
bgcolor: r.palette.action.hover,
|
|
452
|
+
borderTop: `1px solid ${r.palette.secondary.light}`
|
|
453
453
|
},
|
|
454
454
|
"&.Mui-selected": {
|
|
455
|
-
border: `2px solid ${
|
|
455
|
+
border: `2px solid ${r.palette.primary.main} !important`,
|
|
456
456
|
marginTop: "-2px !important",
|
|
457
457
|
color: "primary"
|
|
458
458
|
}
|
|
459
459
|
},
|
|
460
|
-
value:
|
|
461
|
-
children:
|
|
460
|
+
value: l.label,
|
|
461
|
+
children: l.label
|
|
462
462
|
},
|
|
463
|
-
|
|
463
|
+
l.label
|
|
464
464
|
)) }) });
|
|
465
465
|
}, V0 = ({
|
|
466
466
|
copy: e,
|
|
467
467
|
dateRange: o,
|
|
468
|
-
onRangeChanged:
|
|
468
|
+
onRangeChanged: i,
|
|
469
469
|
selectedShortcut: n = e.dateRangeThisMonth,
|
|
470
|
-
sx:
|
|
470
|
+
sx: r = {}
|
|
471
471
|
}) => {
|
|
472
|
-
const
|
|
473
|
-
const
|
|
472
|
+
const d = H(), l = he(d.breakpoints.down("sm")), c = C.useMemo(() => {
|
|
473
|
+
const t = de(), u = ue(t, 1), T = pe(t, 1);
|
|
474
474
|
return [
|
|
475
475
|
{
|
|
476
476
|
label: e.dateRangeThisMonth,
|
|
477
|
-
getValue: () => [
|
|
477
|
+
getValue: () => [$(t), U(t)]
|
|
478
478
|
},
|
|
479
479
|
{
|
|
480
480
|
label: e.dateRangeLastMonth,
|
|
481
|
-
getValue: () => [
|
|
481
|
+
getValue: () => [$(u), U(u)]
|
|
482
482
|
},
|
|
483
483
|
{
|
|
484
484
|
label: e.dateRangeLast30Days,
|
|
485
|
-
getValue: () => [
|
|
485
|
+
getValue: () => [Z(t, 30), t]
|
|
486
486
|
},
|
|
487
487
|
{
|
|
488
488
|
label: e.dateRangeLast90Days,
|
|
489
|
-
getValue: () => [
|
|
489
|
+
getValue: () => [Z(t, 90), t]
|
|
490
490
|
},
|
|
491
491
|
{
|
|
492
492
|
label: e.dateRangeYTD,
|
|
493
|
-
getValue: () => [
|
|
493
|
+
getValue: () => [W(t), t]
|
|
494
494
|
},
|
|
495
495
|
{
|
|
496
496
|
label: e.dateRangeLastYear,
|
|
497
|
-
getValue: () => [
|
|
497
|
+
getValue: () => [W(T), se(T)]
|
|
498
498
|
},
|
|
499
499
|
{
|
|
500
500
|
label: e.dateRangeCustom,
|
|
501
|
-
getValue: () => [
|
|
501
|
+
getValue: () => [t, t]
|
|
502
502
|
}
|
|
503
503
|
];
|
|
504
|
-
}, [e]),
|
|
504
|
+
}, [e]), s = (t, u) => {
|
|
505
505
|
const T = u.shortcut;
|
|
506
|
-
|
|
506
|
+
i?.(t, T ? T.label : e.dateRangeCustom);
|
|
507
507
|
};
|
|
508
|
-
return /* @__PURE__ */ a(
|
|
509
|
-
|
|
508
|
+
return /* @__PURE__ */ a(O, { gap: 16, m: 8, children: /* @__PURE__ */ a(ge, { dateAdapter: me, children: /* @__PURE__ */ a(
|
|
509
|
+
fe,
|
|
510
510
|
{
|
|
511
511
|
calendars: 1,
|
|
512
512
|
localeText: {
|
|
@@ -514,39 +514,39 @@ const ee = {
|
|
|
514
514
|
end: e.dateRangeTo,
|
|
515
515
|
toolbarTitle: e.dateRangeToolbarTitle
|
|
516
516
|
},
|
|
517
|
-
onChange:
|
|
517
|
+
onChange: s,
|
|
518
518
|
showDaysOutsideCurrentMonth: !0,
|
|
519
519
|
slotProps: {
|
|
520
520
|
actionBar: { actions: [] },
|
|
521
521
|
shortcuts: {
|
|
522
|
-
items:
|
|
522
|
+
items: l ? [] : c
|
|
523
523
|
},
|
|
524
524
|
toolbar: {
|
|
525
525
|
toolbarFormat: "MMM d, yyyy"
|
|
526
526
|
}
|
|
527
527
|
},
|
|
528
528
|
slots: {
|
|
529
|
-
leftArrowIcon: () => /* @__PURE__ */ a(
|
|
530
|
-
shortcuts: (
|
|
531
|
-
rightArrowIcon: () => /* @__PURE__ */ a(
|
|
529
|
+
leftArrowIcon: () => /* @__PURE__ */ a(x, { name: "chevron_left", size: 28 }),
|
|
530
|
+
shortcuts: (t) => /* @__PURE__ */ a(Ne, { selected: n, ...t }),
|
|
531
|
+
rightArrowIcon: () => /* @__PURE__ */ a(x, { name: "chevron_right", size: 28 })
|
|
532
532
|
},
|
|
533
|
-
sx: { ...
|
|
533
|
+
sx: { ...r },
|
|
534
534
|
value: o
|
|
535
535
|
}
|
|
536
536
|
) }) });
|
|
537
|
-
}, G0 = C.forwardRef(function(o,
|
|
538
|
-
return /* @__PURE__ */ a(
|
|
539
|
-
}),
|
|
537
|
+
}, G0 = C.forwardRef(function(o, i) {
|
|
538
|
+
return /* @__PURE__ */ a(X, { direction: "up", ref: i, ...o });
|
|
539
|
+
}), we = ({
|
|
540
540
|
hasSecondaryAction: e = !0,
|
|
541
541
|
isPrimaryDisabled: o,
|
|
542
|
-
onPrimaryAction:
|
|
542
|
+
onPrimaryAction: i,
|
|
543
543
|
onSecondaryAction: n,
|
|
544
|
-
primaryColor:
|
|
545
|
-
primaryText:
|
|
546
|
-
secondaryColor:
|
|
547
|
-
secondaryText:
|
|
548
|
-
}) => /* @__PURE__ */
|
|
549
|
-
|
|
544
|
+
primaryColor: r = "primary",
|
|
545
|
+
primaryText: d = "Save",
|
|
546
|
+
secondaryColor: l = "primary",
|
|
547
|
+
secondaryText: c = "Cancel"
|
|
548
|
+
}) => /* @__PURE__ */ R(
|
|
549
|
+
O,
|
|
550
550
|
{
|
|
551
551
|
direction: "row",
|
|
552
552
|
gap: 16,
|
|
@@ -554,22 +554,22 @@ const ee = {
|
|
|
554
554
|
sx: { bgcolor: "background.paper", p: 24 },
|
|
555
555
|
children: [
|
|
556
556
|
e && /* @__PURE__ */ a(
|
|
557
|
-
|
|
557
|
+
z,
|
|
558
558
|
{
|
|
559
|
-
color:
|
|
559
|
+
color: l,
|
|
560
560
|
onClick: n,
|
|
561
|
-
variant:
|
|
562
|
-
children:
|
|
561
|
+
variant: i ? "outlined" : "contained",
|
|
562
|
+
children: c
|
|
563
563
|
}
|
|
564
564
|
),
|
|
565
|
-
|
|
566
|
-
|
|
565
|
+
i && /* @__PURE__ */ a(
|
|
566
|
+
z,
|
|
567
567
|
{
|
|
568
|
-
color:
|
|
568
|
+
color: r,
|
|
569
569
|
disabled: o,
|
|
570
|
-
onClick:
|
|
570
|
+
onClick: i,
|
|
571
571
|
variant: "contained",
|
|
572
|
-
children:
|
|
572
|
+
children: d
|
|
573
573
|
}
|
|
574
574
|
)
|
|
575
575
|
]
|
|
@@ -577,47 +577,47 @@ const ee = {
|
|
|
577
577
|
), D = ({
|
|
578
578
|
bold: e,
|
|
579
579
|
className: o = "",
|
|
580
|
-
children:
|
|
580
|
+
children: i,
|
|
581
581
|
color: n,
|
|
582
|
-
sx:
|
|
583
|
-
truncate:
|
|
584
|
-
uppercase:
|
|
585
|
-
...
|
|
582
|
+
sx: r = {},
|
|
583
|
+
truncate: d = !0,
|
|
584
|
+
uppercase: l,
|
|
585
|
+
...c
|
|
586
586
|
}) => {
|
|
587
|
-
switch (
|
|
587
|
+
switch (c.variant) {
|
|
588
588
|
case "Body":
|
|
589
|
-
|
|
589
|
+
c.variant = "body1";
|
|
590
590
|
break;
|
|
591
591
|
case "Button":
|
|
592
|
-
|
|
592
|
+
c.variant = "button";
|
|
593
593
|
break;
|
|
594
594
|
case "H1":
|
|
595
|
-
|
|
595
|
+
c.variant = "h1";
|
|
596
596
|
break;
|
|
597
597
|
case "H2":
|
|
598
|
-
|
|
598
|
+
c.variant = "h2";
|
|
599
599
|
break;
|
|
600
600
|
case "H3":
|
|
601
|
-
|
|
601
|
+
c.variant = "h3";
|
|
602
602
|
break;
|
|
603
603
|
case "Paragraph":
|
|
604
|
-
|
|
604
|
+
c.variant = "subtitle1";
|
|
605
605
|
break;
|
|
606
606
|
case "ParagraphSmall":
|
|
607
|
-
|
|
607
|
+
c.variant = "subtitle2";
|
|
608
608
|
break;
|
|
609
609
|
case "Small":
|
|
610
|
-
|
|
610
|
+
c.variant = "body2";
|
|
611
611
|
break;
|
|
612
612
|
case "Tiny":
|
|
613
|
-
|
|
613
|
+
c.variant = "tiny";
|
|
614
614
|
break;
|
|
615
615
|
case "XSmall":
|
|
616
|
-
|
|
616
|
+
c.variant = "caption";
|
|
617
617
|
break;
|
|
618
618
|
}
|
|
619
619
|
return /* @__PURE__ */ a(
|
|
620
|
-
|
|
620
|
+
Ce,
|
|
621
621
|
{
|
|
622
622
|
className: `mx-kmui-text ${o}`,
|
|
623
623
|
color: n,
|
|
@@ -625,32 +625,32 @@ const ee = {
|
|
|
625
625
|
e ? {
|
|
626
626
|
fontWeight: 600
|
|
627
627
|
} : {},
|
|
628
|
-
|
|
628
|
+
d ? {
|
|
629
629
|
overflow: "hidden",
|
|
630
630
|
textOverflow: "ellipsis",
|
|
631
631
|
whiteSpace: "nowrap"
|
|
632
632
|
} : {},
|
|
633
|
-
|
|
633
|
+
l ? {
|
|
634
634
|
textTransform: "uppercase"
|
|
635
635
|
} : {},
|
|
636
|
-
...Array.isArray(
|
|
636
|
+
...Array.isArray(r) ? r : [r]
|
|
637
637
|
],
|
|
638
|
-
...
|
|
639
|
-
children:
|
|
638
|
+
...c,
|
|
639
|
+
children: i
|
|
640
640
|
}
|
|
641
641
|
);
|
|
642
|
-
},
|
|
642
|
+
}, _e = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(D, { className: `mx-kmui-text h1 ${e}`, component: "h1", variant: "h1", ...i, children: o }), U0 = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(D, { className: `mx-kmui-text h2 ${e}`, component: "h2", variant: "h2", ...i, children: o }), $0 = ({ className: e = "", children: o, ...i }) => /* @__PURE__ */ a(D, { className: `mx-kmui-text h3 ${e}`, component: "h3", variant: "h3", ...i, children: o }), W0 = ({ className: e = "", children: o, truncate: i, ...n }) => /* @__PURE__ */ a(
|
|
643
643
|
D,
|
|
644
644
|
{
|
|
645
645
|
className: `mx-kmui-text p ${e}`,
|
|
646
646
|
component: "p",
|
|
647
|
-
truncate:
|
|
647
|
+
truncate: i || !1,
|
|
648
648
|
variant: "body1",
|
|
649
649
|
...n,
|
|
650
650
|
children: o
|
|
651
651
|
}
|
|
652
|
-
), Z0 = ({ copy: e, onClose: o }) => /* @__PURE__ */
|
|
653
|
-
|
|
652
|
+
), Z0 = ({ copy: e, onClose: o }) => /* @__PURE__ */ R(
|
|
653
|
+
O,
|
|
654
654
|
{
|
|
655
655
|
sx: {
|
|
656
656
|
alignItems: "center",
|
|
@@ -660,83 +660,83 @@ const ee = {
|
|
|
660
660
|
py: 14
|
|
661
661
|
},
|
|
662
662
|
children: [
|
|
663
|
-
/* @__PURE__ */ a(
|
|
664
|
-
/* @__PURE__ */ a(
|
|
663
|
+
/* @__PURE__ */ a(_e, { variant: "h3", children: e.title }),
|
|
664
|
+
/* @__PURE__ */ a(j, { "aria-label": e.close_aria, onClick: o, sx: { mr: -12 }, children: /* @__PURE__ */ a(ce, {}) })
|
|
665
665
|
]
|
|
666
666
|
}
|
|
667
667
|
), K0 = ({
|
|
668
668
|
className: e,
|
|
669
669
|
disableSave: o,
|
|
670
|
-
id:
|
|
670
|
+
id: i,
|
|
671
671
|
isOpen: n,
|
|
672
|
-
onClose:
|
|
673
|
-
onSave:
|
|
674
|
-
primaryText:
|
|
675
|
-
secondaryText:
|
|
676
|
-
children:
|
|
677
|
-
...
|
|
678
|
-
}) => /* @__PURE__ */
|
|
679
|
-
|
|
672
|
+
onClose: r,
|
|
673
|
+
onSave: d,
|
|
674
|
+
primaryText: l,
|
|
675
|
+
secondaryText: c,
|
|
676
|
+
children: s,
|
|
677
|
+
...t
|
|
678
|
+
}) => /* @__PURE__ */ R(
|
|
679
|
+
Re,
|
|
680
680
|
{
|
|
681
681
|
anchor: "right",
|
|
682
682
|
className: `mx-kmui-drawer ${e}`,
|
|
683
|
-
id:
|
|
684
|
-
onClose:
|
|
683
|
+
id: i ?? void 0,
|
|
684
|
+
onClose: r,
|
|
685
685
|
open: n,
|
|
686
686
|
variant: "temporary",
|
|
687
|
-
...
|
|
687
|
+
...t,
|
|
688
688
|
children: [
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
689
|
+
s,
|
|
690
|
+
d && /* @__PURE__ */ a(
|
|
691
|
+
we,
|
|
692
692
|
{
|
|
693
693
|
isPrimaryDisabled: o,
|
|
694
|
-
onPrimaryAction:
|
|
695
|
-
onSecondaryAction:
|
|
696
|
-
primaryText:
|
|
697
|
-
secondaryText:
|
|
694
|
+
onPrimaryAction: d,
|
|
695
|
+
onSecondaryAction: r,
|
|
696
|
+
primaryText: l,
|
|
697
|
+
secondaryText: c
|
|
698
698
|
}
|
|
699
699
|
)
|
|
700
700
|
]
|
|
701
701
|
}
|
|
702
|
-
),
|
|
702
|
+
), q = 32, G = "https://content.moneydesktop.com/storage/MD_Assets", Pe = `${G}/serenity/default_institution_logo.png`, Y0 = ({
|
|
703
703
|
alt: e,
|
|
704
704
|
institutionGuid: o,
|
|
705
|
-
logoUrl:
|
|
706
|
-
size: n =
|
|
707
|
-
...
|
|
705
|
+
logoUrl: i,
|
|
706
|
+
size: n = q,
|
|
707
|
+
...r
|
|
708
708
|
}) => /* @__PURE__ */ a(
|
|
709
709
|
"img",
|
|
710
710
|
{
|
|
711
711
|
alt: e,
|
|
712
712
|
height: n,
|
|
713
|
-
onError: (
|
|
714
|
-
src:
|
|
713
|
+
onError: (d) => d.target.src = Pe,
|
|
714
|
+
src: i || `${G}/Ipad%20Logos/100x100/${o}_100x100.png`,
|
|
715
715
|
style: {
|
|
716
716
|
borderRadius: 4
|
|
717
717
|
},
|
|
718
718
|
width: n,
|
|
719
|
-
...
|
|
719
|
+
...r
|
|
720
720
|
}
|
|
721
721
|
), X0 = ({
|
|
722
722
|
alt: e = "",
|
|
723
723
|
categoryGuid: o,
|
|
724
|
-
merchantGuid:
|
|
725
|
-
size: n =
|
|
726
|
-
...
|
|
724
|
+
merchantGuid: i,
|
|
725
|
+
size: n = q,
|
|
726
|
+
...r
|
|
727
727
|
}) => {
|
|
728
|
-
const [
|
|
729
|
-
return /* @__PURE__ */
|
|
730
|
-
|
|
728
|
+
const [d, l] = C.useState(!1), c = H();
|
|
729
|
+
return /* @__PURE__ */ R(Y, { display: "inline-block", position: "relative", ...r, children: [
|
|
730
|
+
i && !d && /* @__PURE__ */ a(
|
|
731
731
|
"img",
|
|
732
732
|
{
|
|
733
733
|
alt: e,
|
|
734
734
|
"aria-hidden": !e,
|
|
735
735
|
height: n,
|
|
736
|
-
onError: () =>
|
|
737
|
-
src: `${
|
|
736
|
+
onError: () => l(!0),
|
|
737
|
+
src: `${G}/merchant_logos/${i}.png`,
|
|
738
738
|
style: {
|
|
739
|
-
backgroundColor:
|
|
739
|
+
backgroundColor: c.palette.common.white,
|
|
740
740
|
borderRadius: 4,
|
|
741
741
|
boxSizing: "border-box",
|
|
742
742
|
position: "absolute"
|
|
@@ -744,99 +744,99 @@ const ee = {
|
|
|
744
744
|
width: n
|
|
745
745
|
}
|
|
746
746
|
),
|
|
747
|
-
/* @__PURE__ */ a(
|
|
747
|
+
/* @__PURE__ */ a(ke, { categoryGuid: o, size: n })
|
|
748
748
|
] });
|
|
749
749
|
}, j0 = ({
|
|
750
750
|
disabled: e = !1,
|
|
751
751
|
label: o = "",
|
|
752
|
-
shrink:
|
|
752
|
+
shrink: i = !0,
|
|
753
753
|
variant: n = "outlined",
|
|
754
|
-
...
|
|
754
|
+
...r
|
|
755
755
|
}) => /* @__PURE__ */ a(
|
|
756
|
-
|
|
756
|
+
xe,
|
|
757
757
|
{
|
|
758
758
|
InputLabelProps: {
|
|
759
|
-
shrink:
|
|
759
|
+
shrink: i
|
|
760
760
|
},
|
|
761
761
|
disabled: e,
|
|
762
762
|
label: o,
|
|
763
763
|
variant: n,
|
|
764
|
-
...
|
|
764
|
+
...r
|
|
765
765
|
}
|
|
766
766
|
);
|
|
767
|
-
function
|
|
768
|
-
return /* @__PURE__ */ a(
|
|
767
|
+
function Be(e) {
|
|
768
|
+
return /* @__PURE__ */ a(X, { ...e, direction: "left", mountOnEnter: !0, unmountOnExit: !0 });
|
|
769
769
|
}
|
|
770
770
|
const Q0 = ({
|
|
771
771
|
open: e,
|
|
772
772
|
handleClose: o,
|
|
773
|
-
message:
|
|
773
|
+
message: i,
|
|
774
774
|
autoHideDuration: n = 3e3,
|
|
775
|
-
severity:
|
|
776
|
-
snackbarSx:
|
|
777
|
-
showAction:
|
|
778
|
-
showClose:
|
|
779
|
-
actionText:
|
|
780
|
-
onActionClick:
|
|
775
|
+
severity: r = "success",
|
|
776
|
+
snackbarSx: d,
|
|
777
|
+
showAction: l = !1,
|
|
778
|
+
showClose: c = !1,
|
|
779
|
+
actionText: s = "Undo",
|
|
780
|
+
onActionClick: t,
|
|
781
781
|
multiLine: u = !1
|
|
782
782
|
}) => {
|
|
783
|
-
const T = H(), L = /* @__PURE__ */
|
|
784
|
-
|
|
783
|
+
const T = H(), L = /* @__PURE__ */ R(
|
|
784
|
+
O,
|
|
785
785
|
{
|
|
786
786
|
alignItems: u ? "flex-end" : "center",
|
|
787
787
|
direction: u ? "column-reverse" : "row",
|
|
788
788
|
justifyContent: (
|
|
789
789
|
// eslint-disable-next-line no-nested-ternary
|
|
790
|
-
u &&
|
|
790
|
+
u && l && c ? "space-between" : "flex-end"
|
|
791
791
|
),
|
|
792
792
|
children: [
|
|
793
|
-
|
|
794
|
-
|
|
793
|
+
l && /* @__PURE__ */ a(
|
|
794
|
+
z,
|
|
795
795
|
{
|
|
796
796
|
color: "inherit",
|
|
797
|
-
onClick:
|
|
797
|
+
onClick: t || o,
|
|
798
798
|
size: "small",
|
|
799
799
|
sx: {
|
|
800
800
|
color: T.palette.success.contrastText,
|
|
801
801
|
height: 44
|
|
802
802
|
},
|
|
803
|
-
children:
|
|
803
|
+
children: s
|
|
804
804
|
}
|
|
805
805
|
),
|
|
806
|
-
|
|
807
|
-
|
|
806
|
+
c && /* @__PURE__ */ a(
|
|
807
|
+
j,
|
|
808
808
|
{
|
|
809
809
|
"aria-label": "close",
|
|
810
810
|
color: "inherit",
|
|
811
811
|
onClick: o,
|
|
812
812
|
sx: { height: 44, width: 44 },
|
|
813
|
-
children: /* @__PURE__ */ a(
|
|
813
|
+
children: /* @__PURE__ */ a(x, { fill: !0, name: "close", size: 24, weight: 400 })
|
|
814
814
|
}
|
|
815
815
|
)
|
|
816
816
|
]
|
|
817
817
|
}
|
|
818
818
|
);
|
|
819
819
|
return /* @__PURE__ */ a(
|
|
820
|
-
|
|
820
|
+
Ae,
|
|
821
821
|
{
|
|
822
|
-
TransitionComponent:
|
|
822
|
+
TransitionComponent: Be,
|
|
823
823
|
anchorOrigin: { vertical: "bottom", horizontal: "right" },
|
|
824
824
|
autoHideDuration: n,
|
|
825
825
|
onClose: o,
|
|
826
826
|
open: e,
|
|
827
827
|
sx: {
|
|
828
|
-
...
|
|
828
|
+
...d,
|
|
829
829
|
width: u ? 400 : 325
|
|
830
830
|
},
|
|
831
831
|
children: /* @__PURE__ */ a(
|
|
832
|
-
|
|
832
|
+
Me,
|
|
833
833
|
{
|
|
834
834
|
action: L,
|
|
835
|
-
severity:
|
|
835
|
+
severity: r,
|
|
836
836
|
sx: {
|
|
837
837
|
display: "flex",
|
|
838
838
|
alignItems: "stretch",
|
|
839
|
-
minHeight:
|
|
839
|
+
minHeight: c && l && u ? 120 : 56,
|
|
840
840
|
maxHeight: u ? 120 : 56,
|
|
841
841
|
width: "100%",
|
|
842
842
|
"& .MuiAlert-icon": {
|
|
@@ -863,62 +863,62 @@ const Q0 = ({
|
|
|
863
863
|
textOverflow: u ? "clip" : "ellipsis"
|
|
864
864
|
},
|
|
865
865
|
truncate: !u,
|
|
866
|
-
children:
|
|
866
|
+
children: i
|
|
867
867
|
}
|
|
868
868
|
)
|
|
869
869
|
}
|
|
870
870
|
)
|
|
871
871
|
}
|
|
872
872
|
);
|
|
873
|
-
},
|
|
873
|
+
}, F = {
|
|
874
874
|
REACT: "react",
|
|
875
875
|
REACT_NATIVE: "react_native",
|
|
876
876
|
NATIVE: "native"
|
|
877
|
-
},
|
|
877
|
+
}, N = {
|
|
878
878
|
LIGHT: "light",
|
|
879
879
|
DARK: "dark"
|
|
880
|
-
},
|
|
881
|
-
|
|
880
|
+
}, ee = C.createContext(Q), oe = C.createContext(
|
|
881
|
+
V(N.LIGHT, F.REACT_NATIVE)
|
|
882
882
|
), J0 = ({
|
|
883
883
|
children: e,
|
|
884
|
-
target: o =
|
|
885
|
-
theme:
|
|
884
|
+
target: o = F.REACT,
|
|
885
|
+
theme: i = N.LIGHT,
|
|
886
886
|
tokenOverrides: n
|
|
887
887
|
}) => {
|
|
888
|
-
const [
|
|
888
|
+
const [r, d] = C.useState(i === N.LIGHT ? Q : Ee), l = C.useMemo(() => ({
|
|
889
889
|
...n
|
|
890
890
|
}), [n]);
|
|
891
891
|
return C.useEffect(() => {
|
|
892
|
-
const
|
|
893
|
-
|
|
894
|
-
}, [
|
|
895
|
-
}, q0 = (e =
|
|
896
|
-
const
|
|
897
|
-
return n ||
|
|
892
|
+
const c = V(i, o, { ...l });
|
|
893
|
+
d(c);
|
|
894
|
+
}, [i, o, l]), o === F.REACT ? /* @__PURE__ */ a(ee.Provider, { value: r, children: e }) : (console.warn("DEPRECATED: Use static values instead of tokens"), /* @__PURE__ */ a(oe.Provider, { value: r, children: e }));
|
|
895
|
+
}, q0 = (e = F.REACT, o = {}) => {
|
|
896
|
+
const i = e === F.REACT ? ee : oe, n = C.useContext(i);
|
|
897
|
+
return n || V(N.LIGHT, e, { ...o });
|
|
898
898
|
}, eo = ({
|
|
899
|
-
component: e =
|
|
899
|
+
component: e = P,
|
|
900
900
|
variant: o = "outlined",
|
|
901
|
-
selected:
|
|
901
|
+
selected: i,
|
|
902
902
|
onChange: n,
|
|
903
|
-
headline:
|
|
904
|
-
message:
|
|
905
|
-
name:
|
|
906
|
-
value:
|
|
907
|
-
disabled:
|
|
908
|
-
error:
|
|
903
|
+
headline: r,
|
|
904
|
+
message: d,
|
|
905
|
+
name: l,
|
|
906
|
+
value: c,
|
|
907
|
+
disabled: s = !1,
|
|
908
|
+
error: t = !1,
|
|
909
909
|
icon: u = !1,
|
|
910
910
|
sx: T = {},
|
|
911
911
|
...L
|
|
912
912
|
}) => {
|
|
913
|
-
const
|
|
913
|
+
const f = H(), re = () => f.palette.background.paper, w = () => t ? `inset 0px 0px 0px 2px ${f.palette.error.main}` : s ? i ? `inset 0px 0px 0px 2px ${f.palette.action.disabled}` : o === "outlined" ? `inset 0px 0px 0px 1px ${f.palette.action.disabledBackground}` : `inset 0px 0px 0px 1px ${f.palette.action.disabled}` : o === "outlined" ? i ? `inset 0px 0px 0px 2px ${b(f.palette.primary.main, 0.5)}` : `inset 0px 0px 0px 1px ${b(f.palette.common.black, 0.23)}` : i ? `inset 0px 0px 0px 2px ${b(f.palette.primary.main, 0.5)}` : f.shadows[1], te = () => s || t ? f.palette.background.paper : b(f.palette.primary.main, 0.1), ie = () => s || t ? w() : o === "outlined" ? i ? `inset 0px 0px 0px 2px ${b(f.palette.primary.main, 0.5)}` : `inset 0px 0px 0px 1px ${b(f.palette.primary.main, 0.5)}` : w(), ae = () => s || t ? f.palette.background.paper : b(f.palette.primary.main, 0.3);
|
|
914
914
|
return /* @__PURE__ */ a(
|
|
915
|
-
|
|
915
|
+
Se,
|
|
916
916
|
{
|
|
917
|
-
checked:
|
|
918
|
-
control: e ===
|
|
919
|
-
|
|
917
|
+
checked: i,
|
|
918
|
+
control: e === P ? /* @__PURE__ */ a(
|
|
919
|
+
P,
|
|
920
920
|
{
|
|
921
|
-
name:
|
|
921
|
+
name: l,
|
|
922
922
|
sx: {
|
|
923
923
|
p: 0,
|
|
924
924
|
ml: 16,
|
|
@@ -931,9 +931,9 @@ const Q0 = ({
|
|
|
931
931
|
...L
|
|
932
932
|
}
|
|
933
933
|
) : /* @__PURE__ */ a(
|
|
934
|
-
|
|
934
|
+
Ie,
|
|
935
935
|
{
|
|
936
|
-
name:
|
|
936
|
+
name: l,
|
|
937
937
|
sx: {
|
|
938
938
|
p: 0,
|
|
939
939
|
ml: 16,
|
|
@@ -946,12 +946,12 @@ const Q0 = ({
|
|
|
946
946
|
...L
|
|
947
947
|
}
|
|
948
948
|
),
|
|
949
|
-
disabled:
|
|
950
|
-
label: /* @__PURE__ */
|
|
951
|
-
u && /* @__PURE__ */ a(
|
|
952
|
-
/* @__PURE__ */
|
|
953
|
-
|
|
954
|
-
/* @__PURE__ */ a(
|
|
949
|
+
disabled: s,
|
|
950
|
+
label: /* @__PURE__ */ R(_, { sx: { display: "flex", alignItems: "flex-start", width: "100%" }, children: [
|
|
951
|
+
u && /* @__PURE__ */ a(_, { sx: { mr: 12, mt: "8px", flexShrink: 0 }, children: u }),
|
|
952
|
+
/* @__PURE__ */ R(_, { sx: { flex: 1, minWidth: 0, py: "8px" }, children: [
|
|
953
|
+
r && /* @__PURE__ */ a(K, { fontWeight: 600, sx: { lineHeight: "24px", pb: "4px" }, variant: "body1", children: r }),
|
|
954
|
+
/* @__PURE__ */ a(K, { sx: { lineHeight: "20px" }, variant: "subtitle2", children: d })
|
|
955
955
|
] })
|
|
956
956
|
] }),
|
|
957
957
|
labelPlacement: "start",
|
|
@@ -961,31 +961,31 @@ const Q0 = ({
|
|
|
961
961
|
padding: "6px 16px",
|
|
962
962
|
alignItems: "flex-start",
|
|
963
963
|
justifyContent: "space-between",
|
|
964
|
-
borderRadius:
|
|
964
|
+
borderRadius: f.shape.borderRadius / 2,
|
|
965
965
|
mb: 16,
|
|
966
|
-
cursor:
|
|
967
|
-
opacity:
|
|
968
|
-
backgroundColor:
|
|
966
|
+
cursor: s ? "not-allowed" : "pointer",
|
|
967
|
+
opacity: s ? 0.6 : 1,
|
|
968
|
+
backgroundColor: re(),
|
|
969
969
|
border: "none",
|
|
970
|
-
boxShadow:
|
|
970
|
+
boxShadow: w(),
|
|
971
971
|
boxSizing: "border-box",
|
|
972
|
-
transition:
|
|
973
|
-
duration:
|
|
972
|
+
transition: f.transitions.create(["background-color", "box-shadow"], {
|
|
973
|
+
duration: f.transitions.duration.short
|
|
974
974
|
}),
|
|
975
975
|
"&:hover": {
|
|
976
|
-
backgroundColor:
|
|
977
|
-
boxShadow:
|
|
976
|
+
backgroundColor: te(),
|
|
977
|
+
boxShadow: ie()
|
|
978
978
|
},
|
|
979
979
|
"&:active": {
|
|
980
|
-
backgroundColor:
|
|
980
|
+
backgroundColor: ae()
|
|
981
981
|
},
|
|
982
982
|
"&:focus-visible": {
|
|
983
|
-
outline: `2px solid ${
|
|
983
|
+
outline: `2px solid ${f.palette.info.main}`,
|
|
984
984
|
outlineOffset: "2px"
|
|
985
985
|
},
|
|
986
986
|
...T
|
|
987
987
|
},
|
|
988
|
-
value:
|
|
988
|
+
value: c
|
|
989
989
|
}
|
|
990
990
|
);
|
|
991
991
|
}, v = {
|
|
@@ -1001,7 +1001,7 @@ const Q0 = ({
|
|
|
1001
1001
|
700: k(e, 0.5),
|
|
1002
1002
|
800: k(e, 0.65),
|
|
1003
1003
|
900: k(e, 0.75)
|
|
1004
|
-
}),
|
|
1004
|
+
}), M = "#FFFFFF", B = "#000000", ze = "#F9F9F9", Ve = "#000000", Ge = "#FFFFFF", Ue = "#1A1A1A", E = {
|
|
1005
1005
|
PRIMARY: "#2C64EF",
|
|
1006
1006
|
SECONDARY: "#808080",
|
|
1007
1007
|
INFO: "#2C64EF",
|
|
@@ -1070,137 +1070,137 @@ const Q0 = ({
|
|
|
1070
1070
|
TRANSFER: "#75C7B7",
|
|
1071
1071
|
TRAVEL: "#76ACF7",
|
|
1072
1072
|
UNCATEGORIZED: "#BCC6D4"
|
|
1073
|
-
},
|
|
1074
|
-
const
|
|
1073
|
+
}, $e = (e, o) => {
|
|
1074
|
+
const i = A(o?.primary || E.PRIMARY), n = A(o?.secondary || E.SECONDARY), r = A(o?.error || E.ERROR), d = A(o?.warning || E.WARNING), l = A(o?.info || E.INFO), c = A(o?.success || E.SUCCESS), s = A(o?.grey || E.GREY), t = e === v.LIGHT;
|
|
1075
1075
|
return {
|
|
1076
1076
|
mode: e,
|
|
1077
1077
|
// DEPRECATED: Use grey instead
|
|
1078
1078
|
border: {
|
|
1079
1079
|
/* DEPRECATED: Use light instead */
|
|
1080
|
-
lighter:
|
|
1081
|
-
light:
|
|
1082
|
-
main:
|
|
1083
|
-
dark:
|
|
1080
|
+
lighter: t ? s[300] : s[700],
|
|
1081
|
+
light: t ? s[300] : s[700],
|
|
1082
|
+
main: t ? s[400] : s[600],
|
|
1083
|
+
dark: s[500],
|
|
1084
1084
|
/* DEPRECATED: Use light instead */
|
|
1085
|
-
darker:
|
|
1085
|
+
darker: s[500]
|
|
1086
1086
|
},
|
|
1087
1087
|
common: {
|
|
1088
|
-
white:
|
|
1089
|
-
black:
|
|
1088
|
+
white: M,
|
|
1089
|
+
black: B
|
|
1090
1090
|
},
|
|
1091
1091
|
primary: {
|
|
1092
|
-
...
|
|
1092
|
+
...i,
|
|
1093
1093
|
/* DEPRECATED: Use light instead */
|
|
1094
|
-
lighter:
|
|
1095
|
-
light:
|
|
1096
|
-
main:
|
|
1097
|
-
dark:
|
|
1094
|
+
lighter: t ? i[100] : i[800],
|
|
1095
|
+
light: t ? i[300] : i[600],
|
|
1096
|
+
main: t ? i[500] : i[400],
|
|
1097
|
+
dark: t ? i[700] : i[200],
|
|
1098
1098
|
/* DEPRECATED: Use dark instead */
|
|
1099
|
-
darker:
|
|
1099
|
+
darker: t ? i[900] : i[100]
|
|
1100
1100
|
},
|
|
1101
1101
|
secondary: {
|
|
1102
1102
|
...n,
|
|
1103
1103
|
/* DEPRECATED: Use light instead */
|
|
1104
|
-
lighter:
|
|
1105
|
-
light:
|
|
1106
|
-
main:
|
|
1107
|
-
dark:
|
|
1104
|
+
lighter: t ? n[100] : n[800],
|
|
1105
|
+
light: t ? n[300] : n[600],
|
|
1106
|
+
main: t ? n[500] : n[400],
|
|
1107
|
+
dark: t ? n[700] : n[200],
|
|
1108
1108
|
/* DEPRECATED: Use dark instead */
|
|
1109
|
-
darker:
|
|
1109
|
+
darker: t ? n[900] : n[100]
|
|
1110
1110
|
},
|
|
1111
1111
|
neutral: {
|
|
1112
|
-
...
|
|
1112
|
+
...s,
|
|
1113
1113
|
/* DEPRECATED: Use light instead */
|
|
1114
|
-
lighter:
|
|
1115
|
-
light:
|
|
1116
|
-
main:
|
|
1117
|
-
dark:
|
|
1114
|
+
lighter: t ? s[100] : s[800],
|
|
1115
|
+
light: t ? s[300] : s[600],
|
|
1116
|
+
main: t ? s[500] : s[400],
|
|
1117
|
+
dark: t ? s[700] : s[200],
|
|
1118
1118
|
/* DEPRECATED: Use dark instead */
|
|
1119
|
-
darker:
|
|
1120
|
-
contrastText:
|
|
1119
|
+
darker: t ? s[900] : s[100],
|
|
1120
|
+
contrastText: ve(t ? s[700] : s[400], "#fff") > 4.5 ? M : s[900]
|
|
1121
1121
|
},
|
|
1122
1122
|
text: {
|
|
1123
|
-
primary:
|
|
1124
|
-
secondary:
|
|
1125
|
-
disabled:
|
|
1123
|
+
primary: t ? s[900] : M,
|
|
1124
|
+
secondary: t ? s[600] : b(M, 0.7),
|
|
1125
|
+
disabled: t ? s[500] : b(M, 0.38)
|
|
1126
1126
|
},
|
|
1127
1127
|
error: {
|
|
1128
|
-
...
|
|
1128
|
+
...r,
|
|
1129
1129
|
/* DEPRECATED: Use light instead */
|
|
1130
|
-
lighter:
|
|
1131
|
-
light:
|
|
1132
|
-
main:
|
|
1133
|
-
dark:
|
|
1130
|
+
lighter: t ? r[100] : r[800],
|
|
1131
|
+
light: t ? r[300] : r[600],
|
|
1132
|
+
main: t ? r[500] : r[400],
|
|
1133
|
+
dark: t ? r[700] : r[200],
|
|
1134
1134
|
/* DEPRECATED: Use light instead */
|
|
1135
|
-
darker:
|
|
1135
|
+
darker: t ? r[900] : r[100]
|
|
1136
1136
|
},
|
|
1137
1137
|
warning: {
|
|
1138
|
-
...
|
|
1138
|
+
...d,
|
|
1139
1139
|
/* DEPRECATED: Use light instead */
|
|
1140
|
-
lighter:
|
|
1141
|
-
light:
|
|
1142
|
-
main:
|
|
1143
|
-
dark:
|
|
1140
|
+
lighter: t ? d[100] : d[800],
|
|
1141
|
+
light: t ? d[300] : d[600],
|
|
1142
|
+
main: t ? d[500] : d[400],
|
|
1143
|
+
dark: t ? d[700] : d[200],
|
|
1144
1144
|
/* DEPRECATED: Use light instead */
|
|
1145
|
-
darker:
|
|
1145
|
+
darker: t ? d[900] : d[100]
|
|
1146
1146
|
},
|
|
1147
1147
|
info: {
|
|
1148
|
-
...
|
|
1148
|
+
...l,
|
|
1149
1149
|
/* DEPRECATED: Use light instead */
|
|
1150
|
-
lighter:
|
|
1151
|
-
light:
|
|
1152
|
-
main:
|
|
1153
|
-
dark:
|
|
1150
|
+
lighter: t ? l[100] : l[800],
|
|
1151
|
+
light: t ? l[300] : l[600],
|
|
1152
|
+
main: t ? l[500] : l[400],
|
|
1153
|
+
dark: t ? l[700] : l[200],
|
|
1154
1154
|
/* DEPRECATED: Use light instead */
|
|
1155
|
-
darker:
|
|
1155
|
+
darker: t ? l[900] : l[100]
|
|
1156
1156
|
},
|
|
1157
1157
|
success: {
|
|
1158
|
-
...
|
|
1158
|
+
...c,
|
|
1159
1159
|
/* DEPRECATED: Use light instead */
|
|
1160
|
-
lighter:
|
|
1161
|
-
light:
|
|
1162
|
-
main:
|
|
1163
|
-
dark:
|
|
1160
|
+
lighter: t ? c[100] : c[800],
|
|
1161
|
+
light: t ? c[300] : c[600],
|
|
1162
|
+
main: t ? c[500] : c[400],
|
|
1163
|
+
dark: t ? c[700] : c[200],
|
|
1164
1164
|
/* DEPRECATED: Use light instead */
|
|
1165
|
-
darker:
|
|
1165
|
+
darker: t ? c[900] : c[100]
|
|
1166
1166
|
},
|
|
1167
|
-
grey:
|
|
1167
|
+
grey: s,
|
|
1168
1168
|
action: {
|
|
1169
|
-
active:
|
|
1170
|
-
hoverOpacity:
|
|
1171
|
-
selectedOpacity:
|
|
1169
|
+
active: t ? b(B, 0.56) : b(M, 0.56),
|
|
1170
|
+
hoverOpacity: t ? 0.1 : 0.2,
|
|
1171
|
+
selectedOpacity: t ? 0.16 : 0.25,
|
|
1172
1172
|
focusOpacity: 0.3
|
|
1173
1173
|
},
|
|
1174
1174
|
background: {
|
|
1175
|
-
default:
|
|
1176
|
-
paper:
|
|
1177
|
-
highlight:
|
|
1178
|
-
highlightPrimary:
|
|
1175
|
+
default: t ? o?.background?.default?.light || ze : o?.background?.default?.dark || Ve,
|
|
1176
|
+
paper: t ? o?.background?.paper?.light || Ge : o?.background?.paper?.dark || Ue,
|
|
1177
|
+
highlight: t ? s[200] : s[600],
|
|
1178
|
+
highlightPrimary: t ? i[100] : i[500]
|
|
1179
1179
|
},
|
|
1180
|
-
divider:
|
|
1180
|
+
divider: t ? b(B, 0.12) : b(M, 0.24),
|
|
1181
1181
|
categories: {
|
|
1182
|
-
autoTransport:
|
|
1183
|
-
billsUtilities:
|
|
1184
|
-
businessServices:
|
|
1185
|
-
education:
|
|
1186
|
-
entertainment:
|
|
1187
|
-
feesCharges:
|
|
1188
|
-
financial:
|
|
1189
|
-
foodDining:
|
|
1190
|
-
giftsDonations:
|
|
1191
|
-
healthFitness:
|
|
1192
|
-
home:
|
|
1193
|
-
income:
|
|
1194
|
-
investments:
|
|
1195
|
-
kids:
|
|
1196
|
-
others:
|
|
1197
|
-
personalCare:
|
|
1198
|
-
pets:
|
|
1199
|
-
shopping:
|
|
1200
|
-
taxes:
|
|
1201
|
-
transfer:
|
|
1202
|
-
travel:
|
|
1203
|
-
uncategorized:
|
|
1182
|
+
autoTransport: t ? p.AUTO_TRANSPORTT : h.AUTO_TRANSPORTT,
|
|
1183
|
+
billsUtilities: t ? p.BILLS_UTILITIES : h.BILLS_UTILITIES,
|
|
1184
|
+
businessServices: t ? p.BUSINESS_SERVICES : h.BUSINESS_SERVICES,
|
|
1185
|
+
education: t ? p.EDUCATION : h.EDUCATION,
|
|
1186
|
+
entertainment: t ? p.ENTERTAINMENT : h.ENTERTAINMENT,
|
|
1187
|
+
feesCharges: t ? p.FEES_CHARGES : h.FEES_CHARGES,
|
|
1188
|
+
financial: t ? p.FINANCIAL : h.FINANCIAL,
|
|
1189
|
+
foodDining: t ? p.FOOD_DINING : h.FOOD_DINING,
|
|
1190
|
+
giftsDonations: t ? p.GIFTS_DONATIONS : h.GIFTS_DONATIONS,
|
|
1191
|
+
healthFitness: t ? p.HEALTH_FITNESS : h.HEALTH_FITNESS,
|
|
1192
|
+
home: t ? p.HOME : h.HOME,
|
|
1193
|
+
income: t ? p.INCOME : h.INCOME,
|
|
1194
|
+
investments: t ? p.INVESTMENTS : h.INVESTMENTS,
|
|
1195
|
+
kids: t ? p.KIDS : h.KIDS,
|
|
1196
|
+
others: t ? p.OTHERS : h.OTHERS,
|
|
1197
|
+
personalCare: t ? p.PERSONAL_CARE : h.PERSONAL_CARE,
|
|
1198
|
+
pets: t ? p.PETS : h.PETS,
|
|
1199
|
+
shopping: t ? p.SHOPPING : h.SHOPPING,
|
|
1200
|
+
taxes: t ? p.TAXES : h.TAXES,
|
|
1201
|
+
transfer: t ? p.TRANSFER : h.TRANSFER,
|
|
1202
|
+
travel: t ? p.TRAVEL : h.TRAVEL,
|
|
1203
|
+
uncategorized: t ? p.UNCATEGORIZED : h.UNCATEGORIZED
|
|
1204
1204
|
},
|
|
1205
1205
|
chart: {
|
|
1206
1206
|
chart1: S.CHART1,
|
|
@@ -1234,7 +1234,7 @@ const Q0 = ({
|
|
|
1234
1234
|
body1: {
|
|
1235
1235
|
fontFamily: o,
|
|
1236
1236
|
fontSize: 15,
|
|
1237
|
-
lineHeight:
|
|
1237
|
+
lineHeight: "20px"
|
|
1238
1238
|
},
|
|
1239
1239
|
Small: {
|
|
1240
1240
|
// DEPRECATED: Use body2 instead
|
|
@@ -1245,7 +1245,7 @@ const Q0 = ({
|
|
|
1245
1245
|
body2: {
|
|
1246
1246
|
fontFamily: o,
|
|
1247
1247
|
fontSize: 13,
|
|
1248
|
-
lineHeight:
|
|
1248
|
+
lineHeight: "16px"
|
|
1249
1249
|
},
|
|
1250
1250
|
Button: {
|
|
1251
1251
|
// DEPRECATED: Use button instead
|
|
@@ -1265,7 +1265,7 @@ const Q0 = ({
|
|
|
1265
1265
|
caption: {
|
|
1266
1266
|
fontFamily: o,
|
|
1267
1267
|
fontSize: 11,
|
|
1268
|
-
lineHeight:
|
|
1268
|
+
lineHeight: "16px"
|
|
1269
1269
|
},
|
|
1270
1270
|
H1: {
|
|
1271
1271
|
// DEPRECATED: Use h1 instead
|
|
@@ -1278,7 +1278,7 @@ const Q0 = ({
|
|
|
1278
1278
|
fontFamily: o,
|
|
1279
1279
|
fontWeight: 700,
|
|
1280
1280
|
fontSize: 31,
|
|
1281
|
-
lineHeight:
|
|
1281
|
+
lineHeight: "40px"
|
|
1282
1282
|
},
|
|
1283
1283
|
H2: {
|
|
1284
1284
|
// DEPRECATED: Use h2 instead
|
|
@@ -1291,7 +1291,7 @@ const Q0 = ({
|
|
|
1291
1291
|
fontFamily: o,
|
|
1292
1292
|
fontWeight: 700,
|
|
1293
1293
|
fontSize: 23,
|
|
1294
|
-
lineHeight:
|
|
1294
|
+
lineHeight: "32px"
|
|
1295
1295
|
},
|
|
1296
1296
|
H3: {
|
|
1297
1297
|
// DEPRECATED: Use h3 instead
|
|
@@ -1304,7 +1304,7 @@ const Q0 = ({
|
|
|
1304
1304
|
fontFamily: o,
|
|
1305
1305
|
fontWeight: 700,
|
|
1306
1306
|
fontSize: 18,
|
|
1307
|
-
lineHeight:
|
|
1307
|
+
lineHeight: "24px"
|
|
1308
1308
|
},
|
|
1309
1309
|
// h4: {
|
|
1310
1310
|
// fontFamily,
|
|
@@ -1327,7 +1327,7 @@ const Q0 = ({
|
|
|
1327
1327
|
subtitle1: {
|
|
1328
1328
|
fontFamily: o,
|
|
1329
1329
|
fontSize: 15,
|
|
1330
|
-
lineHeight:
|
|
1330
|
+
lineHeight: "24px"
|
|
1331
1331
|
},
|
|
1332
1332
|
ParagraphSmall: {
|
|
1333
1333
|
// DEPRECATED: Use subtitle2 instead
|
|
@@ -1338,7 +1338,7 @@ const Q0 = ({
|
|
|
1338
1338
|
subtitle2: {
|
|
1339
1339
|
fontFamily: o,
|
|
1340
1340
|
fontSize: 13,
|
|
1341
|
-
lineHeight:
|
|
1341
|
+
lineHeight: "20px"
|
|
1342
1342
|
},
|
|
1343
1343
|
Tiny: {
|
|
1344
1344
|
// DEPRECATED: Use tiny instead
|
|
@@ -1349,21 +1349,17 @@ const Q0 = ({
|
|
|
1349
1349
|
tiny: {
|
|
1350
1350
|
fontFamily: o,
|
|
1351
1351
|
fontSize: 9,
|
|
1352
|
-
lineHeight:
|
|
1352
|
+
lineHeight: "12px"
|
|
1353
1353
|
},
|
|
1354
1354
|
...e
|
|
1355
1355
|
};
|
|
1356
1356
|
};
|
|
1357
|
-
|
|
1357
|
+
ye.setLicenseKey(
|
|
1358
1358
|
"6e7dd593526efa1f157230ecf06c9b02Tz0xMDA5NjAsRT0xNzYyMDQxNjAwMDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
|
|
1359
1359
|
);
|
|
1360
|
-
const _ = [...X().shadows];
|
|
1361
|
-
_[1] = "0px 2px 8px rgba(106, 115, 129, 0.12)";
|
|
1362
|
-
_[2] = "0px 6px 12px rgba(106, 115, 129, 0.16), 0px 3px 8px rgba(87, 102, 117, 0.06)";
|
|
1363
|
-
_[3] = "0px 12px 20px rgba(106, 115, 129, 0.22)";
|
|
1364
1360
|
const oo = (e, o) => {
|
|
1365
|
-
const
|
|
1366
|
-
|
|
1361
|
+
const i = $e(e, o?.paletteOptions), n = Ze(o?.typographyOptions);
|
|
1362
|
+
return ne({
|
|
1367
1363
|
breakpoints: {
|
|
1368
1364
|
values: {
|
|
1369
1365
|
xs: 444,
|
|
@@ -1373,8 +1369,7 @@ const oo = (e, o) => {
|
|
|
1373
1369
|
xl: 1536
|
|
1374
1370
|
}
|
|
1375
1371
|
},
|
|
1376
|
-
palette:
|
|
1377
|
-
shadows: _,
|
|
1372
|
+
palette: i,
|
|
1378
1373
|
shape: {
|
|
1379
1374
|
borderRadius: o?.shapeOptions?.borderRadius || 4
|
|
1380
1375
|
},
|
|
@@ -1385,27 +1380,27 @@ const oo = (e, o) => {
|
|
|
1385
1380
|
MuiAlert: {
|
|
1386
1381
|
defaultProps: {
|
|
1387
1382
|
iconMapping: {
|
|
1388
|
-
success: /* @__PURE__ */ a(
|
|
1389
|
-
error: /* @__PURE__ */ a(
|
|
1390
|
-
warning: /* @__PURE__ */ a(
|
|
1391
|
-
info: /* @__PURE__ */ a(
|
|
1383
|
+
success: /* @__PURE__ */ a(x, { fill: !0, name: "check_circle", size: 24, weight: 400 }),
|
|
1384
|
+
error: /* @__PURE__ */ a(x, { fill: !0, name: "error", size: 24, weight: 400 }),
|
|
1385
|
+
warning: /* @__PURE__ */ a(x, { fill: !0, name: "warning", size: 24, weight: 400 }),
|
|
1386
|
+
info: /* @__PURE__ */ a(x, { fill: !0, name: "info", size: 24, weight: 400 })
|
|
1392
1387
|
},
|
|
1393
1388
|
variant: "outlined"
|
|
1394
1389
|
},
|
|
1395
1390
|
styleOverrides: {
|
|
1396
|
-
root: ({ theme:
|
|
1397
|
-
const
|
|
1398
|
-
let
|
|
1399
|
-
if (
|
|
1400
|
-
const
|
|
1401
|
-
|
|
1391
|
+
root: ({ theme: r, ownerState: d }) => {
|
|
1392
|
+
const l = d.severity || "info";
|
|
1393
|
+
let c = r.palette.mode === v.LIGHT ? r.palette[l]?.[50] : r.palette[l]?.[800];
|
|
1394
|
+
if (d.variant === "filled") {
|
|
1395
|
+
const s = l === "warning";
|
|
1396
|
+
c = r.palette[l]?.[s ? 400 : 600];
|
|
1402
1397
|
}
|
|
1403
1398
|
return {
|
|
1404
|
-
backgroundColor:
|
|
1405
|
-
borderRadius:
|
|
1399
|
+
backgroundColor: c,
|
|
1400
|
+
borderRadius: r.shape.borderRadius,
|
|
1406
1401
|
"& .MuiAlert-message": {
|
|
1407
|
-
fontSize:
|
|
1408
|
-
lineHeight:
|
|
1402
|
+
fontSize: r.typography.subtitle1.fontSize,
|
|
1403
|
+
lineHeight: r.typography.subtitle1.lineHeight,
|
|
1409
1404
|
marginTop: "auto",
|
|
1410
1405
|
marginBottom: "auto"
|
|
1411
1406
|
},
|
|
@@ -1431,14 +1426,14 @@ const oo = (e, o) => {
|
|
|
1431
1426
|
disableElevation: !0
|
|
1432
1427
|
},
|
|
1433
1428
|
styleOverrides: {
|
|
1434
|
-
root: ({ theme:
|
|
1429
|
+
root: ({ theme: r }) => ({
|
|
1435
1430
|
fontWeight: 600,
|
|
1436
1431
|
textTransform: "none",
|
|
1437
1432
|
"&.Mui-disabled": {
|
|
1438
1433
|
cursor: "not-allowed"
|
|
1439
1434
|
},
|
|
1440
1435
|
"&.Mui-focusVisible": {
|
|
1441
|
-
outline: `2px solid ${
|
|
1436
|
+
outline: `2px solid ${r.palette.info.main}`,
|
|
1442
1437
|
outlineOffset: "2px"
|
|
1443
1438
|
}
|
|
1444
1439
|
}),
|
|
@@ -1475,7 +1470,7 @@ const oo = (e, o) => {
|
|
|
1475
1470
|
styleOverrides: {
|
|
1476
1471
|
root: {
|
|
1477
1472
|
"&.Mui-focusVisible": {
|
|
1478
|
-
boxShadow: `inset 0 0 0 2px ${
|
|
1473
|
+
boxShadow: `inset 0 0 0 2px ${i.info.main}`
|
|
1479
1474
|
}
|
|
1480
1475
|
}
|
|
1481
1476
|
}
|
|
@@ -1483,7 +1478,7 @@ const oo = (e, o) => {
|
|
|
1483
1478
|
MuiCircularProgress: {
|
|
1484
1479
|
styleOverrides: {
|
|
1485
1480
|
root: {
|
|
1486
|
-
[`& .${
|
|
1481
|
+
[`& .${He.circle}`]: {
|
|
1487
1482
|
strokeLinecap: "round"
|
|
1488
1483
|
}
|
|
1489
1484
|
}
|
|
@@ -1504,22 +1499,22 @@ const oo = (e, o) => {
|
|
|
1504
1499
|
},
|
|
1505
1500
|
MuiDataGrid: {
|
|
1506
1501
|
styleOverrides: {
|
|
1507
|
-
root: ({ theme:
|
|
1502
|
+
root: ({ theme: r }) => ({
|
|
1508
1503
|
border: "none",
|
|
1509
1504
|
borderRadius: 0,
|
|
1510
|
-
fontSize:
|
|
1505
|
+
fontSize: r.typography.body2.fontSize,
|
|
1511
1506
|
"& .MuiDataGrid-cell": {
|
|
1512
1507
|
display: "flex",
|
|
1513
1508
|
alignItems: "center",
|
|
1514
1509
|
borderTop: "1px solid",
|
|
1515
|
-
borderColor:
|
|
1510
|
+
borderColor: r.palette.background.highlight
|
|
1516
1511
|
},
|
|
1517
1512
|
"& .MuiDataGrid-cell:focus": { outline: "unset" },
|
|
1518
1513
|
"& .MuiDataGrid-iconSeparator": { display: "none" },
|
|
1519
1514
|
"& .MuiDataGrid-columnHeaders": {
|
|
1520
|
-
backgroundColor:
|
|
1515
|
+
backgroundColor: r.palette.background.paper,
|
|
1521
1516
|
borderBottom: "2px solid",
|
|
1522
|
-
borderColor:
|
|
1517
|
+
borderColor: r.palette.divider
|
|
1523
1518
|
},
|
|
1524
1519
|
"& .MuiDataGrid-columnHeaderTitle": {
|
|
1525
1520
|
fontWeight: 600
|
|
@@ -1537,42 +1532,42 @@ const oo = (e, o) => {
|
|
|
1537
1532
|
},
|
|
1538
1533
|
MuiDateRangePickerDay: {
|
|
1539
1534
|
styleOverrides: {
|
|
1540
|
-
root: ({ theme:
|
|
1535
|
+
root: ({ theme: r }) => ({
|
|
1541
1536
|
":first-of-type": {
|
|
1542
|
-
borderTopLeftRadius:
|
|
1543
|
-
borderBottomLeftRadius:
|
|
1537
|
+
borderTopLeftRadius: r.shape.borderRadius,
|
|
1538
|
+
borderBottomLeftRadius: r.shape.borderRadius,
|
|
1544
1539
|
"& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
|
|
1545
|
-
borderTopLeftRadius:
|
|
1546
|
-
borderBottomLeftRadius:
|
|
1540
|
+
borderTopLeftRadius: r.shape.borderRadius,
|
|
1541
|
+
borderBottomLeftRadius: r.shape.borderRadius
|
|
1547
1542
|
}
|
|
1548
1543
|
},
|
|
1549
1544
|
":last-of-type": {
|
|
1550
|
-
borderTopRightRadius:
|
|
1551
|
-
borderBottomRightRadius:
|
|
1545
|
+
borderTopRightRadius: r.shape.borderRadius,
|
|
1546
|
+
borderBottomRightRadius: r.shape.borderRadius,
|
|
1552
1547
|
"& .MuiDateRangePickerDay-rangeIntervalDayPreview": {
|
|
1553
|
-
borderTopRightRadius:
|
|
1554
|
-
borderBottomRightRadius:
|
|
1548
|
+
borderTopRightRadius: r.shape.borderRadius,
|
|
1549
|
+
borderBottomRightRadius: r.shape.borderRadius
|
|
1555
1550
|
}
|
|
1556
1551
|
},
|
|
1557
1552
|
"& .Mui-selected": {
|
|
1558
|
-
borderRadius:
|
|
1553
|
+
borderRadius: r.shape.borderRadius
|
|
1559
1554
|
},
|
|
1560
1555
|
"& .MuiPickersDay-dayOutsideMonth": {
|
|
1561
|
-
color:
|
|
1556
|
+
color: r.palette.action.disabled
|
|
1562
1557
|
}
|
|
1563
1558
|
}),
|
|
1564
|
-
day: ({ theme:
|
|
1565
|
-
borderRadius:
|
|
1559
|
+
day: ({ theme: r }) => ({
|
|
1560
|
+
borderRadius: r.shape.borderRadius
|
|
1566
1561
|
}),
|
|
1567
|
-
rangeIntervalDayPreview: ({ theme:
|
|
1568
|
-
borderRadius:
|
|
1562
|
+
rangeIntervalDayPreview: ({ theme: r }) => ({
|
|
1563
|
+
borderRadius: r.shape.borderRadius
|
|
1569
1564
|
})
|
|
1570
1565
|
}
|
|
1571
1566
|
},
|
|
1572
1567
|
MuiDayCalendar: {
|
|
1573
1568
|
styleOverrides: {
|
|
1574
|
-
weekDayLabel: ({ theme:
|
|
1575
|
-
fontSize:
|
|
1569
|
+
weekDayLabel: ({ theme: r }) => ({
|
|
1570
|
+
fontSize: r.typography.body2.fontSize,
|
|
1576
1571
|
fontWeight: 700
|
|
1577
1572
|
})
|
|
1578
1573
|
}
|
|
@@ -1614,14 +1609,14 @@ const oo = (e, o) => {
|
|
|
1614
1609
|
},
|
|
1615
1610
|
MuiFormHelperText: {
|
|
1616
1611
|
styleOverrides: {
|
|
1617
|
-
root: ({ theme:
|
|
1612
|
+
root: ({ theme: r }) => ({
|
|
1618
1613
|
fontSize: 13,
|
|
1619
1614
|
// Small
|
|
1620
1615
|
marginLeft: 0,
|
|
1621
1616
|
display: "flex",
|
|
1622
1617
|
alignItems: "center",
|
|
1623
1618
|
position: "relative",
|
|
1624
|
-
color:
|
|
1619
|
+
color: r.palette.text.secondary,
|
|
1625
1620
|
"& .MuiSvgIcon-root": {
|
|
1626
1621
|
height: "16px",
|
|
1627
1622
|
width: "16px",
|
|
@@ -1637,7 +1632,7 @@ const oo = (e, o) => {
|
|
|
1637
1632
|
MuiFormLabel: {
|
|
1638
1633
|
styleOverrides: {
|
|
1639
1634
|
asterisk: {
|
|
1640
|
-
color:
|
|
1635
|
+
color: i.error.main
|
|
1641
1636
|
}
|
|
1642
1637
|
}
|
|
1643
1638
|
},
|
|
@@ -1652,19 +1647,19 @@ const oo = (e, o) => {
|
|
|
1652
1647
|
disableFocusRipple: !0
|
|
1653
1648
|
},
|
|
1654
1649
|
styleOverrides: {
|
|
1655
|
-
root: ({ theme:
|
|
1656
|
-
borderRadius:
|
|
1650
|
+
root: ({ theme: r }) => ({
|
|
1651
|
+
borderRadius: r.shape.borderRadius,
|
|
1657
1652
|
minHeight: 44,
|
|
1658
1653
|
// touch target
|
|
1659
1654
|
minWidth: 44,
|
|
1660
1655
|
// touch target
|
|
1661
1656
|
"&.Mui-focusVisible": {
|
|
1662
|
-
outline: `2px solid ${
|
|
1657
|
+
outline: `2px solid ${r.palette.info.main}`,
|
|
1663
1658
|
outlineOffset: "2px"
|
|
1664
1659
|
},
|
|
1665
1660
|
"& .MuiTouchRipple-root": {
|
|
1666
1661
|
"& .MuiTouchRipple-child": {
|
|
1667
|
-
borderRadius:
|
|
1662
|
+
borderRadius: r.shape.borderRadius
|
|
1668
1663
|
}
|
|
1669
1664
|
}
|
|
1670
1665
|
})
|
|
@@ -1685,13 +1680,13 @@ const oo = (e, o) => {
|
|
|
1685
1680
|
borderRadius: 4
|
|
1686
1681
|
},
|
|
1687
1682
|
colorPrimary: {
|
|
1688
|
-
backgroundColor:
|
|
1683
|
+
backgroundColor: i.grey[300]
|
|
1689
1684
|
}
|
|
1690
1685
|
}
|
|
1691
1686
|
},
|
|
1692
1687
|
MuiLink: {
|
|
1693
1688
|
styleOverrides: {
|
|
1694
|
-
root: ({ theme:
|
|
1689
|
+
root: ({ theme: r, color: d }) => ({
|
|
1695
1690
|
cursor: "pointer",
|
|
1696
1691
|
fontWeight: 600,
|
|
1697
1692
|
textDecoration: "none",
|
|
@@ -1703,10 +1698,10 @@ const oo = (e, o) => {
|
|
|
1703
1698
|
outlineOffset: "2px"
|
|
1704
1699
|
},
|
|
1705
1700
|
"&:hover": {
|
|
1706
|
-
backgroundColor:
|
|
1701
|
+
backgroundColor: r.palette.action.hover
|
|
1707
1702
|
},
|
|
1708
1703
|
"&:active": {
|
|
1709
|
-
backgroundColor:
|
|
1704
|
+
backgroundColor: r.palette.mode === v.LIGHT ? r.palette[d].light : r.palette[d].dark
|
|
1710
1705
|
}
|
|
1711
1706
|
})
|
|
1712
1707
|
}
|
|
@@ -1733,9 +1728,9 @@ const oo = (e, o) => {
|
|
|
1733
1728
|
disablePadding: !0
|
|
1734
1729
|
},
|
|
1735
1730
|
styleOverrides: {
|
|
1736
|
-
root: ({ ownerState:
|
|
1731
|
+
root: ({ ownerState: r }) => ({
|
|
1737
1732
|
minHeight: 64,
|
|
1738
|
-
...!
|
|
1733
|
+
...!r.disablePadding && {
|
|
1739
1734
|
paddingTop: 12,
|
|
1740
1735
|
paddingBottom: 12,
|
|
1741
1736
|
paddingLeft: 24
|
|
@@ -1759,7 +1754,7 @@ const oo = (e, o) => {
|
|
|
1759
1754
|
},
|
|
1760
1755
|
MuiListItemButton: {
|
|
1761
1756
|
styleOverrides: {
|
|
1762
|
-
root: ({ theme:
|
|
1757
|
+
root: ({ theme: r }) => ({
|
|
1763
1758
|
minHeight: 64,
|
|
1764
1759
|
paddingLeft: 24,
|
|
1765
1760
|
paddingRight: 24,
|
|
@@ -1768,7 +1763,7 @@ const oo = (e, o) => {
|
|
|
1768
1763
|
"&.Mui-focusVisible": {
|
|
1769
1764
|
backgroundColor: "transparent",
|
|
1770
1765
|
borderRadius: 8,
|
|
1771
|
-
outline: `2px solid ${
|
|
1766
|
+
outline: `2px solid ${r.palette.info.main}`,
|
|
1772
1767
|
outlineOffset: -2
|
|
1773
1768
|
}
|
|
1774
1769
|
})
|
|
@@ -1790,7 +1785,7 @@ const oo = (e, o) => {
|
|
|
1790
1785
|
},
|
|
1791
1786
|
secondaryTypographyProps: {
|
|
1792
1787
|
fontSize: 11,
|
|
1793
|
-
color:
|
|
1788
|
+
color: i.text.secondary
|
|
1794
1789
|
}
|
|
1795
1790
|
},
|
|
1796
1791
|
styleOverrides: {
|
|
@@ -1810,7 +1805,7 @@ const oo = (e, o) => {
|
|
|
1810
1805
|
lineHeight: "inherit",
|
|
1811
1806
|
top: -1,
|
|
1812
1807
|
// This fixes an issue where there is a 1px gap when the subheader sticks to the top while scrolling
|
|
1813
|
-
backgroundColor:
|
|
1808
|
+
backgroundColor: i.background.default
|
|
1814
1809
|
}
|
|
1815
1810
|
}
|
|
1816
1811
|
},
|
|
@@ -1893,11 +1888,11 @@ const oo = (e, o) => {
|
|
|
1893
1888
|
},
|
|
1894
1889
|
MuiPickersToolbar: {
|
|
1895
1890
|
styleOverrides: {
|
|
1896
|
-
content: ({ theme:
|
|
1891
|
+
content: ({ theme: r }) => ({
|
|
1897
1892
|
marginTop: 4,
|
|
1898
1893
|
"& .MuiTypography-root": {
|
|
1899
|
-
fontSize:
|
|
1900
|
-
lineHeight:
|
|
1894
|
+
fontSize: r.typography.h3.fontSize,
|
|
1895
|
+
lineHeight: r.typography.h3.lineHeight
|
|
1901
1896
|
}
|
|
1902
1897
|
})
|
|
1903
1898
|
}
|
|
@@ -1923,7 +1918,7 @@ const oo = (e, o) => {
|
|
|
1923
1918
|
disableFocusRipple: !0
|
|
1924
1919
|
},
|
|
1925
1920
|
styleOverrides: {
|
|
1926
|
-
root: ({ theme:
|
|
1921
|
+
root: ({ theme: r }) => ({
|
|
1927
1922
|
width: 37,
|
|
1928
1923
|
height: 20,
|
|
1929
1924
|
padding: 0,
|
|
@@ -1934,7 +1929,7 @@ const oo = (e, o) => {
|
|
|
1934
1929
|
"&.Mui-checked": {
|
|
1935
1930
|
transform: "translateX(16px)",
|
|
1936
1931
|
"& + .MuiSwitch-track": {
|
|
1937
|
-
backgroundColor:
|
|
1932
|
+
backgroundColor: r.palette.success.main,
|
|
1938
1933
|
opacity: 1,
|
|
1939
1934
|
border: 0
|
|
1940
1935
|
},
|
|
@@ -1943,27 +1938,27 @@ const oo = (e, o) => {
|
|
|
1943
1938
|
}
|
|
1944
1939
|
},
|
|
1945
1940
|
"&.Mui-disabled .MuiSwitch-thumb": {
|
|
1946
|
-
color:
|
|
1941
|
+
color: r.palette.common.white
|
|
1947
1942
|
},
|
|
1948
1943
|
"&.Mui-disabled + .MuiSwitch-track": {
|
|
1949
|
-
backgroundColor:
|
|
1944
|
+
backgroundColor: r.palette.action.disabledBackground,
|
|
1950
1945
|
opacity: 1
|
|
1951
1946
|
}
|
|
1952
1947
|
},
|
|
1953
1948
|
"& .MuiSwitch-input": {
|
|
1954
1949
|
"&:focus-visible ~ .MuiSwitch-thumb": {
|
|
1955
|
-
outline: `2px solid ${
|
|
1950
|
+
outline: `2px solid ${r.palette.info.main}`,
|
|
1956
1951
|
outlineOffset: 0
|
|
1957
1952
|
}
|
|
1958
1953
|
},
|
|
1959
1954
|
"& .MuiSwitch-thumb": {
|
|
1960
1955
|
boxSizing: "border-box",
|
|
1961
|
-
backgroundColor:
|
|
1956
|
+
backgroundColor: r.palette.background.paper,
|
|
1962
1957
|
width: 16,
|
|
1963
1958
|
height: 16
|
|
1964
1959
|
},
|
|
1965
1960
|
"& .MuiSwitch-track": {
|
|
1966
|
-
backgroundColor:
|
|
1961
|
+
backgroundColor: r.palette.action.active,
|
|
1967
1962
|
borderRadius: 20 / 2,
|
|
1968
1963
|
opacity: 1
|
|
1969
1964
|
}
|
|
@@ -1980,7 +1975,7 @@ const oo = (e, o) => {
|
|
|
1980
1975
|
fontWeight: 600,
|
|
1981
1976
|
"&.Mui-focusVisible": {
|
|
1982
1977
|
outline: "none",
|
|
1983
|
-
boxShadow: `inset 0 0 0 2px ${
|
|
1978
|
+
boxShadow: `inset 0 0 0 2px ${i.info.main}`,
|
|
1984
1979
|
borderRadius: 4
|
|
1985
1980
|
}
|
|
1986
1981
|
}
|
|
@@ -1991,7 +1986,7 @@ const oo = (e, o) => {
|
|
|
1991
1986
|
root: {
|
|
1992
1987
|
borderBottomStyle: "solid",
|
|
1993
1988
|
borderBottomWidth: 1,
|
|
1994
|
-
borderColor:
|
|
1989
|
+
borderColor: i.divider,
|
|
1995
1990
|
marginBottom: 8
|
|
1996
1991
|
}
|
|
1997
1992
|
}
|
|
@@ -2005,7 +2000,7 @@ const oo = (e, o) => {
|
|
|
2005
2000
|
},
|
|
2006
2001
|
styleOverrides: {
|
|
2007
2002
|
root: {
|
|
2008
|
-
backgroundColor:
|
|
2003
|
+
backgroundColor: i.background.paper
|
|
2009
2004
|
}
|
|
2010
2005
|
}
|
|
2011
2006
|
},
|
|
@@ -2016,29 +2011,29 @@ const oo = (e, o) => {
|
|
|
2016
2011
|
},
|
|
2017
2012
|
styleOverrides: {
|
|
2018
2013
|
root: {
|
|
2019
|
-
color:
|
|
2014
|
+
color: i.text.primary,
|
|
2020
2015
|
fontSize: 13,
|
|
2021
2016
|
lineHeight: "16px",
|
|
2022
2017
|
textTransform: "none",
|
|
2023
2018
|
"&:focus-visible": {
|
|
2024
|
-
outline: `2px solid ${
|
|
2019
|
+
outline: `2px solid ${i.info.main}`,
|
|
2025
2020
|
outlineOffset: "2px"
|
|
2026
2021
|
},
|
|
2027
2022
|
"&:hover": {
|
|
2028
|
-
backgroundColor: b(
|
|
2029
|
-
borderColor:
|
|
2023
|
+
backgroundColor: b(i.primary.main, i.mode === v.LIGHT ? 0.1 : 0.2),
|
|
2024
|
+
borderColor: i.primary.main
|
|
2030
2025
|
},
|
|
2031
2026
|
"&.Mui-selected": {
|
|
2032
2027
|
fontWeight: 600,
|
|
2033
|
-
borderColor:
|
|
2028
|
+
borderColor: i.primary.main,
|
|
2034
2029
|
"&:hover": {
|
|
2035
|
-
boxShadow: `inset 0px 0px 0px 2px ${
|
|
2030
|
+
boxShadow: `inset 0px 0px 0px 2px ${i.primary.main}`
|
|
2036
2031
|
}
|
|
2037
2032
|
},
|
|
2038
2033
|
"& .MuiTouchRipple-root": {
|
|
2039
2034
|
"& .MuiTouchRipple-ripple": {
|
|
2040
2035
|
"& .MuiTouchRipple-child": {
|
|
2041
|
-
backgroundColor:
|
|
2036
|
+
backgroundColor: i.primary.main
|
|
2042
2037
|
}
|
|
2043
2038
|
}
|
|
2044
2039
|
}
|
|
@@ -2049,19 +2044,19 @@ const oo = (e, o) => {
|
|
|
2049
2044
|
props: { color: "error" },
|
|
2050
2045
|
style: {
|
|
2051
2046
|
"&:hover": {
|
|
2052
|
-
backgroundColor: b(
|
|
2053
|
-
borderColor:
|
|
2047
|
+
backgroundColor: b(i.error.main, i.mode === v.LIGHT ? 0.1 : 0.2),
|
|
2048
|
+
borderColor: i.error.main
|
|
2054
2049
|
},
|
|
2055
2050
|
"&.Mui-selected": {
|
|
2056
|
-
borderColor:
|
|
2051
|
+
borderColor: i.error.main,
|
|
2057
2052
|
"&:hover": {
|
|
2058
|
-
boxShadow: `inset 0px 0px 0px 2px ${
|
|
2053
|
+
boxShadow: `inset 0px 0px 0px 2px ${i.error.main}`
|
|
2059
2054
|
}
|
|
2060
2055
|
},
|
|
2061
2056
|
"& .MuiTouchRipple-root": {
|
|
2062
2057
|
"& .MuiTouchRipple-ripple": {
|
|
2063
2058
|
"& .MuiTouchRipple-child": {
|
|
2064
|
-
backgroundColor:
|
|
2059
|
+
backgroundColor: i.error.main
|
|
2065
2060
|
}
|
|
2066
2061
|
}
|
|
2067
2062
|
}
|
|
@@ -2072,21 +2067,21 @@ const oo = (e, o) => {
|
|
|
2072
2067
|
style: {
|
|
2073
2068
|
"&:hover": {
|
|
2074
2069
|
backgroundColor: b(
|
|
2075
|
-
|
|
2076
|
-
|
|
2070
|
+
i.secondary.main,
|
|
2071
|
+
i.mode === v.LIGHT ? 0.1 : 0.2
|
|
2077
2072
|
),
|
|
2078
|
-
borderColor:
|
|
2073
|
+
borderColor: i.secondary.main
|
|
2079
2074
|
},
|
|
2080
2075
|
"&.Mui-selected": {
|
|
2081
|
-
borderColor:
|
|
2076
|
+
borderColor: i.secondary.main,
|
|
2082
2077
|
"&:hover": {
|
|
2083
|
-
boxShadow: `inset 0px 0px 0px 2px ${
|
|
2078
|
+
boxShadow: `inset 0px 0px 0px 2px ${i.secondary.main}`
|
|
2084
2079
|
}
|
|
2085
2080
|
},
|
|
2086
2081
|
"& .MuiTouchRipple-root": {
|
|
2087
2082
|
"& .MuiTouchRipple-ripple": {
|
|
2088
2083
|
"& .MuiTouchRipple-child": {
|
|
2089
|
-
backgroundColor:
|
|
2084
|
+
backgroundColor: i.secondary.main
|
|
2090
2085
|
}
|
|
2091
2086
|
}
|
|
2092
2087
|
}
|
|
@@ -2111,39 +2106,38 @@ const oo = (e, o) => {
|
|
|
2111
2106
|
}
|
|
2112
2107
|
}
|
|
2113
2108
|
});
|
|
2114
|
-
return l = ce(l), l;
|
|
2115
2109
|
};
|
|
2116
2110
|
export {
|
|
2117
2111
|
E0 as AccountsFilledIcon,
|
|
2118
2112
|
S0 as AccountsIcon,
|
|
2119
2113
|
I0 as ArrowLeftIcon,
|
|
2120
2114
|
v0 as AttentionFilledIcon,
|
|
2121
|
-
|
|
2115
|
+
m as BaseIcon,
|
|
2122
2116
|
G0 as BottomSheetTransition,
|
|
2123
2117
|
H0 as CalendarIcon,
|
|
2124
2118
|
g as CategoryGuids,
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
2119
|
+
ke as CategoryIcon,
|
|
2120
|
+
De as CategoryIconList,
|
|
2121
|
+
Oe as CategoryIconVariants,
|
|
2128
2122
|
y0 as CheckmarkFilledIcon,
|
|
2129
|
-
|
|
2130
|
-
|
|
2123
|
+
F0 as ChevronDownIcon,
|
|
2124
|
+
O0 as ChevronLeftIcon,
|
|
2131
2125
|
D0 as ChevronRightIcon,
|
|
2132
2126
|
L0 as CloseIcon,
|
|
2133
2127
|
V0 as DateRangePicker,
|
|
2134
|
-
|
|
2128
|
+
we as DialogFooter,
|
|
2135
2129
|
Z0 as DialogHeader,
|
|
2136
2130
|
K0 as Drawer,
|
|
2137
2131
|
k0 as EditIcon,
|
|
2138
2132
|
N0 as FilterIcon,
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2133
|
+
we as Footer,
|
|
2134
|
+
_e as H1,
|
|
2135
|
+
U0 as H2,
|
|
2136
|
+
$0 as H3,
|
|
2143
2137
|
w0 as HeartIcon,
|
|
2144
2138
|
We as INTER,
|
|
2145
|
-
|
|
2146
|
-
|
|
2139
|
+
x as Icon,
|
|
2140
|
+
Fe as IconWeight,
|
|
2147
2141
|
Y0 as InstitutionLogo,
|
|
2148
2142
|
P0 as MXLogoCopyrightIcon,
|
|
2149
2143
|
B0 as MXLogoFilledIcon,
|
|
@@ -2152,8 +2146,8 @@ export {
|
|
|
2152
2146
|
X0 as MerchantLogo,
|
|
2153
2147
|
W0 as P,
|
|
2154
2148
|
eo as SelectionBox,
|
|
2155
|
-
|
|
2156
|
-
|
|
2149
|
+
F as TARGETS,
|
|
2150
|
+
N as THEMES,
|
|
2157
2151
|
D as Text,
|
|
2158
2152
|
j0 as TextField,
|
|
2159
2153
|
Q0 as Toast,
|