tek-wallet 0.0.232 → 0.0.234
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,10 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
inputRest?:
|
|
4
|
-
inputStyles?: React.CSSProperties;
|
|
1
|
+
import { TextFieldProps, BoxProps, SxProps } from "@mui/material";
|
|
2
|
+
interface InputProps extends BoxProps {
|
|
3
|
+
inputRest?: TextFieldProps;
|
|
5
4
|
leftPart?: React.ReactNode;
|
|
6
5
|
rightPart?: React.ReactNode;
|
|
6
|
+
inputSx?: SxProps;
|
|
7
7
|
}
|
|
8
8
|
export type InputRef = HTMLInputElement;
|
|
9
|
-
declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
9
|
+
declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
10
10
|
export default Input;
|
|
@@ -26,9 +26,12 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
26
26
|
var material_1 = require("@mui/material");
|
|
27
27
|
var react_1 = require("react");
|
|
28
28
|
var Input = (0, react_1.forwardRef)(function (props, inputRef) {
|
|
29
|
-
var inputRest = props.inputRest,
|
|
29
|
+
var inputRest = props.inputRest, leftPart = props.leftPart, rightPart = props.rightPart, sx = props.sx, inputSx = props.inputSx, rest = __rest(props, ["inputRest", "leftPart", "rightPart", "sx", "inputSx"]);
|
|
30
30
|
var theme = (0, material_1.useTheme)();
|
|
31
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: inputRef, sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, borderRadius: theme.mixins.theBorderRadius.r12,
|
|
31
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: inputRef, sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, borderRadius: theme.mixins.theBorderRadius.r12, px: theme.mixins.customPadding.p16, backgroundColor: "background.white16", border: "1px solid ".concat(theme.palette.border.white24), backdropFilter: "blur(10px)" }), sx) }, rest, { children: [leftPart, (0, jsx_runtime_1.jsx)(material_1.TextField, __assign({}, inputRest, { variant: "outlined", sx: __assign({ backgroundColor: "transparent", border: "none", outline: "none", fontSize: theme.typography.fontSize16, lineHeight: theme.typography.leading140, fontWeight: theme.typography.fontWeight400, color: theme.palette.text.white, py: theme.mixins.customPadding.p12, flex: 1, height: "fit-content", "&::placeholder": {
|
|
32
|
+
color: theme.palette.text.white64,
|
|
33
|
+
fontSize: theme.typography.fontSize14,
|
|
34
|
+
} }, inputSx) })), rightPart] })));
|
|
32
35
|
});
|
|
33
36
|
Input.displayName = "Input";
|
|
34
37
|
exports.default = Input;
|
|
@@ -65,6 +65,9 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
65
65
|
var _c = (0, react_1.useState)(), selectedNetwork = _c[0], setSelectedNetwork = _c[1];
|
|
66
66
|
var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
|
|
67
67
|
var _d = (0, useWithdrawData_1.default)(), withdrawTokens = _d.withdrawTokens, updateWithdrawToken = _d.updateWithdrawToken;
|
|
68
|
+
var _e = (0, react_1.useState)(""), amount = _e[0], setAmount = _e[1];
|
|
69
|
+
var _f = (0, react_1.useState)(""), memo = _f[0], setMemo = _f[1];
|
|
70
|
+
var _g = (0, react_1.useState)(""), recipientAddress = _g[0], setRecipientAddress = _g[1];
|
|
68
71
|
var networks = (0, react_1.useMemo)(function () {
|
|
69
72
|
console.warn("🚀 ~ networks ~ selectedToken:", selectedToken);
|
|
70
73
|
if (!selectedToken) {
|
|
@@ -84,11 +87,39 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
84
87
|
var close = function () {
|
|
85
88
|
var _a;
|
|
86
89
|
(_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
90
|
+
clearValues();
|
|
87
91
|
};
|
|
88
92
|
(0, react_1.useImperativeHandle)(ref, function () { return ({
|
|
89
93
|
open: open,
|
|
90
94
|
close: close,
|
|
91
95
|
}); });
|
|
96
|
+
var handleChangeRecipientAddress = function (e) {
|
|
97
|
+
setRecipientAddress(e.target.value);
|
|
98
|
+
};
|
|
99
|
+
var handleChangeAmount = function (e) {
|
|
100
|
+
setAmount(e.target.value);
|
|
101
|
+
};
|
|
102
|
+
var handleChangeMemo = function (e) {
|
|
103
|
+
setMemo(e.target.value);
|
|
104
|
+
};
|
|
105
|
+
var gotoStep = function (step) {
|
|
106
|
+
var _a;
|
|
107
|
+
setCurrentStep(step);
|
|
108
|
+
(_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.slideTo(step);
|
|
109
|
+
};
|
|
110
|
+
var clearValues = function () {
|
|
111
|
+
setSelectedToken(undefined);
|
|
112
|
+
setSelectedNetwork(undefined);
|
|
113
|
+
gotoStep(WithdrawStep.SELECT_METHOD);
|
|
114
|
+
setAmount("");
|
|
115
|
+
setMemo("");
|
|
116
|
+
setRecipientAddress("");
|
|
117
|
+
};
|
|
118
|
+
var handleOnClose = function (e) {
|
|
119
|
+
var _a;
|
|
120
|
+
clearValues();
|
|
121
|
+
(_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
122
|
+
};
|
|
92
123
|
var handleSelectMethod = function (method) {
|
|
93
124
|
console.warn("🚀 ~ handleSelectMethod ~ method:", method);
|
|
94
125
|
switch (method) {
|
|
@@ -131,7 +162,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
131
162
|
updateWithdrawToken();
|
|
132
163
|
}
|
|
133
164
|
}, [isAuthenticated]);
|
|
134
|
-
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:
|
|
165
|
+
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.jsx)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
|
|
135
166
|
width: "100%",
|
|
136
167
|
display: "flex",
|
|
137
168
|
alignItems: "center",
|
|
@@ -151,13 +182,19 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
151
182
|
if (!item)
|
|
152
183
|
return null;
|
|
153
184
|
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));
|
|
154
|
-
}) }) }, 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.
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
185
|
+
}) }) }, 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, { inputRest: {
|
|
186
|
+
placeholder: "Enter recipient address",
|
|
187
|
+
value: recipientAddress,
|
|
188
|
+
onChange: handleChangeRecipientAddress,
|
|
189
|
+
}, 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" }), (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: "Select network" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { ml: "auto" }), children: selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.name })] }), (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, { inputRest: {
|
|
190
|
+
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),
|
|
191
|
+
value: amount,
|
|
192
|
+
onChange: handleChangeAmount,
|
|
193
|
+
}, 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: {
|
|
194
|
+
placeholder: "Enter memo",
|
|
195
|
+
value: memo,
|
|
196
|
+
onChange: handleChangeMemo,
|
|
197
|
+
} })] }), (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) }) }) }));
|
|
161
198
|
});
|
|
162
199
|
WithdrawFunction.displayName = "WithdrawFunction";
|
|
163
200
|
exports.default = WithdrawFunction;
|
package/dist/theme/mui/theme.js
CHANGED
|
@@ -223,6 +223,16 @@ var theme = (0, styles_1.createTheme)({
|
|
|
223
223
|
fontWeight: typography.fontWeight400,
|
|
224
224
|
fontSize: typography.fontSize12,
|
|
225
225
|
},
|
|
226
|
+
smallButton: {
|
|
227
|
+
fontSize: typography.fontSize11,
|
|
228
|
+
padding: "".concat(customPadding.p8, " ").concat(customPadding.p4),
|
|
229
|
+
height: "fit-content",
|
|
230
|
+
minHeight: "unset",
|
|
231
|
+
minWidth: "unset",
|
|
232
|
+
width: "fit-content",
|
|
233
|
+
borderRadius: theBorderRadius.full,
|
|
234
|
+
lineHeight: typography.leading100,
|
|
235
|
+
},
|
|
226
236
|
},
|
|
227
237
|
});
|
|
228
238
|
exports.default = theme;
|