tek-wallet 0.0.271 → 0.0.273
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/ui/ListItemCustom/index.d.ts +2 -2
- package/dist/components/ui/ListItemCustom/index.js +1 -1
- package/dist/components/ui/QrCodeReader/index.d.ts +11 -0
- package/dist/components/ui/QrCodeReader/index.js +51 -0
- package/dist/components/ui/WithdrawFunction/index.js +45 -32
- package/package.json +2 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ListItemButtonProps } from "@mui/material";
|
|
2
2
|
import { ReactEventHandler } from "react";
|
|
3
|
-
export interface ListItemCustomProps extends Omit<
|
|
3
|
+
export interface ListItemCustomProps extends Omit<ListItemButtonProps, "title"> {
|
|
4
4
|
title: React.ReactNode;
|
|
5
5
|
description: React.ReactNode;
|
|
6
6
|
icon: string;
|
|
@@ -33,6 +33,6 @@ var Text_1 = __importDefault(require("../Text"));
|
|
|
33
33
|
function ListItemCustom(_a) {
|
|
34
34
|
var title = _a.title, description = _a.description, icon = _a.icon, rightIcon = _a.rightIcon, hideDefaultRightIcon = _a.hideDefaultRightIcon, sx = _a.sx, rest = __rest(_a, ["title", "description", "icon", "rightIcon", "hideDefaultRightIcon", "sx"]);
|
|
35
35
|
var theme = (0, material_1.useTheme)();
|
|
36
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.
|
|
36
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, __assign({}, rest, { sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, backgroundColor: "background.white16", borderRadius: theme.mixins.theBorderRadius.r12, padding: 0 }), sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 32, src: icon }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g2, alignItems: "start", flex: 1 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listTitle), children: title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.listDescription), children: description })] }), rightIcon !== null && rightIcon !== void 0 ? rightIcon : (!hideDefaultRightIcon && ((0, jsx_runtime_1.jsx)(Icon_1.default, { width: 10, src: (0, getIcon_1.default)("right_arrow"), sx: { ml: "auto" } })))] })));
|
|
37
37
|
}
|
|
38
38
|
exports.default = ListItemCustom;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BoxProps } from "@mui/material";
|
|
2
|
+
import { OnResultFunction } from "react-qr-reader";
|
|
3
|
+
interface QrCodeReaderProps extends BoxProps {
|
|
4
|
+
onResult?: OnResultFunction;
|
|
5
|
+
}
|
|
6
|
+
export interface QrCodeReaderRef {
|
|
7
|
+
open: () => void;
|
|
8
|
+
close: () => void;
|
|
9
|
+
}
|
|
10
|
+
declare const QrCodeReader: import("react").ForwardRefExoticComponent<Omit<QrCodeReaderProps, "ref"> & import("react").RefAttributes<QrCodeReaderRef>>;
|
|
11
|
+
export default QrCodeReader;
|
|
@@ -0,0 +1,51 @@
|
|
|
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
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
var material_1 = require("@mui/material");
|
|
19
|
+
var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
|
|
20
|
+
var react_1 = require("react");
|
|
21
|
+
var material_2 = require("@mui/material");
|
|
22
|
+
var react_qr_reader_1 = require("react-qr-reader");
|
|
23
|
+
var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
|
|
24
|
+
var theme = (0, material_2.useTheme)();
|
|
25
|
+
var drawerRef = (0, react_1.useRef)(null);
|
|
26
|
+
var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
|
|
27
|
+
var open = function () {
|
|
28
|
+
var _a;
|
|
29
|
+
(_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
|
|
30
|
+
setIsOpen(true);
|
|
31
|
+
};
|
|
32
|
+
var close = function () {
|
|
33
|
+
var _a;
|
|
34
|
+
(_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
35
|
+
setIsOpen(false);
|
|
36
|
+
};
|
|
37
|
+
(0, react_1.useImperativeHandle)(ref, function () { return ({
|
|
38
|
+
open: open,
|
|
39
|
+
close: close,
|
|
40
|
+
}); });
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { trigger: props.children, ref: drawerRef, onClose: close, onOpen: open, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
42
|
+
width: "100%",
|
|
43
|
+
height: "100dvh",
|
|
44
|
+
position: "relative",
|
|
45
|
+
}, children: [isOpen && ((0, jsx_runtime_1.jsx)(react_qr_reader_1.QrReader, { containerStyle: {
|
|
46
|
+
width: "100%",
|
|
47
|
+
height: "100%",
|
|
48
|
+
}, constraints: { facingMode: "environment" }, onResult: props.onResult, videoStyle: { objectFit: "cover", width: "100%", height: "100%" } })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), { width: "50%", aspectRatio: 1, border: "1px solid ".concat(theme.palette.border.white64) }) })] }) }));
|
|
49
|
+
});
|
|
50
|
+
QrCodeReader.displayName = "QrCodeReader";
|
|
51
|
+
exports.default = QrCodeReader;
|
|
@@ -37,6 +37,7 @@ var RequireConnect_1 = __importDefault(require("../RequireConnect"));
|
|
|
37
37
|
var useWithdrawData_1 = __importDefault(require("../../../hooks/useWithdrawData"));
|
|
38
38
|
var ListItemCustom_1 = __importDefault(require("../ListItemCustom"));
|
|
39
39
|
var Input_1 = __importDefault(require("../Input"));
|
|
40
|
+
var QrCodeReader_1 = __importDefault(require("../QrCodeReader"));
|
|
40
41
|
var SendMethods;
|
|
41
42
|
(function (SendMethods) {
|
|
42
43
|
SendMethods["SCAN_QR_CODE"] = "scan qr code";
|
|
@@ -68,6 +69,8 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
68
69
|
var _e = (0, react_1.useState)(""), amount = _e[0], setAmount = _e[1];
|
|
69
70
|
var _f = (0, react_1.useState)(""), memo = _f[0], setMemo = _f[1];
|
|
70
71
|
var _g = (0, react_1.useState)(""), recipientAddress = _g[0], setRecipientAddress = _g[1];
|
|
72
|
+
var scannerAllQrCodeRef = (0, react_1.useRef)(null);
|
|
73
|
+
var scannerAddressQrCodeRef = (0, react_1.useRef)(null);
|
|
71
74
|
var networks = (0, react_1.useMemo)(function () {
|
|
72
75
|
console.warn("🚀 ~ networks ~ selectedToken:", selectedToken);
|
|
73
76
|
if (!selectedToken) {
|
|
@@ -124,9 +127,11 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
124
127
|
(_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
125
128
|
};
|
|
126
129
|
var handleSelectMethod = function (method) {
|
|
130
|
+
var _a;
|
|
127
131
|
console.warn("🚀 ~ handleSelectMethod ~ method:", method);
|
|
128
132
|
switch (method) {
|
|
129
133
|
case SendMethods.SCAN_QR_CODE:
|
|
134
|
+
(_a = scannerAllQrCodeRef.current) === null || _a === void 0 ? void 0 : _a.open();
|
|
130
135
|
break;
|
|
131
136
|
case SendMethods.TRANSFER_INTERNAL:
|
|
132
137
|
break;
|
|
@@ -159,13 +164,19 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
159
164
|
setSelectedNetwork(network);
|
|
160
165
|
nextStep();
|
|
161
166
|
};
|
|
167
|
+
var handleScanAllQrCode = function (result, error, codeReader) {
|
|
168
|
+
console.warn("🚀 ~ handleScanAllQrCode ~ result:", result);
|
|
169
|
+
console.warn("🚀 ~ handleScanAllQrCode ~ error:", error);
|
|
170
|
+
console.warn("🚀 ~ handleScanAllQrCode ~ codeReader:", codeReader);
|
|
171
|
+
};
|
|
172
|
+
var handleScanAddressQrCode = function () { };
|
|
162
173
|
(0, react_1.useEffect)(function () {
|
|
163
174
|
if (isAuthenticated && !withdrawTokens) {
|
|
164
175
|
console.warn("🚀 ~ updateWithdrawToken ~ isAuthenticated:", isAuthenticated);
|
|
165
176
|
updateWithdrawToken();
|
|
166
177
|
}
|
|
167
178
|
}, [isAuthenticated]);
|
|
168
|
-
return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.
|
|
179
|
+
return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsxs)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
|
|
169
180
|
width: "100%",
|
|
170
181
|
display: "flex",
|
|
171
182
|
alignItems: "center",
|
|
@@ -173,37 +184,39 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
173
184
|
mb: theme.mixins.customMargin.m20,
|
|
174
185
|
}, overrideBack: handleBack, hideBack: currentStep === WithdrawStep.SELECT_METHOD, center: currentStep == WithdrawStep.CONFIRM
|
|
175
186
|
? "Confirm withdrawn ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name)
|
|
176
|
-
: WITHDRAW_STEP_NAME[currentStep], children: (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: { marginLeft: "auto" }, onClick: close }) }), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
187
|
+
: WITHDRAW_STEP_NAME[currentStep], children: (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: { marginLeft: "auto" }, onClick: close }) }), children: [(0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
|
|
188
|
+
autoHeight: true,
|
|
189
|
+
spaceBetween: 32,
|
|
190
|
+
}, disableSwipe: true, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: Object.values(SendMethods).map(function (item, index) {
|
|
191
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: item, description: item, icon: (0, getIcon_1.default)(item + "_icon"), onClick: function () {
|
|
192
|
+
return handleSelectMethod(item);
|
|
193
|
+
} })] }, item));
|
|
194
|
+
}) }) }, WithdrawStep.SELECT_METHOD), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: withdrawTokens === null || withdrawTokens === void 0 ? void 0 : withdrawTokens.map(function (item) {
|
|
195
|
+
var stringifiedTokenData = JSON.stringify(item);
|
|
196
|
+
if (!item)
|
|
197
|
+
return null;
|
|
198
|
+
return ((0, jsx_runtime_1.jsx)(TokenSelection_1.default, { onClick: handleSelectToken, tokenData: stringifiedTokenData, active: (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.id) === item.id }, item.id));
|
|
199
|
+
}) }) }, WithdrawStep.SELECT_TOKEN), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: networks === null || networks === void 0 ? void 0 : networks.map(function (item) {
|
|
200
|
+
if (!item)
|
|
201
|
+
return null;
|
|
202
|
+
return ((0, jsx_runtime_1.jsx)(NetworkSelection_1.default, { onClick: handleSelectNetwork, networkData: JSON.stringify(item), active: (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.id) === item.id }, item.id));
|
|
203
|
+
}) }) }, WithdrawStep.SELECT_NETWORK), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Recipient address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { sx: {
|
|
204
|
+
paddingRight: theme.mixins.customPadding.p12,
|
|
205
|
+
}, inputRest: {
|
|
206
|
+
placeholder: "Enter recipient address",
|
|
207
|
+
value: recipientAddress,
|
|
208
|
+
onChange: handleChangeRecipientAddress,
|
|
209
|
+
}, rightPart: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Button_1.default.Secondary, { sx: __assign({}, theme.mixins.smallButton), children: "Paste" }), (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", sx: { height: "90%" } }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("qr_can"), width: 20 })] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Network" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: handleReSelectNetwork, sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6, ml: "auto", cursor: "pointer" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 20, src: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.name }), (0, jsx_runtime_1.jsx)(Icon_1.default, { width: 10, src: (0, getIcon_1.default)("right_arrow") })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Enter amount" }), (0, jsx_runtime_1.jsx)(Input_1.default, { sx: {
|
|
210
|
+
paddingRight: theme.mixins.customPadding.p12,
|
|
211
|
+
}, inputRest: {
|
|
212
|
+
placeholder: "".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value, " - ").concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value, " ").concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name),
|
|
213
|
+
value: amount,
|
|
214
|
+
onChange: handleChangeAmount,
|
|
215
|
+
}, rightPart: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: (0, jsx_runtime_1.jsx)(Button_1.default.Secondary, { sx: __assign({}, theme.mixins.smallButton), children: "Max" }) }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Memo" }), (0, jsx_runtime_1.jsx)(Input_1.default, { inputRest: {
|
|
216
|
+
placeholder: "Enter memo",
|
|
217
|
+
value: memo,
|
|
218
|
+
onChange: handleChangeMemo,
|
|
219
|
+
} })] }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, children: "Confirm" })] }) }, WithdrawStep.CONFIRM)] }, withdrawTokens === null || withdrawTokens === void 0 ? void 0 : withdrawTokens.length), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAllQrCodeRef, onResult: handleScanAllQrCode }), (0, jsx_runtime_1.jsx)(QrCodeReader_1.default, { ref: scannerAddressQrCodeRef, onResult: handleScanAddressQrCode })] }) }) }));
|
|
207
220
|
});
|
|
208
221
|
WithdrawFunction.displayName = "WithdrawFunction";
|
|
209
222
|
exports.default = WithdrawFunction;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tek-wallet",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.273",
|
|
4
4
|
"description": "A custom React provider with TypeScript support",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -45,6 +45,7 @@
|
|
|
45
45
|
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
46
46
|
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
47
47
|
"react-otp-input": "^3.1.1",
|
|
48
|
+
"react-qr-reader": "^3.0.0-beta-1",
|
|
48
49
|
"styled-components": "^6.1.17",
|
|
49
50
|
"swiper": "^11.2.4"
|
|
50
51
|
},
|