@kaio-xyz/design-system 1.1.134 → 1.1.136
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.cjs.js +359 -109
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +75 -2
- package/dist/index.esm.js +357 -111
- package/dist/index.esm.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +10 -1
package/dist/index.cjs.js
CHANGED
|
@@ -13,6 +13,8 @@ var recharts = require('recharts');
|
|
|
13
13
|
var DataTable = require('react-data-table-component');
|
|
14
14
|
var RTabs = require('@radix-ui/react-tabs');
|
|
15
15
|
var CurrencyInput = require('react-currency-input-field');
|
|
16
|
+
var NextJsLink = require('next/link');
|
|
17
|
+
var NProgress = require('nprogress');
|
|
16
18
|
|
|
17
19
|
function _interopNamespaceDefault(e) {
|
|
18
20
|
var n = Object.create(null);
|
|
@@ -77,6 +79,44 @@ function __rest(s, e) {
|
|
|
77
79
|
return t;
|
|
78
80
|
}
|
|
79
81
|
|
|
82
|
+
function __awaiter(thisArg, _arguments, P, generator) {
|
|
83
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
84
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
85
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
86
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
87
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
88
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
function __generator(thisArg, body) {
|
|
93
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
94
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
95
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
96
|
+
function step(op) {
|
|
97
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
98
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
99
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
100
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
101
|
+
switch (op[0]) {
|
|
102
|
+
case 0: case 1: t = op; break;
|
|
103
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
104
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
105
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
106
|
+
default:
|
|
107
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
108
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
109
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
110
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
111
|
+
if (t[2]) _.ops.pop();
|
|
112
|
+
_.trys.pop(); continue;
|
|
113
|
+
}
|
|
114
|
+
op = body.call(thisArg, _);
|
|
115
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
116
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
|
|
80
120
|
function __spreadArray(to, from, pack) {
|
|
81
121
|
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
82
122
|
if (ar || !(i in from)) {
|
|
@@ -93,9 +133,9 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
93
133
|
};
|
|
94
134
|
|
|
95
135
|
var _path$f;
|
|
96
|
-
function _extends$
|
|
136
|
+
function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
|
|
97
137
|
var SvgCheck = function SvgCheck(props) {
|
|
98
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
138
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
|
|
99
139
|
width: "1em",
|
|
100
140
|
height: "1em",
|
|
101
141
|
fill: "none",
|
|
@@ -107,9 +147,9 @@ var SvgCheck = function SvgCheck(props) {
|
|
|
107
147
|
};
|
|
108
148
|
|
|
109
149
|
var _path$e;
|
|
110
|
-
function _extends$
|
|
150
|
+
function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
|
|
111
151
|
var SvgCircleDashed = function SvgCircleDashed(props) {
|
|
112
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
152
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
|
|
113
153
|
width: "1em",
|
|
114
154
|
height: "1em",
|
|
115
155
|
fill: "none",
|
|
@@ -121,9 +161,9 @@ var SvgCircleDashed = function SvgCircleDashed(props) {
|
|
|
121
161
|
};
|
|
122
162
|
|
|
123
163
|
var _path$d;
|
|
124
|
-
function _extends$
|
|
164
|
+
function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
|
|
125
165
|
var SvgCross = function SvgCross(props) {
|
|
126
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
166
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
127
167
|
width: "1em",
|
|
128
168
|
height: "1em",
|
|
129
169
|
fill: "none",
|
|
@@ -135,9 +175,9 @@ var SvgCross = function SvgCross(props) {
|
|
|
135
175
|
};
|
|
136
176
|
|
|
137
177
|
var _path$c;
|
|
138
|
-
function _extends$
|
|
178
|
+
function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
|
|
139
179
|
var SvgDeny = function SvgDeny(props) {
|
|
140
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
180
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
141
181
|
width: "1em",
|
|
142
182
|
height: "1em",
|
|
143
183
|
fill: "none",
|
|
@@ -149,9 +189,9 @@ var SvgDeny = function SvgDeny(props) {
|
|
|
149
189
|
};
|
|
150
190
|
|
|
151
191
|
var _path$b, _path2$4, _path3$2;
|
|
152
|
-
function _extends$
|
|
192
|
+
function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
|
|
153
193
|
var SvgInfo = function SvgInfo(props) {
|
|
154
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
194
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
|
|
155
195
|
width: "1em",
|
|
156
196
|
height: "1em",
|
|
157
197
|
fill: "none",
|
|
@@ -169,9 +209,9 @@ var SvgInfo = function SvgInfo(props) {
|
|
|
169
209
|
};
|
|
170
210
|
|
|
171
211
|
var _path$a;
|
|
172
|
-
function _extends$
|
|
212
|
+
function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
|
|
173
213
|
var SvgLoader = function SvgLoader(props) {
|
|
174
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
214
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
|
|
175
215
|
width: "1em",
|
|
176
216
|
height: "1em",
|
|
177
217
|
fill: "none",
|
|
@@ -183,9 +223,9 @@ var SvgLoader = function SvgLoader(props) {
|
|
|
183
223
|
};
|
|
184
224
|
|
|
185
225
|
var _path$9;
|
|
186
|
-
function _extends$
|
|
226
|
+
function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
|
|
187
227
|
var SvgWarning = function SvgWarning(props) {
|
|
188
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
228
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
|
|
189
229
|
width: "1em",
|
|
190
230
|
height: "1em",
|
|
191
231
|
fill: "none",
|
|
@@ -197,9 +237,9 @@ var SvgWarning = function SvgWarning(props) {
|
|
|
197
237
|
};
|
|
198
238
|
|
|
199
239
|
var _path$8, _path2$3, _path3$1, _path4;
|
|
200
|
-
function _extends$
|
|
240
|
+
function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
|
|
201
241
|
var SvgEyeClosed = function SvgEyeClosed(props) {
|
|
202
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
242
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
|
|
203
243
|
width: "1em",
|
|
204
244
|
height: "1em",
|
|
205
245
|
fill: "none",
|
|
@@ -220,9 +260,9 @@ var SvgEyeClosed = function SvgEyeClosed(props) {
|
|
|
220
260
|
};
|
|
221
261
|
|
|
222
262
|
var _path$7, _path2$2;
|
|
223
|
-
function _extends$
|
|
263
|
+
function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
|
|
224
264
|
var SvgEyeOpen = function SvgEyeOpen(props) {
|
|
225
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
265
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
226
266
|
width: "1em",
|
|
227
267
|
height: "1em",
|
|
228
268
|
fill: "none",
|
|
@@ -237,9 +277,9 @@ var SvgEyeOpen = function SvgEyeOpen(props) {
|
|
|
237
277
|
};
|
|
238
278
|
|
|
239
279
|
var _path$6;
|
|
240
|
-
function _extends$
|
|
280
|
+
function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
|
|
241
281
|
var SvgChevronGrabber = function SvgChevronGrabber(props) {
|
|
242
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
282
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
243
283
|
width: "1em",
|
|
244
284
|
height: "1em",
|
|
245
285
|
fill: "none",
|
|
@@ -251,9 +291,9 @@ var SvgChevronGrabber = function SvgChevronGrabber(props) {
|
|
|
251
291
|
};
|
|
252
292
|
|
|
253
293
|
var _path$5;
|
|
254
|
-
function _extends$
|
|
294
|
+
function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
|
|
255
295
|
var SvgMinus = function SvgMinus(props) {
|
|
256
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
296
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
|
|
257
297
|
width: "1em",
|
|
258
298
|
height: "1em",
|
|
259
299
|
fill: "none",
|
|
@@ -265,9 +305,9 @@ var SvgMinus = function SvgMinus(props) {
|
|
|
265
305
|
};
|
|
266
306
|
|
|
267
307
|
var _path$4;
|
|
268
|
-
function _extends$
|
|
308
|
+
function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
|
|
269
309
|
var SvgClipboard = function SvgClipboard(props) {
|
|
270
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
310
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
271
311
|
width: "1em",
|
|
272
312
|
height: "1em",
|
|
273
313
|
fill: "none",
|
|
@@ -279,9 +319,9 @@ var SvgClipboard = function SvgClipboard(props) {
|
|
|
279
319
|
};
|
|
280
320
|
|
|
281
321
|
var _path$3, _path2$1;
|
|
282
|
-
function _extends$
|
|
322
|
+
function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
|
|
283
323
|
var SvgLoadingCircle = function SvgLoadingCircle(props) {
|
|
284
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
324
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
285
325
|
width: "1em",
|
|
286
326
|
height: "1em",
|
|
287
327
|
fill: "none",
|
|
@@ -297,9 +337,9 @@ var SvgLoadingCircle = function SvgLoadingCircle(props) {
|
|
|
297
337
|
};
|
|
298
338
|
|
|
299
339
|
var _path$2;
|
|
300
|
-
function _extends$
|
|
340
|
+
function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
|
|
301
341
|
var SvgArrowDownRight = function SvgArrowDownRight(props) {
|
|
302
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
342
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
|
|
303
343
|
width: "1em",
|
|
304
344
|
height: "1em",
|
|
305
345
|
fill: "none",
|
|
@@ -311,9 +351,9 @@ var SvgArrowDownRight = function SvgArrowDownRight(props) {
|
|
|
311
351
|
};
|
|
312
352
|
|
|
313
353
|
var _path$1;
|
|
314
|
-
function _extends$
|
|
354
|
+
function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
|
|
315
355
|
var SvgArrowUpRight = function SvgArrowUpRight(props) {
|
|
316
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
356
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
|
|
317
357
|
width: "1em",
|
|
318
358
|
height: "1em",
|
|
319
359
|
fill: "none",
|
|
@@ -325,9 +365,9 @@ var SvgArrowUpRight = function SvgArrowUpRight(props) {
|
|
|
325
365
|
};
|
|
326
366
|
|
|
327
367
|
var _path, _path2, _path3;
|
|
328
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
368
|
+
function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
|
|
329
369
|
var SvgLock = function SvgLock(props) {
|
|
330
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
370
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
331
371
|
width: "1em",
|
|
332
372
|
height: "1em",
|
|
333
373
|
fill: "none",
|
|
@@ -344,17 +384,48 @@ var SvgLock = function SvgLock(props) {
|
|
|
344
384
|
})));
|
|
345
385
|
};
|
|
346
386
|
|
|
347
|
-
var
|
|
387
|
+
var _g;
|
|
388
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
389
|
+
var SvgLoginLogo = function SvgLoginLogo(props) {
|
|
390
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
391
|
+
width: "1em",
|
|
392
|
+
height: "1em",
|
|
393
|
+
fill: "none",
|
|
394
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
395
|
+
}, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
396
|
+
opacity: 0.02
|
|
397
|
+
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
398
|
+
d: "M293.797 -157V18.8319L196.617 -127.744L134.561 -83.6628L230.182 58.6491H278.905C282.222 58.6491 285.34 60.2892 287.197 63.044L298.375 79.6402H361.758V-157H293.797Z",
|
|
399
|
+
fill: "white"
|
|
400
|
+
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
401
|
+
d: "M23.0182 35.0666L176.982 122.868L0 132.937L7.56217 208.044L180.099 197.387L204.411 155.633C206.069 152.78 209.054 150.943 212.371 150.713L232.471 149.401L264.212 95.1204L56.9154 -23.2161L23.0182 35.0666Z",
|
|
402
|
+
fill: "white"
|
|
403
|
+
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
404
|
+
d: "M55.7218 363.05L209.685 275.117L129.884 431.533L199.635 462.693L276.451 309.59L252.04 267.839C250.382 264.985 250.249 261.508 251.741 258.556L260.63 240.779L228.889 186.498L21.6919 304.768L55.7218 363.05Z",
|
|
405
|
+
fill: "white"
|
|
406
|
+
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
407
|
+
d: "M359.253 323.136L456.565 469.71L518.62 425.63L422.998 283.219H374.143C370.825 283.219 367.742 281.579 365.886 278.856L354.708 262.361H291.324V499H359.253V323.136Z",
|
|
408
|
+
fill: "white"
|
|
409
|
+
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
410
|
+
d: "M630.148 306.901L476.185 218.967L653.034 208.996L645.473 133.889L473.035 144.549L448.625 186.334C446.964 189.188 443.98 191.025 440.662 191.222L420.564 192.534L388.923 246.814L596.084 365.183L630.115 306.901H630.148Z",
|
|
411
|
+
fill: "white"
|
|
412
|
+
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
413
|
+
d: "M597.446 -21.0831L443.483 66.8494L523.15 -89.5659L453.53 -120.725L376.714 32.3783L401.029 74.1635C402.687 76.984 402.786 80.4608 401.327 83.3796L392.503 101.189L424.144 155.47L631.308 37.1995L597.413 -21.0831H597.446Z",
|
|
414
|
+
fill: "white"
|
|
415
|
+
}))));
|
|
416
|
+
};
|
|
417
|
+
|
|
418
|
+
var style$x = {"root":"stack-module__root__AqSLk"};
|
|
348
419
|
|
|
349
420
|
var Stack = function (_a) {
|
|
350
421
|
var children = _a.children, _b = _a.space, space = _b === void 0 ? "s" : _b, className = _a.className, _c = _a.position, position = _c === void 0 ? "vertical" : _c, _d = _a.fullHeight, fullHeight = _d === void 0 ? false : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, dataTest = _a.dataTest, dataAlignItems = _a.dataAlignItems, dataCapitalize = _a.dataCapitalize, dataMarginTop = _a.dataMarginTop, dataMarginBottom = _a.dataMarginBottom, dataMarginLeft = _a.dataMarginLeft, dataPaddingBottom = _a.dataPaddingBottom, _f = _a.wrap, wrap = _f === void 0 ? false : _f, as = _a.as, rest = __rest(_a, ["children", "space", "className", "position", "fullHeight", "fullWidth", "dataTest", "dataAlignItems", "dataCapitalize", "dataMarginTop", "dataMarginBottom", "dataMarginLeft", "dataPaddingBottom", "wrap", "as"]);
|
|
351
422
|
var Tag = as || "div";
|
|
352
|
-
return (jsxRuntime.jsx(Tag, __assign({ className: clsx(style$
|
|
423
|
+
return (jsxRuntime.jsx(Tag, __assign({ className: clsx(style$x.root, className), "data-space": space, "data-position": position, "data-full-width": fullWidth, "data-full-height": fullHeight, "data-test": dataTest, "data-align-items": dataAlignItems, "data-capitalize": dataCapitalize, "data-margin-top": dataMarginTop, "data-margin-bottom": dataMarginBottom, "data-margin-left": dataMarginLeft, "data-padding-bottom": dataPaddingBottom, "data-wrap": wrap }, rest, { children: children })));
|
|
353
424
|
};
|
|
354
425
|
|
|
355
426
|
var baseStyle = {"root":"badge-base-module__root__oUZlm"};
|
|
356
427
|
|
|
357
|
-
var style$
|
|
428
|
+
var style$w = {"root":"badge-module__root__rXpaz"};
|
|
358
429
|
|
|
359
430
|
var BadgeStatuses = {
|
|
360
431
|
success: "success",
|
|
@@ -376,16 +447,16 @@ var Badge = function (_a) {
|
|
|
376
447
|
default: return jsxRuntime.jsx(SvgCircleDashed, {});
|
|
377
448
|
}
|
|
378
449
|
}, [status]);
|
|
379
|
-
return (jsxRuntime.jsx("label", __assign({ className: clsx(baseStyle.root, style$
|
|
450
|
+
return (jsxRuntime.jsx("label", __assign({ className: clsx(baseStyle.root, style$w.root, className), "data-status": status, "data-full-width": fullWidth, "data-test": dataTest, "data-reverted": reverted, "data-size": size }, props, { children: jsxRuntime.jsxs(Stack, { position: "horizontal", children: [hasIcon && icon, children] }) })));
|
|
380
451
|
};
|
|
381
452
|
|
|
382
|
-
var style$
|
|
453
|
+
var style$v = {"root":"button-module__root__CDCDX"};
|
|
383
454
|
|
|
384
|
-
var style$
|
|
455
|
+
var style$u = {"root":"spinned-icon-module__root__xchkj"};
|
|
385
456
|
|
|
386
457
|
var SpinnedIcon = function (_a) {
|
|
387
458
|
var _b = _a.size, size = _b === void 0 ? 22 : _b, _c = _a.duration, duration = _c === void 0 ? 1 : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.icon, Icon = _e === void 0 ? SvgLoader : _e, rest = __rest(_a, ["size", "duration", "className", "icon"]);
|
|
388
|
-
return (jsxRuntime.jsx("div", { className: clsx(style$
|
|
459
|
+
return (jsxRuntime.jsx("div", { className: clsx(style$u.root, className), style: {
|
|
389
460
|
width: size,
|
|
390
461
|
height: size,
|
|
391
462
|
animationDuration: "".concat(duration, "s"),
|
|
@@ -399,7 +470,7 @@ var Button = React.forwardRef(function (_a, ref) {
|
|
|
399
470
|
var baseIcon = Icon && jsxRuntime.jsx(Icon, __assign({}, iconProps, { viewBox: "0 0 24 24" }));
|
|
400
471
|
var loadingIcon = isLoading && jsxRuntime.jsx(SpinnedIcon, __assign({ size: iconSize }, iconProps));
|
|
401
472
|
var iconChild = loadingIcon || baseIcon || null;
|
|
402
|
-
var classes = clsx(style$
|
|
473
|
+
var classes = clsx(style$v.root, props.className);
|
|
403
474
|
return (isAnchor(props) ? (jsxRuntime.jsx("a", __assign({ "aria-disabled": props.disabled, ref: ref }, props, { className: classes, children: props.children }))) : (jsxRuntime.jsx("button", __assign({ "aria-disabled": props.disabled, ref: ref, type: "button" }, props, { className: classes, "data-type": variant, "data-size": size, "data-full-width": fullWidth, "data-inverted": isInverted, disabled: props.disabled || isLoading, "data-is-loading": isLoading, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [iconPosition === "left" && iconChild, isLoading ? "Loading" : props.children, iconPosition === "right" && iconChild] }) }))));
|
|
404
475
|
});
|
|
405
476
|
Button.displayName = "Button";
|
|
@@ -424,41 +495,41 @@ var useFieldAutofill = function () {
|
|
|
424
495
|
return { isAutofilled: isAutofilled, internalRef: internalRef };
|
|
425
496
|
};
|
|
426
497
|
|
|
427
|
-
var style$
|
|
498
|
+
var style$t = {"hint":"hint-module__hint__0cpje","children":"hint-module__children__GSZxg"};
|
|
428
499
|
|
|
429
500
|
var Hint = function (_a) {
|
|
430
501
|
var children = _a.children, className = _a.className, _b = _a.kind, kind = _b === void 0 ? "info" : _b, attributes = __rest(_a, ["children", "className", "kind"]);
|
|
431
|
-
return (jsxRuntime.jsxs(Stack, __assign({ space: "xs", position: "horizontal", className: clsx(style$
|
|
502
|
+
return (jsxRuntime.jsxs(Stack, __assign({ space: "xs", position: "horizontal", className: clsx(style$t.hint, className), "data-type": kind }, attributes, { children: [jsxRuntime.jsx(SvgInfo, {}), jsxRuntime.jsx("span", { className: style$t.children, children: children })] })));
|
|
432
503
|
};
|
|
433
504
|
|
|
434
|
-
var style$
|
|
505
|
+
var style$s = {"field":"text-field-module__field__iZ0TF","label":"text-field-module__label__ClJkz","container":"text-field-module__container__IKtNZ","fieldWrapper":"text-field-module__fieldWrapper__nQ7l8","textField":"text-field-module__textField__756eR","hint":"text-field-module__hint__Ad6VA"};
|
|
435
506
|
|
|
436
507
|
var TextField = React.forwardRef(function (_a, ref) {
|
|
437
508
|
var className = _a.className, disabled = _a.disabled, hint = _a.hint, id = _a.id, label = _a.label, onChange = _a.onChange, readOnly = _a.readOnly, button = _a.button, _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? "default" : _c, _d = _a.noPadding, noPadding = _d === void 0 ? false : _d, _e = _a.floatingLabel, floatingLabel = _e === void 0 ? true : _e, value = _a.value, defaultValue = _a.defaultValue, onFocus = _a.onFocus, onBlur = _a.onBlur, _f = _a.type, type = _f === void 0 ? "text" : _f, attributes = __rest(_a, ["className", "disabled", "hint", "id", "label", "onChange", "readOnly", "button", "fullWidth", "size", "noPadding", "floatingLabel", "value", "defaultValue", "onFocus", "onBlur", "type"]);
|
|
438
509
|
var _g = useFieldAutofill(), isAutofilled = _g.isAutofilled, internalRef = _g.internalRef;
|
|
439
510
|
React.useImperativeHandle(ref, function () { return internalRef.current; });
|
|
440
|
-
return (jsxRuntime.jsx("fieldset", { "aria-disabled": disabled, disabled: disabled, className: clsx(style$
|
|
511
|
+
return (jsxRuntime.jsx("fieldset", { "aria-disabled": disabled, disabled: disabled, className: clsx(style$s.textField, className), "data-no-padding": noPadding, "data-full-width": fullWidth, children: jsxRuntime.jsx("div", { className: style$s.container, "data-has-label": !!label, "data-has-hint": !!hint, "data-has-button": !!button, "data-floating-label": floatingLabel, children: jsxRuntime.jsxs("div", { className: style$s.fieldWrapper, children: [jsxRuntime.jsx("input", __assign({}, attributes, { id: id, ref: internalRef, type: type, value: value, defaultValue: defaultValue, placeholder: " ", className: style$s.field, "data-size": size, "data-autofilled": isAutofilled, onFocus: onFocus, onBlur: onBlur, onChange: onChange, readOnly: readOnly })), label && (jsxRuntime.jsx("label", { className: style$s.label, htmlFor: id, "data-floating": floatingLabel, children: label })), button ? button : null, hint && jsxRuntime.jsx(Hint, { kind: "error", className: style$s.hint, children: hint })] }) }) }));
|
|
441
512
|
});
|
|
442
513
|
TextField.displayName = "TextField";
|
|
443
514
|
|
|
444
|
-
var style$
|
|
515
|
+
var style$r = {"container":"container-module__container__CAxQw"};
|
|
445
516
|
|
|
446
517
|
var Container = function (_a) {
|
|
447
518
|
var children = _a.children, className = _a.className, size = _a.size, noPadding = _a.noPadding, attributes = __rest(_a, ["children", "className", "size", "noPadding"]);
|
|
448
|
-
return (jsxRuntime.jsx("div", __assign({ className: clsx(style$
|
|
519
|
+
return (jsxRuntime.jsx("div", __assign({ className: clsx(style$r.container, className) }, size ? { "data-size": size } : {}, { "data-nopadding": noPadding }, attributes, { children: children })));
|
|
449
520
|
};
|
|
450
521
|
|
|
451
|
-
var style$
|
|
522
|
+
var style$q = {"field":"password-field-module__field__-sFqA","button":"password-field-module__button__FtG9V"};
|
|
452
523
|
|
|
453
524
|
var PasswordField = React.forwardRef(function (_a, ref) {
|
|
454
525
|
var disabled = _a.disabled, rest = __rest(_a, ["disabled"]);
|
|
455
526
|
var _b = React.useState(false), isPasswordVisible = _b[0], setIsPasswordVisible = _b[1];
|
|
456
|
-
var button = (jsxRuntime.jsx("button", { onClick: function () { return setIsPasswordVisible(function (prev) { return !prev; }); }, type: "button", disabled: disabled, className: style$
|
|
457
|
-
return (jsxRuntime.jsx(TextField, __assign({ disabled: disabled }, rest, { ref: ref, type: isPasswordVisible ? "text" : "password", button: button, className: style$
|
|
527
|
+
var button = (jsxRuntime.jsx("button", { onClick: function () { return setIsPasswordVisible(function (prev) { return !prev; }); }, type: "button", disabled: disabled, className: style$q.button, children: isPasswordVisible ? jsxRuntime.jsx(SvgEyeOpen, {}) : jsxRuntime.jsx(SvgEyeClosed, {}) }));
|
|
528
|
+
return (jsxRuntime.jsx(TextField, __assign({ disabled: disabled }, rest, { ref: ref, type: isPasswordVisible ? "text" : "password", button: button, className: style$q.field })));
|
|
458
529
|
});
|
|
459
530
|
PasswordField.displayName = "PasswordField";
|
|
460
531
|
|
|
461
|
-
var style$
|
|
532
|
+
var style$p = {"validator":"validate-password-field-module__validator__Do-6w"};
|
|
462
533
|
|
|
463
534
|
var rules = {
|
|
464
535
|
length: /^.{8,}$/,
|
|
@@ -483,12 +554,12 @@ var ValidatePasswordField = React.forwardRef(function (_a, ref) {
|
|
|
483
554
|
React.useEffect(function () {
|
|
484
555
|
setIsPasswordValid === null || setIsPasswordValid === void 0 ? void 0 : setIsPasswordValid(isLenghtCheckOk && isCaseCheckOk && isNumberCheckOk && isSpecialCheckOk);
|
|
485
556
|
}, [isLenghtCheckOk, isCaseCheckOk, isNumberCheckOk, isSpecialCheckOk, setIsPasswordValid]);
|
|
486
|
-
var getValidator = function (isCheckOk, label) { return (jsxRuntime.jsxs(Stack, { position: "horizontal", className: style$
|
|
557
|
+
var getValidator = function (isCheckOk, label) { return (jsxRuntime.jsxs(Stack, { position: "horizontal", className: style$p.validator, "data-is-valid": isCheckOk, children: [isCheckOk ? jsxRuntime.jsx(SvgCheck, {}) : jsxRuntime.jsx(SvgCircleDashed, {}), jsxRuntime.jsx("p", { children: label })] })); };
|
|
487
558
|
return (jsxRuntime.jsxs(Stack, { space: "m", children: [jsxRuntime.jsx(PasswordField, __assign({ onChange: onHandleChange, ref: ref }, rest)), jsxRuntime.jsxs(Stack, { children: [getValidator(isLenghtCheckOk, "At least 8 characters"), getValidator(isCaseCheckOk, "Include uppercase & lowercase letters"), getValidator(isNumberCheckOk, "Include at least one number"), getValidator(isSpecialCheckOk, "Include at least one special character (allowed: @ $ ! % * ? & _ #)")] })] }));
|
|
488
559
|
});
|
|
489
560
|
ValidatePasswordField.displayName = "ValidatePasswordField";
|
|
490
561
|
|
|
491
|
-
var style$
|
|
562
|
+
var style$o = {"label":"select-module__label__EWUYF","selector":"select-module__selector__55oxp","hint":"select-module__hint__SPtu-"};
|
|
492
563
|
|
|
493
564
|
var IconAndLabel = function (_a) {
|
|
494
565
|
var children = _a.children, Icon = _a.icon;
|
|
@@ -535,7 +606,7 @@ var Select = function (_a) {
|
|
|
535
606
|
setUncontrolledHasValue(v != null && (!Array.isArray(v) || v.length > 0));
|
|
536
607
|
onChange === null || onChange === void 0 ? void 0 : onChange(newValue, actionMeta);
|
|
537
608
|
};
|
|
538
|
-
return (jsxRuntime.jsx("div", { className: clsx(style$
|
|
609
|
+
return (jsxRuntime.jsx("div", { className: clsx(style$o.root, className), children: jsxRuntime.jsxs("div", { className: style$o.selector, "data-error": !!error, "data-has-floating-label": !!label, "data-floating-active": isFloating, children: [label && (jsxRuntime.jsx("label", { className: style$o.label, htmlFor: id, "data-floating": isFloating, children: label })), jsxRuntime.jsx(ReactSelect, __assign({ inputId: id, classNamePrefix: "select", components: __assign(__assign({}, customComponents), { IndicatorSeparator: function () { return null; }, Input: DataTestInput, Option: CustomOption, SingleValue: CustomSingleValue, DropdownIndicator: CustomDropdownIndicator, MultiValueLabel: CustomMultiValueLabel }) }, rest, { placeholder: label ? (placeholder !== null && placeholder !== void 0 ? placeholder : "") : placeholder, value: value, defaultValue: defaultValue, onChange: handleChange, onMenuOpen: function () { setMenuIsOpen(true); onMenuOpen === null || onMenuOpen === void 0 ? void 0 : onMenuOpen(); }, onMenuClose: function () { setMenuIsOpen(false); onMenuClose === null || onMenuClose === void 0 ? void 0 : onMenuClose(); }, onFocus: function (e) { onFocus === null || onFocus === void 0 ? void 0 : onFocus(e); }, onBlur: function (e) { onBlur === null || onBlur === void 0 ? void 0 : onBlur(e); }, isDisabled: isDisabled })), error && jsxRuntime.jsx(Hint, { kind: "error", className: style$o.hint, children: error })] }) }));
|
|
539
610
|
};
|
|
540
611
|
Select.displayName = "Select";
|
|
541
612
|
|
|
@@ -548,14 +619,14 @@ var FormSelect = function (_a) {
|
|
|
548
619
|
};
|
|
549
620
|
FormSelect.displayName = "FormSelect";
|
|
550
621
|
|
|
551
|
-
var style$
|
|
622
|
+
var style$n = {"root":"loader-module__root__qnInQ","body":"loader-module__body__B-xBi"};
|
|
552
623
|
|
|
553
624
|
var Loader = function (_a) {
|
|
554
625
|
var text = _a.text, children = _a.children, className = _a.className, _b = _a.isLighter, isLighter = _b === void 0 ? false : _b;
|
|
555
|
-
return (jsxRuntime.jsx("div", { className: clsx(style$
|
|
626
|
+
return (jsxRuntime.jsx("div", { className: clsx(style$n.root, className), "data-is-lighter": isLighter, children: jsxRuntime.jsxs(Stack, { className: style$n.body, dataAlignItems: "center", children: [jsxRuntime.jsx(SpinnedIcon, { size: 50 }), text && jsxRuntime.jsx("p", { children: text }), children] }) }));
|
|
556
627
|
};
|
|
557
628
|
|
|
558
|
-
var style$
|
|
629
|
+
var style$m = {"root":"checkbox-module__root__W52jD","customCheckbox":"checkbox-module__customCheckbox__LACTE","label":"checkbox-module__label__ujd0G","frame":"checkbox-module__frame__njRTK","icon":"checkbox-module__icon__7kQzK"};
|
|
559
630
|
|
|
560
631
|
var Checkbox = function (_a) {
|
|
561
632
|
var className = _a.className, disabled = _a.disabled, id = _a.id, label = _a.label, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? "center" : _b, onChange = _a.onChange, dataTest = _a.dataTest, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.variant, variant = _d === void 0 ? "primary" : _d, _e = _a.indeterminate, indeterminate = _e === void 0 ? false : _e, checked = _a.checked, attributes = __rest(_a, ["className", "disabled", "id", "label", "verticalAlign", "onChange", "dataTest", "size", "variant", "indeterminate", "checked"]);
|
|
@@ -568,11 +639,11 @@ var Checkbox = function (_a) {
|
|
|
568
639
|
var dynamicStyle = {
|
|
569
640
|
"--vAlign": verticalAlign,
|
|
570
641
|
};
|
|
571
|
-
return (jsxRuntime.jsxs("label", { style: dynamicStyle, className: clsx(style$
|
|
642
|
+
return (jsxRuntime.jsxs("label", { style: dynamicStyle, className: clsx(style$m.root, className), "data-disabled": disabled, "data-size": size, "data-variant": variant, children: [jsxRuntime.jsxs("span", { className: style$m.frame, children: [jsxRuntime.jsx("input", __assign({ "aria-disabled": disabled, disabled: disabled, onChange: onChange, type: "checkbox", ref: inputRef, checked: checked }, attributes, { id: id, "data-test": dataTest })), jsxRuntime.jsxs("span", { className: style$m.customCheckbox, "aria-hidden": "true", children: [checked && !indeterminate && (jsxRuntime.jsx(SvgCheck, { className: style$m.icon })), indeterminate && (jsxRuntime.jsx(SvgMinus, { className: style$m.icon }))] })] }), label && jsxRuntime.jsx("span", { className: style$m.label, children: label })] }));
|
|
572
643
|
};
|
|
573
644
|
Checkbox.displayName = "Checkbox";
|
|
574
645
|
|
|
575
|
-
var style$
|
|
646
|
+
var style$l = {"root":"clipboard-module__root__wVZhy"};
|
|
576
647
|
|
|
577
648
|
var trimString = function (str, noOfChars) {
|
|
578
649
|
if (noOfChars === void 0) { noOfChars = 4; }
|
|
@@ -596,42 +667,42 @@ var Clipboard = function (_a) {
|
|
|
596
667
|
}, [value]);
|
|
597
668
|
var text = isShowingCopy ? 'Copied!' : displayValue;
|
|
598
669
|
var icon = isShowingCopy ? jsxRuntime.jsx(SvgCheck, { viewBox: "0 0 24 24" }) : jsxRuntime.jsx(SvgClipboard, { viewBox: "0 0 24 24" });
|
|
599
|
-
return (jsxRuntime.jsx("button", { type: "button", onClick: handleClick, className: style$
|
|
670
|
+
return (jsxRuntime.jsx("button", { type: "button", onClick: handleClick, className: style$l.root, "data-is-copied": isCopied, "data-is-showing-copy": isShowingCopy, "data-test": dataTest, children: jsxRuntime.jsxs(Stack, { position: "horizontal", children: [jsxRuntime.jsx("span", { children: text }), icon] }) }));
|
|
600
671
|
};
|
|
601
672
|
|
|
602
|
-
var style$
|
|
673
|
+
var style$k = {"root":"stepper-module__root__hgDss"};
|
|
603
674
|
|
|
604
675
|
var Stepper = function (_a) {
|
|
605
676
|
var children = _a.children, dataTest = _a.dataTest, className = _a.className, _b = _a.direction, direction = _b === void 0 ? 'vertical' : _b;
|
|
606
|
-
return (jsxRuntime.jsx("ul", { className: clsx(style$
|
|
677
|
+
return (jsxRuntime.jsx("ul", { className: clsx(style$k.root, className), "data-is-stepper-horizontal": direction === 'horizontal', "data-test": dataTest, children: children }));
|
|
607
678
|
};
|
|
608
679
|
|
|
609
|
-
var style$
|
|
680
|
+
var style$j = {"root":"step-module__root__Tk1Yq","container":"step-module__container__XbQSB","label":"step-module__label__UNF3I","emptyIcon":"step-module__emptyIcon__-xNcB","checkIcon":"step-module__checkIcon__MWBUM","loadingIcon":"step-module__loadingIcon__-VoCZ"};
|
|
610
681
|
|
|
611
682
|
var Step = function (_a) {
|
|
612
683
|
var label = _a.label, dataTest = _a.dataTest, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 16 : _b, _c = _a.isCompleted, isCompleted = _c === void 0 ? false : _c, _d = _a.isCurrent, isCurrent = _d === void 0 ? false : _d, _e = _a.direction, direction = _e === void 0 ? 'vertical' : _e, props = __rest(_a, ["label", "dataTest", "className", "iconSize", "isCompleted", "isCurrent", "direction"]);
|
|
613
684
|
var icon = React.useMemo(function () {
|
|
614
685
|
switch (true) {
|
|
615
|
-
case isCompleted: return jsxRuntime.jsx(SvgCheck, { className: style$
|
|
616
|
-
case isCurrent: return jsxRuntime.jsx(SpinnedIcon, { icon: SvgLoadingCircle, size: iconSize, className: style$
|
|
617
|
-
default: return jsxRuntime.jsx("span", { className: style$
|
|
686
|
+
case isCompleted: return jsxRuntime.jsx(SvgCheck, { className: style$j.checkIcon, viewBox: "0 0 24 24" });
|
|
687
|
+
case isCurrent: return jsxRuntime.jsx(SpinnedIcon, { icon: SvgLoadingCircle, size: iconSize, className: style$j.loadingIcon });
|
|
688
|
+
default: return jsxRuntime.jsx("span", { className: style$j.emptyIcon });
|
|
618
689
|
}
|
|
619
690
|
}, [isCompleted, isCurrent, iconSize]);
|
|
620
|
-
return (jsxRuntime.jsx("li", __assign({ className: clsx(style$
|
|
691
|
+
return (jsxRuntime.jsx("li", __assign({ className: clsx(style$j.root, className), "data-is-current": isCurrent, "data-direction": direction, "data-test": dataTest, style: { '--icon-size': "".concat(iconSize, "px") } }, props, { children: jsxRuntime.jsxs(Stack, { className: style$j.container, position: "horizontal", children: [icon, jsxRuntime.jsx("span", { className: style$j.label, children: label })] }) })));
|
|
621
692
|
};
|
|
622
693
|
|
|
623
|
-
var style$
|
|
694
|
+
var style$i = {"root":"list-module__root__OXx93"};
|
|
624
695
|
|
|
625
696
|
var List$1 = function (_a) {
|
|
626
697
|
var label = _a.label, children = _a.children;
|
|
627
|
-
return (jsxRuntime.jsxs(Stack, { className: style$
|
|
698
|
+
return (jsxRuntime.jsxs(Stack, { className: style$i.root, children: [label && jsxRuntime.jsx("h3", { children: label }), jsxRuntime.jsx("ul", { children: children })] }));
|
|
628
699
|
};
|
|
629
700
|
|
|
630
|
-
var style$
|
|
701
|
+
var style$h = {"root":"list-item-module__root__-fOHc","label":"list-item-module__label__rMBF5","value":"list-item-module__value__A3HYb"};
|
|
631
702
|
|
|
632
703
|
var ListItem = function (_a) {
|
|
633
704
|
var value = _a.value, label = _a.label, key = _a.key, icon = _a.icon;
|
|
634
|
-
return (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs(Stack, { space: "m", className: style$
|
|
705
|
+
return (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs(Stack, { space: "m", className: style$h.root, children: [jsxRuntime.jsxs(Stack, { position: "horizontal", space: "m", dataAlignItems: "center", children: [icon, jsxRuntime.jsx("span", { className: style$h.label, children: label })] }), jsxRuntime.jsx("span", { className: style$h.value, children: value })] }) }, key));
|
|
635
706
|
};
|
|
636
707
|
|
|
637
708
|
var AccordionRoot = function (_a) {
|
|
@@ -639,38 +710,38 @@ var AccordionRoot = function (_a) {
|
|
|
639
710
|
return (jsxRuntime.jsx(RAccordion__namespace.Root, __assign({}, rest, { children: children })));
|
|
640
711
|
};
|
|
641
712
|
|
|
642
|
-
var style$
|
|
713
|
+
var style$g = {"content":"accordion-content-module__content__e93RL","childrenContainer":"accordion-content-module__childrenContainer__tAVvX","children":"accordion-content-module__children__Hihsf"};
|
|
643
714
|
|
|
644
715
|
var AccordionContent = React.forwardRef(function (_a, forwardedRef) {
|
|
645
716
|
var children = _a.children, className = _a.className, hasChildrenPadding = _a.hasChildrenPadding, rest = __rest(_a, ["children", "className", "hasChildrenPadding"]);
|
|
646
|
-
return (jsxRuntime.jsx(RAccordion__namespace.Content, __assign({ className: clsx(style$
|
|
717
|
+
return (jsxRuntime.jsx(RAccordion__namespace.Content, __assign({ className: clsx(style$g.content, className), ref: forwardedRef }, rest, { children: jsxRuntime.jsx("div", { className: style$g.childrenContainer, children: jsxRuntime.jsx("div", { className: style$g.children, "data-has-padding": hasChildrenPadding, children: children }) }) })));
|
|
647
718
|
});
|
|
648
719
|
AccordionContent.displayName = "AccordionContent";
|
|
649
720
|
|
|
650
|
-
var style$
|
|
721
|
+
var style$f = {"header":"accordion-trigger-module__header__2LR3z","trigger":"accordion-trigger-module__trigger__jzCw0"};
|
|
651
722
|
|
|
652
723
|
var AccordionTrigger = React.forwardRef(function (_a, forwardedRef) {
|
|
653
724
|
var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, dataTest = _a.dataTest, rest = __rest(_a, ["children", "className", "dataTest"]);
|
|
654
|
-
return (jsxRuntime.jsx(RAccordion__namespace.Header, { className: style$
|
|
725
|
+
return (jsxRuntime.jsx(RAccordion__namespace.Header, { className: style$f.header, children: jsxRuntime.jsx(RAccordion__namespace.Trigger, __assign({ className: clsx(style$f.trigger, className), ref: forwardedRef, "data-test": dataTest }, rest, { children: children })) }));
|
|
655
726
|
});
|
|
656
727
|
AccordionTrigger.displayName = "AccordionTrigger";
|
|
657
728
|
|
|
658
|
-
var style$
|
|
729
|
+
var style$e = {"root":"accordion-item-module__root__1Yk4f"};
|
|
659
730
|
|
|
660
731
|
var AccordionItem = React.forwardRef(function (_a, forwardedRef) {
|
|
661
732
|
var value = _a.value, trigger = _a.trigger, triggerClassName = _a.triggerClassName, children = _a.children, dataTest = _a.dataTest, _b = _a.hasChildrenPadding, hasChildrenPadding = _b === void 0 ? true : _b;
|
|
662
|
-
return (jsxRuntime.jsxs(RAccordion__namespace.Item, { className: style$
|
|
733
|
+
return (jsxRuntime.jsxs(RAccordion__namespace.Item, { className: style$e.root, value: value, ref: forwardedRef, "data-test": dataTest, children: [jsxRuntime.jsx(AccordionTrigger, { className: triggerClassName, children: trigger }), jsxRuntime.jsx(AccordionContent, { hasChildrenPadding: hasChildrenPadding, children: children })] }));
|
|
663
734
|
});
|
|
664
735
|
AccordionItem.displayName = "AccordionItem";
|
|
665
736
|
|
|
666
737
|
var Accordion = { Root: AccordionRoot, Item: AccordionItem };
|
|
667
738
|
|
|
668
|
-
var style$
|
|
739
|
+
var style$d = {"modal":"modal-module__modal__X2VmM","content":"modal-module__content__Hrybc","header":"modal-module__header__vvu8s","backdrop":"modal-module__backdrop__yqE8l","body":"modal-module__body__ax2L0","bodyWrapper":"modal-module__bodyWrapper__uj88Q","actions":"modal-module__actions__uueCa"};
|
|
669
740
|
|
|
670
741
|
var ModalElement = function (_a) {
|
|
671
742
|
var id = _a.id, children = _a.children, className = _a.className, _b = _a.title, title = _b === void 0 ? "No title" : _b, _c = _a.size, size = _c === void 0 ? "default" : _c, onClose = _a.onClose, _d = _a.actions, actions = _d === void 0 ? [] : _d, _e = _a.isFullWidth, isFullWidth = _e === void 0 ? true : _e, _f = _a.isScrollable, isScrollable = _f === void 0 ? false : _f, visible = _a.visible, attributes = __rest(_a, ["id", "children", "className", "title", "size", "onClose", "actions", "isFullWidth", "isScrollable", "visible"]);
|
|
672
743
|
var modalRef = React.useRef(null);
|
|
673
|
-
return (jsxRuntime.jsxs("dialog", __assign({ ref: modalRef, "aria-modal": "true", "aria-labelledby": id, className: clsx(style$
|
|
744
|
+
return (jsxRuntime.jsxs("dialog", __assign({ ref: modalRef, "aria-modal": "true", "aria-labelledby": id, className: clsx(style$d.modal, className), "data-test": "Modal__Div__content", "data-visible": visible, "data-is-not-closable": !onClose }, attributes, { children: [jsxRuntime.jsx("dialog", { className: style$d.backdrop }), jsxRuntime.jsx("div", { className: style$d.content, "data-size": size, "data-shadow-direction": "top", "data-is-full-width": isFullWidth, "data-is-scrollable": isScrollable, children: jsxRuntime.jsxs("div", { className: style$d.bodyWrapper, children: __spreadArray([title && (jsxRuntime.jsxs("div", { className: style$d.header, children: [jsxRuntime.jsx("h2", { id: id, children: title }), jsxRuntime.jsx(SvgCross, { "data-icon": true, onClick: onClose })] })), jsxRuntime.jsx("div", { className: style$d.body, children: children })], actions.map(function (i, idx) { return jsxRuntime.jsx("div", { className: style$d.actions, children: i }, "".concat(id, "_").concat(idx)); }), true) }) })] })));
|
|
674
745
|
};
|
|
675
746
|
var Modal = function (_a) {
|
|
676
747
|
var visible = _a.visible, props = __rest(_a, ["visible"]);
|
|
@@ -701,28 +772,28 @@ var InfoModal = function (_a) {
|
|
|
701
772
|
return (jsxRuntime.jsx(Modal, __assign({ onClose: onClose, actions: actions, size: "small" }, props, { children: children })));
|
|
702
773
|
};
|
|
703
774
|
|
|
704
|
-
var style$
|
|
775
|
+
var style$c = {"content":"dropdown-menu-module__content__sSYNC","arrow":"dropdown-menu-module__arrow__AFHzK","trigger":"dropdown-menu-module__trigger__GLDRV"};
|
|
705
776
|
|
|
706
777
|
var DropdownMenu$1 = function (_a) {
|
|
707
778
|
var text = _a.text, children = _a.children, Icon = _a.icon, disabled = _a.disabled, body = _a.body, variant = _a.variant, buttonSize = _a.buttonSize, rest = __rest(_a, ["text", "children", "icon", "disabled", "body", "variant", "buttonSize"]);
|
|
708
779
|
var defaultBody = !text ? Icon && jsxRuntime.jsx(Icon, { viewBox: "0 0 24 24" }) : jsxRuntime.jsx(Button, { size: buttonSize, icon: Icon, variant: variant, children: text });
|
|
709
|
-
return (jsxRuntime.jsxs(RDropdownMenu__namespace.Root, { children: [jsxRuntime.jsx(RDropdownMenu__namespace.Trigger, __assign({}, rest, { asChild: !!text, className: style$
|
|
780
|
+
return (jsxRuntime.jsxs(RDropdownMenu__namespace.Root, { children: [jsxRuntime.jsx(RDropdownMenu__namespace.Trigger, __assign({}, rest, { asChild: !!text, className: style$c.trigger, disabled: disabled, children: body ? body : defaultBody })), jsxRuntime.jsx(RDropdownMenu__namespace.Portal, { children: jsxRuntime.jsxs(RDropdownMenu__namespace.Content, { className: style$c.content, sideOffset: 5, children: [children, jsxRuntime.jsx(RDropdownMenu__namespace.Arrow, { className: style$c.arrow })] }) })] }));
|
|
710
781
|
};
|
|
711
782
|
|
|
712
|
-
var style$
|
|
783
|
+
var style$b = {"root":"dropdown-menu-item-module__root__zs510"};
|
|
713
784
|
|
|
714
785
|
var DropdownMenuItem = function (_a) {
|
|
715
786
|
var children = _a.children, disabled = _a.disabled, onClick = _a.onClick, rest = __rest(_a, ["children", "disabled", "onClick"]);
|
|
716
|
-
return (jsxRuntime.jsx(RDropdownMenu__namespace.Item, __assign({ className: style$
|
|
787
|
+
return (jsxRuntime.jsx(RDropdownMenu__namespace.Item, __assign({ className: style$b.root, onClick: !disabled ? onClick : undefined, disabled: disabled }, rest, { children: children })));
|
|
717
788
|
};
|
|
718
789
|
|
|
719
790
|
var DropdownMenu = { Root: DropdownMenu$1, Item: DropdownMenuItem };
|
|
720
791
|
|
|
721
|
-
var style$
|
|
792
|
+
var style$a = {"trigger":"tooltip-module__trigger__8Eylk","content":"tooltip-module__content__9x6LA","title":"tooltip-module__title__Vkj38","icon":"tooltip-module__icon__4oV3Q","body":"tooltip-module__body__TQO-V","description":"tooltip-module__description__WSiRK","arrow":"tooltip-module__arrow__7pf9p"};
|
|
722
793
|
|
|
723
794
|
var Tooltip = function (_a) {
|
|
724
795
|
var children = _a.children, title = _a.title, description = _a.description, rest = __rest(_a, ["children", "title", "description"]);
|
|
725
|
-
return (jsxRuntime.jsx(RTooltip__namespace.Provider, { children: jsxRuntime.jsxs(RTooltip__namespace.Root, __assign({}, rest, { children: [jsxRuntime.jsx(RTooltip__namespace.Trigger, { className: style$
|
|
796
|
+
return (jsxRuntime.jsx(RTooltip__namespace.Provider, { children: jsxRuntime.jsxs(RTooltip__namespace.Root, __assign({}, rest, { children: [jsxRuntime.jsx(RTooltip__namespace.Trigger, { className: style$a.trigger, asChild: true, children: children }), jsxRuntime.jsx(RTooltip__namespace.Portal, { children: jsxRuntime.jsxs(RTooltip__namespace.Content, { className: style$a.content, sideOffset: 2, children: [jsxRuntime.jsx(SvgInfo, { viewBox: "0 0 24 24", className: style$a.icon, width: 20, height: 20 }), jsxRuntime.jsxs("div", { className: style$a.body, children: [jsxRuntime.jsx("span", { className: style$a.title, children: title }), description && jsxRuntime.jsx("span", { className: style$a.description, children: description })] }), jsxRuntime.jsx(RTooltip__namespace.Arrow, { className: style$a.arrow })] }) })] })) }));
|
|
726
797
|
};
|
|
727
798
|
|
|
728
799
|
var isEnter = function (e) { return e.key === "Enter"; };
|
|
@@ -959,7 +1030,7 @@ var ByProductChart = function (_a) {
|
|
|
959
1030
|
} }), jsxRuntime.jsx(recharts.Legend, { content: getCustomLegend(data) }), data.map(function (item) { return (jsxRuntime.jsx(recharts.Area, { dataKey: item.id, name: item.id, stroke: item.color, strokeWidth: 1.5, fill: "url(#grad-".concat(item.id, ")"), fillOpacity: 1, dot: false, activeDot: { r: 4, fill: item.color } }, item.id)); })] }) }));
|
|
960
1031
|
};
|
|
961
1032
|
|
|
962
|
-
var style$
|
|
1033
|
+
var style$9 = {"root":"investments-graph-module__root__-BKux","paddedWrapper":"investments-graph-module__paddedWrapper__afkOR","graphButtons":"investments-graph-module__graphButtons__coxZq","graphButton":"investments-graph-module__graphButton__yVOBe","lockedPlaceholder":"investments-graph-module__lockedPlaceholder__EgBiO","lockIconCircle":"investments-graph-module__lockIconCircle__B0Tft"};
|
|
963
1034
|
|
|
964
1035
|
var TotalChart = function (_a) {
|
|
965
1036
|
var data = _a.data, ticks = _a.ticks, timeFrame = _a.timeFrame;
|
|
@@ -1037,28 +1108,28 @@ var InvestmentGraph = function (_a) {
|
|
|
1037
1108
|
}
|
|
1038
1109
|
return getMonthTicks(dates);
|
|
1039
1110
|
}, [timeFrame, viewMode, totalData, byProductChartData]);
|
|
1040
|
-
return (jsxRuntime.jsxs(Stack, { className: style$
|
|
1111
|
+
return (jsxRuntime.jsxs(Stack, { className: style$9.root, space: "m", children: [jsxRuntime.jsxs(Stack, { space: "none", children: [header && (jsxRuntime.jsx("div", { className: style$9.paddedWrapper, children: header })), jsxRuntime.jsxs(Stack, { className: style$9.paddedWrapper, position: "horizontal-space", wrap: true, children: [jsxRuntime.jsx("div", { className: style$9.graphButtons, children: periodOptions.map(function (p) { return (jsxRuntime.jsx("button", { tabIndex: isLocked ? -1 : 0, disabled: isLocked, onKeyDown: function (e) {
|
|
1041
1112
|
return isEnter(e) && !isLocked
|
|
1042
1113
|
? setTimeFrame(p)
|
|
1043
1114
|
: null;
|
|
1044
|
-
}, className: style$
|
|
1115
|
+
}, className: style$9.graphButton, "data-active": (timeFrame === null || timeFrame === void 0 ? void 0 : timeFrame.value) === p.value
|
|
1045
1116
|
? 'true'
|
|
1046
|
-
: 'false', onClick: function () { return setTimeFrame(p); }, children: p.label }, p.value)); }) }), hasByProductView && (jsxRuntime.jsx("div", { className: style$
|
|
1117
|
+
: 'false', onClick: function () { return setTimeFrame(p); }, children: p.label }, p.value)); }) }), hasByProductView && (jsxRuntime.jsx("div", { className: style$9.graphButtons, children: ViewModes.map(function (mode) { return (jsxRuntime.jsx("button", { tabIndex: 0, className: style$9.graphButton, "data-active": viewMode === mode
|
|
1047
1118
|
? 'true'
|
|
1048
1119
|
: 'false', onClick: function () {
|
|
1049
1120
|
return setViewMode === null || setViewMode === void 0 ? void 0 : setViewMode(mode);
|
|
1050
|
-
}, children: mode === 'total' ? 'Total' : 'By Product' }, mode)); }) }))] })] }), isLocked ? (jsxRuntime.jsx("div", { className: style$
|
|
1121
|
+
}, children: mode === 'total' ? 'Total' : 'By Product' }, mode)); }) }))] })] }), isLocked ? (jsxRuntime.jsx("div", { className: style$9.lockedPlaceholder, children: jsxRuntime.jsx("div", { className: style$9.lockIconCircle, children: jsxRuntime.jsx(SvgLock, { viewBox: "0 0 24 24" }) }) })) : viewMode === 'byProduct' && hasByProductView ? (jsxRuntime.jsx(ByProductChart, { chartData: byProductChartData, data: byProductData, ticks: ticks, timeFrame: timeFrame === null || timeFrame === void 0 ? void 0 : timeFrame.value })) : (jsxRuntime.jsx(TotalChart, { data: totalData, ticks: ticks, timeFrame: timeFrame === null || timeFrame === void 0 ? void 0 : timeFrame.value }))] }));
|
|
1051
1122
|
};
|
|
1052
1123
|
|
|
1053
|
-
var style$
|
|
1124
|
+
var style$8 = {"root":"investments-header-module__root__fxQmk","total":"investments-header-module__total__DrEq0","badge":"investments-header-module__badge__-aeBM"};
|
|
1054
1125
|
|
|
1055
1126
|
var InvestmentsHeader = function (_a) {
|
|
1056
1127
|
var currentTotalInvestmentValue = _a.currentTotalInvestmentValue, _b = _a.currentGainLossValue, currentGainLossValue = _b === void 0 ? 0 : _b, _c = _a.currentGainLossPercentageValue, currentGainLossPercentageValue = _c === void 0 ? 0 : _c, _d = _a.title, title = _d === void 0 ? "Total Investments" : _d;
|
|
1057
1128
|
var isNegativePercentage = currentGainLossPercentageValue < 0;
|
|
1058
1129
|
var dataGain = isNegativePercentage ? "negative" : "positive";
|
|
1059
1130
|
var triangle = isNegativePercentage ? jsxRuntime.jsx(SvgArrowDownRight, { "data-gain": "negative" }) : jsxRuntime.jsx(SvgArrowUpRight, { "data-gain": "positive" });
|
|
1060
|
-
return (jsxRuntime.jsxs(Stack, { className: style$
|
|
1061
|
-
? (jsxRuntime.jsx(Badge, { status: isNegativePercentage ? "rejected" : "success", className: style$
|
|
1131
|
+
return (jsxRuntime.jsxs(Stack, { className: style$8.root, space: "xs", children: [jsxRuntime.jsx("p", { className: style$8.total, children: title }), jsxRuntime.jsxs(Stack, { children: [jsxRuntime.jsx("h1", { children: formatNumberWithCurrency(currentTotalInvestmentValue) }), currentGainLossValue && currentGainLossPercentageValue
|
|
1132
|
+
? (jsxRuntime.jsx(Badge, { status: isNegativePercentage ? "rejected" : "success", className: style$8.badge, children: jsxRuntime.jsxs(Stack, { space: "xs", position: "horizontal", children: [triangle, jsxRuntime.jsx("p", { "data-gain": dataGain, children: formatNumberWithCurrency(Math.abs(currentGainLossValue)) }), jsxRuntime.jsxs("p", { "data-gain": dataGain, children: ["(", formatNumber(Math.abs(currentGainLossPercentageValue)), "%)"] })] }) }))
|
|
1062
1133
|
: null] })] }));
|
|
1063
1134
|
};
|
|
1064
1135
|
|
|
@@ -1105,13 +1176,13 @@ var tableCustomStyles = {
|
|
|
1105
1176
|
},
|
|
1106
1177
|
};
|
|
1107
1178
|
|
|
1108
|
-
var style$
|
|
1179
|
+
var style$7 = {"tableWrapper":"table-module__tableWrapper__q2Fb1"};
|
|
1109
1180
|
|
|
1110
1181
|
var Table = function (_a) {
|
|
1111
1182
|
var data = _a.data, columns = _a.columns, dataTest = _a.dataTest; _a.customStyles; var isLoading = _a.isLoading, onRowClicked = _a.onRowClicked, rest = __rest(_a, ["data", "columns", "dataTest", "customStyles", "isLoading", "onRowClicked"]);
|
|
1112
1183
|
return isLoading
|
|
1113
1184
|
? null
|
|
1114
|
-
: (jsxRuntime.jsx("div", { "data-test": dataTest, className: style$
|
|
1185
|
+
: (jsxRuntime.jsx("div", { "data-test": dataTest, className: style$7.tableWrapper, "data-is-row-clickable": !!onRowClicked, children: jsxRuntime.jsx(DataTable, __assign({ columns: columns, data: data, customStyles: tableCustomStyles, onRowClicked: onRowClicked }, rest)) }));
|
|
1115
1186
|
};
|
|
1116
1187
|
|
|
1117
1188
|
var useCanAnimate = function () {
|
|
@@ -1125,16 +1196,16 @@ var useCanAnimate = function () {
|
|
|
1125
1196
|
return canAnimate;
|
|
1126
1197
|
};
|
|
1127
1198
|
|
|
1128
|
-
var style$
|
|
1199
|
+
var style$6 = {"root":"drawer-module__root__D3rM0","backdrop":"drawer-module__backdrop__2In4H","drawer":"drawer-module__drawer__1zGfg","header":"drawer-module__header__F3xzs","title":"drawer-module__title__6zsD3","subTitle":"drawer-module__subTitle__ArBvv","closeButton":"drawer-module__closeButton__eP-nJ","body":"drawer-module__body__GIyF-","content":"drawer-module__content__bYS-4","actions":"drawer-module__actions__pUGTF"};
|
|
1129
1200
|
|
|
1130
1201
|
var Drawer = function (_a) {
|
|
1131
1202
|
var isOpen = _a.isOpen, title = _a.title, children = _a.children, className = _a.className, actions = _a.actions, onClose = _a.onClose, _b = _a.isLarge, isLarge = _b === void 0 ? false : _b, subTitle = _a.subTitle, rest = __rest(_a, ["isOpen", "title", "children", "className", "actions", "onClose", "isLarge", "subTitle"]);
|
|
1132
1203
|
var canAnimate = useCanAnimate();
|
|
1133
|
-
var drawerContent = (jsxRuntime.jsxs("div", { className: clsx(style$
|
|
1204
|
+
var drawerContent = (jsxRuntime.jsxs("div", { className: clsx(style$6.root, className), "data-is-open": isOpen, "data-can-animate": canAnimate, children: [jsxRuntime.jsx("button", { className: style$6.backdrop, tabIndex: 0, onClick: onClose, onKeyDown: function (e) { return (isEnter(e) ? onClose === null || onClose === void 0 ? void 0 : onClose() : null); } }), jsxRuntime.jsxs("div", __assign({ className: style$6.drawer, "data-is-large": isLarge }, rest, { children: [jsxRuntime.jsxs("div", { className: style$6.header, children: [jsxRuntime.jsxs(Stack, { children: [jsxRuntime.jsx("h2", { className: style$6.title, children: title }), subTitle && jsxRuntime.jsx("p", { className: style$6.subTitle, children: subTitle })] }), jsxRuntime.jsx("button", { onClick: onClose, className: style$6.closeButton, type: "button", disabled: !onClose, children: jsxRuntime.jsx(SvgCross, { viewBox: "0 0 24 24" }) })] }), jsxRuntime.jsxs("div", { className: style$6.body, children: [jsxRuntime.jsx("div", { className: style$6.content, children: isOpen ? children : null }), actions && jsxRuntime.jsx("div", { className: style$6.actions, children: actions })] })] }))] }));
|
|
1134
1205
|
return reactDom.createPortal(drawerContent, document.body);
|
|
1135
1206
|
};
|
|
1136
1207
|
|
|
1137
|
-
var style$
|
|
1208
|
+
var style$5 = {"root":"alert-module__root__WGdLe","button":"alert-module__button__uNX69"};
|
|
1138
1209
|
|
|
1139
1210
|
var Alert = function (_a) {
|
|
1140
1211
|
var title = _a.title, _b = _a.type, type = _b === void 0 ? "info" : _b, children = _a.children, buttonText = _a.buttonText, dataTest = _a.dataTest, onClick = _a.onClick, rest = __rest(_a, ["title", "type", "children", "buttonText", "dataTest", "onClick"]);
|
|
@@ -1147,37 +1218,37 @@ var Alert = function (_a) {
|
|
|
1147
1218
|
default: return jsxRuntime.jsx(SvgLoader, { viewBox: "0 0 24 24" });
|
|
1148
1219
|
}
|
|
1149
1220
|
}, [type]);
|
|
1150
|
-
return (jsxRuntime.jsxs(Stack, __assign({ className: style$
|
|
1221
|
+
return (jsxRuntime.jsxs(Stack, __assign({ className: style$5.root, position: children ? "vertical" : "horizontal-space", space: "m", "data-type": type, "data-test": dataTest }, rest, { children: [jsxRuntime.jsxs(Stack, { position: "horizontal", children: [icon, title] }), jsxRuntime.jsx("p", { children: children }), buttonText && (jsxRuntime.jsx(Button, { className: style$5.button, variant: type, onClick: onClick, isInverted: true, size: "small", children: buttonText }))] })));
|
|
1151
1222
|
};
|
|
1152
1223
|
|
|
1153
|
-
var style$
|
|
1224
|
+
var style$4 = {"root":"box-module__root__dZ-MR","icon":"box-module__icon__3dFXL"};
|
|
1154
1225
|
|
|
1155
1226
|
var Box = function (_a) {
|
|
1156
1227
|
var title = _a.title, description = _a.description, Icon = _a.icon, iconType = _a.iconType, fullWidth = _a.fullWidth;
|
|
1157
|
-
return (jsxRuntime.jsxs(Stack, { className: style$
|
|
1228
|
+
return (jsxRuntime.jsxs(Stack, { className: style$4.root, "data-is-full-width": fullWidth, as: "dl", children: [jsxRuntime.jsx("dt", { children: title }), jsxRuntime.jsxs("dd", { children: [description, Icon && jsxRuntime.jsx(Icon, { className: style$4.icon, "data-icon-type": iconType, viewBox: "0 0 24 24" })] })] }));
|
|
1158
1229
|
};
|
|
1159
1230
|
|
|
1160
|
-
var style$
|
|
1231
|
+
var style$3 = {"list":"tabs-module__list__Nuvl-","trigger":"tabs-module__trigger__qOk2r","content":"tabs-module__content__4w1tZ","counter":"tabs-module__counter__QkcJB"};
|
|
1161
1232
|
|
|
1162
1233
|
var Root = function (_a) {
|
|
1163
1234
|
var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
|
|
1164
|
-
return (jsxRuntime.jsx(RTabs__namespace.Root, __assign({ className: clsx(style$
|
|
1235
|
+
return (jsxRuntime.jsx(RTabs__namespace.Root, __assign({ className: clsx(style$3.root, className) }, rest, { children: children })));
|
|
1165
1236
|
};
|
|
1166
1237
|
var List = function (_a) {
|
|
1167
1238
|
var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
|
|
1168
|
-
return (jsxRuntime.jsx(RTabs__namespace.List, __assign({ className: clsx(style$
|
|
1239
|
+
return (jsxRuntime.jsx(RTabs__namespace.List, __assign({ className: clsx(style$3.list, className) }, rest, { children: children })));
|
|
1169
1240
|
};
|
|
1170
1241
|
var Trigger = function (_a) {
|
|
1171
1242
|
var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
|
|
1172
|
-
return (jsxRuntime.jsx(RTabs__namespace.Trigger, __assign({ className: clsx(style$
|
|
1243
|
+
return (jsxRuntime.jsx(RTabs__namespace.Trigger, __assign({ className: clsx(style$3.trigger, className) }, rest, { children: children })));
|
|
1173
1244
|
};
|
|
1174
1245
|
var TriggerWithCounter = function (_a) {
|
|
1175
1246
|
var children = _a.children, className = _a.className, counter = _a.counter, rest = __rest(_a, ["children", "className", "counter"]);
|
|
1176
|
-
return (jsxRuntime.jsx(RTabs__namespace.Trigger, __assign({ className: clsx(style$
|
|
1247
|
+
return (jsxRuntime.jsx(RTabs__namespace.Trigger, __assign({ className: clsx(style$3.trigger, className) }, rest, { children: jsxRuntime.jsxs(Stack, { space: "m", position: "horizontal", children: [children, jsxRuntime.jsx("span", { className: style$3.counter, children: counter })] }) })));
|
|
1177
1248
|
};
|
|
1178
1249
|
var Content = function (_a) {
|
|
1179
1250
|
var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
|
|
1180
|
-
return (jsxRuntime.jsx(RTabs__namespace.Content, __assign({ className: clsx(style$
|
|
1251
|
+
return (jsxRuntime.jsx(RTabs__namespace.Content, __assign({ className: clsx(style$3.content, className) }, rest, { children: children })));
|
|
1181
1252
|
};
|
|
1182
1253
|
var Tabs = {
|
|
1183
1254
|
Root: Root,
|
|
@@ -1191,7 +1262,7 @@ var TextArea = React.forwardRef(function (_a, ref) {
|
|
|
1191
1262
|
var className = _a.className, disabled = _a.disabled, hint = _a.hint, id = _a.id, label = _a.label, onChange = _a.onChange, readOnly = _a.readOnly, _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? "default" : _c, _d = _a.noPadding, noPadding = _d === void 0 ? false : _d, _e = _a.floatingLabel, floatingLabel = _e === void 0 ? true : _e, value = _a.value, defaultValue = _a.defaultValue, onFocus = _a.onFocus, onBlur = _a.onBlur, _f = _a.rows, rows = _f === void 0 ? 3 : _f, attributes = __rest(_a, ["className", "disabled", "hint", "id", "label", "onChange", "readOnly", "fullWidth", "size", "noPadding", "floatingLabel", "value", "defaultValue", "onFocus", "onBlur", "rows"]);
|
|
1192
1263
|
var _g = useFieldAutofill(), isAutofilled = _g.isAutofilled, internalRef = _g.internalRef;
|
|
1193
1264
|
React.useImperativeHandle(ref, function () { return internalRef.current; });
|
|
1194
|
-
return (jsxRuntime.jsx("fieldset", { "aria-disabled": disabled, disabled: disabled, className: clsx(style$
|
|
1265
|
+
return (jsxRuntime.jsx("fieldset", { "aria-disabled": disabled, disabled: disabled, className: clsx(style$s.textField, className), "data-no-padding": noPadding, "data-full-width": fullWidth, children: jsxRuntime.jsx("div", { className: style$s.container, "data-has-label": !!label, "data-has-hint": !!hint, "data-floating-label": floatingLabel, children: jsxRuntime.jsxs("div", { className: style$s.fieldWrapper, children: [jsxRuntime.jsx("textarea", __assign({}, attributes, { id: id, ref: internalRef, value: value, defaultValue: defaultValue, placeholder: " ", className: style$s.field, "data-size": size, "data-autofilled": isAutofilled, onFocus: onFocus, onBlur: onBlur, onChange: onChange, readOnly: readOnly, rows: rows })), label && (jsxRuntime.jsx("label", { className: style$s.label, htmlFor: id, "data-floating": floatingLabel, children: label })), hint && jsxRuntime.jsx(Hint, { kind: "error", className: style$s.hint, children: hint })] }) }) }));
|
|
1195
1266
|
});
|
|
1196
1267
|
TextArea.displayName = "TextArea";
|
|
1197
1268
|
|
|
@@ -1201,11 +1272,11 @@ var FormattedTextField = React.forwardRef(function (_a, ref) {
|
|
|
1201
1272
|
});
|
|
1202
1273
|
FormattedTextField.displayName = "FormattedTextField";
|
|
1203
1274
|
|
|
1204
|
-
var style = {"root":"tile-module__root__ujItM"};
|
|
1275
|
+
var style$2 = {"root":"tile-module__root__ujItM"};
|
|
1205
1276
|
|
|
1206
1277
|
var Tile = function (_a) {
|
|
1207
1278
|
var title = _a.title, description = _a.description, Icon = _a.icon, onClick = _a.onClick, ariaLabel = _a.ariaLabel;
|
|
1208
|
-
return (jsxRuntime.jsx("article", { className: style.root, children: jsxRuntime.jsx("button", { type: "button", onClick: onClick, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : title, "aria-describedby": "tile-desc-".concat(title.toLowerCase().replace(/\s+/g, '-')), children: jsxRuntime.jsxs(Stack, { space: "m", position: "horizontal", children: [Icon && jsxRuntime.jsx(Icon, { "aria-hidden": "true" }), jsxRuntime.jsxs(Stack, { space: "xs", children: [jsxRuntime.jsx("h4", { children: title }), jsxRuntime.jsx("p", { id: "tile-desc-".concat(title.toLowerCase().replace(/\s+/g, '-')), children: description })] })] }) }) }));
|
|
1279
|
+
return (jsxRuntime.jsx("article", { className: style$2.root, children: jsxRuntime.jsx("button", { type: "button", onClick: onClick, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : title, "aria-describedby": "tile-desc-".concat(title.toLowerCase().replace(/\s+/g, '-')), children: jsxRuntime.jsxs(Stack, { space: "m", position: "horizontal", children: [Icon && jsxRuntime.jsx(Icon, { "aria-hidden": "true" }), jsxRuntime.jsxs(Stack, { space: "xs", children: [jsxRuntime.jsx("h4", { children: title }), jsxRuntime.jsx("p", { id: "tile-desc-".concat(title.toLowerCase().replace(/\s+/g, '-')), children: description })] })] }) }) }));
|
|
1209
1280
|
};
|
|
1210
1281
|
|
|
1211
1282
|
var color = {
|
|
@@ -1503,10 +1574,186 @@ var designTokens = {
|
|
|
1503
1574
|
breakpoints: breakpoints
|
|
1504
1575
|
};
|
|
1505
1576
|
|
|
1577
|
+
var BaseLink = React.forwardRef(function BaseLink(_a, ref) {
|
|
1578
|
+
var href = _a.href, onClick = _a.onClick, onBeforeNavigate = _a.onBeforeNavigate, children = _a.children, _b = _a.linkWrapper, LinkWrapper = _b === void 0 ? "a" : _b, rest = __rest(_a, ["href", "onClick", "onBeforeNavigate", "children", "linkWrapper"]);
|
|
1579
|
+
var useLink = href && href.startsWith("/");
|
|
1580
|
+
if (!useLink || !href)
|
|
1581
|
+
return jsxRuntime.jsx("a", __assign({ "data-link": !onClick, href: href, onClick: onClick }, rest, { children: children }));
|
|
1582
|
+
var handleClick = function (event) {
|
|
1583
|
+
onBeforeNavigate === null || onBeforeNavigate === void 0 ? void 0 : onBeforeNavigate(href, event);
|
|
1584
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
1585
|
+
};
|
|
1586
|
+
return (jsxRuntime.jsx(LinkWrapper, __assign({ href: href, onClick: handleClick }, rest, { ref: ref, children: children })));
|
|
1587
|
+
});
|
|
1588
|
+
|
|
1589
|
+
function shouldTriggerStartEvent(href, event) {
|
|
1590
|
+
if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
|
|
1591
|
+
return false;
|
|
1592
|
+
try {
|
|
1593
|
+
var target = new URL(href, window.location.href);
|
|
1594
|
+
return window.location.pathname !== target.pathname;
|
|
1595
|
+
}
|
|
1596
|
+
catch (_a) {
|
|
1597
|
+
return false;
|
|
1598
|
+
}
|
|
1599
|
+
}
|
|
1600
|
+
var Link = React.forwardRef(function Link(_a, ref) {
|
|
1601
|
+
var onBeforeNavigate = _a.onBeforeNavigate, rest = __rest(_a, ["onBeforeNavigate"]);
|
|
1602
|
+
return (jsxRuntime.jsx(BaseLink, __assign({ linkWrapper: NextJsLink, onBeforeNavigate: function (href, event) {
|
|
1603
|
+
if (shouldTriggerStartEvent(href, event))
|
|
1604
|
+
NProgress.start();
|
|
1605
|
+
onBeforeNavigate === null || onBeforeNavigate === void 0 ? void 0 : onBeforeNavigate(href, event);
|
|
1606
|
+
} }, rest, { ref: ref })));
|
|
1607
|
+
});
|
|
1608
|
+
|
|
1609
|
+
var MFA_SETUP_KEY = "MFA_SETUP";
|
|
1610
|
+
var useLogin = function (_a) {
|
|
1611
|
+
var email = _a.email, password = _a.password, code = _a.code, loginFn = _a.loginFn, mfaLoginFn = _a.mfaLoginFn, onSignIn = _a.onSignIn, onVerifyAccountRedirect = _a.onVerifyAccountRedirect, onError = _a.onError;
|
|
1612
|
+
var _b = React.useState(false), isShowOtp = _b[0], setIsShowOtp = _b[1];
|
|
1613
|
+
var _c = React.useState(false), isLoading = _c[0], setIsLoading = _c[1];
|
|
1614
|
+
var _d = React.useState(false), isOtpLoading = _d[0], setIsOtpLoading = _d[1];
|
|
1615
|
+
var _e = React.useState(false), isSuccessMfaAuth = _e[0], setIsSuccessMfaAuth = _e[1];
|
|
1616
|
+
var _f = React.useState(""), loginSession = _f[0], setLoginSession = _f[1];
|
|
1617
|
+
var onSubmit = React.useCallback(function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
|
|
1618
|
+
var _c, ChallengeName, qrCode, secretCode, Session, session, e_1;
|
|
1619
|
+
var email = _b.email, password = _b.password;
|
|
1620
|
+
return __generator(this, function (_d) {
|
|
1621
|
+
switch (_d.label) {
|
|
1622
|
+
case 0:
|
|
1623
|
+
setIsLoading(true);
|
|
1624
|
+
_d.label = 1;
|
|
1625
|
+
case 1:
|
|
1626
|
+
_d.trys.push([1, 3, 4, 5]);
|
|
1627
|
+
return [4 /*yield*/, loginFn({ email: email, password: password })];
|
|
1628
|
+
case 2:
|
|
1629
|
+
_c = _d.sent(), ChallengeName = _c.ChallengeName, qrCode = _c.qrCode, secretCode = _c.secretCode, Session = _c.Session, session = _c.session;
|
|
1630
|
+
if (ChallengeName === MFA_SETUP_KEY) {
|
|
1631
|
+
onVerifyAccountRedirect({ qrCode: qrCode, secretCode: secretCode, session: session || Session, email: email, password: password });
|
|
1632
|
+
return [2 /*return*/];
|
|
1633
|
+
}
|
|
1634
|
+
setLoginSession(Session || session);
|
|
1635
|
+
setIsShowOtp(true);
|
|
1636
|
+
return [3 /*break*/, 5];
|
|
1637
|
+
case 3:
|
|
1638
|
+
e_1 = _d.sent();
|
|
1639
|
+
onError === null || onError === void 0 ? void 0 : onError(e_1);
|
|
1640
|
+
return [3 /*break*/, 5];
|
|
1641
|
+
case 4:
|
|
1642
|
+
setIsLoading(false);
|
|
1643
|
+
return [7 /*endfinally*/];
|
|
1644
|
+
case 5: return [2 /*return*/];
|
|
1645
|
+
}
|
|
1646
|
+
});
|
|
1647
|
+
}); }, [loginFn, onVerifyAccountRedirect, onError]);
|
|
1648
|
+
var login = React.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
1649
|
+
var _a, IdToken, payload, e_2;
|
|
1650
|
+
return __generator(this, function (_b) {
|
|
1651
|
+
switch (_b.label) {
|
|
1652
|
+
case 0:
|
|
1653
|
+
setIsOtpLoading(true);
|
|
1654
|
+
setIsSuccessMfaAuth(false);
|
|
1655
|
+
_b.label = 1;
|
|
1656
|
+
case 1:
|
|
1657
|
+
_b.trys.push([1, 4, 5, 6]);
|
|
1658
|
+
return [4 /*yield*/, mfaLoginFn({ email: email, password: password, mfaCode: code, session: loginSession })];
|
|
1659
|
+
case 2:
|
|
1660
|
+
_a = _b.sent(), IdToken = _a.IdToken, payload = _a.payload;
|
|
1661
|
+
setIsSuccessMfaAuth(true);
|
|
1662
|
+
return [4 /*yield*/, onSignIn(IdToken, payload)];
|
|
1663
|
+
case 3:
|
|
1664
|
+
_b.sent();
|
|
1665
|
+
return [3 /*break*/, 6];
|
|
1666
|
+
case 4:
|
|
1667
|
+
e_2 = _b.sent();
|
|
1668
|
+
onError === null || onError === void 0 ? void 0 : onError(e_2);
|
|
1669
|
+
return [3 /*break*/, 6];
|
|
1670
|
+
case 5:
|
|
1671
|
+
setIsOtpLoading(false);
|
|
1672
|
+
return [7 /*endfinally*/];
|
|
1673
|
+
case 6: return [2 /*return*/];
|
|
1674
|
+
}
|
|
1675
|
+
});
|
|
1676
|
+
}); }, [email, password, code, loginSession, mfaLoginFn, onSignIn, onError]);
|
|
1677
|
+
return {
|
|
1678
|
+
isShowOtp: isShowOtp,
|
|
1679
|
+
loginData: { isLoading: isLoading },
|
|
1680
|
+
isOtpLoading: isOtpLoading,
|
|
1681
|
+
isSuccessMfaAuth: isSuccessMfaAuth,
|
|
1682
|
+
setIsShowOtp: setIsShowOtp,
|
|
1683
|
+
onSubmit: onSubmit,
|
|
1684
|
+
login: login,
|
|
1685
|
+
};
|
|
1686
|
+
};
|
|
1687
|
+
|
|
1688
|
+
var style$1 = {"root":"login-layout-module__root__kF5mq","body":"login-layout-module__body__vmm5x","footer":"login-layout-module__footer__NHAE-","backgroundLogo":"login-layout-module__backgroundLogo__-wPXr"};
|
|
1689
|
+
|
|
1690
|
+
var defaultFooter = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("p", { children: ["KAIO\u00A0", jsxRuntime.jsx("a", { href: "https://www.kaio.xyz/privacy-policy", target: "_blank", rel: "noreferrer", children: "Privacy Policy" }), ",\u00A0", jsxRuntime.jsx("a", { href: "https://www.kaio.xyz/terms-of-use", target: "_blank", rel: "noreferrer", children: "Disclaimer" }), "\u00A0and Terms of Conditions apply."] }), jsxRuntime.jsx("p", { children: "Alternative investments involve risk including loss of capital and are not suitable for all investors." })] }));
|
|
1691
|
+
var LoginLayout = function (_a) {
|
|
1692
|
+
var children = _a.children, actions = _a.actions, header = _a.header, logo = _a.logo, _b = _a.backgroundIcon, backgroundIcon = _b === void 0 ? jsxRuntime.jsx(SvgLoginLogo, {}) : _b, _c = _a.footer, footer = _c === void 0 ? defaultFooter : _c;
|
|
1693
|
+
return (jsxRuntime.jsxs("div", { className: style$1.root, children: [jsxRuntime.jsxs("div", { className: style$1.body, children: [jsxRuntime.jsxs(Stack, { space: "xl", children: [logo, jsxRuntime.jsxs(Stack, { children: [header, jsxRuntime.jsx(Stack, { children: children })] })] }), actions, footer && jsxRuntime.jsx("div", { className: style$1.footer, children: footer })] }), backgroundIcon && (jsxRuntime.jsx("div", { className: style$1.backgroundLogo, children: backgroundIcon }))] }));
|
|
1694
|
+
};
|
|
1695
|
+
|
|
1696
|
+
var LoginCode = function (_a) {
|
|
1697
|
+
var _b;
|
|
1698
|
+
var isLoading = _a.isLoading, errors = _a.errors, disabled = _a.disabled, register = _a.register, login = _a.login;
|
|
1699
|
+
var onKeyDownHandler = function (e) {
|
|
1700
|
+
if (e.key === "Enter" && !disabled)
|
|
1701
|
+
login();
|
|
1702
|
+
};
|
|
1703
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Stack, { dataAlignItems: "center", children: [jsxRuntime.jsx("h2", { children: "Verify your account" }), jsxRuntime.jsx("p", { "data-text-align": "center", children: "Please enter the 6-digit number security code from your authenticator app" })] }), jsxRuntime.jsx(TextField, __assign({}, register("code", {
|
|
1704
|
+
required: "Verification code is required",
|
|
1705
|
+
validate: function (value) { return (value === null || value === void 0 ? void 0 : value.toString().length) === 6; },
|
|
1706
|
+
}), { id: "code", label: "6 digit code", "data-test": "LoginCode__TextField__Code", hint: (_b = errors === null || errors === void 0 ? void 0 : errors.code) === null || _b === void 0 ? void 0 : _b.message, invalid: Boolean(errors === null || errors === void 0 ? void 0 : errors.code), onKeyDown: onKeyDownHandler, disabled: isLoading, type: "number", fullWidth: true, autoComplete: "one-time-code", autoFocus: true }))] }));
|
|
1707
|
+
};
|
|
1708
|
+
|
|
1709
|
+
var emailPattern = {
|
|
1710
|
+
value: /^[a-zA-Z0-9_\-.+]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9\-.]+$/,
|
|
1711
|
+
message: "Invalid email address",
|
|
1712
|
+
};
|
|
1713
|
+
var LoginCredentials = function (_a) {
|
|
1714
|
+
var _b, _c;
|
|
1715
|
+
var isLoading = _a.isLoading, errors = _a.errors, register = _a.register;
|
|
1716
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Stack, { dataAlignItems: "center", children: jsxRuntime.jsx("h2", { children: "Welcome back" }) }), jsxRuntime.jsx(TextField, __assign({}, register("email", { required: "Email field is required", pattern: emailPattern }), { id: "email", label: "Email", "data-test": "LoginForm__Input__email", hint: (_b = errors === null || errors === void 0 ? void 0 : errors.email) === null || _b === void 0 ? void 0 : _b.message, invalid: Boolean(errors === null || errors === void 0 ? void 0 : errors.email), disabled: isLoading, fullWidth: true })), jsxRuntime.jsx(PasswordField, __assign({}, register("password", { required: "Password is required" }), { id: "password", label: "Password", "data-test": "LoginForm__Input__password", hint: (_c = errors === null || errors === void 0 ? void 0 : errors.password) === null || _c === void 0 ? void 0 : _c.message, invalid: Boolean(errors === null || errors === void 0 ? void 0 : errors.password), disabled: isLoading, fullWidth: true }))] }));
|
|
1717
|
+
};
|
|
1718
|
+
|
|
1719
|
+
var style = {"buttonRow":"login-module__buttonRow__4LBxx"};
|
|
1720
|
+
|
|
1721
|
+
var Login = function (_a) {
|
|
1722
|
+
var signupRequestRoute = _a.signupRequestRoute, forgotPasswordRoute = _a.forgotPasswordRoute, loginFn = _a.loginFn, mfaLoginFn = _a.mfaLoginFn, onSignIn = _a.onSignIn, onVerifyAccountRedirect = _a.onVerifyAccountRedirect, onError = _a.onError, logo = _a.logo, backgroundIcon = _a.backgroundIcon, footer = _a.footer;
|
|
1723
|
+
var _b = reactHookForm.useForm({ mode: "onChange" }), formState = _b.formState, control = _b.control, register = _b.register, handleSubmit = _b.handleSubmit, resetField = _b.resetField;
|
|
1724
|
+
var isValid = formState.isValid, errors = formState.errors;
|
|
1725
|
+
var email = reactHookForm.useWatch({ control: control, name: "email" });
|
|
1726
|
+
var password = reactHookForm.useWatch({ control: control, name: "password" });
|
|
1727
|
+
var code = reactHookForm.useWatch({ control: control, name: "code" });
|
|
1728
|
+
var _c = useLogin({
|
|
1729
|
+
email: email,
|
|
1730
|
+
password: password,
|
|
1731
|
+
code: code,
|
|
1732
|
+
loginFn: loginFn,
|
|
1733
|
+
mfaLoginFn: mfaLoginFn,
|
|
1734
|
+
onSignIn: onSignIn,
|
|
1735
|
+
onVerifyAccountRedirect: onVerifyAccountRedirect,
|
|
1736
|
+
onError: onError,
|
|
1737
|
+
}), isShowOtp = _c.isShowOtp, isOtpLoading = _c.isOtpLoading, isLoading = _c.loginData.isLoading, isSuccessMfaAuth = _c.isSuccessMfaAuth, onSubmit = _c.onSubmit, login = _c.login, setIsShowOtp = _c.setIsShowOtp;
|
|
1738
|
+
var loginSubmit = React.useCallback(function (form) {
|
|
1739
|
+
resetField("code");
|
|
1740
|
+
onSubmit(form);
|
|
1741
|
+
}, [resetField, onSubmit]);
|
|
1742
|
+
var bodyProps = { isLoading: isLoading, errors: errors, register: register };
|
|
1743
|
+
var body = isShowOtp
|
|
1744
|
+
? jsxRuntime.jsx(LoginCode, __assign({ login: login }, bodyProps, { disabled: !isValid || isOtpLoading }))
|
|
1745
|
+
: jsxRuntime.jsx(LoginCredentials, __assign({}, bodyProps));
|
|
1746
|
+
var actions = isShowOtp
|
|
1747
|
+
? (jsxRuntime.jsxs(Stack, { children: [jsxRuntime.jsx(Button, { "data-test": "LoginWithMfa__Button__submit", onClick: login, disabled: !isValid || isOtpLoading || isSuccessMfaAuth, isLoading: isOtpLoading, children: "Confirm" }), jsxRuntime.jsxs(Stack, { position: "horizontal-center", className: style.buttonRow, dataAlignItems: "center", children: [jsxRuntime.jsx(Stack, { position: "horizontal", children: jsxRuntime.jsx("p", { children: "Wrong account?" }) }), jsxRuntime.jsx(Link, { onClick: function () { return setIsShowOtp(false); }, children: "Back to login" })] })] }))
|
|
1748
|
+
: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button, { "data-test": "LoginForm__Button__login", type: "submit", disabled: !isValid, isLoading: isLoading, children: "Log in" }), jsxRuntime.jsxs(Stack, { children: [signupRequestRoute && (jsxRuntime.jsxs(Stack, { position: "horizontal-center", className: style.buttonRow, dataAlignItems: "center", children: [jsxRuntime.jsx(Stack, { position: "horizontal", children: jsxRuntime.jsx("p", { children: "Don't have an account?" }) }), jsxRuntime.jsx(Link, { href: signupRequestRoute, "data-test": "LoginForm__Button__signup", children: "Sign up" })] })), jsxRuntime.jsxs(Stack, { position: "horizontal-center", className: style.buttonRow, dataAlignItems: "center", children: [jsxRuntime.jsx(Stack, { position: "horizontal", children: jsxRuntime.jsx("p", { children: "Forgot password?" }) }), jsxRuntime.jsx(Link, { href: forgotPasswordRoute, "data-test": "LoginForm__Button__forgotPassword", children: "Reset" })] })] })] }));
|
|
1749
|
+
return (jsxRuntime.jsx("form", { onSubmit: handleSubmit(loginSubmit), children: jsxRuntime.jsx(LoginLayout, { logo: logo, backgroundIcon: backgroundIcon, footer: footer, actions: actions, children: body }) }));
|
|
1750
|
+
};
|
|
1751
|
+
|
|
1506
1752
|
exports.Accordion = Accordion;
|
|
1507
1753
|
exports.Alert = Alert;
|
|
1508
1754
|
exports.Badge = Badge;
|
|
1509
1755
|
exports.BadgeStatuses = BadgeStatuses;
|
|
1756
|
+
exports.BaseLink = BaseLink;
|
|
1510
1757
|
exports.Box = Box;
|
|
1511
1758
|
exports.Button = Button;
|
|
1512
1759
|
exports.Checkbox = Checkbox;
|
|
@@ -1520,9 +1767,12 @@ exports.FormattedTextField = FormattedTextField;
|
|
|
1520
1767
|
exports.InfoModal = InfoModal;
|
|
1521
1768
|
exports.InvestmentGraph = InvestmentGraph;
|
|
1522
1769
|
exports.InvestmentsHeader = InvestmentsHeader;
|
|
1770
|
+
exports.Link = Link;
|
|
1523
1771
|
exports.List = List$1;
|
|
1524
1772
|
exports.ListItem = ListItem;
|
|
1525
1773
|
exports.Loader = Loader;
|
|
1774
|
+
exports.Login = Login;
|
|
1775
|
+
exports.LoginLayout = LoginLayout;
|
|
1526
1776
|
exports.Modal = Modal;
|
|
1527
1777
|
exports.OtpModal = OtpModal;
|
|
1528
1778
|
exports.PasswordField = PasswordField;
|