tek-wallet 0.0.743 → 0.0.745
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/components/TekWallet/components/ui/FiatDeposit/components/shareAction.js +28 -6
- package/dist/components/TekWallet/components/ui/FiatDeposit/components/shareDrawer.js +16 -1
- package/dist/components/TekWallet/components/ui/FiatDeposit/components/shareImage.js +15 -8
- package/dist/components/TekWallet/components/ui/FiatDeposit/index.js +36 -25
- package/dist/components/TekWallet/components/ui/FiatDeposit/style.d.ts +38 -0
- package/dist/components/TekWallet/components/ui/FiatDeposit/style.js +41 -0
- package/dist/components/TekWallet/components/views/AuthView/index.js +2 -2
- package/dist/components/TekWallet/components/views/AuthViewSignIn/index.js +2 -2
- package/dist/components/TekWallet/utils/cn.js +1 -0
- package/package.json +1 -1
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
"use client";
|
|
3
|
+
var __assign = (this && this.__assign) || function () {
|
|
4
|
+
__assign = Object.assign || function(t) {
|
|
5
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
+
s = arguments[i];
|
|
7
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
8
|
+
t[p] = s[p];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
return __assign.apply(this, arguments);
|
|
13
|
+
};
|
|
3
14
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
4
15
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
5
16
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -36,19 +47,26 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
36
47
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
37
48
|
}
|
|
38
49
|
};
|
|
50
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
51
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
52
|
+
};
|
|
39
53
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
54
|
exports.SuccessAnimation = void 0;
|
|
41
55
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
56
|
var material_1 = require("@mui/material");
|
|
43
57
|
var react_1 = require("react");
|
|
44
58
|
var html_to_image_1 = require("html-to-image");
|
|
59
|
+
var Text_1 = __importDefault(require("../../Text"));
|
|
60
|
+
var style_1 = require("../style");
|
|
61
|
+
var palette_1 = require("../../../../theme/mui/deposit-fiat-theme/palette");
|
|
45
62
|
var SuccessAnimation = function () { return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M4.5 12.75L10.5 18.75L19.5 5.25", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })); };
|
|
46
63
|
exports.SuccessAnimation = SuccessAnimation;
|
|
47
64
|
exports.default = (0, react_1.memo)(function ShareAction(_a) {
|
|
48
65
|
var _this = this;
|
|
66
|
+
var _b, _c;
|
|
49
67
|
var data = _a.data, shareRef = _a.shareRef;
|
|
50
|
-
var
|
|
51
|
-
var
|
|
68
|
+
var _d = (0, react_1.useState)(false), isDownloading = _d[0], setIsDownloading = _d[1];
|
|
69
|
+
var _e = (0, react_1.useState)(false), copySuccess = _e[0], setCopySuccess = _e[1];
|
|
52
70
|
var convertHtml2Img = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
53
71
|
var _a, _b;
|
|
54
72
|
var _c;
|
|
@@ -134,16 +152,20 @@ exports.default = (0, react_1.memo)(function ShareAction(_a) {
|
|
|
134
152
|
justifyContent: "center",
|
|
135
153
|
alignItems: "center",
|
|
136
154
|
width: "3rem",
|
|
137
|
-
|
|
155
|
+
minWidth: "0",
|
|
138
156
|
display: "flex",
|
|
139
157
|
color: "#fff",
|
|
140
|
-
|
|
158
|
+
aspectRatio: "1 / 1",
|
|
159
|
+
background: "#1E4841",
|
|
160
|
+
}, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M3.375 13.75V15.625C3.375 16.1223 3.57254 16.5992 3.92417 16.9508C4.27581 17.3025 4.75272 17.5 5.25 17.5H16.5C16.9973 17.5 17.4742 17.3025 17.8258 16.9508C18.1775 16.5992 18.375 16.1223 18.375 15.625V13.75M14.625 10L10.875 13.75M10.875 13.75L7.125 10M10.875 13.75V2.5", stroke: "white", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.content02), color: (_b = palette_1.palette.positive) === null || _b === void 0 ? void 0 : _b.main, children: "Save photo" })] }), (0, jsx_runtime_1.jsxs)(material_1.Grid2, { display: "flex", flexDirection: "column", gap: "0.375rem", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", onClick: handleCopyLink, sx: {
|
|
141
161
|
borderRadius: "0.75rem",
|
|
142
162
|
justifyContent: "center",
|
|
143
163
|
alignItems: "center",
|
|
144
164
|
width: "3rem",
|
|
145
|
-
|
|
165
|
+
minWidth: "0",
|
|
146
166
|
display: "flex",
|
|
147
167
|
color: "#fff",
|
|
148
|
-
|
|
168
|
+
aspectRatio: "1 / 1",
|
|
169
|
+
background: "#1E4841",
|
|
170
|
+
}, children: copySuccess ? ((0, jsx_runtime_1.jsx)(exports.SuccessAnimation, {})) : ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.6167 7.24002C12.1582 7.49857 12.6298 7.8833 12.9918 8.36189C13.3538 8.84048 13.5956 9.39895 13.697 9.9904C13.7985 10.5818 13.7564 11.189 13.5745 11.7608C13.3926 12.3327 13.0762 12.8525 12.6517 13.2767L8.90169 17.0267C8.19842 17.73 7.24459 18.125 6.25002 18.125C5.25546 18.125 4.30162 17.73 3.59836 17.0267C2.89509 16.3234 2.5 15.3696 2.5 14.375C2.5 13.3805 2.89509 12.4266 3.59836 11.7234L5.06252 10.2592M16.1875 9.74086L17.6517 8.27669C18.355 7.57342 18.75 6.61959 18.75 5.62502C18.75 4.63046 18.355 3.67662 17.6517 2.97336C16.9484 2.27009 15.9946 1.875 15 1.875C14.0055 1.875 13.0516 2.27009 12.3484 2.97336L8.59836 6.72336C8.17389 7.14752 7.85741 7.66736 7.67551 8.23921C7.49361 8.81105 7.45159 9.4182 7.553 10.0096C7.6544 10.6011 7.89626 11.1596 8.25827 11.6382C8.62027 12.1167 9.09183 12.5015 9.63336 12.76", stroke: "white", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) })) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.content02), color: (_c = palette_1.palette.positive) === null || _c === void 0 ? void 0 : _c.main, children: copySuccess ? "Copied!" : "Copy link" })] })] }));
|
|
149
171
|
});
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
@@ -10,12 +21,16 @@ var shareImage_1 = __importDefault(require("./shareImage"));
|
|
|
10
21
|
var shareAction_1 = __importDefault(require("./shareAction"));
|
|
11
22
|
var theme_1 = __importDefault(require("../../../../theme/mui/deposit-fiat-theme/theme"));
|
|
12
23
|
var react_1 = require("react");
|
|
24
|
+
var Text_1 = __importDefault(require("../../Text"));
|
|
25
|
+
var style_1 = require("../style");
|
|
26
|
+
var palette_1 = require("../../../../theme/mui/deposit-fiat-theme/palette");
|
|
13
27
|
function ShareDrawer(_a) {
|
|
28
|
+
var _b, _c;
|
|
14
29
|
var depositData = _a.depositData, count = _a.count, handleRefresh = _a.handleRefresh, onClose = _a.onClose;
|
|
15
30
|
var shareRef = (0, react_1.useRef)(null);
|
|
16
31
|
return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { p: "1rem", sx: {
|
|
17
32
|
background: theme_1.default.palette.tertiary.main,
|
|
18
33
|
maxHeight: "70%",
|
|
19
34
|
overflowY: "auto",
|
|
20
|
-
}, pb: "2.5rem", gap: "0.75rem", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "100%", flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(
|
|
35
|
+
}, pb: "2.5rem", gap: "0.75rem", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "100%", flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title01), color: (_b = palette_1.palette.positive) === null || _b === void 0 ? void 0 : _b.main, children: "Share" }), (0, jsx_runtime_1.jsx)("svg", { onClick: onClose, xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M1 13L13 1M1 1L13 13", stroke: "#121212", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsx)(shareImage_1.default, { ref: shareRef, data: depositData, count: count, handleRefresh: handleRefresh }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "0.75rem", width: "100%", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title01), color: (_c = palette_1.palette.positive) === null || _c === void 0 ? void 0 : _c.main, children: "Share To" }), (0, jsx_runtime_1.jsx)(shareAction_1.default, { data: depositData, shareRef: shareRef })] })] }));
|
|
21
36
|
}
|
|
@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.default = ShareImage;
|
|
7
7
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
var material_1 = require("@mui/material");
|
|
9
|
-
var image_1 = __importDefault(require("next/image"));
|
|
10
9
|
var formatter_1 = __importDefault(require("../../Formatter/functions/formatter"));
|
|
11
10
|
var theme_1 = __importDefault(require("../../../../theme/mui/deposit-fiat-theme/theme"));
|
|
11
|
+
var Icon_1 = __importDefault(require("../../Icon"));
|
|
12
|
+
var Text_1 = __importDefault(require("../../Text"));
|
|
12
13
|
function ShareImage(_a) {
|
|
13
14
|
var _b, _c;
|
|
14
15
|
var data = _a.data, count = _a.count, handleRefresh = _a.handleRefresh, ref = _a.ref;
|
|
@@ -18,12 +19,15 @@ function ShareImage(_a) {
|
|
|
18
19
|
gap: "2rem",
|
|
19
20
|
alignItems: "center",
|
|
20
21
|
textAlign: "center",
|
|
21
|
-
}, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", children: [(0, jsx_runtime_1.jsx)(
|
|
22
|
+
}, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: "/icons/logo.svg", alt: "", width: 34, height: 34 }), (0, jsx_runtime_1.jsxs)(Text_1.default, { color: "positive", sx: {
|
|
23
|
+
mt: "0.5rem",
|
|
24
|
+
display: "flex",
|
|
25
|
+
flexDirection: "column",
|
|
22
26
|
gap: "3px",
|
|
23
27
|
fontSize: "9px",
|
|
24
28
|
fontWeight: 700,
|
|
25
29
|
lineHeight: "140%",
|
|
26
|
-
}, children: ["Ting.Money", (0, jsx_runtime_1.jsx)(
|
|
30
|
+
}, children: ["Ting.Money", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
27
31
|
fontSize: "6px",
|
|
28
32
|
fontWeight: 500,
|
|
29
33
|
lineHeight: "140%",
|
|
@@ -32,32 +36,35 @@ function ShareImage(_a) {
|
|
|
32
36
|
width: "100%",
|
|
33
37
|
paddingLeft: "16px",
|
|
34
38
|
paddingRight: "16px",
|
|
35
|
-
}, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: "52%", position: "relative", aspectRatio: "1 / 1" }, children: [(0, jsx_runtime_1.jsx)(
|
|
39
|
+
}, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: "52%", position: "relative", aspectRatio: "1 / 1" }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { alt: "", sx: {
|
|
40
|
+
position: "absolute",
|
|
41
|
+
inset: 0,
|
|
42
|
+
}, src: (_b = data === null || data === void 0 ? void 0 : data.qr_code) !== null && _b !== void 0 ? _b : "/", style: { filter: count === 0 ? "blur(6px)" : "none" } }), count === 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { onClick: handleRefresh, sx: {
|
|
36
43
|
display: "flex",
|
|
37
44
|
position: "absolute",
|
|
38
45
|
inset: "0",
|
|
39
46
|
backgroundColor: "transparent",
|
|
40
47
|
alignItems: "center",
|
|
41
48
|
justifyContent: "center",
|
|
42
|
-
}, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M16.0234 9.34794H21.0154L17.8344 6.16494C16.8103 5.14081 15.5346 4.40433 14.1356 4.02955C12.7366 3.65476 11.2636 3.65487 9.86464 4.02986C8.4657 4.40486 7.19014 5.14153 6.16617 6.16581C5.14221 7.19009 4.40594 8.46588 4.03138 9.86494M2.98537 19.6439V14.6519M2.98537 14.6519H7.97738M2.98537 14.6519L6.16537 17.8349C7.18949 18.8591 8.46517 19.5955 9.86416 19.9703C11.2632 20.3451 12.7362 20.345 14.1351 19.97C15.534 19.595 16.8096 18.8584 17.8336 17.8341C18.8575 16.8098 19.5938 15.534 19.9684 14.1349M21.0154 4.35594V9.34594", stroke: "#1E4841", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }), (0, jsx_runtime_1.jsxs)(
|
|
49
|
+
}, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M16.0234 9.34794H21.0154L17.8344 6.16494C16.8103 5.14081 15.5346 4.40433 14.1356 4.02955C12.7366 3.65476 11.2636 3.65487 9.86464 4.02986C8.4657 4.40486 7.19014 5.14153 6.16617 6.16581C5.14221 7.19009 4.40594 8.46588 4.03138 9.86494M2.98537 19.6439V14.6519M2.98537 14.6519H7.97738M2.98537 14.6519L6.16537 17.8349C7.18949 18.8591 8.46517 19.5955 9.86416 19.9703C11.2632 20.3451 12.7362 20.345 14.1351 19.97C15.534 19.595 16.8096 18.8584 17.8336 17.8341C18.8575 16.8098 19.5938 15.534 19.9684 14.1349M21.0154 4.35594V9.34594", stroke: "#1E4841", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }), (0, jsx_runtime_1.jsxs)(Text_1.default, { component: "span", sx: {
|
|
43
50
|
display: "flex",
|
|
44
51
|
flexDirection: "column",
|
|
45
52
|
fontSize: "0.813rem",
|
|
46
53
|
fontWeight: 600,
|
|
47
54
|
lineHeight: "140%",
|
|
48
55
|
alignItems: "center",
|
|
49
|
-
}, color: "primary", children: [(0, formatter_1.default)((_c = data === null || data === void 0 ? void 0 : data.amount) !== null && _c !== void 0 ? _c : 0, !!0, !!0) || "--", (0, jsx_runtime_1.jsx)(
|
|
56
|
+
}, color: "primary", children: [(0, formatter_1.default)((_c = data === null || data === void 0 ? void 0 : data.amount) !== null && _c !== void 0 ? _c : 0, !!0, !!0) || "--", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
50
57
|
fontSize: ".5rem",
|
|
51
58
|
fontWeight: 500,
|
|
52
59
|
lineHeight: "140%",
|
|
53
|
-
}, color: "accent2", children: "VND" })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsxs)(
|
|
60
|
+
}, color: "accent2", children: "VND" })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsxs)(Text_1.default, { component: "span", sx: {
|
|
54
61
|
display: "flex",
|
|
55
62
|
flexDirection: "column",
|
|
56
63
|
gap: "3px",
|
|
57
64
|
fontSize: "0.563rem",
|
|
58
65
|
alignItems: "center",
|
|
59
66
|
textAlign: "center",
|
|
60
|
-
}, children: [data === null || data === void 0 ? void 0 : data.metadata.bank_account.account_name, (0, jsx_runtime_1.jsx)(
|
|
67
|
+
}, children: [data === null || data === void 0 ? void 0 : data.metadata.bank_account.account_name, (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontSize: ".375rem" }, children: data === null || data === void 0 ? void 0 : data.metadata.bank_account.bank_name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontSize: ".563rem", display: "flex", alignItems: "center", gap: "4px" }, children: data === null || data === void 0 ? void 0 : data.metadata.bank_account.account_number })] })] }), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
61
68
|
position: "absolute",
|
|
62
69
|
top: "-1px",
|
|
63
70
|
left: "-1px",
|
|
@@ -58,7 +58,6 @@ var xhub_keyboard_1 = require("xhub-keyboard");
|
|
|
58
58
|
var useUniqueId_1 = require("../../../hooks/useUniqueId");
|
|
59
59
|
var getDepositFiatInfoService_1 = __importDefault(require("../../../services/axios/get-deposit-fiat-info-service/getDepositFiatInfoService"));
|
|
60
60
|
var useWallet_1 = __importDefault(require("../../../hooks/useWallet"));
|
|
61
|
-
var image_1 = __importDefault(require("next/image"));
|
|
62
61
|
var usehooks_ts_1 = require("usehooks-ts");
|
|
63
62
|
var TimeText_1 = __importDefault(require("../TimeText"));
|
|
64
63
|
var formatter_1 = __importDefault(require("../Formatter/functions/formatter"));
|
|
@@ -66,6 +65,11 @@ var shareDrawer_1 = __importDefault(require("./components/shareDrawer"));
|
|
|
66
65
|
var link_1 = __importDefault(require("next/link"));
|
|
67
66
|
var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
|
|
68
67
|
var theme_1 = __importDefault(require("../../../theme/mui/deposit-fiat-theme/theme"));
|
|
68
|
+
var Icon_1 = __importDefault(require("../Icon"));
|
|
69
|
+
var Button_1 = __importDefault(require("../Button"));
|
|
70
|
+
var Text_1 = __importDefault(require("../Text"));
|
|
71
|
+
var style_1 = require("./style");
|
|
72
|
+
var palette_1 = require("../../../theme/mui/deposit-fiat-theme/palette");
|
|
69
73
|
// Because PageHeader component don't work
|
|
70
74
|
var BackArrow = function (props) {
|
|
71
75
|
return ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, props, { children: [(0, jsx_runtime_1.jsx)("mask", { id: "mask0_6061_2295", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "24", children: (0, jsx_runtime_1.jsx)("rect", { width: "24", height: "24", fill: "#D9D9D9" }) }), (0, jsx_runtime_1.jsx)("g", { mask: "url(#mask0_6061_2295)", children: (0, jsx_runtime_1.jsx)("path", { d: "M14 17.6538L8.34619 12L14 6.34619L15.0538 7.40002L10.4538 12L15.0538 16.6L14 17.6538Z", fill: "#121212" }) })] })));
|
|
@@ -77,29 +81,29 @@ var Header = function (_a) {
|
|
|
77
81
|
gridTemplateColumns: "1fr 1fr 1fr",
|
|
78
82
|
gridTemplateRows: "1fr",
|
|
79
83
|
alignItems: "center",
|
|
80
|
-
}, children: [(0, jsx_runtime_1.jsx)(material_1.Grid2, { children: (0, jsx_runtime_1.jsx)(BackArrow, { onClick: handleBack }) }), (0, jsx_runtime_1.jsx)(material_1.Grid2, { display: "flex", children: (0, jsx_runtime_1.jsx)(
|
|
84
|
+
}, children: [(0, jsx_runtime_1.jsx)(material_1.Grid2, { children: (0, jsx_runtime_1.jsx)(BackArrow, { onClick: handleBack }) }), (0, jsx_runtime_1.jsx)(material_1.Grid2, { display: "flex", children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, style_1.title01), { width: "100%", textAlign: "center" }), children: "Top up" }) }), (0, jsx_runtime_1.jsx)(material_1.Grid2, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", justifyContent: "end", gap: ".5rem", children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 20, height: 20 }, children: SvgPath_1.IC_HELP }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true, sx: { width: "1px" } }), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: historyRef, trigger: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 20, height: 20, display: "block" }, children: SvgPath_1.IC_HISTORY }), direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(ReceiveHistory_1.default, { onClose: function () { var _a; return (_a = historyRef.current) === null || _a === void 0 ? void 0 : _a.close(); } }) })] }) })] }));
|
|
81
85
|
};
|
|
82
86
|
var CopyIcon = function () {
|
|
83
87
|
return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M11 11.5V13.75C11 14.164 10.664 14.5 10.25 14.5H3.75C3.55109 14.5 3.36032 14.421 3.21967 14.2803C3.07902 14.1397 3 13.9489 3 13.75V5.25C3 4.836 3.336 4.5 3.75 4.5H5C5.33505 4.49977 5.66954 4.52742 6 4.58267M11 11.5H13.25C13.664 11.5 14 11.164 14 10.75V7.5C14 4.52667 11.838 2.05933 9 1.58267C8.66954 1.52742 8.33505 1.49977 8 1.5H6.75C6.336 1.5 6 1.836 6 2.25V4.58267M11 11.5H6.75C6.55109 11.5 6.36032 11.421 6.21967 11.2803C6.07902 11.1397 6 10.9489 6 10.75V4.58267M14 9V7.75C14 7.15326 13.7629 6.58097 13.341 6.15901C12.919 5.73705 12.3467 5.5 11.75 5.5H10.75C10.5511 5.5 10.3603 5.42098 10.2197 5.28033C10.079 5.13968 10 4.94891 10 4.75V3.75C10 3.45453 9.9418 3.16195 9.82873 2.88896C9.71566 2.61598 9.54992 2.36794 9.34099 2.15901C9.13206 1.95008 8.88402 1.78435 8.61104 1.67127C8.33806 1.5582 8.04547 1.5 7.75 1.5H7", stroke: "#1E4841", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
84
88
|
};
|
|
85
89
|
exports.CopyIcon = CopyIcon;
|
|
86
90
|
function FiatDeposit(_a) {
|
|
87
|
-
var _b, _c, _d, _e, _f;
|
|
91
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
88
92
|
var children = _a.children;
|
|
89
93
|
var amountInputRef = (0, react_1.useRef)(null);
|
|
90
|
-
var
|
|
91
|
-
var
|
|
92
|
-
var
|
|
93
|
-
var
|
|
94
|
+
var _m = (0, useWallet_1.default)(), masterWallet = _m.masterWallet, transaction = _m.transaction, updateActivities = _m.updateActivities, receiveExternalTokens = _m.receiveExternalTokens, tokens = _m.tokens, pushNotification = _m.pushNotification;
|
|
95
|
+
var _o = (0, react_1.useState)(false), open = _o[0], setOpen = _o[1];
|
|
96
|
+
var _p = (0, react_1.useState)(false), openQR = _p[0], setOpenQR = _p[1];
|
|
97
|
+
var _q = (0, react_1.useState)(false), openShare = _q[0], setOpenShare = _q[1];
|
|
94
98
|
var keyboardId = (0, useUniqueId_1.useUniqueId)("receive-function-keyboard");
|
|
95
|
-
var
|
|
96
|
-
var
|
|
97
|
-
var
|
|
98
|
-
var
|
|
99
|
-
var
|
|
100
|
-
var
|
|
99
|
+
var _r = (0, react_1.useState)(""), inputAmount = _r[0], setInputAmount = _r[1];
|
|
100
|
+
var _s = (0, react_1.useState)(null), depositData = _s[0], setDepositData = _s[1];
|
|
101
|
+
var _t = (0, react_1.useState)(false), loading = _t[0], setLoading = _t[1];
|
|
102
|
+
var _u = (0, react_1.useState)(null), error = _u[0], setError = _u[1];
|
|
103
|
+
var _v = (0, react_1.useState)(false), copySuccess = _v[0], setCopySuccess = _v[1];
|
|
104
|
+
var _w = (0, usehooks_ts_1.useCountdown)({
|
|
101
105
|
countStart: 600,
|
|
102
|
-
}), count =
|
|
106
|
+
}), count = _w[0], _x = _w[1], startCountdown = _x.startCountdown, resetCountdown = _x.resetCountdown;
|
|
103
107
|
var handleChangeAmount = function (value) {
|
|
104
108
|
var amountNumber = Number(value);
|
|
105
109
|
if (isNaN(amountNumber)) {
|
|
@@ -113,7 +117,7 @@ function FiatDeposit(_a) {
|
|
|
113
117
|
setError("Token not found");
|
|
114
118
|
return false;
|
|
115
119
|
}
|
|
116
|
-
if (+input
|
|
120
|
+
if (+input < token.min_value) {
|
|
117
121
|
setError("Minimum deposit amount is ".concat((0, formatter_1.default)(token.min_value, false, false)));
|
|
118
122
|
return false;
|
|
119
123
|
}
|
|
@@ -190,10 +194,10 @@ function FiatDeposit(_a) {
|
|
|
190
194
|
}
|
|
191
195
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
192
196
|
}, [inputAmount]);
|
|
193
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
197
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { onClick: function (e) {
|
|
194
198
|
e.stopPropagation();
|
|
195
199
|
setOpen(true);
|
|
196
|
-
}, children: children }), (0, jsx_runtime_1.jsxs)(material_1.Drawer, { open: open, onClose: function () {
|
|
200
|
+
}, children: children }), (0, jsx_runtime_1.jsxs)(material_1.Drawer, { classes: { paper: "w-full" }, open: open, onClose: function () {
|
|
197
201
|
setOpen(false);
|
|
198
202
|
setInputAmount("");
|
|
199
203
|
}, anchor: "right", keepMounted: false, onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(Header, { handleBack: function () {
|
|
@@ -211,11 +215,11 @@ function FiatDeposit(_a) {
|
|
|
211
215
|
borderColor: theme_1.default.palette.accent3.main,
|
|
212
216
|
borderRadius: "1rem",
|
|
213
217
|
gap: "0.5rem",
|
|
214
|
-
}, children: [(0, jsx_runtime_1.jsx)(
|
|
218
|
+
}, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title02), color: (_b = palette_1.palette.positive) === null || _b === void 0 ? void 0 : _b.main, children: "You Pay" }), (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Input, { autoFocus: true, alwaysFocus: true, ref: amountInputRef, elementsAcceptIds: ["amount-keyboard-id"], value: inputAmount === null || inputAmount === void 0 ? void 0 : inputAmount.toString(), displayType: xhub_keyboard_1.DisplayType.Double, styles: {
|
|
215
219
|
container: {
|
|
216
220
|
border: "1px solid ".concat(error ? theme_1.default.palette.error.main : theme_1.default.palette.primary.main),
|
|
217
221
|
},
|
|
218
|
-
}, rightElement: (0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", gap: "4px", flexShrink: 0, pl: "1rem", children: [(0, jsx_runtime_1.jsx)(
|
|
222
|
+
}, rightElement: (0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", gap: "4px", flexShrink: 0, pl: "1rem", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { alt: "", width: 16, height: 16, src: (_d = (_c = tokens === null || tokens === void 0 ? void 0 : tokens.find(function (item) { return item.currency_slug.toLocaleLowerCase() === "vnd"; })) === null || _c === void 0 ? void 0 : _c.currency.link) !== null && _d !== void 0 ? _d : "/" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.title03), color: (_e = palette_1.palette.accent2) === null || _e === void 0 ? void 0 : _e.main, children: "VND" })] }) }) }), error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, style_1.content02), display: "flex", alignItems: "center", gap: "4px", className: "text-error", children: [(0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M7 5.25V7.4375M12.25 7C12.25 7.68944 12.1142 8.37213 11.8504 9.00909C11.5865 9.64605 11.1998 10.2248 10.7123 10.7123C10.2248 11.1998 9.64605 11.5865 9.00909 11.8504C8.37213 12.1142 7.68944 12.25 7 12.25C6.31056 12.25 5.62787 12.1142 4.99091 11.8504C4.35395 11.5865 3.7752 11.1998 3.28769 10.7123C2.80018 10.2248 2.41347 9.64605 2.14963 9.00909C1.8858 8.37213 1.75 7.68944 1.75 7C1.75 5.60761 2.30312 4.27226 3.28769 3.28769C4.27226 2.30312 5.60761 1.75 7 1.75C8.39239 1.75 9.72774 2.30312 10.7123 3.28769C11.6969 4.27226 12.25 5.60761 12.25 7ZM7 9.1875H7.00467V9.19217H7V9.1875Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }) }), error] }))] }) }), (0, jsx_runtime_1.jsx)(material_1.Stack, { pt: "12px", id: "input-amount-action", children: (0, jsx_runtime_1.jsx)(material_1.Box, { px: "1rem", pb: "1.5rem", children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { loading: loading, disabled: loading || !!error, onClick: handleClick, fullWidth: true, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.button), children: "Continue" }) }) }) })] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Drawer, { classes: { paper: "w-full" }, open: openQR, onClose: function () { return setOpenQR(false); }, anchor: "right", keepMounted: false, onClick: function (e) { return e.stopPropagation(); }, children: [(0, jsx_runtime_1.jsx)(Header, { handleBack: function () {
|
|
219
223
|
setOpen(false);
|
|
220
224
|
setOpenQR(false);
|
|
221
225
|
setInputAmount("");
|
|
@@ -225,30 +229,37 @@ function FiatDeposit(_a) {
|
|
|
225
229
|
borderColor: theme_1.default.palette.accent3.main,
|
|
226
230
|
borderRadius: "1rem",
|
|
227
231
|
gap: "0.75rem",
|
|
228
|
-
}, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { position: "relative", width: "45%", mt: "-25%", sx: { aspectRatio: "1 / 1" }, children: [(0, jsx_runtime_1.jsx)(
|
|
232
|
+
}, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { position: "relative", width: "45%", mt: "-25%", sx: { aspectRatio: "1 / 1" }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (_f = depositData === null || depositData === void 0 ? void 0 : depositData.qr_code) !== null && _f !== void 0 ? _f : "/", sx: {
|
|
233
|
+
position: "absolute",
|
|
234
|
+
inset: 0,
|
|
235
|
+
}, style: { filter: count === 0 ? "blur(6px)" : "none" } }), count === 0 && ((0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", position: "absolute", alignItems: "center", justifyContent: "center", sx: {
|
|
229
236
|
background: "transparent",
|
|
230
237
|
inset: 0,
|
|
231
|
-
}, onClick: handleClick, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M16.0234 9.34794H21.0154L17.8344 6.16494C16.8103 5.14081 15.5346 4.40433 14.1356 4.02955C12.7366 3.65476 11.2636 3.65487 9.86464 4.02986C8.4657 4.40486 7.19014 5.14153 6.16617 6.16581C5.14221 7.19009 4.40594 8.46588 4.03138 9.86494M2.98537 19.6439V14.6519M2.98537 14.6519H7.97738M2.98537 14.6519L6.16537 17.8349C7.18949 18.8591 8.46517 19.5955 9.86416 19.9703C11.2632 20.3451 12.7362 20.345 14.1351 19.97C15.534 19.595 16.8096 18.8584 17.8336 17.8341C18.8575 16.8098 19.5938 15.534 19.9684 14.1349M21.0154 4.35594V9.34594", stroke: "#1E4841", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }), (0, jsx_runtime_1.jsxs)(
|
|
238
|
+
}, onClick: handleClick, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M16.0234 9.34794H21.0154L17.8344 6.16494C16.8103 5.14081 15.5346 4.40433 14.1356 4.02955C12.7366 3.65476 11.2636 3.65487 9.86464 4.02986C8.4657 4.40486 7.19014 5.14153 6.16617 6.16581C5.14221 7.19009 4.40594 8.46588 4.03138 9.86494M2.98537 19.6439V14.6519M2.98537 14.6519H7.97738M2.98537 14.6519L6.16537 17.8349C7.18949 18.8591 8.46517 19.5955 9.86416 19.9703C11.2632 20.3451 12.7362 20.345 14.1351 19.97C15.534 19.595 16.8096 18.8584 17.8336 17.8341C18.8575 16.8098 19.5938 15.534 19.9684 14.1349M21.0154 4.35594V9.34594", stroke: "#1E4841", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
|
|
232
239
|
fontSize: "1.5rem",
|
|
233
240
|
fontWeight: 600,
|
|
234
241
|
lineHeight: "140%",
|
|
235
242
|
display: "flex",
|
|
236
243
|
alignItems: "center",
|
|
237
244
|
flexDirection: "column",
|
|
238
|
-
}, color: "primary", children: [(0, formatter_1.default)((
|
|
245
|
+
}, color: "primary", children: [(0, formatter_1.default)((_g = depositData === null || depositData === void 0 ? void 0 : depositData.amount) !== null && _g !== void 0 ? _g : 0, false, false) || "--", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
239
246
|
fontSize: "0.938rem",
|
|
240
247
|
fontWeight: 500,
|
|
241
248
|
lineHeight: "140%",
|
|
242
|
-
}, color:
|
|
249
|
+
}, color: (_h = palette_1.palette.accent2) === null || _h === void 0 ? void 0 : _h.main, children: "VND" })] }), (0, jsx_runtime_1.jsxs)(Text_1.default, { display: "flex", alignItems: "center", gap: "0.375rem", sx: __assign({}, style_1.title03), color: (_j = palette_1.palette.accent2) === null || _j === void 0 ? void 0 : _j.main, children: ["Top up time left", (0, jsx_runtime_1.jsx)(TimeText_1.default, { seconds: count }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M7 5V7.5M13 7C13 7.78793 12.8448 8.56815 12.5433 9.2961C12.2417 10.0241 11.7998 10.6855 11.2426 11.2426C10.6855 11.7998 10.0241 12.2417 9.2961 12.5433C8.56815 12.8448 7.78793 13 7 13C6.21207 13 5.43185 12.8448 4.7039 12.5433C3.97595 12.2417 3.31451 11.7998 2.75736 11.2426C2.20021 10.6855 1.75825 10.0241 1.45672 9.2961C1.15519 8.56815 1 7.78793 1 7C1 5.4087 1.63214 3.88258 2.75736 2.75736C3.88258 1.63214 5.4087 1 7 1C8.5913 1 10.1174 1.63214 11.2426 2.75736C12.3679 3.88258 13 5.4087 13 7ZM7 9.5H7.00533V9.50533H7V9.5Z", stroke: "#1E4841", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsxs)(Text_1.default, { display: "flex", flexDirection: "column", alignItems: "center", gap: "0.375rem", sx: __assign({}, style_1.title01), children: [depositData === null || depositData === void 0 ? void 0 : depositData.metadata.bank_account.account_name, (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.content02), color: (_k = palette_1.palette.accent2) === null || _k === void 0 ? void 0 : _k.main, children: depositData === null || depositData === void 0 ? void 0 : depositData.metadata.bank_account.bank_name }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, style_1.title02), display: "flex", alignItems: "center", gap: "0.25rem", children: [copySuccess ? "Copied!" : depositData === null || depositData === void 0 ? void 0 : depositData.metadata.bank_account.account_number, (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: function () { var _a; return handleCopyLink((_a = depositData === null || depositData === void 0 ? void 0 : depositData.metadata.bank_account.account_number) !== null && _a !== void 0 ? _a : ""); }, children: (0, jsx_runtime_1.jsx)(exports.CopyIcon, {}) })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: (_l = depositData === null || depositData === void 0 ? void 0 : depositData._link.payment_link.href) !== null && _l !== void 0 ? _l : "#", target: "_blank", rel: "noopener noreferrer", style: {
|
|
243
250
|
marginTop: "-0.5rem",
|
|
244
|
-
}, children: (0, jsx_runtime_1.jsx)(
|
|
251
|
+
}, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, style_1.content02), { textDecoration: "underline", fontStyle: "italic" }), children: "Transfer" }) })] })] }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { pt: "0.75rem", pb: "1rem", width: "100%", children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { disabled: loading, loading: loading, onClick: function () {
|
|
245
252
|
if (count === 0) {
|
|
246
253
|
handleClick();
|
|
247
254
|
}
|
|
248
255
|
else {
|
|
249
256
|
setOpenShare(true);
|
|
250
257
|
}
|
|
251
|
-
}, fullWidth: true, children: count === 0 ? "Reload" : "Share" }) })] })] }), (0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, { keepMounted: false, anchor: "bottom", open: openShare, onOpen: function () { return setOpenShare(true); }, onClose: function () { return setOpenShare(false); },
|
|
258
|
+
}, fullWidth: true, children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, style_1.button), children: count === 0 ? "Reload" : "Share" }) }) })] })] }), (0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, { keepMounted: false, anchor: "bottom", open: openShare, onOpen: function () { return setOpenShare(true); }, onClose: function () { return setOpenShare(false); }, sx: {
|
|
252
259
|
zIndex: 1201,
|
|
260
|
+
"& .MuiDrawer-paper": {
|
|
261
|
+
borderTopLeftRadius: "1rem",
|
|
262
|
+
borderTopRightRadius: "1rem",
|
|
263
|
+
},
|
|
253
264
|
}, onClick: function (e) { return e.stopPropagation(); }, children: (0, jsx_runtime_1.jsx)(shareDrawer_1.default, { count: count, depositData: depositData, handleRefresh: handleClick, onClose: function () { return setOpenShare(false); } }) })] }));
|
|
254
265
|
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export declare const title01: {
|
|
2
|
+
fontSize: string;
|
|
3
|
+
fontStyle: string;
|
|
4
|
+
fontWeight: number;
|
|
5
|
+
lineHeight: string;
|
|
6
|
+
textTransform: "capitalize";
|
|
7
|
+
};
|
|
8
|
+
export declare const title02: {
|
|
9
|
+
fontSize: string;
|
|
10
|
+
fontStyle: string;
|
|
11
|
+
fontWeight: number;
|
|
12
|
+
lineHeight: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const title03: {
|
|
15
|
+
fontSize: string;
|
|
16
|
+
fontStyle: string;
|
|
17
|
+
fontWeight: number;
|
|
18
|
+
lineHeight: string;
|
|
19
|
+
textTransform: "capitalize";
|
|
20
|
+
};
|
|
21
|
+
export declare const button: {
|
|
22
|
+
fontSize: string;
|
|
23
|
+
fontStyle: string;
|
|
24
|
+
fontWeight: number;
|
|
25
|
+
lineHeight: string;
|
|
26
|
+
};
|
|
27
|
+
export declare const content02: {
|
|
28
|
+
fontSize: string;
|
|
29
|
+
fontStyle: string;
|
|
30
|
+
fontWeight: number;
|
|
31
|
+
lineHeight: string;
|
|
32
|
+
};
|
|
33
|
+
export declare const content01: {
|
|
34
|
+
fontSize: string;
|
|
35
|
+
fontStyle: string;
|
|
36
|
+
fontWeight: number;
|
|
37
|
+
lineHeight: string;
|
|
38
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.content01 = exports.content02 = exports.button = exports.title03 = exports.title02 = exports.title01 = void 0;
|
|
4
|
+
exports.title01 = {
|
|
5
|
+
fontSize: "var(--font-size-lg, 16px)",
|
|
6
|
+
fontStyle: "normal",
|
|
7
|
+
fontWeight: 700,
|
|
8
|
+
lineHeight: "140%", // 22.4px
|
|
9
|
+
textTransform: "capitalize",
|
|
10
|
+
};
|
|
11
|
+
exports.title02 = {
|
|
12
|
+
fontSize: "var(--font-size-md, 14px)",
|
|
13
|
+
fontStyle: "normal",
|
|
14
|
+
fontWeight: 600,
|
|
15
|
+
lineHeight: "140%", // 19.6px
|
|
16
|
+
};
|
|
17
|
+
exports.title03 = {
|
|
18
|
+
fontSize: "var(--font-size-sm, 13px)",
|
|
19
|
+
fontStyle: "normal",
|
|
20
|
+
fontWeight: 500,
|
|
21
|
+
lineHeight: "140%", // 18.2px
|
|
22
|
+
textTransform: "capitalize",
|
|
23
|
+
};
|
|
24
|
+
exports.button = {
|
|
25
|
+
fontSize: "var(--font-size-md, 14px)",
|
|
26
|
+
fontStyle: "normal",
|
|
27
|
+
fontWeight: 600,
|
|
28
|
+
lineHeight: "120%", // 16.8px
|
|
29
|
+
};
|
|
30
|
+
exports.content02 = {
|
|
31
|
+
fontSize: "10px",
|
|
32
|
+
fontStyle: "normal",
|
|
33
|
+
fontWeight: 500,
|
|
34
|
+
lineHeight: "160%",
|
|
35
|
+
};
|
|
36
|
+
exports.content01 = {
|
|
37
|
+
fontSize: "var(--font-size-xs, 12px)",
|
|
38
|
+
fontStyle: "normal",
|
|
39
|
+
fontWeight: 400,
|
|
40
|
+
lineHeight: "140%", // 16.8px
|
|
41
|
+
};
|
|
@@ -51,7 +51,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
51
51
|
exports.AuthView = void 0;
|
|
52
52
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
53
53
|
var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
|
|
54
|
-
var Image_1 = __importDefault(require("../../ui/Image"));
|
|
55
54
|
var Button_1 = __importDefault(require("../../ui/Button"));
|
|
56
55
|
var Text_1 = __importDefault(require("../../ui/Text"));
|
|
57
56
|
var DrawerComponent_1 = __importStar(require("../../ui/DrawerComponent"));
|
|
@@ -63,6 +62,7 @@ var material_1 = require("@mui/material");
|
|
|
63
62
|
var ThemeProvider_1 = require("../../../providers/ThemeProvider");
|
|
64
63
|
var PageHeader_1 = __importDefault(require("../../ui/PageHeader"));
|
|
65
64
|
var getImage_1 = __importDefault(require("../../../utils/getImage"));
|
|
65
|
+
var Icon_1 = __importDefault(require("../../ui/Icon"));
|
|
66
66
|
var AuthView = function (props) {
|
|
67
67
|
var theme = (0, ThemeProvider_1.useTheme)();
|
|
68
68
|
var createWalletDrawerRef = (0, react_1.useRef)(null);
|
|
@@ -75,7 +75,7 @@ var AuthView = function (props) {
|
|
|
75
75
|
var _a;
|
|
76
76
|
(_a = importWalletDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
77
77
|
};
|
|
78
|
-
return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Connect Wallet", overrideBack: props.onBack }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem" }, props.sx), children: [(0, jsx_runtime_1.jsx)(
|
|
78
|
+
return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Connect Wallet", overrideBack: props.onBack }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem" }, props.sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getImage_1.default)("logo", "jpg"), sx: __assign(__assign({ width: "80%", aspectRatio: "1" }, theme.mixins.center), { position: "fixed" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
79
79
|
display: "flex",
|
|
80
80
|
flexDirection: "column",
|
|
81
81
|
gap: "1rem",
|
|
@@ -18,7 +18,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
18
18
|
exports.AuthViewSignIn = void 0;
|
|
19
19
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
20
|
var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
|
|
21
|
-
var Image_1 = __importDefault(require("../../ui/Image"));
|
|
22
21
|
var Button_1 = __importDefault(require("../../ui/Button"));
|
|
23
22
|
var Text_1 = __importDefault(require("../../ui/Text"));
|
|
24
23
|
var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
|
|
@@ -26,10 +25,11 @@ var material_1 = require("@mui/material");
|
|
|
26
25
|
var ThemeProvider_1 = require("../../../providers/ThemeProvider");
|
|
27
26
|
var PageHeader_1 = __importDefault(require("../../ui/PageHeader"));
|
|
28
27
|
var getImage_1 = __importDefault(require("../../../utils/getImage"));
|
|
28
|
+
var Icon_1 = __importDefault(require("../../ui/Icon"));
|
|
29
29
|
var AuthViewSignIn = function (props) {
|
|
30
30
|
var onSignIn = props.onSignIn;
|
|
31
31
|
var theme = (0, ThemeProvider_1.useTheme)();
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Connect Wallet", overrideBack: props.onBack }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem" }, props.sx), children: [(0, jsx_runtime_1.jsx)(
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { title: "Connect Wallet", overrideBack: props.onBack }), children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem" }, props.sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getImage_1.default)("logo", "jpg"), sx: __assign(__assign({ width: "80%", aspectRatio: "1" }, theme.mixins.center), { position: "fixed" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
33
33
|
display: "flex",
|
|
34
34
|
flexDirection: "column",
|
|
35
35
|
gap: "1rem",
|