tek-wallet 0.0.321 → 0.0.323

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

@@ -72,8 +72,8 @@ var labels = [
 ];
 var defaultTimeRange = TimeFilter_2.TimeFilterType.SEVEN_DAYS;
 var variants = {
-    hidden: { opacity: 0, left: "-70%" },
-    visible: { opacity: 1, left: "0%" },
+    hidden: { opacity: 0, bottom: "-5%" },
+    visible: { opacity: 1, bottom: "0" },
 };
 var AmountGroupAndChart = function (props) {
     var _a = (0, react_1.useState)(false), expandAreaChart = _a[0], setExpandAreaChart = _a[1];
@@ -110,7 +110,7 @@ var AmountGroupAndChart = function (props) {
                                         my: theme.mixins.customMargin.m3,
                                     } }) }) }), (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { style: {
                                 position: "absolute",
-                                bottom: 0,
+                                left: 0,
                             }, initial: "hidden", animate: expandAreaChart ? "visible" : "hidden", variants: variants, transition: {
                                 opacity: {
                                     duration: expandAreaChart ? 0.5 : 0,

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

@@ -19,5 +19,10 @@ export declare enum WithdrawStep {
     SELECT_NETWORK = 2,
     CONFIRM = 3
 }
+export declare enum AmountError {
+    INSUFFICIENT_BALANCE = "Your balance is insufficient",
+    MAX_LIMIT = "The maximum amount is",
+    MIN_LIMIT = "The minimum amount is"
+}
 declare const WithdrawFunction: import("react").ForwardRefExoticComponent<WithdrawFunctionProps & import("react").RefAttributes<WithdrawFunctionRef>>;
 export default WithdrawFunction;

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

@@ -52,7 +52,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithdrawStep = exports.SendMethods = void 0;
+exports.AmountError = 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"));
@@ -99,6 +99,12 @@ var WITHDRAW_STEP_NAME = (_a = {},
     _a[WithdrawStep.SELECT_NETWORK] = "Select network",
     _a[WithdrawStep.CONFIRM] = "Confirm",
     _a);
+var AmountError;
+(function (AmountError) {
+    AmountError["INSUFFICIENT_BALANCE"] = "Your balance is insufficient";
+    AmountError["MAX_LIMIT"] = "The maximum amount is";
+    AmountError["MIN_LIMIT"] = "The minimum amount is";
+})(AmountError || (exports.AmountError = AmountError = {}));
 var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     var drawerRef = (0, react_1.useRef)(null);
     var swiperRef = (0, react_1.useRef)(null);
@@ -112,13 +118,15 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     var _f = (0, react_1.useState)(""), amount = _f[0], setAmount = _f[1];
     var _g = (0, react_1.useState)(undefined), memo = _g[0], setMemo = _g[1];
     var _h = (0, react_1.useState)(undefined), recipientAddress = _h[0], setRecipientAddress = _h[1];
+    var _j = (0, react_1.useState)(), amountErrorMessage = _j[0], setAmountErrorMessage = _j[1];
+    var _k = (0, react_1.useState)(), amountError = _k[0], setAmountError = _k[1];
     var scannerAllQrCodeRef = (0, react_1.useRef)(null);
     var scannerAddressQrCodeRef = (0, react_1.useRef)(null);
     var backDropRef = (0, react_1.useRef)(null);
     var suggestUseTransferInternalDialogRef = (0, react_1.useRef)(null);
-    var _j = (0, react_1.useState)(), selectedMethod = _j[0], setSelectedMethod = _j[1];
-    var _k = (0, react_1.useState)(), sendInfoGet = _k[0], setSendInfoGet = _k[1];
-    var _l = (0, react_1.useState)(), recipientAddressInternal = _l[0], setRecipientAddressInternal = _l[1];
+    var _l = (0, react_1.useState)(), selectedMethod = _l[0], setSelectedMethod = _l[1];
+    var _m = (0, react_1.useState)(), sendInfoGet = _m[0], setSendInfoGet = _m[1];
+    var _o = (0, react_1.useState)(), recipientAddressInternal = _o[0], setRecipientAddressInternal = _o[1];
     var networks = (0, react_1.useMemo)(function () {
         console.warn("🚀 ~ networks ~ selectedToken:", selectedToken);
         if (!selectedToken) {
@@ -144,6 +152,28 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         open: open,
         close: close,
     }); });
+    var validateAmount = (0, react_1.useCallback)(function () {
+        var _a, _b;
+        if (!selectedToken)
+            return false;
+        if (+amount < +(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value)) {
+            setAmountErrorMessage(AmountError.MIN_LIMIT);
+            setAmountError(+((_a = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.min_value) !== null && _a !== void 0 ? _a : 0));
+            return false;
+        }
+        if (+amount > +(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value)) {
+            setAmountErrorMessage(AmountError.MAX_LIMIT);
+            setAmountError(+((_b = selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.max_value) !== null && _b !== void 0 ? _b : 0));
+            return false;
+        }
+        if (+amount > +(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.balance)) {
+            setAmountErrorMessage(AmountError.INSUFFICIENT_BALANCE);
+            return false;
+        }
+        setAmountError(undefined);
+        setAmountErrorMessage(undefined);
+        return true;
+    }, [amount, selectedToken]);
     var handleClearInfoDialogContent = function () {
         setInfoDialogContent(undefined);
     };
@@ -166,6 +196,8 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         setSendInfoGet(undefined);
         setRecipientAddressInternal(undefined);
         setCurrentStep(WithdrawStep.SELECT_METHOD);
+        setAmountError(undefined);
+        setAmountErrorMessage(undefined);
     };
     var handleClickMaxAmount = function () {
         if (!selectedToken)
@@ -347,6 +379,9 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
             updateWithdrawToken();
         }
     }, [isAuthenticated]);
+    (0, react_1.useEffect)(function () {
+        validateAmount();
+    }, [validateAmount]);
     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.jsxs)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
                         width: "100%",
                         display: "flex",
@@ -387,7 +422,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                         onChange: handleChangeAmount,
                                                         type: "text",
                                                         inputMode: "decimal",
-                                                    }, rightPart: (0, jsx_runtime_1.jsx)(Button_1.default.Secondary, { onClick: handleClickMaxAmount, sx: __assign({}, theme.mixins.smallButton), children: "Max" }) }), (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: {
+                                                    }, rightPart: (0, jsx_runtime_1.jsx)(Button_1.default.Secondary, { onClick: handleClickMaxAmount, sx: __assign({}, theme.mixins.smallButton), children: "Max" }) }), !!amountError && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: [amountErrorMessage, " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amountError, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.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: selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.balance, unit: " ".concat(selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name) }) })] })] }), selectedMethod === SendMethods.TRANSFER_EXTERNAL && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: "Memo" }), (0, jsx_runtime_1.jsx)(Input_1.default, { inputRest: {

package/package.json

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