tek-wallet 0.0.224 → 0.0.226

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

@@ -181,6 +181,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
                     }
                     else {
                         setAuthError("Invalid passcode");
+                        setOtp("");
                     }
                     (_b = loadingRef.current) === null || _b === void 0 ? void 0 : _b.endLoading();
                     _c.label = 2;
@@ -193,7 +194,9 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
             }
         });
     }); };
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: handleOnOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: { width: "100%" }, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Authentication", onClose: handleClose, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { justifyContent: "center", alignItems: "center", gap: "1rem", width: "100%" }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: ["Enter your passcode to confirm", " ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontWeight: theme.typography.fontWeight600 }, children: action })] }), (0, jsx_runtime_1.jsx)(OTP_1.default, { value: otp, onChange: handleOtpChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }), !!authError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { alignSelf: "flex-start" }), children: authError }))] }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: handleOnOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: {
+                backgroundColor: "transparent",
+            }, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Authentication", onClose: handleClose, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { justifyContent: "center", alignItems: "center", gap: "1rem", width: "100%" }), children: [(0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: ["Enter your passcode to confirm", " ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: { fontWeight: theme.typography.fontWeight600 }, children: action })] }), (0, jsx_runtime_1.jsx)(OTP_1.default, { value: otp, onChange: handleOtpChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }), !!authError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { alignSelf: "flex-start" }), children: authError }))] }) }) }) }));
 });
 ConfirmByPasscode.displayName = "ConfirmByPasscode";
 exports.default = ConfirmByPasscode;

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

@@ -0,0 +1,13 @@
+import { ListItemProps } from "@mui/material";
+import { ReactEventHandler } from "react";
+export interface ListItemCustomProps extends Omit<ListItemProps, "title"> {
+    title: React.ReactNode;
+    description: React.ReactNode;
+    icon: string;
+    onClick?: ReactEventHandler;
+    disabled?: boolean;
+    rightIcon?: React.ReactNode | boolean;
+    hideDefaultRightIcon?: boolean;
+}
+declare function ListItemCustom({ title, description, icon, rightIcon, hideDefaultRightIcon, sx, ...rest }: ListItemCustomProps): import("react/jsx-runtime").JSX.Element;
+export default ListItemCustom;

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

@@ -0,0 +1,38 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var Icon_1 = __importDefault(require("../Icon"));
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
+var Text_1 = __importDefault(require("../Text"));
+function ListItemCustom(_a) {
+    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"]);
+    var theme = (0, material_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.ListItem, __assign({}, rest, { sx: __assign(__assign({}, theme.mixins.row), 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.g4, 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)("arrow-right"), sx: { ml: "auto" } })))] })));
+}
+exports.default = ListItemCustom;

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

@@ -30,7 +30,7 @@ var LoadingLayout = (0, react_1.forwardRef)(function (props, ref) {
             setLoading(false);
         },
     }); });
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ position: "relative", width: "fit-content", height: "fit-content" }, sx), children: [children, loading && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({ position: "absolute", inset: 0 }, theme.mixins.whiteLoadingOverlay), { zIndex: 1000 }), children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.center), children: loadingMessage }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ position: "relative", width: "fit-content", height: "fit-content" }, sx), children: [children, loading && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.whiteLoadingOverlay), theme.mixins.row), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 20 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.center), { fontSize: "typography.fontSize12", color: "text.secondary" }), children: loadingMessage })] }))] }));
 });
 LoadingLayout.displayName = "LoadingLayout";
 exports.default = LoadingLayout;

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

@@ -8,5 +8,16 @@ type WithdrawFunctionRef = {
     open: () => void;
     close: () => void;
 };
+export declare enum SendMethods {
+    SCAN_QR_CODE = "scan qr code",
+    TRANSFER_INTERNAL = "transfer internal",
+    TRANSFER_EXTERNAL = "transfer external"
+}
+export declare enum WithdrawStep {
+    SELECT_METHOD = 1,
+    SELECT_TOKEN = 2,
+    SELECT_NETWORK = 3,
+    SHOW_QR_CODE = 4
+}
 declare const WithdrawFunction: import("react").ForwardRefExoticComponent<WithdrawFunctionProps & import("react").RefAttributes<WithdrawFunctionRef>>;
 export default WithdrawFunction;

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

@@ -16,6 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithdrawStep = exports.SendMethods = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
@@ -35,28 +36,37 @@ var Share_1 = __importDefault(require("../Share"));
 var NetworkSelection_1 = __importDefault(require("../NetworkSelection"));
 var TokenSelection_1 = __importDefault(require("../TokenSelection"));
 var CloseModal_1 = __importDefault(require("../CloseModal"));
-var useDepositData_1 = __importDefault(require("../../../hooks/useDepositData"));
 var RequireConnect_1 = __importDefault(require("../RequireConnect"));
-var DepositStep;
-(function (DepositStep) {
-    DepositStep[DepositStep["SELECT_TOKEN"] = 1] = "SELECT_TOKEN";
-    DepositStep[DepositStep["SELECT_NETWORK"] = 2] = "SELECT_NETWORK";
-    DepositStep[DepositStep["SHOW_QR_CODE"] = 3] = "SHOW_QR_CODE";
-})(DepositStep || (DepositStep = {}));
-var DEPOSIT_STEP_NAME = (_a = {},
-    _a[DepositStep.SELECT_TOKEN] = "Select token",
-    _a[DepositStep.SELECT_NETWORK] = "Select network",
-    _a[DepositStep.SHOW_QR_CODE] = "Scan QR code",
+var useWithdrawData_1 = __importDefault(require("../../../hooks/useWithdrawData"));
+var ListItemCustom_1 = __importDefault(require("../ListItemCustom"));
+var SendMethods;
+(function (SendMethods) {
+    SendMethods["SCAN_QR_CODE"] = "scan qr code";
+    SendMethods["TRANSFER_INTERNAL"] = "transfer internal";
+    SendMethods["TRANSFER_EXTERNAL"] = "transfer external";
+})(SendMethods || (exports.SendMethods = SendMethods = {}));
+var WithdrawStep;
+(function (WithdrawStep) {
+    WithdrawStep[WithdrawStep["SELECT_METHOD"] = 1] = "SELECT_METHOD";
+    WithdrawStep[WithdrawStep["SELECT_TOKEN"] = 2] = "SELECT_TOKEN";
+    WithdrawStep[WithdrawStep["SELECT_NETWORK"] = 3] = "SELECT_NETWORK";
+    WithdrawStep[WithdrawStep["SHOW_QR_CODE"] = 4] = "SHOW_QR_CODE";
+})(WithdrawStep || (exports.WithdrawStep = WithdrawStep = {}));
+var WITHDRAW_STEP_NAME = (_a = {},
+    _a[WithdrawStep.SELECT_METHOD] = "Select method",
+    _a[WithdrawStep.SELECT_TOKEN] = "Select token",
+    _a[WithdrawStep.SELECT_NETWORK] = "Select network",
+    _a[WithdrawStep.SHOW_QR_CODE] = "Scan QR code",
     _a);
 var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     var drawerRef = (0, react_1.useRef)(null);
     var swiperRef = (0, react_1.useRef)(null);
     var theme = (0, material_1.useTheme)();
-    var _a = (0, react_1.useState)(DepositStep.SELECT_TOKEN), currentStep = _a[0], setCurrentStep = _a[1];
+    var _a = (0, react_1.useState)(WithdrawStep.SELECT_METHOD), currentStep = _a[0], setCurrentStep = _a[1];
     var _b = (0, react_1.useState)(), selectedToken = _b[0], setSelectedToken = _b[1];
     var _c = (0, react_1.useState)(), selectedNetwork = _c[0], setSelectedNetwork = _c[1];
-    var _d = (0, useWalletData_1.default)(), isAuthenticated = _d.isAuthenticated, blockchainWallets = _d.blockchainWallets;
-    var _e = (0, useDepositData_1.default)(), depositTokens = _e.depositTokens, updateDepositToken = _e.updateDepositToken;
+    var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
+    var _d = (0, useWithdrawData_1.default)(), withdrawTokens = _d.withdrawTokens, updateWithdrawToken = _d.updateWithdrawToken;
     var networks = (0, react_1.useMemo)(function () {
         console.warn("🚀 ~ networks ~ selectedToken:", selectedToken);
         if (!selectedToken) {
@@ -69,19 +79,6 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         }
         return newNetWorks;
     }, [selectedToken]);
-    var addressByNetwork = (0, react_1.useMemo)(function () {
-        var _a;
-        if (!blockchainWallets || !selectedNetwork) {
-            return undefined;
-        }
-        return (_a = blockchainWallets.find(function (item) { return item.networkSlug === (selectedNetwork === null || selectedNetwork === void 0 ? void 0 : selectedNetwork.slug); })) === null || _a === void 0 ? void 0 : _a.blockchainAddress;
-    }, [blockchainWallets, selectedNetwork]);
-    var qrCodeValue = (0, react_1.useMemo)(function () {
-        if (!addressByNetwork || !selectedToken) {
-            return "";
-        }
-        return "ton://transfer/".concat(addressByNetwork, "?&jetton=").concat(selectedToken.address);
-    }, [addressByNetwork, selectedToken]);
     var open = function () {
         var _a;
         (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
@@ -94,10 +91,24 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         open: open,
         close: close,
     }); });
+    var handleSelectMethod = function (method) {
+        console.warn("🚀 ~ handleSelectMethod ~ method:", method);
+        switch (method) {
+            case SendMethods.SCAN_QR_CODE:
+                break;
+            case SendMethods.TRANSFER_INTERNAL:
+                break;
+            case SendMethods.TRANSFER_EXTERNAL:
+                nextStep();
+                break;
+            default:
+                break;
+        }
+    };
     var handleBack = function () {
         var _a;
         (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.prev();
-        setCurrentStep(currentStep - 1);
+        setCurrentStep(function (prev) { return prev - 1; });
     };
     var nextStep = function () {
         var _a;
@@ -117,29 +128,31 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         nextStep();
     };
     (0, react_1.useEffect)(function () {
-        if (isAuthenticated && !depositTokens) {
-            updateDepositToken();
+        if (isAuthenticated && !withdrawTokens) {
+            updateWithdrawToken();
         }
-    }, [isAuthenticated, depositTokens]);
+    }, [isAuthenticated, withdrawTokens]);
     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: props.onClose, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
                         width: "100%",
                         display: "flex",
                         alignItems: "center",
                         minHeight: "2rem",
                         mb: theme.mixins.customMargin.m20,
-                    }, overrideBack: handleBack, hideBack: currentStep === DepositStep.SELECT_TOKEN, center: DEPOSIT_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: {
+                    }, overrideBack: handleBack, hideBack: currentStep === WithdrawStep.SELECT_METHOD, center: 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: {
                         autoHeight: true,
                         spaceBetween: 32,
-                    }, 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: depositTokens === null || depositTokens === void 0 ? void 0 : depositTokens.map(function (item) {
+                    }, 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) {
+                                    return ((0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: item, description: item, icon: (0, getIcon_1.default)(item + "_icon"), onClick: function () { return handleSelectMethod(item); } }, item));
+                                }) }) }, 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) {
                                     var stringifiedTokenData = JSON.stringify(item);
                                     if (!item)
                                         return null;
                                     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));
-                                }) }) }, DepositStep.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) {
+                                }) }) }, 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) {
                                     if (!item)
                                         return null;
                                     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));
-                                }) }) }, DepositStep.SELECT_NETWORK), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                }) }) }, WithdrawStep.SELECT_NETWORK), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                     display: "flex",
                                     flexDirection: "column",
                                     gap: theme.mixins.gaps.g16,
@@ -151,9 +164,9 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                     overflow: "hidden",
                                                     backgroundColor: theme.palette.background.white,
                                                     backdropFilter: "blur(10px)",
-                                                }, children: (0, jsx_runtime_1.jsx)(QRCode_1.default, { value: qrCodeValue, title: "Deposit ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name), logo: (0, getIcon_1.default)("ton"), bgColor: "transparent" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Network" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "button", sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2, cursor: "pointer", transition: "transform 0.3s ease-in-out", "&:active": {
+                                                }, children: (0, jsx_runtime_1.jsx)(QRCode_1.default, { value: "qrCodeValue", title: "Deposit ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name), logo: (0, getIcon_1.default)("ton"), bgColor: "transparent" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Network" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "button", sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g2, cursor: "pointer", transition: "transform 0.3s ease-in-out", "&:active": {
                                                                 transform: "translateX(0.5rem)",
-                                                            } }), onClick: handleBack, children: [(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, { src: (0, getIcon_1.default)("right_arrow"), width: 10 })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Address" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all" }), children: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: addressByNetwork || "", children: addressByNetwork }) })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, backgroundColor: theme.palette.background.white16, borderRadius: theme.mixins.theBorderRadius.r12, padding: theme.mixins.customPadding.p8 }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: ["Deposit", " ", (0, jsx_runtime_1.jsxs)("strong", { style: { color: theme.palette.text.white }, children: ["min ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value, " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name] }), " ", "and", " ", (0, jsx_runtime_1.jsx)("strong", { style: { color: theme.palette.text.white }, children: "select the correct network" }), ", or you will lose your assets."] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: qrCodeValue, children: (0, jsx_runtime_1.jsxs)(Button_1.default.Secondary, { className: "gap-1.5 flex items-center", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                            } }), onClick: handleBack, children: [(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, { src: (0, getIcon_1.default)("right_arrow"), width: 10 })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, color: "text.white" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "Address" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all" }) })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4, backgroundColor: theme.palette.background.white16, borderRadius: theme.mixins.theBorderRadius.r12, padding: theme.mixins.customPadding.p8 }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: ["Deposit", " ", (0, jsx_runtime_1.jsxs)("strong", { style: { color: theme.palette.text.white }, children: ["min ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value, " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name] }), " ", "and", " ", (0, jsx_runtime_1.jsx)("strong", { style: { color: theme.palette.text.white }, children: "select the correct network" }), ", or you will lose your assets."] }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g12, justifyContent: "center" }), children: [(0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: "qrCodeValue", children: (0, jsx_runtime_1.jsxs)(Button_1.default.Secondary, { className: "gap-1.5 flex items-center", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                                                 fontSize: theme.typography.fontSize12,
                                                                 fontWeight: theme.typography.fontWeight400,
                                                                 leading: "typography.leading150",
@@ -163,7 +176,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                                 fontWeight: theme.typography.fontWeight400,
                                                                 leading: "typography.leading150",
                                                                 textTransform: "capitalize",
-                                                            }, children: "Share" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("share"), width: 20 })] }) })] })] }) }, DepositStep.SHOW_QR_CODE)] }, depositTokens === null || depositTokens === void 0 ? void 0 : depositTokens.length) }) }) }));
+                                                            }, children: "Share" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("share"), width: 20 })] }) })] })] }) }, WithdrawStep.SHOW_QR_CODE)] }, withdrawTokens === null || withdrawTokens === void 0 ? void 0 : withdrawTokens.length) }) }) }));
 });
 WithdrawFunction.displayName = "WithdrawFunction";
 exports.default = WithdrawFunction;

package/dist/hooks/useWithdrawData.d.ts

@@ -0,0 +1,3 @@
+import { WithdrawProviderDataType } from "../types/expose-type";
+declare function useWithdrawData(): WithdrawProviderDataType;
+export default useWithdrawData;

package/dist/hooks/useWithdrawData.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var WithdrawProvider_1 = require("../providers/WithdrawProvider");
+var WithdrawProvider_2 = require("../providers/WithdrawProvider");
+function useWithdrawData() {
+    try {
+        var data = (0, react_1.useContext)(WithdrawProvider_2.WithdrawContext);
+        return data;
+    }
+    catch (error) {
+        console.error("🚀 ~ useWithdrawData ~ error:", error);
+        return WithdrawProvider_1.initialWithdraw;
+    }
+}
+exports.default = useWithdrawData;

package/dist/providers/WithdrawProvider/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { WithdrawProviderDataType } from "../../types/expose-type";
+export declare const initialWithdraw: WithdrawProviderDataType;
+export declare const WithdrawContext: React.Context<WithdrawProviderDataType>;
+declare function WithdrawProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export default WithdrawProvider;

package/dist/providers/WithdrawProvider/index.js

@@ -0,0 +1,125 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithdrawContext = exports.initialWithdraw = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var useWalletData_1 = __importDefault(require("../../hooks/useWalletData"));
+var get_withdraw_tokens_list_service_1 = __importDefault(require("../../services/axios/get-withdraw-tokens-list-service"));
+exports.initialWithdraw = {
+    isLoadingWithdrawToken: true,
+    withdrawTokens: undefined,
+    updateWithdrawToken: function () { },
+};
+exports.WithdrawContext = react_1.default.createContext(exports.initialWithdraw);
+function WithdrawProvider(_a) {
+    var _this = this;
+    var children = _a.children;
+    var isAuthenticated = (0, useWalletData_1.default)().isAuthenticated;
+    var _b = (0, react_1.useState)(true), isLoadingWithdrawToken = _b[0], setIsLoadingWithdrawToken = _b[1];
+    var _c = react_1.default.useState(undefined), withdrawTokens = _c[0], setWithdrawTokens = _c[1];
+    var updateWithdrawToken = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
+        var response, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    if (!isAuthenticated) {
+                        throw new Error("Authenticate to get withdraw tokens");
+                    }
+                    setIsLoadingWithdrawToken(true);
+                    return [4 /*yield*/, (0, get_withdraw_tokens_list_service_1.default)()];
+                case 1:
+                    response = _a.sent();
+                    console.warn("🚀 ~ getBalance ~ response:", response);
+                    setWithdrawTokens(response === null || response === void 0 ? void 0 : response.supported_tokens);
+                    setIsLoadingWithdrawToken(false);
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_1 = _a.sent();
+                    console.error("🚀 ~ getBalance ~ error:", error_1);
+                    setIsLoadingWithdrawToken(false);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); }, [isAuthenticated]);
+    return ((0, jsx_runtime_1.jsx)(exports.WithdrawContext.Provider, { value: {
+            isLoadingWithdrawToken: isLoadingWithdrawToken,
+            withdrawTokens: withdrawTokens,
+            updateWithdrawToken: updateWithdrawToken,
+        }, children: children }));
+}
+exports.default = WithdrawProvider;

package/dist/services/axios/get-withdraw-tokens-list-service/index.d.ts

@@ -0,0 +1,3 @@
+import { GetWithdrawTokenListQuery, WithdrawTokenList } from "./type";
+declare const getWithdrawTokenList: (query?: GetWithdrawTokenListQuery) => Promise<WithdrawTokenList>;
+export default getWithdrawTokenList;

package/dist/services/axios/get-withdraw-tokens-list-service/index.js

@@ -0,0 +1,68 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var get_config_tokens_list_service_1 = __importDefault(require("../get-config-tokens-list-service"));
+var getWithdrawTokenList = function (query) { return __awaiter(void 0, void 0, void 0, function () {
+    var params, response;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                params = __assign(__assign({}, query), { transactionType: "withdrawn" });
+                return [4 /*yield*/, (0, get_config_tokens_list_service_1.default)(params)];
+            case 1:
+                response = _a.sent();
+                console.warn("🚀 ~ response getConfigTokenList:", response);
+                return [2 /*return*/, response === null || response === void 0 ? void 0 : response.data];
+        }
+    });
+}); };
+exports.default = getWithdrawTokenList;

package/dist/services/axios/get-withdraw-tokens-list-service/type.d.ts

@@ -0,0 +1,33 @@
+import { GetConfigTokenListQuery } from "../get-config-tokens-list-service";
+import { Paginated, NetworkData } from "../type";
+export type GetWithdrawTokenListQuery = Omit<GetConfigTokenListQuery, "transactionType">;
+export interface WithdrawCurrency {
+    id: number;
+    status: string;
+    name: string;
+    slug: string;
+    is_crypto_token: boolean;
+    address: string;
+    network: number;
+    wallet_integrations_currencies: number;
+    wallet_integrations_input_withdrawn: number;
+    wallet_integrations_output_withdrawn: number;
+    full_name: string;
+    icon: string;
+    usd_rate: string;
+    icon_svg: string;
+    network_data: NetworkData;
+    balance: string;
+    min_value: number;
+    max_value: number;
+}
+export interface WithdrawTokenList {
+    supported_tokens: WithdrawCurrency[];
+    paginated: Paginated;
+}
+export interface WithdrawTokenListResponse {
+    success: boolean;
+    message: string;
+    data: WithdrawTokenList;
+    timestamp: string;
+}

package/dist/services/axios/get-withdraw-tokens-list-service/type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/theme/mui/theme.js

@@ -200,6 +200,9 @@ var theme = (0, styles_1.createTheme)({
         whiteLoadingOverlay: {
             backgroundColor: "background.white16",
             backdropFilter: "blur(2px)",
+            zIndex: 1000,
+            position: "absolute",
+            inset: 0,
         },
         paper: {
             display: "flex",
@@ -210,6 +213,16 @@ var theme = (0, styles_1.createTheme)({
             backgroundColor: "background.white16",
             borderRadius: theBorderRadius.r16,
         },
+        listTitle: {
+            color: "text.white",
+            fontWeight: typography.fontWeight500,
+            fontSize: typography.fontSize14,
+        },
+        listDescription: {
+            color: "text.white64",
+            fontWeight: typography.fontWeight400,
+            fontSize: typography.fontSize12,
+        },
     },
 });
 exports.default = theme;

package/dist/types/expose-type.d.ts

@@ -1,4 +1,5 @@
 import { LockTokensProviderDataType } from "../providers/LockTokenProvider/type";
+import { WithdrawCurrency } from "../services/axios/get-withdraw-tokens-list-service/type";
 export declare enum LoginMessage {
     SUCCESS = "Login is successfully",
     ERROR = "Login is failed",
@@ -69,6 +70,11 @@ export interface DepositProviderDataType {
     depositTokens: DepositCurrency[] | undefined;
     updateDepositToken: () => void;
 }
+export interface WithdrawProviderDataType {
+    isLoadingWithdrawToken: boolean;
+    withdrawTokens: WithdrawCurrency[] | undefined;
+    updateWithdrawToken: () => void;
+}
 export type Wallet = Omit<WalletProviderDataType, "session"> & DepositProviderDataType & LockTokensProviderDataType;
 export interface LoginInfo {
     accessToken: string;

package/package.json

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