tek-wallet 0.0.361 → 0.0.363

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

@@ -1,11 +1,19 @@
 import { GeneralProps, UnknownFunction } from "../../../types/ui";
-interface DepositFunctionProps extends GeneralProps {
+import { TonTransferUrlParams } from "../../../utils/parseTonTransferUrl";
+export interface ReceiveInternalParams extends TonTransferUrlParams {
+    isTekWalletReceiveInternal: true;
+}
+interface ReceiveFunctionProps extends GeneralProps {
     onClose?: UnknownFunction;
     onOpen?: UnknownFunction;
 }
-type DepositFunctionRef = {
+type ReceiveFunctionRef = {
     open: () => void;
     close: () => void;
 };
-declare const DepositFunction: import("react").ForwardRefExoticComponent<DepositFunctionProps & import("react").RefAttributes<DepositFunctionRef>>;
+export declare enum ReceiveMethods {
+    RECEIVE_INTERNAL = "receive_internal",
+    RECEIVE_EXTERNAL = "receive_external"
+}
+declare const DepositFunction: import("react").ForwardRefExoticComponent<ReceiveFunctionProps & import("react").RefAttributes<ReceiveFunctionRef>>;
 export default DepositFunction;

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

@@ -49,6 +49,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReceiveMethods = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
@@ -73,30 +74,39 @@ var RequireConnect_1 = __importDefault(require("../RequireConnect"));
 var WaitingData_1 = __importDefault(require("../WaitingData"));
 var EmptyData_1 = __importDefault(require("../EmptyData"));
 var Formatter_1 = __importDefault(require("../Formatter"));
-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 ListItemCustom_1 = __importDefault(require("../ListItemCustom"));
+var ReceiveMethods;
+(function (ReceiveMethods) {
+    ReceiveMethods["RECEIVE_INTERNAL"] = "receive_internal";
+    ReceiveMethods["RECEIVE_EXTERNAL"] = "receive_external";
+})(ReceiveMethods || (exports.ReceiveMethods = ReceiveMethods = {}));
+var ReceiveStep;
+(function (ReceiveStep) {
+    ReceiveStep[ReceiveStep["SELECT_METHOD"] = 0] = "SELECT_METHOD";
+    ReceiveStep[ReceiveStep["SELECT_TOKEN"] = 1] = "SELECT_TOKEN";
+    ReceiveStep[ReceiveStep["SELECT_NETWORK"] = 2] = "SELECT_NETWORK";
+    ReceiveStep[ReceiveStep["SHOW_QR_CODE"] = 3] = "SHOW_QR_CODE";
+})(ReceiveStep || (ReceiveStep = {}));
+var RECEIVE_STEP_NAME = (_a = {},
+    _a[ReceiveStep.SELECT_METHOD] = "Select method",
+    _a[ReceiveStep.SELECT_TOKEN] = "Select token",
+    _a[ReceiveStep.SELECT_NETWORK] = "Select network",
+    _a[ReceiveStep.SHOW_QR_CODE] = "Scan QR code",
     _a);
 var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
     var drawerRef = (0, react_1.useRef)(null);
     var amountDrawerRef = (0, react_1.useRef)(null);
+    var _a = (0, react_1.useState)(), selectedMethod = _a[0], setSelectedMethod = _a[1];
     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 _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, react_1.useState)(0), inputAmount = _e[0], setInputAmount = _e[1];
-    var _f = (0, react_1.useState)(0), amount = _f[0], setAmount = _f[1];
-    var _g = (0, react_1.useState)(""), amountError = _g[0], setAmountError = _g[1];
-    var _h = (0, useDepositData_1.default)(), depositTokens = _h.depositTokens, updateDepositToken = _h.updateDepositToken;
+    var _b = (0, react_1.useState)(ReceiveStep.SELECT_METHOD), currentStep = _b[0], setCurrentStep = _b[1];
+    var _c = (0, react_1.useState)(), selectedToken = _c[0], setSelectedToken = _c[1];
+    var _d = (0, react_1.useState)(), selectedNetwork = _d[0], setSelectedNetwork = _d[1];
+    var _e = (0, useWalletData_1.default)(), isAuthenticated = _e.isAuthenticated, blockchainWallets = _e.blockchainWallets, masterWallet = _e.masterWallet;
+    var _f = (0, react_1.useState)(0), inputAmount = _f[0], setInputAmount = _f[1];
+    var _g = (0, react_1.useState)(0), amount = _g[0], setAmount = _g[1];
+    var _h = (0, react_1.useState)(""), amountError = _h[0], setAmountError = _h[1];
+    var _j = (0, useDepositData_1.default)(), depositTokens = _j.depositTokens, updateDepositToken = _j.updateDepositToken;
     var networks = (0, react_1.useMemo)(function () {
         console.warn("🚀 ~ networks ~ selectedToken:", selectedToken);
         if (!selectedToken) {
@@ -117,13 +127,26 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
         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 () {
-        var _a;
+        var _a, _b;
         if (!addressByNetwork || !selectedToken) {
             return "";
         }
-        return "ton://transfer/".concat(addressByNetwork, "?&jetton=").concat(selectedToken.address, "&amount=").concat(amount * Math.pow(10, ((_a = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.decimal) !== null && _a !== void 0 ? _a : 0)));
-    }, [addressByNetwork, selectedToken, amount]);
-    var resetValues = function () {
+        if (selectedMethod === ReceiveMethods.RECEIVE_INTERNAL) {
+            var tonTransferParamInternal = {
+                address: masterWallet || "",
+                amount: amount * Math.pow(10, ((_a = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.decimal) !== null && _a !== void 0 ? _a : 0)),
+                jetton: selectedToken.address,
+                isTekWalletReceiveInternal: true,
+                text: "",
+                bin: "",
+                init: "",
+                isDeepLinkFormat: false,
+            };
+            return JSON.stringify(tonTransferParamInternal);
+        }
+        return "ton://transfer/".concat(addressByNetwork, "?&jetton=").concat(selectedToken.address, "&amount=").concat(amount * Math.pow(10, ((_b = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.decimal) !== null && _b !== void 0 ? _b : 0)));
+    }, [addressByNetwork, selectedToken, amount, selectedMethod, masterWallet]);
+    var clearValues = function () {
         setInputAmount(0);
         setAmount(0);
         setAmountError("");
@@ -139,7 +162,7 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
         if (!isAuthenticated)
             throw new Error("Please connect your wallet");
         (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
-        resetValues();
+        clearValues();
     };
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         open: open,
@@ -150,22 +173,42 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
         (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.prev();
         setCurrentStep(currentStep - 1);
     };
-    var nextStep = function () {
+    var handleSelectMethod = function (method) {
+        console.warn("🚀 ~ handleSelectMethod ~ method:", method);
+        setSelectedMethod(method);
+        switch (method) {
+            case ReceiveMethods.RECEIVE_INTERNAL:
+            case ReceiveMethods.RECEIVE_EXTERNAL:
+                gotoStep(ReceiveStep.SELECT_TOKEN);
+                break;
+            default:
+                break;
+        }
+    };
+    var gotoStep = function (step) {
         var _a;
-        (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.next();
-        setCurrentStep(function (prev) { return prev + 1; });
+        if (step === ReceiveStep.SELECT_METHOD) {
+            clearValues();
+        }
+        setCurrentStep(step);
+        (_a = swiperRef.current) === null || _a === void 0 ? void 0 : _a.slideTo(step);
     };
     var handleSelectToken = function (token) {
         console.warn("🚀 ~ handleSelectToken ~ token:", token);
         setSelectedToken(token);
         if (!!token) {
-            nextStep();
+            if (selectedMethod === ReceiveMethods.RECEIVE_INTERNAL) {
+                gotoStep(ReceiveStep.SHOW_QR_CODE);
+            }
+            else {
+                gotoStep(ReceiveStep.SELECT_NETWORK);
+            }
         }
     };
     var handleSelectNetwork = function (network) {
         console.warn("network", selectedNetwork);
         setSelectedNetwork(network);
-        nextStep();
+        gotoStep(ReceiveStep.SHOW_QR_CODE);
     };
     var validateAmount = function (amount) {
         var _a, _b;
@@ -201,7 +244,7 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
     };
     var handleOnClose = function () {
         var _a;
-        resetValues();
+        clearValues();
         (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
     };
     (0, react_1.useEffect)(function () {
@@ -215,19 +258,25 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
                         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 === ReceiveStep.SELECT_TOKEN, center: RECEIVE_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.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: [!depositTokens && (0, jsx_runtime_1.jsx)(WaitingData_1.default, {}), (depositTokens === null || depositTokens === void 0 ? void 0 : depositTokens.length) === 0 && (0, jsx_runtime_1.jsx)(EmptyData_1.default, {}), 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), { height: "fit-content" }), children: Object.values(ReceiveMethods).map(function (item, index) {
+                                    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: item, description: item, icon: (0, getIcon_1.default)(item + "_icon"), onClick: function () {
+                                                    return handleSelectMethod(item);
+                                                }, sx: {
+                                                    my: theme.mixins.customMargin.m12,
+                                                } })] }, item));
+                                }) }) }, ReceiveStep.SELECT_METHOD), (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.g12, height: "fit-content" }), children: [!depositTokens && (0, jsx_runtime_1.jsx)(WaitingData_1.default, {}), (depositTokens === null || depositTokens === void 0 ? void 0 : depositTokens.length) === 0 && (0, jsx_runtime_1.jsx)(EmptyData_1.default, {}), depositTokens === null || depositTokens === void 0 ? void 0 : depositTokens.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) {
+                                    })] }) }, ReceiveStep.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: {
+                                }) }) }, ReceiveStep.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,
@@ -261,7 +310,7 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                                 fontWeight: theme.typography.fontWeight400,
                                                                 leading: theme.typography.leading160,
                                                                 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 })] }) })] })] }) }, ReceiveStep.SHOW_QR_CODE)] }, depositTokens === null || depositTokens === void 0 ? void 0 : depositTokens.length) }) }) }));
 });
 DepositFunction.displayName = "DepositFunction";
 exports.default = DepositFunction;

package/package.json

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