tek-wallet 0.0.824 → 0.0.826
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/views/AssetView/index.js +76 -72
- package/dist/components/TekWallet/components/views/ChangePasscodeView/index.d.ts +1 -0
- package/dist/components/TekWallet/components/views/ChangePasscodeView/index.js +10 -9
- package/dist/components/TekWallet/components/views/InitPasscodeView.d.ts +2 -0
- package/dist/components/TekWallet/components/views/InitPasscodeView.js +18 -0
- package/dist/components/TekWallet/components/views/TekWalletView/index.d.ts +2 -1
- package/dist/components/TekWallet/components/views/TekWalletView/index.js +5 -0
- package/package.json +1 -1
|
@@ -78,14 +78,14 @@ var Menu_1 = __importDefault(require("./Menu"));
|
|
|
78
78
|
var ActivitiesTypeSlice_1 = __importDefault(require("../../ui/ActivitiesTypeSlice"));
|
|
79
79
|
var const_1 = require("../../../providers/ActivitiesProvider/const");
|
|
80
80
|
var Icon_1 = __importDefault(require("../../ui/Icon"));
|
|
81
|
-
var ChangePasscodeView_1 = __importDefault(require("../ChangePasscodeView"));
|
|
82
|
-
var xhub_keyboard_1 = require("xhub-keyboard");
|
|
83
81
|
var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
|
|
84
82
|
var BasicAmountGroup_1 = __importDefault(require("../../ui/BasicAmountGroup"));
|
|
85
83
|
var AssetViewHeader_1 = __importDefault(require("../../ui/AssetViewHeader"));
|
|
86
84
|
var ClickEffect_1 = __importDefault(require("../../ui/ClickEffect"));
|
|
87
85
|
var mui_1 = require("../../../theme/mui");
|
|
88
86
|
var AssetsBoard_1 = __importDefault(require("../../ui/AssetsBoard"));
|
|
87
|
+
var react_1 = require("react");
|
|
88
|
+
var TekWalletView_1 = require("../TekWalletView");
|
|
89
89
|
var AssetView = function (props) {
|
|
90
90
|
var sx = props.sx, rest = __rest(props, ["sx"]);
|
|
91
91
|
var _a = (0, useWalletData_1.default)(), isInitPasscode = _a.isInitPasscode, masterWallet = _a.masterWallet, updateWalletDetail = _a.updateWalletDetail;
|
|
@@ -93,83 +93,87 @@ var AssetView = function (props) {
|
|
|
93
93
|
var options = (0, TekWalletProvider_1.useWalletSetup)().options;
|
|
94
94
|
var _b = options || {}, hideActivitySectionInAssetView = _b.hideActivitySectionInAssetView, useBasicAmountGroupInAssetView = _b.useBasicAmountGroupInAssetView, basePath = _b.basePath;
|
|
95
95
|
var router = (0, useCustomRouter_1.default)();
|
|
96
|
-
var idPrefix = (0, xhub_keyboard_1.useUniqueId)();
|
|
97
|
-
var handleBackInitPasscodeView = function () {
|
|
98
|
-
router.back();
|
|
99
|
-
};
|
|
100
96
|
var handleRefresh = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
101
97
|
return __generator(this, function (_a) {
|
|
102
98
|
return [2 /*return*/, updateWalletDetail()];
|
|
103
99
|
});
|
|
104
100
|
}); };
|
|
105
|
-
|
|
101
|
+
(0, react_1.useEffect)(function () {
|
|
102
|
+
router.prefetch("".concat(basePath || "", "/tek-wallet/").concat(TekWalletView_1.TekWalletViewRoutes.INIT_PASSCODE));
|
|
103
|
+
}, [router, basePath]);
|
|
104
|
+
(0, react_1.useEffect)(function () {
|
|
105
|
+
if (!isInitPasscode && !!masterWallet) {
|
|
106
|
+
router.push("".concat(basePath || "", "/tek-wallet/").concat(TekWalletView_1.TekWalletViewRoutes.INIT_PASSCODE));
|
|
107
|
+
}
|
|
108
|
+
}, [isInitPasscode, masterWallet, router, basePath]);
|
|
109
|
+
return ((0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { header: !!isInitPasscode && (0, jsx_runtime_1.jsx)(AssetViewHeader_1.default, {}), pullToRefreshProps: {
|
|
106
110
|
isPullable: !!isInitPasscode,
|
|
107
111
|
onRefresh: handleRefresh,
|
|
108
|
-
}, children:
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
112
|
+
}, children: (0, jsx_runtime_1.jsxs)(DefaultPageLayout_1.default, __assign({}, rest, { sx: __assign({ display: "flex", flexDirection: "column", gap: theme.styleMixins.gaps.g16 }, sx), children: [useBasicAmountGroupInAssetView ? (0, jsx_runtime_1.jsx)(BasicAmountGroup_1.default, {}) : (0, jsx_runtime_1.jsx)(AmountGroupAndChart_1.default, {}), (0, jsx_runtime_1.jsx)(Menu_1.default, { sx: {
|
|
113
|
+
gridTemplateColumns: "1fr 1px 1fr 1px 1fr",
|
|
114
|
+
}, items: [
|
|
115
|
+
(0, jsx_runtime_1.jsx)(ReceiveFunction_1.default, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { component: ClickEffect_1.default, sx: {
|
|
116
|
+
placeContent: "center",
|
|
117
|
+
columnSpan: 1,
|
|
118
|
+
}, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_RECEIVE", label: "Receive", sx: {
|
|
119
|
+
width: "100%",
|
|
120
|
+
} }) }) }, "receive"),
|
|
121
|
+
(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
|
|
122
|
+
width: "100%",
|
|
123
|
+
height: "100%",
|
|
124
|
+
backgroundColor: theme.palette.divider,
|
|
125
|
+
} }, "divider-1"),
|
|
126
|
+
(0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat(basePath || "", "/tek-wallet/send/external"), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { component: ClickEffect_1.default, sx: {
|
|
127
|
+
placeContent: "center",
|
|
128
|
+
columnSpan: 1,
|
|
129
|
+
}, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_WITHDRAW_FC", label: "Withdraw", sx: { width: "100%" } }) }) }, "withdraw"),
|
|
130
|
+
(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
|
|
131
|
+
width: "100%",
|
|
132
|
+
height: "100%",
|
|
133
|
+
backgroundColor: theme.palette.divider,
|
|
134
|
+
} }, "divider-2"),
|
|
135
|
+
(0, jsx_runtime_1.jsx)(link_1.default, { href: "".concat(basePath || "", "/tek-wallet/send/internal"), children: (0, jsx_runtime_1.jsx)(material_1.ListItem, { component: ClickEffect_1.default, sx: {
|
|
136
|
+
placeContent: "center",
|
|
137
|
+
columnSpan: 1,
|
|
138
|
+
}, children: (0, jsx_runtime_1.jsx)(FunctionItem_1.default, { icon: "IC_TRANSFER", label: "Transfer", sx: { width: "100%" } }) }) }, "send-internal"),
|
|
139
|
+
// <Link href={`${basePath || ""}/tek-wallet/swap`} key="swap">
|
|
140
|
+
// <ListItem
|
|
141
|
+
// component={ClickEffect}
|
|
142
|
+
// sx={{
|
|
143
|
+
// placeContent: "center",
|
|
144
|
+
// columnSpan: 1,
|
|
145
|
+
// }}
|
|
146
|
+
// >
|
|
147
|
+
// <FunctionItem icon={"IC_SWAP_FC"} label="Swap" sx={{ width: "100%" }} />
|
|
148
|
+
// </ListItem>
|
|
149
|
+
// </Link>,
|
|
150
|
+
] }), !hideActivitySectionInAssetView && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.styleMixins.column), { gap: theme.styleMixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
151
|
+
display: "flex",
|
|
152
|
+
gap: theme.styleMixins.gaps.g20,
|
|
153
|
+
}, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.styleMixins.sessionTitle), children: "Activity" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: link_1.default, href: "".concat(basePath || "", "/tek-wallet/activity"), sx: {
|
|
154
|
+
marginLeft: "auto",
|
|
155
|
+
display: "flex",
|
|
156
|
+
alignItems: "center",
|
|
157
|
+
color: theme.palette.text.primary,
|
|
158
|
+
}, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
|
|
159
|
+
fontSize: theme.typography.fontSize13,
|
|
160
|
+
fontWeight: theme.typography.fontWeight400,
|
|
161
|
+
cursor: "pointer",
|
|
162
|
+
}, children: "View all" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_ARROW_RIGHT", width: 16, height: 18 })] })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
|
|
163
|
+
position: "relative",
|
|
164
|
+
left: "-".concat(theme.styleMixins.customPadding.p16),
|
|
165
|
+
width: "calc(100% + ".concat(theme.styleMixins.customPadding.p16, " * 2)"),
|
|
166
|
+
}, children: (0, jsx_runtime_1.jsx)(ActivitiesTypeSlice_1.default, { type: const_1.ACTIVITIES_TYPE_ALL, limitItems: 4, isActive: true, sx: {
|
|
167
|
+
paddingBottom: 0,
|
|
168
|
+
paddingTop: 0,
|
|
169
|
+
paddingLeft: 0,
|
|
170
|
+
paddingRight: 0,
|
|
171
|
+
}, smartListProps: {
|
|
172
|
+
bodySx: {
|
|
173
|
+
pt: 0,
|
|
174
|
+
pb: 0,
|
|
175
|
+
},
|
|
176
|
+
} }) })] })), (0, jsx_runtime_1.jsx)(AssetsBoard_1.default, {})] })) }));
|
|
173
177
|
};
|
|
174
178
|
exports.AssetView = AssetView;
|
|
175
179
|
exports.default = exports.AssetView;
|
|
@@ -3,6 +3,7 @@ interface ChangePasscodeViewProps extends GeneralProps {
|
|
|
3
3
|
onBack: () => void;
|
|
4
4
|
isInitPasscode?: boolean;
|
|
5
5
|
idPrefix?: string;
|
|
6
|
+
hideBackInFirstStep?: boolean;
|
|
6
7
|
}
|
|
7
8
|
export declare const ChangePasscodeView: (props: ChangePasscodeViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
export default ChangePasscodeView;
|
|
@@ -106,7 +106,7 @@ var useWarningWrongPasscode_1 = require("../../../hooks/useWarningWrongPasscode"
|
|
|
106
106
|
var providers_1 = require("../../../providers");
|
|
107
107
|
var passcodeLength = 6;
|
|
108
108
|
var ChangePasscodeView = function (props) {
|
|
109
|
-
var _a = props.isInitPasscode, isInitPasscode = _a === void 0 ? false : _a, _b = props.idPrefix, idPrefix = _b === void 0 ? "" : _b;
|
|
109
|
+
var _a = props.isInitPasscode, isInitPasscode = _a === void 0 ? false : _a, _b = props.idPrefix, idPrefix = _b === void 0 ? "" : _b, _c = props.hideBackInFirstStep, hideBackInFirstStep = _c === void 0 ? false : _c;
|
|
110
110
|
var initStep = (0, react_2.useRef)(isInitPasscode
|
|
111
111
|
? type_1.ChangePasscodeViewStep.ENTER_NEW_PASSCODE
|
|
112
112
|
: type_1.ChangePasscodeViewStep.ENTER_OLD_PASSCODE);
|
|
@@ -115,14 +115,15 @@ var ChangePasscodeView = function (props) {
|
|
|
115
115
|
? const_2.STEPS_CONTENT_FOR_INIT_PASSCODE
|
|
116
116
|
: const_1.STEPS_CONTENT_FOR_CHANGE_PASSCODE;
|
|
117
117
|
var theme = (0, mui_1.useTheme)();
|
|
118
|
-
var
|
|
119
|
-
var
|
|
120
|
-
var
|
|
118
|
+
var _d = (0, react_2.useState)(""), oldPasscode = _d[0], setOldPasscode = _d[1];
|
|
119
|
+
var _e = (0, react_2.useState)(""), newPasscode = _e[0], setNewPasscode = _e[1];
|
|
120
|
+
var _f = (0, react_2.useState)(""), confirmPasscode = _f[0], setConfirmPasscode = _f[1];
|
|
121
121
|
var swiperControlledRef = (0, react_2.useRef)(null);
|
|
122
122
|
var childPageLayoutRef = (0, react_2.useRef)(null);
|
|
123
|
-
var
|
|
124
|
-
var
|
|
125
|
-
var
|
|
123
|
+
var _g = (0, react_2.useState)(initStep.current), currentStep = _g[0], setCurrentStep = _g[1];
|
|
124
|
+
var _h = (0, react_2.useState)(null), error = _h[0], setError = _h[1];
|
|
125
|
+
var hideBack = currentStep === initStep.current && hideBackInFirstStep;
|
|
126
|
+
var _j = (0, useWarningWrongPasscode_1.useValidatePasscode)(), handleVerifyPasscode = _j.handleVerifyPasscode, warningContent = _j.warningContent, isLocked = _j.isLocked, handleClearUnknownError = _j.handleClearUnknownError, unknownError = _j.unknownError;
|
|
126
127
|
var resetValue = function () {
|
|
127
128
|
var _a;
|
|
128
129
|
handleClearUnknownError();
|
|
@@ -318,7 +319,7 @@ var ChangePasscodeView = function (props) {
|
|
|
318
319
|
return { value: confirmPasscode, onChange: handleConfirmPasscodeChange };
|
|
319
320
|
}
|
|
320
321
|
};
|
|
321
|
-
var
|
|
322
|
+
var _k = getValueAndHandlerByStep(currentStep), value = _k.value, onChange = _k.onChange;
|
|
322
323
|
var keyboardId = (0, react_2.useMemo)(function () { return "".concat(idPrefix, "-").concat(isInitPasscode ? "init" : "change", "-passcode-keyboard"); }, [isInitPasscode, idPrefix]);
|
|
323
324
|
var keyboardThemeMode = (0, providers_1.useKeyboardThemeMode)();
|
|
324
325
|
return ((0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { theme: keyboardThemeMode, id: keyboardId, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, value: value, onChange: onChange, viewFullHeight: true, styles: {
|
|
@@ -328,7 +329,7 @@ var ChangePasscodeView = function (props) {
|
|
|
328
329
|
keyboardContainer: {
|
|
329
330
|
display: isLocked ? "none" : "block",
|
|
330
331
|
},
|
|
331
|
-
}, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { ref: childPageLayoutRef, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { overrideBack: handleBack, title: pageTitle, renderBack: function (Back) { return ((0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { useBrowserInput: false, htmlFor: keyboardId, children: Back })); } }), children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem", height: "100%" }, props.sx), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperControlledRef, disableSwipe: true, initialActiveTab: currentStep, sx: { height: "100%" }, swiperStyle: {
|
|
332
|
+
}, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { ref: childPageLayoutRef, header: (0, jsx_runtime_1.jsx)(PageHeader_1.default, { hideBack: hideBack, overrideBack: handleBack, title: pageTitle, renderBack: function (Back) { return ((0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { useBrowserInput: false, htmlFor: keyboardId, children: Back })); } }), children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: __assign({ display: "flex", flexDirection: "column", gap: "1rem", height: "100%" }, props.sx), children: (0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperControlledRef, disableSwipe: true, initialActiveTab: currentStep, sx: { height: "100%" }, swiperStyle: {
|
|
332
333
|
flex: 1,
|
|
333
334
|
}, children: [(0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
334
335
|
display: "flex",
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
var useCustomRouter_1 = __importDefault(require("../../hooks/useCustomRouter"));
|
|
8
|
+
var ChangePasscodeView_1 = __importDefault(require("./ChangePasscodeView"));
|
|
9
|
+
var xhub_keyboard_1 = require("xhub-keyboard");
|
|
10
|
+
function InitPasscodeView() {
|
|
11
|
+
var idPrefix = (0, xhub_keyboard_1.useUniqueId)();
|
|
12
|
+
var router = (0, useCustomRouter_1.default)();
|
|
13
|
+
var handleBackInitPasscodeView = function () {
|
|
14
|
+
router.back();
|
|
15
|
+
};
|
|
16
|
+
return ((0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { hideBackInFirstStep: true, isInitPasscode: true, onBack: handleBackInitPasscodeView, idPrefix: idPrefix }));
|
|
17
|
+
}
|
|
18
|
+
exports.default = InitPasscodeView;
|
|
@@ -19,6 +19,7 @@ var ActivityView_1 = __importDefault(require("../ActivityView"));
|
|
|
19
19
|
var SettingView_1 = __importDefault(require("../SettingView"));
|
|
20
20
|
var DelayMounted_1 = __importDefault(require("../../ui/DelayMounted"));
|
|
21
21
|
var SendNftView_1 = __importDefault(require("../SendNftView"));
|
|
22
|
+
var InitPasscodeView_1 = __importDefault(require("../InitPasscodeView"));
|
|
22
23
|
var TekWalletViewRoutes;
|
|
23
24
|
(function (TekWalletViewRoutes) {
|
|
24
25
|
TekWalletViewRoutes["SEND_INTERNAL"] = "/send/internal";
|
|
@@ -29,6 +30,7 @@ var TekWalletViewRoutes;
|
|
|
29
30
|
TekWalletViewRoutes["NOT_FOUND"] = "/not-found";
|
|
30
31
|
TekWalletViewRoutes["ACTIVITY"] = "/activity";
|
|
31
32
|
TekWalletViewRoutes["SETTING"] = "/setting";
|
|
33
|
+
TekWalletViewRoutes["INIT_PASSCODE"] = "/init-passcode";
|
|
32
34
|
})(TekWalletViewRoutes || (exports.TekWalletViewRoutes = TekWalletViewRoutes = {}));
|
|
33
35
|
function TekWalletView() {
|
|
34
36
|
var _a, _b, _c, _d;
|
|
@@ -45,6 +47,9 @@ function TekWalletView() {
|
|
|
45
47
|
if (path.startsWith(TekWalletViewRoutes.SEND_NFT)) {
|
|
46
48
|
return (0, jsx_runtime_1.jsx)(SendNftView_1.default, {});
|
|
47
49
|
}
|
|
50
|
+
if (path.startsWith(TekWalletViewRoutes.INIT_PASSCODE)) {
|
|
51
|
+
return ((0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 1, children: (0, jsx_runtime_1.jsx)(InitPasscodeView_1.default, {}) }));
|
|
52
|
+
}
|
|
48
53
|
if (path.startsWith(TekWalletViewRoutes.SWAP)) {
|
|
49
54
|
return ((0, jsx_runtime_1.jsx)(DelayMounted_1.default, { delay: 1, children: (0, jsx_runtime_1.jsx)(SwapView_1.default, {}) }));
|
|
50
55
|
}
|