@huma-finance/widgets 0.0.59-beta.491 → 0.0.59-beta.494
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/cjs/index.cjs +152 -147
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/index.js +152 -147
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/Activity.tsx +1 -2
- package/src/components/ApproveAllowanceModal.tsx +1 -1
- package/src/components/ApproveAllowanceModalV2.tsx +1 -1
- package/src/components/ChooseAmountModal.tsx +8 -5
- package/src/components/ConfirmTransferModal.tsx +2 -2
- package/src/components/CreditLine/borrow/1-Evaluation.tsx +2 -2
- package/src/components/ErrorModal.tsx +2 -9
- package/src/components/InputAmountModal.tsx +5 -3
- package/src/components/Lend/supply/1-Evaluation/EvaluationEA.tsx +1 -1
- package/src/components/Lend/supply/1-Evaluation/EvaluationKYC.tsx +1 -1
- package/src/components/Lend/supplyV2/2-Evaluation.tsx +1 -1
- package/src/components/Notifi/NotifiSubscriptionModal.tsx +1 -1
- package/src/components/SignIn.tsx +1 -1
- package/src/components/TxDoneModal.tsx +1 -1
- package/src/components/WrapperModal.tsx +1 -1
- package/src/components/humaModal/HumaModal.tsx +3 -3
- package/src/theme/components.ts +2 -1
- package/src/theme/palette.ts +6 -6
- package/src/theme/typography.ts +0 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -275,10 +275,10 @@ function ErrorModal(_ref) {
|
|
|
275
275
|
wrapper: material.css(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral(["\n height: 518px;\n position: relative;\n "]))),
|
|
276
276
|
header: material.css(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
|
|
277
277
|
sorry: material.css(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n margin-right: ", ";\n & > img {\n width: 170px;\n }\n "])), theme.cssMixins.rowHCentered, theme.spacing(12), theme.spacing(4)),
|
|
278
|
-
content: material.css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteral(["\n box-sizing: border-box;\n width: 100%;\n display: inline-table;\n padding: ", ";\n
|
|
278
|
+
content: material.css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteral(["\n box-sizing: border-box;\n width: 100%;\n display: inline-table;\n padding: ", ";\n position: relative;\n margin-top: ", ";\n height: 79px;\n "])), theme.spacing(2, 0), theme.spacing(9)),
|
|
279
279
|
errorIcon: material.css(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n position: absolute;\n font-size: 20px;\n color: #d32f2f;\n margin: ", ";\n "])), theme.spacing(0, 2)),
|
|
280
|
-
messageWrapper: material.css(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\n color:
|
|
281
|
-
errorMessage: material.css(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral(["\n margin-top: ", ";\n font-size: 14px;\n font-weight: 400;\n color:
|
|
280
|
+
messageWrapper: material.css(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: 400;\n font-size: 16px;\n padding-left: ", ";\n "])), theme.palette.text.primary, theme.spacing(6)),
|
|
281
|
+
errorMessage: material.css(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral(["\n margin-top: ", ";\n font-size: 14px;\n font-weight: 400;\n color: ", ";\n cursor: pointer;\n display: -webkit-box;\n line-height: 16px;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-right: ", ";\n "])), theme.spacing(0.5), theme.palette.text.primary, theme.spacing(2)),
|
|
282
282
|
okButton: material.css(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n & .MuiButtonBase-root {\n width: 100%;\n position: absolute;\n bottom: 0;\n }\n "])))
|
|
283
283
|
};
|
|
284
284
|
const handleCloseModal = React.useCallback(() => {
|
|
@@ -328,123 +328,6 @@ function ErrorModal(_ref) {
|
|
|
328
328
|
});
|
|
329
329
|
}
|
|
330
330
|
|
|
331
|
-
// primary
|
|
332
|
-
const primaryPurple = '#c265d0';
|
|
333
|
-
const primaryBlueLight = '#4473EB';
|
|
334
|
-
const pendingBlue = '#226BF9';
|
|
335
|
-
const pendingBlueMid = '#4584FF';
|
|
336
|
-
const pendingBlueLight = '#79A5FB';
|
|
337
|
-
const warningRed = '#D01638';
|
|
338
|
-
const warningRedLight = '#FF4366';
|
|
339
|
-
const warningRedPastel = '#FF708B';
|
|
340
|
-
const darkBackground = '#0C2436';
|
|
341
|
-
const white = '#FFFFFF';
|
|
342
|
-
const black = {
|
|
343
|
-
1: '#000000',
|
|
344
|
-
2: '#2A252F',
|
|
345
|
-
3: '#423B46',
|
|
346
|
-
4: '#534E59',
|
|
347
|
-
5: '#6B6572',
|
|
348
|
-
6: '#76707E'
|
|
349
|
-
};
|
|
350
|
-
const orange = {
|
|
351
|
-
100: '#FFA979',
|
|
352
|
-
300: '#FF8F51',
|
|
353
|
-
500: '#FD792F',
|
|
354
|
-
700: '#E96216'
|
|
355
|
-
};
|
|
356
|
-
const yellow = {
|
|
357
|
-
100: '#FFECB0',
|
|
358
|
-
300: '#FFE07E',
|
|
359
|
-
500: '#FFD54F',
|
|
360
|
-
700: '#F8BE28'
|
|
361
|
-
};
|
|
362
|
-
const grey = {
|
|
363
|
-
100: '#CBD6DE',
|
|
364
|
-
200: '#6B6B6B',
|
|
365
|
-
300: '#606060',
|
|
366
|
-
400: '#5E7485',
|
|
367
|
-
600: '#395062',
|
|
368
|
-
700: '#6B6572',
|
|
369
|
-
800: '#4A4A4A'
|
|
370
|
-
};
|
|
371
|
-
const green = {
|
|
372
|
-
100: '#66F8D3',
|
|
373
|
-
200: '#1DE9B6',
|
|
374
|
-
500: '#00CA97',
|
|
375
|
-
700: '#0DBC90'
|
|
376
|
-
};
|
|
377
|
-
const blue = {
|
|
378
|
-
50: '#8AD5FF',
|
|
379
|
-
100: '#3DB9FF',
|
|
380
|
-
200: '#0BA7FE',
|
|
381
|
-
300: '#0095E9',
|
|
382
|
-
500: '#0070AF',
|
|
383
|
-
800: '#013859'
|
|
384
|
-
};
|
|
385
|
-
const paletteCore = {
|
|
386
|
-
alert: {
|
|
387
|
-
contrastText: black[1],
|
|
388
|
-
dark: yellow[700],
|
|
389
|
-
light: yellow[300],
|
|
390
|
-
main: yellow[500]
|
|
391
|
-
},
|
|
392
|
-
background: {
|
|
393
|
-
default: white,
|
|
394
|
-
paper: white
|
|
395
|
-
},
|
|
396
|
-
common: {
|
|
397
|
-
black: black[1],
|
|
398
|
-
white
|
|
399
|
-
},
|
|
400
|
-
default: {
|
|
401
|
-
contrastText: black[1],
|
|
402
|
-
dark: white,
|
|
403
|
-
light: white,
|
|
404
|
-
main: white
|
|
405
|
-
},
|
|
406
|
-
divider: grey[600],
|
|
407
|
-
error: {
|
|
408
|
-
dark: warningRed,
|
|
409
|
-
light: warningRedPastel,
|
|
410
|
-
main: warningRedLight
|
|
411
|
-
},
|
|
412
|
-
grey,
|
|
413
|
-
info: {
|
|
414
|
-
contrastText: black[1],
|
|
415
|
-
dark: pendingBlue,
|
|
416
|
-
light: pendingBlueLight,
|
|
417
|
-
main: pendingBlueMid,
|
|
418
|
-
superDark: darkBackground,
|
|
419
|
-
superLight: blue[50]
|
|
420
|
-
},
|
|
421
|
-
mode: 'light',
|
|
422
|
-
primary: {
|
|
423
|
-
main: primaryPurple,
|
|
424
|
-
light: primaryBlueLight
|
|
425
|
-
},
|
|
426
|
-
secondary: {
|
|
427
|
-
contrastText: black[1],
|
|
428
|
-
main: white
|
|
429
|
-
},
|
|
430
|
-
success: {
|
|
431
|
-
light: green[100],
|
|
432
|
-
main: green[200]
|
|
433
|
-
},
|
|
434
|
-
text: {
|
|
435
|
-
primary: black[5],
|
|
436
|
-
secondary: black[6],
|
|
437
|
-
tertiary: black[3],
|
|
438
|
-
quaternary: grey[400]
|
|
439
|
-
},
|
|
440
|
-
warning: {
|
|
441
|
-
contrastText: black[1],
|
|
442
|
-
light: orange[100],
|
|
443
|
-
main: orange[500],
|
|
444
|
-
superLight: yellow[100]
|
|
445
|
-
}
|
|
446
|
-
};
|
|
447
|
-
|
|
448
331
|
function HumaModal(_ref) {
|
|
449
332
|
let {
|
|
450
333
|
children,
|
|
@@ -460,7 +343,7 @@ function HumaModal(_ref) {
|
|
|
460
343
|
isXsSize
|
|
461
344
|
} = shared.useMQ();
|
|
462
345
|
const styles = {
|
|
463
|
-
wrapper: /*#__PURE__*/react.css("max-width:100vw;width:", isXsSize ? '100%' : width, ";height:auto;padding:", padding, ";box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
346
|
+
wrapper: /*#__PURE__*/react.css("max-width:100vw;width:", isXsSize ? '100%' : width, ";height:auto;padding:", padding, ";box-sizing:border-box;" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkh1bWFNb2RhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJnQiIsImZpbGUiOiJIdW1hTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgdXNlTVEgfSBmcm9tICdAaHVtYS1maW5hbmNlL3NoYXJlZCdcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxudHlwZSBIdW1hTW9kYWxUeXBlID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBpc09wZW46IGJvb2xlYW5cbiAgb25DbG9zZTogKCkgPT4gdm9pZFxuICBvdmVyZmxvdz86IHN0cmluZ1xuICBvdmVyZmxvd1k/OiAndmlzaWJsZScgfCAnaGlkZGVuJyB8ICdjbGlwJyB8ICdzY3JvbGwnIHwgJ2F1dG8nXG4gIHdpZHRoPzogc3RyaW5nXG4gIHBhZGRpbmc/OiBzdHJpbmdcbiAgZGlzYWJsZUJhY2tkcm9wQ2xpY2s/OiBib29sZWFuXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBIdW1hTW9kYWwoe1xuICBjaGlsZHJlbixcbiAgaXNPcGVuLFxuICBvbkNsb3NlLFxuICBvdmVyZmxvdyxcbiAgb3ZlcmZsb3dZLFxuICB3aWR0aCA9ICc0ODBweCcsXG4gIHBhZGRpbmcgPSAnMzJweCcsXG4gIGRpc2FibGVCYWNrZHJvcENsaWNrID0gZmFsc2UsXG59OiBIdW1hTW9kYWxUeXBlKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBpc1hzU2l6ZSB9ID0gdXNlTVEoKVxuXG4gIGNvbnN0IHN0eWxlcyA9IHtcbiAgICB3cmFwcGVyOiBjc3NgXG4gICAgICBtYXgtd2lkdGg6IDEwMHZ3O1xuICAgICAgd2lkdGg6ICR7aXNYc1NpemUgPyAnMTAwJScgOiB3aWR0aH07XG4gICAgICBoZWlnaHQ6IGF1dG87XG4gICAgICBwYWRkaW5nOiAke3BhZGRpbmd9O1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBgLFxuICB9XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAocmVhc29uOiAnYmFja2Ryb3BDbGljaycgfCAnZXNjYXBlS2V5RG93bicpID0+IHtcbiAgICBpZiAoIWRpc2FibGVCYWNrZHJvcENsaWNrKSB7XG4gICAgICBvbkNsb3NlKClcbiAgICB9IGVsc2UgaWYgKHJlYXNvbiAhPT0gJ2JhY2tkcm9wQ2xpY2snICYmIHJlYXNvbiAhPT0gJ2VzY2FwZUtleURvd24nKSB7XG4gICAgICBvbkNsb3NlKClcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxEaWFsb2dcbiAgICAgIGRpc2FibGVTY3JvbGxMb2NrXG4gICAgICBtYXhXaWR0aD17ZmFsc2V9XG4gICAgICBmdWxsU2NyZWVuPXtpc1hzU2l6ZX1cbiAgICAgIG9wZW49e2lzT3Blbn1cbiAgICAgIFBhcGVyUHJvcHM9e3tcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICBib3JkZXI6ICcxcHggc29saWQgIzIwMjAyMCcsXG4gICAgICAgICAgYmFja2dyb3VuZDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4wNSknLFxuICAgICAgICAgIGJhY2tkcm9wRmlsdGVyOiAnYmx1cig1MHB4KScsXG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMTZweCcsXG4gICAgICAgICAgb3ZlcmZsb3c6IG92ZXJmbG93IHx8ICdpbmhlcml0JyxcbiAgICAgICAgICBvdmVyZmxvd1k6IG92ZXJmbG93WSB8fCAnaW5oZXJpdCcsXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgICAgb25DbG9zZT17KGV2ZW50LCByZWFzb24pID0+IGhhbmRsZUNsb3NlKHJlYXNvbil9XG4gICAgPlxuICAgICAgPGRpdiBjc3M9e3N0eWxlcy53cmFwcGVyfT57Y2hpbGRyZW59PC9kaXY+XG4gICAgPC9EaWFsb2c+XG4gIClcbn1cbiJdfQ== */")
|
|
464
347
|
};
|
|
465
348
|
const handleClose = reason => {
|
|
466
349
|
if (!disableBackdropClick) {
|
|
@@ -476,7 +359,9 @@ function HumaModal(_ref) {
|
|
|
476
359
|
open: isOpen,
|
|
477
360
|
PaperProps: {
|
|
478
361
|
style: {
|
|
479
|
-
|
|
362
|
+
border: '1px solid #202020',
|
|
363
|
+
background: 'rgba(255, 255, 255, 0.05)',
|
|
364
|
+
backdropFilter: 'blur(50px)',
|
|
480
365
|
borderRadius: '16px',
|
|
481
366
|
overflow: overflow || 'inherit',
|
|
482
367
|
overflowY: overflowY || 'inherit'
|
|
@@ -1580,7 +1465,7 @@ function WrapperModal(_ref) {
|
|
|
1580
1465
|
const styles = {
|
|
1581
1466
|
wrapper: material.css(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n height: 518px;\n position: relative;\n "]))),
|
|
1582
1467
|
header: material.css(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteral(["\n ", ";\n font-weight: 700;\n font-size: 20px;\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
|
|
1583
|
-
content: material.css(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n color:
|
|
1468
|
+
content: material.css(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n color: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(4), theme.palette.text.secondary),
|
|
1584
1469
|
bottom: material.css(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral(["\n & .MuiButtonBase-root {\n width: 100%;\n position: absolute;\n bottom: 0;\n }\n "])))
|
|
1585
1470
|
};
|
|
1586
1471
|
return jsxRuntime.jsxs(material.Box, {
|
|
@@ -1762,7 +1647,7 @@ function ApproveAllowanceModal(_ref) {
|
|
|
1762
1647
|
}, [handleSuccess, reset, resetAfterSuccess, state, symbol]);
|
|
1763
1648
|
const styles = {
|
|
1764
1649
|
iconWrapper: material.css(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n & > img {\n width: 220px;\n }\n "])), theme.cssMixins.rowCentered, theme.spacing(6)),
|
|
1765
|
-
description: material.css(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n margin-top: ", ";\n font-weight: 400;\n font-size: 16px;\n color:
|
|
1650
|
+
description: material.css(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n margin-top: ", ";\n font-weight: 400;\n font-size: 16px;\n color: ", ";\n padding: ", ";\n "])), theme.spacing(4), theme.palette.text.secondary, theme.spacing(0, 1))
|
|
1766
1651
|
};
|
|
1767
1652
|
const sendIncreaseAllowance = React.useCallback(async () => {
|
|
1768
1653
|
const allowanceSpender = spender !== null && spender !== void 0 ? spender : poolInfo.pool;
|
|
@@ -1845,7 +1730,7 @@ function TxDoneModal(_ref) {
|
|
|
1845
1730
|
const styles = {
|
|
1846
1731
|
wrapper: material.css(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\n height: 518px;\n position: relative;\n "]))),
|
|
1847
1732
|
header: material.css(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
|
|
1848
|
-
content: material.css(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral(["\n ", ";\n font-weight: 400;\n font-size: 18px;\n color:
|
|
1733
|
+
content: material.css(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral(["\n ", ";\n font-weight: 400;\n font-size: 18px;\n color: ", ";\n margin-top: ", ";\n text-align: center;\n "])), theme.cssMixins.colVCentered, theme.palette.text.secondary, theme.spacing(8)),
|
|
1849
1734
|
check: material.css(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral(["\n width: 100%;\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(10)),
|
|
1850
1735
|
doneButton: material.css(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n width: 100%;\n position: absolute;\n bottom: 0;\n "])))
|
|
1851
1736
|
};
|
|
@@ -1996,7 +1881,7 @@ function ApproveAllowanceModalV2(_ref) {
|
|
|
1996
1881
|
}, [handleSuccess, reset, resetAfterSuccess, state]);
|
|
1997
1882
|
const styles = {
|
|
1998
1883
|
iconWrapper: material.css(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n & > img {\n width: 220px;\n }\n "])), theme.cssMixins.rowCentered, theme.spacing(6)),
|
|
1999
|
-
description: material.css(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n margin-top: ", ";\n font-weight: 400;\n font-size: 16px;\n color:
|
|
1884
|
+
description: material.css(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n margin-top: ", ";\n font-weight: 400;\n font-size: 16px;\n color: ", ";\n padding: ", ";\n "])), theme.spacing(4), theme.palette.text.secondary, theme.spacing(0, 1))
|
|
2000
1885
|
};
|
|
2001
1886
|
const sendIncreaseAllowance = React.useCallback(async () => {
|
|
2002
1887
|
const allowanceSpender = spender !== null && spender !== void 0 ? spender : poolInfo.pool;
|
|
@@ -2180,7 +2065,7 @@ function SignIn() {
|
|
|
2180
2065
|
wrapper: material.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n height: 518px;\n position: relative;\n "]))),
|
|
2181
2066
|
header: material.css(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
|
|
2182
2067
|
icon: material.css(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n margin-right: ", ";\n & > img {\n width: 170px;\n }\n "])), theme.cssMixins.rowHCentered, theme.spacing(12), theme.spacing(4)),
|
|
2183
|
-
content: material.css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n color:
|
|
2068
|
+
content: material.css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n color: ", ";\n margin-bottom: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(4), theme.palette.text.secondary, theme.spacing(8))
|
|
2184
2069
|
};
|
|
2185
2070
|
return jsxRuntime.jsxs(material.Box, {
|
|
2186
2071
|
css: styles.wrapper,
|
|
@@ -2235,8 +2120,8 @@ function Evaluation$4(_ref) {
|
|
|
2235
2120
|
const styles = {
|
|
2236
2121
|
wrapper: material.css(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n height: 518px;\n position: relative;\n "]))),
|
|
2237
2122
|
header: material.css(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
|
|
2238
|
-
content: material.css(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n color:
|
|
2239
|
-
checkWrapper: material.css(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n ", "\n width: 100%;\n height: 72px;\n background: #f9f8fa;\n border-radius: 4px;\n font-weight: 400;\n font-size: 16px;\n color:
|
|
2123
|
+
content: material.css(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n color: ", ";\n margin-bottom: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(4), theme.palette.text.secondary, theme.spacing(8)),
|
|
2124
|
+
checkWrapper: material.css(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n ", "\n width: 100%;\n height: 72px;\n background: #f9f8fa;\n border-radius: 4px;\n font-weight: 400;\n font-size: 16px;\n color: ", ";\n "])), theme.cssMixins.rowVCentered, theme.palette.text.secondary),
|
|
2240
2125
|
checkIcon: material.css(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral(["\n ", "\n width: 105px;\n height: 100%;\n\n & > img {\n max-width: 100%;\n max-height: 100%;\n }\n "])), theme.cssMixins.rowCentered),
|
|
2241
2126
|
congratsWrapper: material.css(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral(["\n font-weight: 400;\n font-size: 16px;\n padding: ", ";\n ", "\n margin-top: ", ";\n height: 52px;\n background: linear-gradient(\n 0deg,\n rgba(255, 255, 255, 0.9),\n rgba(255, 255, 255, 0.9)\n ),\n #2e7d32;\n border-radius: 4px;\n "])), theme.spacing(0, 2), theme.cssMixins.rowVCentered, theme.spacing(8)),
|
|
2242
2127
|
bottom: material.css(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n & .MuiButtonBase-root {\n width: 100%;\n position: absolute;\n bottom: 0;\n }\n "])))
|
|
@@ -2330,7 +2215,7 @@ function ChooseAmountModal(_ref) {
|
|
|
2330
2215
|
const [inputTouched, setInputTouched] = React.useState(false);
|
|
2331
2216
|
const styles = {
|
|
2332
2217
|
subTitle: material.css(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n font-weight: 400;\n "]))),
|
|
2333
|
-
description2: material.css(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n ", ";\n font-weight: 400;\n font-size: 16px;\n color:
|
|
2218
|
+
description2: material.css(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n ", ";\n font-weight: 400;\n font-size: 16px;\n color: ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowCentered, theme.palette.text.secondary, theme.spacing(2)),
|
|
2334
2219
|
chosenAmountWrapper: material.css(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral(["\n ", ";\n background: linear-gradient(232.71deg, #a363f4 4.17%, #ff6a8a 178.69%);\n background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 700;\n font-size: 32px;\n margin-bottom: ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowCentered, theme.spacing(1), theme.spacing(4)),
|
|
2335
2220
|
chosenAmount: material.css(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n font-weight: 700;\n font-size: 32px;\n "]))),
|
|
2336
2221
|
chosenAmountSymbol: material.css(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n font-size: 75%;\n margin-left: ", ";\n letter-spacing: 0.1px;\n "])), theme.spacing(0.5)),
|
|
@@ -2346,18 +2231,21 @@ function ChooseAmountModal(_ref) {
|
|
|
2346
2231
|
editIcon: material.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n color: ", ";\n cursor: pointer;\n display: inline-grid;\n vertical-align: middle;\n & > svg {\n font-size: 24px;\n }\n & > svg:first-of-type {\n margin-bottom: ", ";\n }\n "])), theme.palette.primary.main, theme.spacing(-1)),
|
|
2347
2232
|
input: material.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n font-size: 18px;\n -webkit-text-fill-color: ", ";\n "])), theme.palette.primary.main),
|
|
2348
2233
|
slider: material.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n &.MuiSlider-root {\n height: 8px !important;\n color: #e9e9e9;\n }\n & .MuiSlider-track {\n height: 8px !important;\n background: linear-gradient(232.71deg, #a363f4 4.17%, #ff6a8a 178.69%);\n border-radius: 8px;\n }\n & .MuiSlider-thumb::before {\n background: #ffffff;\n border: 1px solid #f9f9f9;\n box-shadow: 1px 1px 12px 2px rgba(163, 100, 244, 0.6);\n border-radius: 50px;\n width: 24px;\n height: 24px;\n }\n "])), theme.spacing(7)),
|
|
2349
|
-
info: material.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n font-weight: 400;\n ", ";\n font-size: 16px;\n color:
|
|
2234
|
+
info: material.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n font-weight: 400;\n ", ";\n font-size: 16px;\n color: ", ";\n "])), theme.cssMixins.rowSpaceBetweened, theme.palette.text.secondary),
|
|
2350
2235
|
divider: material.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n margin: ", ";\n background: #49505b;\n border-color: #e9e3f1;\n "])), theme.spacing(2, 0)),
|
|
2351
2236
|
okButton: material.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n font-weight: 700;\n width: 100%;\n position: absolute;\n bottom: ", ";\n "])), theme.spacing(isXsSize ? 2 : 0)),
|
|
2352
|
-
terms: material.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n ", ";\n font-weight: 400;\n font-size: 12px;\n color:
|
|
2237
|
+
terms: material.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n ", ";\n font-weight: 400;\n font-size: 12px;\n color: ", ";\n margin-top: ", ";\n letter-spacing: 0px;\n width: 100%;\n position: absolute;\n bottom: ", ";\n "])), theme.cssMixins.rowHCentered, theme.palette.text.secondary, theme.spacing(1), theme.spacing(-3))
|
|
2353
2238
|
};
|
|
2354
2239
|
const handleSliderChange = (event, newValue) => {
|
|
2355
2240
|
handleChangeAmount(newValue);
|
|
2356
2241
|
};
|
|
2357
2242
|
const handleInputChange = event => {
|
|
2358
2243
|
setInputTouched(true);
|
|
2359
|
-
|
|
2360
|
-
|
|
2244
|
+
if (!event.target.value) {
|
|
2245
|
+
handleChangeAmount(0);
|
|
2246
|
+
} else {
|
|
2247
|
+
handleChangeAmount(Number(event.target.value));
|
|
2248
|
+
}
|
|
2361
2249
|
};
|
|
2362
2250
|
const handleSetMax = () => {
|
|
2363
2251
|
handleChangeAmount(sliderMax);
|
|
@@ -2833,7 +2721,7 @@ function NotifiSubscriptionModal(_ref) {
|
|
|
2833
2721
|
handleSuccess();
|
|
2834
2722
|
}, [dispatch, handleSuccess, reset]);
|
|
2835
2723
|
const styles = {
|
|
2836
|
-
disclaimer: material.css(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n ", ";\n font-weight: 400;\n font-size: 16px;\n color:
|
|
2724
|
+
disclaimer: material.css(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n ", ";\n font-weight: 400;\n font-size: 16px;\n color: ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowCentered, theme.palette.text.secondary, theme.spacing(6)),
|
|
2837
2725
|
inputField: material.css(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n width: 100%;\n font-size: 16px;\n "]))),
|
|
2838
2726
|
inputWrapper: material.css(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n width: 100%;\n "]))),
|
|
2839
2727
|
header: material.css(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
|
|
@@ -3006,7 +2894,7 @@ function InputAmountModal(_ref) {
|
|
|
3006
2894
|
inputField: material.css(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n input {\n width: 100%;\n color: ", ";\n font-weight: 800;\n font-size: 40px;\n line-height: 133.4%;\n }\n "])), theme.palette.text.primary),
|
|
3007
2895
|
maxWrapper: material.css(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n justify-content: flex-end;\n "]))),
|
|
3008
2896
|
maxTitle: material.css(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n position: absolute;\n color: ", ";\n font-weight: 400;\n font-size: 12px;\n line-height: 166%;\n letter-spacing: 0.4px;\n top: ", ";\n width: 200px;\n text-align: right;\n "])), theme.palette.text.primary, theme.spacing(-3)),
|
|
3009
|
-
max: material.css(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n display: flex;\n min-width: fit-content;\n justify-content: center;\n align-items: center;\n border-radius: 32px;\n
|
|
2897
|
+
max: material.css(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n display: flex;\n min-width: fit-content;\n justify-content: center;\n align-items: center;\n border-radius: 32px;\n padding: 4px 10px;\n gap: 8px;\n font-weight: 700;\n font-size: 13px;\n line-height: 22px;\n letter-spacing: 0.46px;\n "]))),
|
|
3010
2898
|
info: material.css(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: 700;\n font-size: 20px;\n line-height: 160%;\n letter-spacing: 0.15px;\n "])), theme.palette.text.primary)
|
|
3011
2899
|
};
|
|
3012
2900
|
const onChange = event => {
|
|
@@ -3045,6 +2933,7 @@ function InputAmountModal(_ref) {
|
|
|
3045
2933
|
children: maxAmountText
|
|
3046
2934
|
})]
|
|
3047
2935
|
}) : jsxRuntime.jsx(material.Button, {
|
|
2936
|
+
variant: "contained",
|
|
3048
2937
|
css: styles.max,
|
|
3049
2938
|
onClick: setMaxAmount,
|
|
3050
2939
|
children: maxAmountText
|
|
@@ -3966,9 +3855,9 @@ function ConfirmTransferModal(_ref) {
|
|
|
3966
3855
|
const styles = {
|
|
3967
3856
|
wrapper: material.css(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n height: 518px;\n position: relative;\n ", ";\n "])), theme.cssMixins.colStretch),
|
|
3968
3857
|
header: material.css(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n "])), theme.cssMixins.rowHCentered, theme.spacing(-0.5)),
|
|
3969
|
-
description: material.css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n font-weight: 400;\n font-size: 16px;\n color:
|
|
3858
|
+
description: material.css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n font-weight: 400;\n font-size: 16px;\n color: ", ";\n margin-top: ", ";\n text-align: center;\n "])), theme.palette.text.secondary, theme.spacing(4)),
|
|
3970
3859
|
transferWrapper: material.css(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n margin-top: ", ";\n "])), theme.spacing(9)),
|
|
3971
|
-
transfer: material.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-weight: 400;\n ", "\n ", "\n height: 72px;\n background: #f9f8fa;\n border-radius: 4px;\n font-size: 16px;\n color:
|
|
3860
|
+
transfer: material.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-weight: 400;\n ", "\n ", "\n height: 72px;\n background: #f9f8fa;\n border-radius: 4px;\n font-size: 16px;\n color: ", ";\n padding: ", ";\n margin-bottom: ", ";\n position: relative;\n box-sizing: border-box;\n "])), theme.cssMixins.rowSpaceBetweened, theme.cssMixins.rowVCentered, theme.palette.text.primary, theme.spacing(3, 2), theme.spacing(1)),
|
|
3972
3861
|
transferItem: material.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n ", "\n "])), theme.cssMixins.rowVCentered),
|
|
3973
3862
|
arrow: material.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n @keyframes bounceAlpha {\n 0% {\n opacity: 1;\n transform: translateX(0px) scale(1);\n }\n 25% {\n opacity: 0;\n transform: translateX(10px) scale(0.9);\n }\n 26% {\n opacity: 0;\n transform: translateX(-10px) scale(0.9);\n }\n 55% {\n opacity: 1;\n transform: translateX(0px) scale(1);\n }\n }\n animation-name: bounceAlpha;\n animation-duration: 1.4s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n\n color: #b246ff;\n position: absolute;\n margin: auto;\n top: 0;\n left: calc(15% + 36px);\n bottom: 0;\n right: 0;\n width: 16px;\n height: 16px;\n "]))),
|
|
3974
3863
|
arrowFirst: material.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n left: calc(15% + 20px);\n animation-delay: 0.2s;\n "]))),
|
|
@@ -3994,7 +3883,7 @@ function ConfirmTransferModal(_ref) {
|
|
|
3994
3883
|
css: /*#__PURE__*/react.css({
|
|
3995
3884
|
width: '24px',
|
|
3996
3885
|
marginRight: theme.spacing(2)
|
|
3997
|
-
}, process.env.NODE_ENV === "production" ? "" : ";label:ConfirmTransferModal;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
3886
|
+
}, process.env.NODE_ENV === "production" ? "" : ";label:ConfirmTransferModal;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmZpcm1UcmFuc2Zlck1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4SGMiLCJmaWxlIjoiQ29uZmlybVRyYW5zZmVyTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY29tYmluZVN0eWxlcyB9IGZyb20gJ0BodW1hLWZpbmFuY2Uvc2hhcmVkJ1xuaW1wb3J0IEFycm93Rm9yd2FyZElvc0ljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9BcnJvd0ZvcndhcmRJb3MnXG5pbXBvcnQgeyBCb3gsIEJ1dHRvbiwgY3NzLCBUeXBvZ3JhcGh5LCB1c2VUaGVtZSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IFJlY2VpcHRJY29uLCBVc2RjSWNvbiB9IGZyb20gJy4vaWNvbnMnXG5cbnR5cGUgUHJvcHMgPSB7XG4gIHRpdGxlOiBzdHJpbmdcbiAgZGVzY3JpcHRpb246IHN0cmluZ1xuICBpdGVtczogW1xuICAgIHsgbGVmdFRleHQ6IHN0cmluZzsgcmlnaHRUZXh0OiBzdHJpbmcgfSxcbiAgICB7IGxlZnRUZXh0OiBzdHJpbmc7IHJpZ2h0VGV4dDogc3RyaW5nIH0sXG4gIF1cbiAgYWN0aW9uVGV4dDogc3RyaW5nXG4gIGhhbmRsZUFjdGlvbjogKCkgPT4gdm9pZFxufVxuXG5leHBvcnQgZnVuY3Rpb24gQ29uZmlybVRyYW5zZmVyTW9kYWwoe1xuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGl0ZW1zLFxuICBhY3Rpb25UZXh0LFxuICBoYW5kbGVBY3Rpb24sXG59OiBQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB8IG51bGwge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBzdHlsZXMgPSB7XG4gICAgd3JhcHBlcjogY3NzYFxuICAgICAgaGVpZ2h0OiA1MThweDtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICR7dGhlbWUuY3NzTWl4aW5zLmNvbFN0cmV0Y2h9O1xuICAgIGAsXG4gICAgaGVhZGVyOiBjc3NgXG4gICAgICAke3RoZW1lLmNzc01peGlucy5yb3dIQ2VudGVyZWR9O1xuICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nKC0wLjUpfTtcbiAgICBgLFxuICAgIGRlc2NyaXB0aW9uOiBjc3NgXG4gICAgICBmb250LXdlaWdodDogNDAwO1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcoNCl9O1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGAsXG4gICAgdHJhbnNmZXJXcmFwcGVyOiBjc3NgXG4gICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcoOSl9O1xuICAgIGAsXG4gICAgdHJhbnNmZXI6IGNzc2BcbiAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICAke3RoZW1lLmNzc01peGlucy5yb3dTcGFjZUJldHdlZW5lZH1cbiAgICAgICR7dGhlbWUuY3NzTWl4aW5zLnJvd1ZDZW50ZXJlZH1cbiAgICAgIGhlaWdodDogNzJweDtcbiAgICAgIGJhY2tncm91bmQ6ICNmOWY4ZmE7XG4gICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeX07XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcoMywgMil9O1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nKDEpfTtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYCxcbiAgICB0cmFuc2Zlckl0ZW06IGNzc2BcbiAgICAgICR7dGhlbWUuY3NzTWl4aW5zLnJvd1ZDZW50ZXJlZH1cbiAgICBgLFxuICAgIGFycm93OiBjc3NgXG4gICAgICBAa2V5ZnJhbWVzIGJvdW5jZUFscGhhIHtcbiAgICAgICAgMCUge1xuICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDBweCkgc2NhbGUoMSk7XG4gICAgICAgIH1cbiAgICAgICAgMjUlIHtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMHB4KSBzY2FsZSgwLjkpO1xuICAgICAgICB9XG4gICAgICAgIDI2JSB7XG4gICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwcHgpIHNjYWxlKDAuOSk7XG4gICAgICAgIH1cbiAgICAgICAgNTUlIHtcbiAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwcHgpIHNjYWxlKDEpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBhbmltYXRpb24tbmFtZTogYm91bmNlQWxwaGE7XG4gICAgICBhbmltYXRpb24tZHVyYXRpb246IDEuNHM7XG4gICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcbiAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcblxuICAgICAgY29sb3I6ICNiMjQ2ZmY7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBtYXJnaW46IGF1dG87XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiBjYWxjKDE1JSArIDM2cHgpO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICB3aWR0aDogMTZweDtcbiAgICAgIGhlaWdodDogMTZweDtcbiAgICBgLFxuICAgIGFycm93Rmlyc3Q6IGNzc2BcbiAgICAgIGxlZnQ6IGNhbGMoMTUlICsgMjBweCk7XG4gICAgICBhbmltYXRpb24tZGVsYXk6IDAuMnM7XG4gICAgYCxcbiAgICBva0J1dHRvbjogY3NzYFxuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDA7XG4gICAgYCxcbiAgICB1c2RjSWNvbjogY3NzYFxuICAgICAgd2lkdGg6IDIycHg7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZygyKX07XG4gICAgICAmID4gcGF0aDpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgZmlsbDogIzc2NzA3ZTtcbiAgICAgIH1cbiAgICBgLFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGNzcz17c3R5bGVzLndyYXBwZXJ9PlxuICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD0naDYnIGNzcz17c3R5bGVzLmhlYWRlcn0+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgIDxCb3ggY3NzPXtzdHlsZXMuZGVzY3JpcHRpb259PntkZXNjcmlwdGlvbn08L0JveD5cbiAgICAgIDxCb3ggY3NzPXtzdHlsZXMudHJhbnNmZXJXcmFwcGVyfT5cbiAgICAgICAgPEJveCBjc3M9e3N0eWxlcy50cmFuc2Zlcn0+XG4gICAgICAgICAgPEJveCBjc3M9e3N0eWxlcy50cmFuc2Zlckl0ZW19PlxuICAgICAgICAgICAgPFJlY2VpcHRJY29uXG4gICAgICAgICAgICAgIGNzcz17eyB3aWR0aDogJzI0cHgnLCBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2luZygyKSB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtpdGVtc1swXS5sZWZ0VGV4dH1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8QXJyb3dGb3J3YXJkSW9zSWNvblxuICAgICAgICAgICAgY3NzPXtjb21iaW5lU3R5bGVzKFtzdHlsZXMuYXJyb3csIHN0eWxlcy5hcnJvd0ZpcnN0XSl9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8QXJyb3dGb3J3YXJkSW9zSWNvbiBjc3M9e3N0eWxlcy5hcnJvd30gLz5cbiAgICAgICAgICA8Qm94PntpdGVtc1swXS5yaWdodFRleHR9PC9Cb3g+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8Qm94IGNzcz17c3R5bGVzLnRyYW5zZmVyfT5cbiAgICAgICAgICA8Qm94IGNzcz17c3R5bGVzLnRyYW5zZmVySXRlbX0+XG4gICAgICAgICAgICA8VXNkY0ljb24gY3NzPXtzdHlsZXMudXNkY0ljb259IC8+XG4gICAgICAgICAgICB7aXRlbXNbMV0ubGVmdFRleHR9XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPEFycm93Rm9yd2FyZElvc0ljb25cbiAgICAgICAgICAgIGNzcz17Y29tYmluZVN0eWxlcyhbc3R5bGVzLmFycm93LCBzdHlsZXMuYXJyb3dGaXJzdF0pfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPEFycm93Rm9yd2FyZElvc0ljb24gY3NzPXtzdHlsZXMuYXJyb3d9IC8+XG4gICAgICAgICAgPEJveD57aXRlbXNbMV0ucmlnaHRUZXh0fTwvQm94PlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQm94PlxuICAgICAgPEJ1dHRvbiB2YXJpYW50PSdjb250YWluZWQnIGNzcz17c3R5bGVzLm9rQnV0dG9ufSBvbkNsaWNrPXtoYW5kbGVBY3Rpb259PlxuICAgICAgICB7YWN0aW9uVGV4dH1cbiAgICAgIDwvQnV0dG9uPlxuICAgIDwvQm94PlxuICApXG59XG4iXX0= */")
|
|
3998
3887
|
}), items[0].leftText]
|
|
3999
3888
|
}), jsxRuntime.jsx(ArrowForwardIosIcon__default["default"], {
|
|
4000
3889
|
css: shared.combineStyles([styles.arrow, styles.arrowFirst])
|
|
@@ -4748,7 +4637,7 @@ function EvaluationEA(_ref) {
|
|
|
4748
4637
|
const [loading, setLoading] = React.useState(false);
|
|
4749
4638
|
const styles = {
|
|
4750
4639
|
iconWrapper: material.css(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n & > img {\n width: 144px;\n }\n "])), theme.cssMixins.rowCentered, theme.spacing(8)),
|
|
4751
|
-
description: material.css(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n padding: ", ";\n font-weight: 400;\n font-size: 16px;\n color:
|
|
4640
|
+
description: material.css(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n padding: ", ";\n font-weight: 400;\n font-size: 16px;\n color: ", ";\n "])), theme.cssMixins.rowCentered, theme.spacing(10), theme.spacing(0, 2), theme.palette.text.secondary)
|
|
4752
4641
|
};
|
|
4753
4642
|
const approveLender = async () => {
|
|
4754
4643
|
if (account) {
|
|
@@ -4910,7 +4799,7 @@ function EvaluationKYC(_ref) {
|
|
|
4910
4799
|
const [openSnackBar, setOpenSnackBar] = React.useState(false);
|
|
4911
4800
|
const styles = {
|
|
4912
4801
|
iconWrapper: material.css(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n & > img {\n width: 144px;\n }\n "])), theme.cssMixins.rowCentered, theme.spacing(8)),
|
|
4913
|
-
description: material.css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n padding: ", ";\n font-weight: 400;\n font-size: 16px;\n color:
|
|
4802
|
+
description: material.css(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n padding: ", ";\n font-weight: 400;\n font-size: 16px;\n color: ", ";\n "])), theme.cssMixins.rowCentered, theme.spacing(10), theme.spacing(0, 2), theme.palette.text.secondary)
|
|
4914
4803
|
};
|
|
4915
4804
|
const {
|
|
4916
4805
|
envelopeKey,
|
|
@@ -5450,7 +5339,7 @@ function Evaluation$1(_ref) {
|
|
|
5450
5339
|
const [openSnackBar, setOpenSnackBar] = React.useState(false);
|
|
5451
5340
|
const styles = {
|
|
5452
5341
|
iconWrapper: material.css(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n & > img {\n width: 144px;\n }\n "])), theme.cssMixins.rowCentered, theme.spacing(8)),
|
|
5453
|
-
description: material.css(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n padding: ", ";\n font-weight: 400;\n font-size: 16px;\n color:
|
|
5342
|
+
description: material.css(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n ", ";\n margin-top: ", ";\n padding: ", ";\n font-weight: 400;\n font-size: 16px;\n color: ", ";\n "])), theme.cssMixins.rowCentered, theme.spacing(10), theme.spacing(0, 2), theme.palette.text.secondary)
|
|
5454
5343
|
};
|
|
5455
5344
|
const {
|
|
5456
5345
|
envelopeKey,
|
|
@@ -7307,8 +7196,8 @@ function Activity(_ref) {
|
|
|
7307
7196
|
}, [data === null || data === void 0 ? void 0 : data.creditEvents, decimals]);
|
|
7308
7197
|
const styles = {
|
|
7309
7198
|
wrapper: material.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n margin-top: ", ";\n "])), theme.spacing(9)),
|
|
7310
|
-
title: material.css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n font-weight: 800;\n font-size: 24px;\n color:
|
|
7311
|
-
tableWrapper: material.css(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteral(["\n
|
|
7199
|
+
title: material.css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n font-weight: 800;\n font-size: 24px;\n color: ", ";\n margin-bottom: ", ";\n "])), theme.palette.text.primary, theme.spacing(2)),
|
|
7200
|
+
tableWrapper: material.css(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteral(["\n box-shadow: 0px 4px 40px 8px rgba(0, 0, 0, 0.04);\n border-radius: 24px;\n padding: ", ";\n "])), getPadding())
|
|
7312
7201
|
};
|
|
7313
7202
|
return jsxRuntime.jsxs(material.Box, {
|
|
7314
7203
|
css: styles.wrapper,
|
|
@@ -8130,7 +8019,7 @@ function components(theme) {
|
|
|
8130
8019
|
textTransform: 'none',
|
|
8131
8020
|
'&.Mui-disabled': {
|
|
8132
8021
|
border: 'none',
|
|
8133
|
-
background: 'rgba(
|
|
8022
|
+
background: 'linear-gradient(232.71deg, rgba(178, 70, 255, 0.25) 5%, rgba(255, 106, 138, 0.25) 175%)',
|
|
8134
8023
|
boxShadow: 'unset'
|
|
8135
8024
|
}
|
|
8136
8025
|
}
|
|
@@ -8305,6 +8194,123 @@ const cssMixins = {
|
|
|
8305
8194
|
}
|
|
8306
8195
|
};
|
|
8307
8196
|
|
|
8197
|
+
// primary
|
|
8198
|
+
const primaryPurple = '#c265d0';
|
|
8199
|
+
const primaryBlueLight = '#4473EB';
|
|
8200
|
+
const pendingBlue = '#226BF9';
|
|
8201
|
+
const pendingBlueMid = '#4584FF';
|
|
8202
|
+
const pendingBlueLight = '#79A5FB';
|
|
8203
|
+
const warningRed = '#D01638';
|
|
8204
|
+
const warningRedLight = '#FF4366';
|
|
8205
|
+
const warningRedPastel = '#FF708B';
|
|
8206
|
+
const darkBackground = '#0C2436';
|
|
8207
|
+
const white = '#FFFFFF';
|
|
8208
|
+
const black = {
|
|
8209
|
+
1: '#000000',
|
|
8210
|
+
2: '#2A252F',
|
|
8211
|
+
3: '#423B46',
|
|
8212
|
+
4: '#534E59',
|
|
8213
|
+
5: '#6B6572',
|
|
8214
|
+
6: '#76707E'
|
|
8215
|
+
};
|
|
8216
|
+
const orange = {
|
|
8217
|
+
100: '#FFA979',
|
|
8218
|
+
300: '#FF8F51',
|
|
8219
|
+
500: '#FD792F',
|
|
8220
|
+
700: '#E96216'
|
|
8221
|
+
};
|
|
8222
|
+
const yellow = {
|
|
8223
|
+
100: '#FFECB0',
|
|
8224
|
+
300: '#FFE07E',
|
|
8225
|
+
500: '#FFD54F',
|
|
8226
|
+
700: '#F8BE28'
|
|
8227
|
+
};
|
|
8228
|
+
const grey = {
|
|
8229
|
+
100: '#CBD6DE',
|
|
8230
|
+
200: '#BDB5C8',
|
|
8231
|
+
300: '#d3ccdd',
|
|
8232
|
+
400: '#EAE6F0',
|
|
8233
|
+
600: '#395062',
|
|
8234
|
+
700: '#6B6572',
|
|
8235
|
+
800: '#4A4A4A'
|
|
8236
|
+
};
|
|
8237
|
+
const green = {
|
|
8238
|
+
100: '#66F8D3',
|
|
8239
|
+
200: '#1DE9B6',
|
|
8240
|
+
500: '#00CA97',
|
|
8241
|
+
700: '#0DBC90'
|
|
8242
|
+
};
|
|
8243
|
+
const blue = {
|
|
8244
|
+
50: '#8AD5FF',
|
|
8245
|
+
100: '#3DB9FF',
|
|
8246
|
+
200: '#0BA7FE',
|
|
8247
|
+
300: '#0095E9',
|
|
8248
|
+
500: '#0070AF',
|
|
8249
|
+
800: '#013859'
|
|
8250
|
+
};
|
|
8251
|
+
const paletteCore = {
|
|
8252
|
+
alert: {
|
|
8253
|
+
contrastText: black[1],
|
|
8254
|
+
dark: yellow[700],
|
|
8255
|
+
light: yellow[300],
|
|
8256
|
+
main: yellow[500]
|
|
8257
|
+
},
|
|
8258
|
+
background: {
|
|
8259
|
+
default: white,
|
|
8260
|
+
paper: white
|
|
8261
|
+
},
|
|
8262
|
+
common: {
|
|
8263
|
+
black: black[1],
|
|
8264
|
+
white
|
|
8265
|
+
},
|
|
8266
|
+
default: {
|
|
8267
|
+
contrastText: black[1],
|
|
8268
|
+
dark: white,
|
|
8269
|
+
light: white,
|
|
8270
|
+
main: white
|
|
8271
|
+
},
|
|
8272
|
+
divider: grey[600],
|
|
8273
|
+
error: {
|
|
8274
|
+
dark: warningRed,
|
|
8275
|
+
light: warningRedPastel,
|
|
8276
|
+
main: warningRedLight
|
|
8277
|
+
},
|
|
8278
|
+
grey,
|
|
8279
|
+
info: {
|
|
8280
|
+
contrastText: black[1],
|
|
8281
|
+
dark: pendingBlue,
|
|
8282
|
+
light: pendingBlueLight,
|
|
8283
|
+
main: pendingBlueMid,
|
|
8284
|
+
superDark: darkBackground,
|
|
8285
|
+
superLight: blue[50]
|
|
8286
|
+
},
|
|
8287
|
+
mode: 'light',
|
|
8288
|
+
primary: {
|
|
8289
|
+
main: primaryPurple,
|
|
8290
|
+
light: primaryBlueLight
|
|
8291
|
+
},
|
|
8292
|
+
secondary: {
|
|
8293
|
+
contrastText: black[1],
|
|
8294
|
+
main: white
|
|
8295
|
+
},
|
|
8296
|
+
success: {
|
|
8297
|
+
light: green[100],
|
|
8298
|
+
main: green[200]
|
|
8299
|
+
},
|
|
8300
|
+
text: {
|
|
8301
|
+
primary: grey[400],
|
|
8302
|
+
secondary: grey[200],
|
|
8303
|
+
tertiary: grey[300],
|
|
8304
|
+
quaternary: grey[400]
|
|
8305
|
+
},
|
|
8306
|
+
warning: {
|
|
8307
|
+
contrastText: black[1],
|
|
8308
|
+
light: orange[100],
|
|
8309
|
+
main: orange[500],
|
|
8310
|
+
superLight: yellow[100]
|
|
8311
|
+
}
|
|
8312
|
+
};
|
|
8313
|
+
|
|
8308
8314
|
const shape = {
|
|
8309
8315
|
borderRadius: coreThemeConstants.borderRadius.md
|
|
8310
8316
|
};
|
|
@@ -8404,8 +8410,7 @@ const typography = {
|
|
|
8404
8410
|
fontSize: '1.25rem',
|
|
8405
8411
|
fontWeight: 500,
|
|
8406
8412
|
letterSpacing: coreThemeConstants.letterSpacing.sm,
|
|
8407
|
-
lineHeight: coreThemeConstants.lineHeight.md
|
|
8408
|
-
color: 'rgba(0, 0, 0, 0.87)'
|
|
8413
|
+
lineHeight: coreThemeConstants.lineHeight.md
|
|
8409
8414
|
},
|
|
8410
8415
|
labsSmall: {
|
|
8411
8416
|
fontSize: '0.75rem'
|