tek-wallet 0.0.743 → 0.0.744
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/shareImage.js +6 -3
- package/dist/components/TekWallet/components/ui/FiatDeposit/index.js +6 -3
- 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
|
@@ -6,9 +6,9 @@ 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
12
|
function ShareImage(_a) {
|
|
13
13
|
var _b, _c;
|
|
14
14
|
var data = _a.data, count = _a.count, handleRefresh = _a.handleRefresh, ref = _a.ref;
|
|
@@ -18,7 +18,7 @@ function ShareImage(_a) {
|
|
|
18
18
|
gap: "2rem",
|
|
19
19
|
alignItems: "center",
|
|
20
20
|
textAlign: "center",
|
|
21
|
-
}, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", children: [(0, jsx_runtime_1.jsx)(
|
|
21
|
+
}, 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)(material_1.Typography, { component: "span", color: "positive", sx: {
|
|
22
22
|
gap: "3px",
|
|
23
23
|
fontSize: "9px",
|
|
24
24
|
fontWeight: 700,
|
|
@@ -32,7 +32,10 @@ function ShareImage(_a) {
|
|
|
32
32
|
width: "100%",
|
|
33
33
|
paddingLeft: "16px",
|
|
34
34
|
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)(
|
|
35
|
+
}, 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: {
|
|
36
|
+
position: "absolute",
|
|
37
|
+
inset: 0,
|
|
38
|
+
}, 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
39
|
display: "flex",
|
|
37
40
|
position: "absolute",
|
|
38
41
|
inset: "0",
|
|
@@ -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,7 @@ 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
69
|
// Because PageHeader component don't work
|
|
70
70
|
var BackArrow = function (props) {
|
|
71
71
|
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" }) })] })));
|
|
@@ -215,7 +215,7 @@ function FiatDeposit(_a) {
|
|
|
215
215
|
container: {
|
|
216
216
|
border: "1px solid ".concat(error ? theme_1.default.palette.error.main : theme_1.default.palette.primary.main),
|
|
217
217
|
},
|
|
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)(
|
|
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)(Icon_1.default, { alt: "", width: 16, height: 16, src: (_c = (_b = tokens === null || tokens === void 0 ? void 0 : tokens.find(function (item) { return item.currency_slug.toLocaleLowerCase() === "vnd"; })) === null || _b === void 0 ? void 0 : _b.currency.link) !== null && _c !== void 0 ? _c : "/" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "content01", color: "accent2", children: "VND" })] }) }) }), error && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "content02", color: "error", display: "flex", alignItems: "center", gap: "4px", 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)(material_1.Button, { loading: loading, disabled: loading || !!error, onClick: handleClick, fullWidth: true, children: "Continue" }) }) })] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Drawer, { 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
219
|
setOpen(false);
|
|
220
220
|
setOpenQR(false);
|
|
221
221
|
setInputAmount("");
|
|
@@ -225,7 +225,10 @@ function FiatDeposit(_a) {
|
|
|
225
225
|
borderColor: theme_1.default.palette.accent3.main,
|
|
226
226
|
borderRadius: "1rem",
|
|
227
227
|
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)(
|
|
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)(Icon_1.default, { src: (_d = depositData === null || depositData === void 0 ? void 0 : depositData.qr_code) !== null && _d !== void 0 ? _d : "/", sx: {
|
|
229
|
+
position: "absolute",
|
|
230
|
+
inset: 0,
|
|
231
|
+
}, 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
232
|
background: "transparent",
|
|
230
233
|
inset: 0,
|
|
231
234
|
}, 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)(material_1.Typography, { variant: "title01", sx: {
|
|
@@ -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",
|