tek-wallet 0.0.158 → 0.0.161

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

@@ -1,9 +1,11 @@
 import { GeneralProps } from "../../../types/ui";
 import { ActionConfirm } from "../ConfirmLayout/type";
-import { DrawerComponentProps, DrawerComponentRef } from "../DrawerComponent";
-interface ConfirmByPasscodeProps extends GeneralProps, DrawerComponentProps {
+interface ConfirmByPasscodeProps extends GeneralProps {
     onConfirmSuccess?: (value: string) => any;
     action: ActionConfirm;
 }
-declare const ConfirmByPasscode: import("react").ForwardRefExoticComponent<ConfirmByPasscodeProps & import("react").RefAttributes<DrawerComponentRef>>;
+export interface ConfirmByPasscodeRef {
+    clearData: () => void;
+}
+declare const ConfirmByPasscode: import("react").ForwardRefExoticComponent<ConfirmByPasscodeProps & import("react").RefAttributes<ConfirmByPasscodeRef>>;
 export default ConfirmByPasscode;

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

@@ -80,17 +80,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-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 };
 };
@@ -99,28 +88,27 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var OTP_1 = __importStar(require("../../../components/ui/OTP"));
 var react_1 = require("react");
 var Text_1 = __importDefault(require("../../../components/ui/Text"));
-var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
 var ModalLayout_1 = __importDefault(require("../ModalLayout"));
 var material_1 = require("@mui/material");
 var LoadingLayout_1 = __importDefault(require("../LoadingLayout"));
 var passcodeLength = 6;
 var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
-    var action = props.action, onConfirmSuccess = props.onConfirmSuccess, onClose = props.onClose, rest = __rest(props, ["action", "onConfirmSuccess", "onClose"]);
+    var action = props.action, onConfirmSuccess = props.onConfirmSuccess;
     var theme = (0, material_1.useTheme)();
     var _a = (0, react_1.useState)(""), otp = _a[0], setOtp = _a[1];
     var loadingRef = (0, react_1.useRef)(null);
-    var resetValue = function () {
-        setOtp("");
-    };
-    var handleClose = function () {
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-        resetValue();
-    };
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        clearData: function () {
+            setOtp("");
+        },
+    }); });
     var handleOtpChange = function (value) { return __awaiter(void 0, void 0, void 0, function () {
+        var err_1;
         var _a, _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
+                    _c.trys.push([0, 3, , 4]);
                     setOtp(value);
                     if (!(value.length === passcodeLength)) return [3 /*break*/, 2];
                     (_a = loadingRef.current) === null || _a === void 0 ? void 0 : _a.startLoading();
@@ -129,15 +117,18 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
                     _c.sent();
                     onConfirmSuccess === null || onConfirmSuccess === void 0 ? void 0 : onConfirmSuccess(value);
                     (_b = loadingRef.current) === null || _b === void 0 ? void 0 : _b.endLoading();
-                    if (ref && typeof ref !== "function" && ref.current) {
-                        ref.current.close();
-                    }
+                    ref;
                     _c.label = 2;
-                case 2: return [2 /*return*/];
+                case 2: return [3 /*break*/, 4];
+                case 3:
+                    err_1 = _c.sent();
+                    console.error(err_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
             }
         });
     }); };
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, __assign({ ref: ref }, rest, { onClose: handleClose, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Confirm", children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { justifyContent: "center", alignItems: "center", gap: "1rem", height: "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 })] }) }) }) })));
+    return ((0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Confirm", 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)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, children: (0, jsx_runtime_1.jsx)(OTP_1.default, { value: otp, onChange: handleOtpChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD }) })] }) }));
 });
 ConfirmByPasscode.displayName = "ConfirmByPasscode";
 exports.default = ConfirmByPasscode;

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

@@ -25,7 +25,7 @@ var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
 var react_1 = require("react");
 var ConfirmLayout = (0, react_1.forwardRef)(function (props, ref) {
     var theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: ref, trigger: props.trigger, onOpen: props.onOpen, onClose: props.onClose, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g16 }), 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)(Icon_1.default, { width: 64, sx: {}, src: (0, getIcon_1.default)("wallet_logo") }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Confirm action" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: props.action })] }), props.children] }) }) }));
+    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: ref, trigger: props.trigger, onOpen: props.onOpen, onClose: props.onClose, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g16 }), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", gap: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 64, sx: {}, src: (0, getIcon_1.default)("wallet_logo") }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: "Confirm action" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.sessionTitle), { textTransform: "capitalize" }), children: props.action })] }), props.children] }) }) }));
 });
 ConfirmLayout.displayName = "ConfirmLayout";
 exports.default = ConfirmLayout;

package/dist/components/ui/ConfirmLayout/type.d.ts

@@ -1,5 +1,5 @@
 export declare enum ActionConfirm {
     WITHDRAW = "withdraw",
     TRANSFER = "transfer",
-    LOCK = "lock"
+    LOCK = "lock token"
 }

package/dist/components/ui/ConfirmLayout/type.js

@@ -5,5 +5,5 @@ var ActionConfirm;
 (function (ActionConfirm) {
     ActionConfirm["WITHDRAW"] = "withdraw";
     ActionConfirm["TRANSFER"] = "transfer";
-    ActionConfirm["LOCK"] = "lock";
+    ActionConfirm["LOCK"] = "lock token";
 })(ActionConfirm || (exports.ActionConfirm = ActionConfirm = {}));

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" }, sx), children: [children, loading && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({ position: "absolute", inset: 0, display: "flex", margin: "auto", color: "text.white" }, theme.mixins.whiteLoadingOverlay), { zIndex: 1000 }), children: loadingMessage }))] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ position: "relative", width: "100%", 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 }) }))] }));
 });
 LoadingLayout.displayName = "LoadingLayout";
 exports.default = LoadingLayout;

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

@@ -24,11 +24,20 @@ 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 LockToken = function (props) {
     var theme = (0, material_1.useTheme)();
+    var confirmByPasscodeDrawerRef = (0, react_1.useRef)(null);
+    var confirmByPasscodeRef = (0, react_1.useRef)(null);
+    var handleClearConfirmData = function () {
+        var _a;
+        (_a = confirmByPasscodeRef.current) === null || _a === void 0 ? void 0 : _a.clearData();
+    };
     var handleLockToken = function () {
+        var _a;
+        (_a = confirmByPasscodeDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
         console.warn("🚀 ~ handleLockToken ~ lockData:", props.lockData);
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { 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)(DrawerComponent_1.default, { trigger: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { children: "Confirm" }), children: (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.ActionConfirm.LOCK, onConfirmSuccess: handleLockToken }) })] }) }) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ConfirmLayout_1.default, { 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)(DrawerComponent_1.default, { trigger: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, children: "Confirm" }), onOpen: handleClearConfirmData, children: (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { ref: confirmByPasscodeRef, action: type_1.ActionConfirm.LOCK, onConfirmSuccess: handleLockToken }) })] }) }) }));
 };
 exports.default = LockToken;

package/dist/theme/mui/theme.js

@@ -125,6 +125,7 @@ var theme = (0, styles_1.createTheme)({
         column: {
             display: "flex",
             flexDirection: "column",
+            width: "100%",
         },
         headerTitle: {
             color: "text.white",

package/package.json

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