tek-wallet 0.0.282 → 0.0.283
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.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { BoxProps } from "@mui/material";
|
|
2
|
-
import {
|
|
2
|
+
import { IDetectedBarcode } from "@yudiel/react-qr-scanner";
|
|
3
3
|
interface QrCodeReaderProps extends BoxProps {
|
|
4
|
-
onResult
|
|
4
|
+
onResult: (result: IDetectedBarcode[]) => void;
|
|
5
5
|
}
|
|
6
6
|
export interface QrCodeReaderRef {
|
|
7
7
|
open: () => void;
|
|
@@ -1,23 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
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);
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
12
4
|
};
|
|
13
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
6
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
|
-
var
|
|
7
|
+
var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
|
|
16
8
|
var react_1 = require("react");
|
|
17
|
-
var
|
|
18
|
-
var react_qr_reader_1 = require("react-qr-reader");
|
|
9
|
+
var react_qr_scanner_1 = require("@yudiel/react-qr-scanner");
|
|
19
10
|
var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
|
|
20
|
-
var theme = (0, material_2.useTheme)();
|
|
21
11
|
var drawerRef = (0, react_1.useRef)(null);
|
|
22
12
|
var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
|
|
23
13
|
var open = function () {
|
|
@@ -30,25 +20,75 @@ var QrCodeReader = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
30
20
|
(_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
31
21
|
setIsOpen(false);
|
|
32
22
|
};
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
23
|
+
var onOpen = function () {
|
|
24
|
+
setIsOpen(true);
|
|
25
|
+
};
|
|
26
|
+
var onClose = function () {
|
|
27
|
+
setIsOpen(false);
|
|
28
|
+
};
|
|
39
29
|
(0, react_1.useImperativeHandle)(ref, function () { return ({
|
|
40
30
|
open: open,
|
|
41
31
|
close: close,
|
|
42
32
|
}); });
|
|
43
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
33
|
+
return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { trigger: props.children, ref: drawerRef, onClose: onClose, onOpen: onOpen, children: isOpen && ((0, jsx_runtime_1.jsx)(react_qr_scanner_1.Scanner, { components: {
|
|
34
|
+
audio: false,
|
|
35
|
+
finder: false,
|
|
36
|
+
}, styles: {
|
|
37
|
+
container: {
|
|
38
|
+
width: "100%",
|
|
39
|
+
height: "100dvh",
|
|
40
|
+
position: "relative",
|
|
41
|
+
},
|
|
42
|
+
video: {
|
|
43
|
+
width: "100%",
|
|
44
|
+
height: "100%",
|
|
45
|
+
objectFit: "cover",
|
|
46
|
+
},
|
|
47
|
+
}, onScan: props.onResult, children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
48
|
+
width: "60%",
|
|
49
|
+
aspectRatio: "1",
|
|
50
|
+
position: "absolute",
|
|
51
|
+
top: "40%",
|
|
52
|
+
left: "50%",
|
|
53
|
+
transform: "translateX(-50%) translateY(-50%)",
|
|
54
|
+
display: "relative",
|
|
55
|
+
}, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
56
|
+
position: "absolute",
|
|
57
|
+
borderTopLeftRadius: "12px",
|
|
58
|
+
top: "0",
|
|
59
|
+
left: "0",
|
|
60
|
+
width: "18%",
|
|
61
|
+
height: "18%",
|
|
62
|
+
borderTop: "3px solid white",
|
|
63
|
+
borderLeft: "3px solid white",
|
|
64
|
+
} }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
65
|
+
position: "absolute",
|
|
66
|
+
borderTopRightRadius: "12px",
|
|
67
|
+
top: "0",
|
|
68
|
+
right: "0",
|
|
69
|
+
width: "18%",
|
|
70
|
+
height: "18%",
|
|
71
|
+
borderTop: "3px solid white",
|
|
72
|
+
borderRight: "3px solid white",
|
|
73
|
+
} }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
74
|
+
position: "absolute",
|
|
75
|
+
borderBottomLeftRadius: "12px",
|
|
76
|
+
bottom: "0",
|
|
77
|
+
left: "0",
|
|
78
|
+
width: "18%",
|
|
79
|
+
height: "18%",
|
|
80
|
+
borderBottom: "3px solid white",
|
|
81
|
+
borderLeft: "3px solid white",
|
|
82
|
+
} }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
83
|
+
position: "absolute",
|
|
84
|
+
borderBottomRightRadius: "12px",
|
|
85
|
+
bottom: "0",
|
|
86
|
+
right: "0",
|
|
87
|
+
width: "18%",
|
|
88
|
+
height: "18%",
|
|
89
|
+
borderBottom: "3px solid white",
|
|
90
|
+
borderRight: "3px solid white",
|
|
91
|
+
} })] }) })) }));
|
|
52
92
|
});
|
|
53
93
|
QrCodeReader.displayName = "QrCodeReader";
|
|
54
94
|
exports.default = QrCodeReader;
|
|
@@ -179,7 +179,6 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
179
179
|
};
|
|
180
180
|
var handleScanAllQrCode = function (result) {
|
|
181
181
|
var _a;
|
|
182
|
-
console.warn("🚀 ~ handleScanAllQrCode ~ result:", result);
|
|
183
182
|
if (result) {
|
|
184
183
|
console.error("result", result);
|
|
185
184
|
(_a = scannerAllQrCodeRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
@@ -27,21 +27,10 @@ var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
|
|
|
27
27
|
var Text_1 = __importDefault(require("../../ui/Text"));
|
|
28
28
|
var material_2 = require("@mui/material");
|
|
29
29
|
var AmountGroupAndChart_1 = __importDefault(require("../../ui/AmountGroupAndChart"));
|
|
30
|
-
var react_qr_reader_1 = require("react-qr-reader");
|
|
31
30
|
var AssetView = function () {
|
|
32
31
|
var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
|
|
33
32
|
var theme = (0, material_2.useTheme)();
|
|
34
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isAuthenticated && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Please connect your wallet to get asset information" })), !!isAuthenticated && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { children: [(0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.
|
|
35
|
-
width: "300px",
|
|
36
|
-
border: "1px solid red",
|
|
37
|
-
}, constraints: { facingMode: "environment" },
|
|
38
|
-
// onResult={props.onResult}
|
|
39
|
-
videoStyle: {
|
|
40
|
-
objectFit: "cover",
|
|
41
|
-
width: "100%",
|
|
42
|
-
border: "1px solid blue",
|
|
43
|
-
zIndex: 5000,
|
|
44
|
-
} }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
33
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isAuthenticated && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Please connect your wallet to get asset information" })), !!isAuthenticated && ((0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, { children: [(0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
45
34
|
display: "grid",
|
|
46
35
|
gridTemplateColumns: "repeat(4, 1fr)",
|
|
47
36
|
gap: theme.mixins.gaps.g12,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tek-wallet",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.283",
|
|
4
4
|
"description": "A custom React provider with TypeScript support",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
"@emotion/styled": "^11.14.0",
|
|
32
32
|
"@mui/material": "^6.4.7",
|
|
33
33
|
"@mui/system": "^7.0.2",
|
|
34
|
+
"@yudiel/react-qr-scanner": "^2.2.1",
|
|
34
35
|
"axios": "^1.8.4",
|
|
35
36
|
"clsx": "^2.1.1",
|
|
36
37
|
"date-fns": "^4.1.0",
|