tek-wallet 0.0.407 → 0.0.409

package/dist/components/ui/Button/index.d.ts

@@ -1,6 +1,7 @@
 import { ButtonProps as MuiButtonProps } from "@mui/material";
 export declare enum BUTTON_STATUS {
     LOADING = "loading",
+    ERROR = "error",
     DISABLED = "disabled",
     ENABLED = "enabled"
 }

package/dist/components/ui/Button/index.js

@@ -29,6 +29,7 @@ var material_1 = require("@mui/material");
 var BUTTON_STATUS;
 (function (BUTTON_STATUS) {
     BUTTON_STATUS["LOADING"] = "loading";
+    BUTTON_STATUS["ERROR"] = "error";
     BUTTON_STATUS["DISABLED"] = "disabled";
     BUTTON_STATUS["ENABLED"] = "enabled";
 })(BUTTON_STATUS || (exports.BUTTON_STATUS = BUTTON_STATUS = {}));

package/dist/components/ui/LineValue/index.js

@@ -21,6 +21,6 @@ var material_1 = require("@mui/material");
 var LineValue = function (props) {
     var theme = (0, material_1.useTheme)();
     var field = props.field, value = props.value, valueDescription = props.valueDescription;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.row), { alignItems: "start", gap: theme.mixins.gaps.g32 }), props.sx), children: [!!field && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.valueDescription), { whiteSpace: "nowrap" }), children: field })), (!!value || !!valueDescription) && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1, alignItems: "end", gap: theme.mixins.gaps.g2 }), children: [!!value && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: value })), !!valueDescription && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: valueDescription }))] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.row), { alignItems: "start", gap: theme.mixins.gaps.g32 }), props.sx), children: [!!field && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.valueDescription), { whiteSpace: "nowrap" }), children: field })), (!!value || !!valueDescription) && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1, alignItems: "end", gap: theme.mixins.gaps.g2 }), children: [!!value && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { textAlign: "right" }), children: value })), !!valueDescription && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.valueDescription), { textAlign: "right" }), children: valueDescription }))] }))] }));
 };
 exports.default = LineValue;

package/dist/components/ui/LockToken/index.js

@@ -112,7 +112,7 @@ var LockToken = (0, react_1.forwardRef)(function (props, ref) {
     var theme = (0, material_1.useTheme)();
     var lockTokens = (0, useLockTokenData_1.default)().lockTokens;
     var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
-    var confirmByPasscodeDrawerRef = (0, react_1.useRef)(null);
+    var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
     var _c = (0, react_1.useState)(undefined), token = _c[0], setToken = _c[1];
     var _d = (0, react_1.useState)(undefined), error = _d[0], setError = _d[1];
     var _e = (0, react_1.useState)(undefined), errorAmount = _e[0], setErrorAmount = _e[1];
@@ -164,7 +164,7 @@ var LockToken = (0, react_1.forwardRef)(function (props, ref) {
                     response = _c.sent();
                     console.warn("🚀 ~ handleLockToken ~ response:", response);
                     if (response.success) {
-                        (_a = confirmByPasscodeDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+                        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
                         (_b = props.onLockSuccess) === null || _b === void 0 ? void 0 : _b.call(props, response);
                     }
                     else {
@@ -179,13 +179,13 @@ var LockToken = (0, react_1.forwardRef)(function (props, ref) {
         var _a;
         if (!isAuthenticated)
             throw new Error("Please connect your wallet");
-        (_a = confirmByPasscodeDrawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
+        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
     };
     var handleClose = function () {
         var _a;
         if (!isAuthenticated)
             throw new Error("Please connect your wallet");
-        (_a = confirmByPasscodeDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
     };
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         open: handleOpen,
@@ -194,7 +194,7 @@ var LockToken = (0, react_1.forwardRef)(function (props, ref) {
     (0, react_1.useEffect)(function () {
         validateAmount(props.lockData);
     }, [validateAmount]);
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { ref: confirmByPasscodeDrawerRef, action: type_1.ActionConfirm.LOCK, trigger: props.children, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.paper), children: (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Amount", value: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: props.lockData.amount, unit: token === null || token === void 0 ? void 0 : token.name }) }) }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: ["Your balance is", " ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { ref: confirmLayoutDrawerRef, action: type_1.ActionConfirm.LOCK, trigger: props.children, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.paper), children: (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Amount", value: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: props.lockData.amount, unit: token === null || token === void 0 ? void 0 : token.name }) }) }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: ["Your balance is", " ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontWeight: theme.typography.fontWeight600,
                                     color: theme.palette.text.secondary,
                                 }, children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: token === null || token === void 0 ? void 0 : token.balance, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) }) })] }), !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: theme.mixins.gaps.g6 }), children: [error, " ", !!errorAmount && ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) }))] })), (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.ActionConfirm.LOCK, onConfirmSuccess: handleLockToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error ? Button_1.BUTTON_STATUS.DISABLED : buttonStatus, sx: { width: "100%" }, children: "Confirm" }) })] }) }) }));

package/dist/components/ui/WithdrawFunction/index.d.ts

@@ -3,6 +3,7 @@ import { GeneralProps } from "../../../types/ui";
 interface WithdrawFunctionProps extends GeneralProps {
     onClose?: ReactEventHandler;
     onOpen?: ReactEventHandler;
+    onSendSuccess?: (response: any) => void;
 }
 type WithdrawFunctionRef = {
     open: () => void;

package/dist/components/ui/WithdrawFunction/index.js

@@ -152,6 +152,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     var _a, _b;
     var drawerRef = (0, react_1.useRef)(null);
     var swiperRef = (0, react_1.useRef)(null);
+    var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
     var theme = (0, material_1.useTheme)();
     var _c = (0, react_1.useState)(WithdrawStep.SELECT_METHOD), currentStep = _c[0], setCurrentStep = _c[1];
     var _d = (0, react_1.useState)(), selectedToken = _d[0], setSelectedToken = _d[1];
@@ -550,8 +551,9 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     }); };
     var handleSendExternal = function (passcode) { return __awaiter(void 0, void 0, void 0, function () {
         var response;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0:
                     console.warn("withdraw external");
                     setSendButtonStatus(Button_1.BUTTON_STATUS.LOADING);
@@ -564,9 +566,19 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                             memo: memo || "",
                         })];
                 case 1:
-                    response = _a.sent();
+                    response = _c.sent();
                     console.warn("🚀 ~ handleSendExternal ~ response:", response);
-                    setSendButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
+                    if (response.success) {
+                        close();
+                        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+                        (_b = props.onSendSuccess) === null || _b === void 0 ? void 0 : _b.call(props, response);
+                    }
+                    else {
+                        setSendButtonStatus(Button_1.BUTTON_STATUS.ERROR);
+                        setTimeout(function () {
+                            setSendButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
+                        }, 1200);
+                    }
                     return [2 /*return*/];
             }
         });
@@ -644,11 +656,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                         placeholder: "Enter memo",
                                                         value: memo,
                                                         onChange: handleChangeMemo,
-                                                    } })] })), ((_a = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeDetail) === null || _a === void 0 ? void 0 : _a.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { feesData: JSON.stringify(estimateFee), amount: +amount })), estimateReceive !== undefined && !amountError && ((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: "Receive amount estimated" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { ml: "auto" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: estimateReceive }) })] })), (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default
-                                        // ref={confirmByPasscodeDrawerRef}
-                                        , { 
-                                            // ref={confirmByPasscodeDrawerRef}
-                                            action: type_1.ActionConfirm.SEND, trigger: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, status: !!amountError ||
+                                                    } })] })), ((_a = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeDetail) === null || _a === void 0 ? void 0 : _a.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { feesData: JSON.stringify(estimateFee), amount: +amount })), estimateReceive !== undefined && !amountError && ((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: "Receive amount estimated" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { ml: "auto" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: estimateReceive }) })] })), (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { ref: confirmLayoutDrawerRef, action: type_1.ActionConfirm.SEND, trigger: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, status: !!amountError ||
                                                     !!recipientAddressError ||
                                                     !recipientAddress ||
                                                     !amount ||
@@ -656,7 +664,9 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                     isLoadingEstimateFee ||
                                                     isValidatingAddress
                                                     ? Button_1.BUTTON_STATUS.DISABLED
-                                                    : Button_1.BUTTON_STATUS.ENABLED, children: "Continue" }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.paper), children: [(0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Recipient address", value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { wordBreak: "break-all" }, children: recipientAddress }) }), selectedMethod === SendMethods.TRANSFER_EXTERNAL && ((0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Network", value: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6, ml: "auto" }), 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)(LineValue_1.default, { field: "Amount", value: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) }) }), !!memo &&
+                                                    : Button_1.BUTTON_STATUS.ENABLED, children: "Continue" }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({}, theme.mixins.paper), children: [(0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Recipient address", value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                                        wordBreak: "break-all",
+                                                                    }, children: recipientAddress }) }), selectedMethod === SendMethods.TRANSFER_EXTERNAL && ((0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Network", value: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g6, ml: "auto" }), 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)(LineValue_1.default, { field: "Amount", value: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) }) }), !!memo &&
                                                                 selectedMethod === SendMethods.TRANSFER_EXTERNAL && ((0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Memo", value: memo })), ((_b = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeDetail) === null || _b === void 0 ? void 0 : _b.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { feesData: JSON.stringify(estimateFee), amount: +amount })), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "Receive amount estimated", value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                                                         fontWeight: theme.typography.fontWeight600,
                                                                         fontSize: theme.typography.fontSize16,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.407",
+  "version": "0.0.409",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",