tek-wallet 0.0.172 → 0.0.175

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

@@ -3,5 +3,11 @@ import { LockData } from "./type";
 interface LockTokenProps extends Omit<ConfirmLayoutProps, "action"> {
     lockData: LockData;
 }
+export declare enum LockTokenError {
+    TOKEN_NOT_FOUND = "Token not found",
+    NOT_ENOUGH_BALANCE = "Not enough balance",
+    MAX_AMOUNT = "Max amount",
+    MIN_AMOUNT = "Min amount"
+}
 declare const LockToken: (props: LockTokenProps) => import("react/jsx-runtime").JSX.Element;
 export default LockToken;

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

@@ -11,27 +11,106 @@ 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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.LockTokenError = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
-var Button_1 = __importDefault(require("../../ui/Button"));
+var Button_1 = __importStar(require("../../ui/Button"));
 var ConfirmLayout_1 = __importDefault(require("../ConfirmLayout"));
 var type_1 = require("../ConfirmLayout/type");
 var LineValue_1 = __importDefault(require("../LineValue"));
 var Formatter_1 = __importDefault(require("../Formatter"));
 var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
 var react_1 = require("react");
+var useLockTokenData_1 = __importDefault(require("../../../hooks/useLockTokenData"));
+var Text_1 = __importDefault(require("../Text"));
+var LockTokenError;
+(function (LockTokenError) {
+    LockTokenError["TOKEN_NOT_FOUND"] = "Token not found";
+    LockTokenError["NOT_ENOUGH_BALANCE"] = "Not enough balance";
+    LockTokenError["MAX_AMOUNT"] = "Max amount";
+    LockTokenError["MIN_AMOUNT"] = "Min amount";
+})(LockTokenError || (exports.LockTokenError = LockTokenError = {}));
 var LockToken = function (props) {
+    var _a, _b;
     var theme = (0, material_1.useTheme)();
+    var lockTokens = (0, useLockTokenData_1.default)().lockTokens;
     var confirmByPasscodeDrawerRef = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useState)(undefined), error = _c[0], setError = _c[1];
+    var _d = (0, react_1.useState)(undefined), errorAmount = _d[0], setErrorAmount = _d[1];
+    var _e = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _e[0], setButtonStatus = _e[1];
+    var validateAmount = function (lockData) {
+        var token = lockTokens === null || lockTokens === void 0 ? void 0 : lockTokens.find(function (token) { return token.slug === lockData.tokenSlug; });
+        if (!token) {
+            setError(LockTokenError.TOKEN_NOT_FOUND);
+            return;
+        }
+        if (lockData.amount > token.max_value) {
+            setError(LockTokenError.MAX_AMOUNT);
+            setErrorAmount(token.max_value);
+            return;
+        }
+        if (lockData.amount < token.min_value) {
+            setError(LockTokenError.MIN_AMOUNT);
+            setErrorAmount(token.min_value);
+            return;
+        }
+        if (lockData.amount > +token.balance) {
+            setError(LockTokenError.NOT_ENOUGH_BALANCE);
+            setErrorAmount(token.balance);
+            return;
+        }
+        setError(undefined);
+        setErrorAmount(undefined);
+    };
     var handleLockToken = function (passcode) {
-        var _a;
-        (_a = confirmByPasscodeDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
         console.warn("🚀 ~ handleLockToken ~ lockData:", props.lockData, passcode);
+        setButtonStatus(Button_1.BUTTON_STATUS.LOADING);
+        setTimeout(function () {
+            var _a;
+            setButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
+            (_a = confirmByPasscodeDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+        }, 3000);
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { ref: confirmByPasscodeDrawerRef, action: type_1.ActionConfirm.LOCK, trigger: props.trigger, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16 }), 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: props.lockData.tokenSlug }) }), (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, { sx: { width: "100%" }, children: "Confirm" }) })] }) }) }));
+    (0, react_1.useEffect)(function () {
+        validateAmount(props.lockData);
+    }, [(_a = props.lockData) === null || _a === void 0 ? void 0 : _a.amount, (_b = props.lockData) === null || _b === void 0 ? void 0 : _b.tokenSlug]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { ref: confirmByPasscodeDrawerRef, action: type_1.ActionConfirm.LOCK, trigger: props.trigger, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.paper), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g6 }), 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: props.lockData.tokenSlug }) }), (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: [error, " ", !!errorAmount && ((0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: props.lockData.tokenSlug }))] })] }) }), (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" }) })] }) }) }));
 };
 exports.default = LockToken;

package/dist/hooks/useLockTokenData.d.ts

@@ -0,0 +1,3 @@
+import { LockTokensProviderDataType } from "../providers/LockTokenProvider/type";
+declare function useLockTokenData(): LockTokensProviderDataType;
+export default useLockTokenData;

package/dist/hooks/useLockTokenData.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var LockTokenProvider_1 = require("../providers/LockTokenProvider");
+var LockTokenProvider_2 = require("../providers/LockTokenProvider");
+function useLockTokenData() {
+    try {
+        var data = (0, react_1.useContext)(LockTokenProvider_2.LockTokensContext);
+        return data;
+    }
+    catch (error) {
+        console.error("🚀 ~ useLockTokenData ~ error:", error);
+        return LockTokenProvider_1.initialLockTokens;
+    }
+}
+exports.default = useLockTokenData;

package/dist/providers/LockTokenProvider/index.js

@@ -104,7 +104,7 @@ function LockTokensProvider(_a) {
                 case 1:
                     response = _a.sent();
                     console.warn("🚀 ~ getBalance ~ response:", response);
-                    setLockTokens(response === null || response === void 0 ? void 0 : response.data);
+                    setLockTokens(response === null || response === void 0 ? void 0 : response.supported_tokens);
                     setIsLoadingLockToken(false);
                     return [3 /*break*/, 3];
                 case 2:
@@ -116,6 +116,9 @@ function LockTokensProvider(_a) {
             }
         });
     }); }, [isAuthenticated]);
+    (0, react_1.useEffect)(function () {
+        updateLockToken();
+    }, [updateLockToken]);
     return ((0, jsx_runtime_1.jsx)(exports.LockTokensContext.Provider, { value: {
             isLoadingLockToken: isLoadingLockToken,
             lockTokens: lockTokens,

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

@@ -60,6 +60,7 @@ var getLockTokenList = function (query) { return __awaiter(void 0, void 0, void
                 return [4 /*yield*/, (0, get_config_tokens_list_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];
         }
     });

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

@@ -15,9 +15,12 @@ export interface LockCurrency {
     usd_rate: string;
     icon_svg: string;
     network_data: Networkdata;
+    balance: string;
+    min_value: number;
+    max_value: number;
 }
 export interface LockTokenList {
-    data: LockCurrency[];
+    supported_tokens: LockCurrency[];
     paginated: Paginated;
 }
 export interface LockTokenListResponse {

package/dist/theme/mui/theme.js

@@ -96,6 +96,7 @@ var customPadding = {
 var theBorderRadius = {
     full: "999px",
     r12: "0.75rem",
+    r16: "1rem",
 };
 var theme = (0, styles_1.createTheme)({
     palette: {
@@ -183,6 +184,15 @@ var theme = (0, styles_1.createTheme)({
             backgroundColor: "background.white16",
             backdropFilter: "blur(2px)",
         },
+        paper: {
+            display: "flex",
+            flexDirection: "column",
+            width: "100%",
+            gap: gaps.g12,
+            padding: customPadding.p12,
+            backgroundColor: "background.white16",
+            borderRadius: theBorderRadius.r16,
+        },
     },
 });
 exports.default = theme;

package/package.json

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