tek-wallet 0.0.214 → 0.0.215

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

@@ -10,5 +10,6 @@ export interface ButtonProps extends MuiButtonProps {
 declare const Button: React.FC<ButtonProps> & {
     Primary: React.FC<ButtonProps>;
     Secondary: React.FC<ButtonProps>;
+    Text: React.FC<ButtonProps>;
 };
 export default Button;

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

@@ -49,4 +49,10 @@ Button.Secondary = function (props) {
     return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "outlined", color: "secondary", sx: __assign({ borderRadius: theme.mixins.theBorderRadius.full }, sx) })));
 };
 Button.Secondary.displayName = "Button.Secondary";
+Button.Text = function (props) {
+    var sx = props.sx, rest = __rest(props, ["sx"]);
+    var theme = (0, material_1.useTheme)();
+    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "text", color: "secondary", sx: __assign({ width: "fit-content", height: "fit-content", px: theme.mixins.customPadding.p16, py: theme.mixins.customPadding.p8 }, sx) })));
+};
+Button.Text.displayName = "Button.Text";
 exports.default = Button;

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

@@ -1,8 +1,7 @@
-import { ReactEventHandler } from "react";
-import { GeneralProps } from "../../../types/ui";
+import { GeneralProps, UnknownFunction } from "../../../types/ui";
 interface DepositFunctionProps extends GeneralProps {
-    onClose?: ReactEventHandler;
-    onOpen?: ReactEventHandler;
+    onClose?: UnknownFunction;
+    onOpen?: UnknownFunction;
 }
 type DepositFunctionRef = {
     open: () => void;

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

@@ -11,6 +11,39 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -28,7 +61,7 @@ var QRCode_1 = __importDefault(require("../QRCode"));
 var Text_1 = __importDefault(require("../Text"));
 var material_1 = require("@mui/material");
 var CopyTextComponent_1 = __importDefault(require("../CopyTextComponent"));
-var Button_1 = __importDefault(require("../Button"));
+var Button_1 = __importStar(require("../Button"));
 var Icon_1 = __importDefault(require("../Icon"));
 var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var Share_1 = __importDefault(require("../Share"));
@@ -52,13 +85,17 @@ var DEPOSIT_STEP_NAME = (_a = {},
     _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 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, useDepositData_1.default)(), depositTokens = _e.depositTokens, updateDepositToken = _e.updateDepositToken;
+    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 networks = (0, react_1.useMemo)(function () {
         console.warn("🚀 ~ networks ~ selectedToken:", selectedToken);
         if (!selectedToken) {
@@ -79,11 +116,17 @@ 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;
         if (!addressByNetwork || !selectedToken) {
             return "";
         }
-        return "ton://transfer/".concat(addressByNetwork, "?&jetton=").concat(selectedToken.address);
-    }, [addressByNetwork, selectedToken]);
+        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 () {
+        setInputAmount(0);
+        setAmount(0);
+        setAmountError("");
+    };
     var open = function () {
         var _a;
         if (!isAuthenticated)
@@ -95,6 +138,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();
     };
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         open: open,
@@ -122,12 +166,43 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
         setSelectedNetwork(network);
         nextStep();
     };
+    var validateAmount = function (amount) {
+        var _a, _b;
+        if (amount < ((_a = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value) !== null && _a !== void 0 ? _a : 0)) {
+            setAmountError("Min ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value, " ").concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name));
+            return false;
+        }
+        if (amount > ((_b = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value) !== null && _b !== void 0 ? _b : 0)) {
+            setAmountError("Max ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value, " ").concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name));
+            return false;
+        }
+        setAmountError("");
+        return true;
+    };
+    var handleChangeAmount = function (e) {
+        var amountNumber = Number(e.target.value);
+        if (isNaN(amountNumber)) {
+            return;
+        }
+        setInputAmount(amountNumber);
+        validateAmount(amountNumber);
+    };
+    var handleContinue = function () {
+        var _a;
+        setAmount(inputAmount);
+        (_a = amountDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    };
+    var handleOnClose = function () {
+        var _a;
+        resetValues();
+        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    };
     (0, react_1.useEffect)(function () {
         if (isAuthenticated && !depositTokens) {
             updateDepositToken();
         }
     }, [isAuthenticated, depositTokens]);
-    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: {
+    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: {
                         width: "100%",
                         display: "flex",
                         alignItems: "center",
@@ -160,7 +235,12 @@ var DepositFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                     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": {
                                                                 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.jsx)(Button_1.default, { children: "Set amount" }), (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" }), 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.jsx)(DrawerComponent_1.default, { ref: amountDrawerRef, trigger: (0, jsx_runtime_1.jsx)(Button_1.default.Text, { sx: {
+                                                fontSize: "typography.fontSize12",
+                                                textTransform: "none",
+                                            }, children: "+ Set amount" }), children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { 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)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Set amount" }), (0, jsx_runtime_1.jsx)(material_1.Input, { value: inputAmount, onChange: handleChangeAmount }), amountError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: amountError })), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { mt: theme.mixins.customMargin.m8 }, onClick: handleContinue, status: !!amountError
+                                                            ? Button_1.BUTTON_STATUS.DISABLED
+                                                            : Button_1.BUTTON_STATUS.ENABLED, children: "Continue" })] }) }) }), (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",

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

@@ -198,6 +198,7 @@ export interface DepositCurrency {
     balance: string;
     min_value: number;
     max_value: number;
+    decimal: number;
 }
 interface Networkdata {
     id: number;

package/package.json

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