tek-wallet 0.0.674 → 0.0.675

package/dist/components/TekWallet/components/ui/ChangePasscode/index.js

@@ -67,6 +67,7 @@ var RequireConnect_1 = __importDefault(require("../RequireConnect"));
 var material_1 = require("@mui/material");
 var ChangePasscodeView_1 = __importDefault(require("../../views/ChangePasscodeView"));
 var xhub_keyboard_1 = require("xhub-keyboard");
+var useUniqueId_1 = require("../../../hooks/useUniqueId");
 function ChangePasscode(_a) {
     var children = _a.children, rest = __rest(_a, ["children"]);
     var getSeedPhraseViewRef = (0, react_1.useRef)(null);
@@ -80,6 +81,7 @@ function ChangePasscode(_a) {
             setResetTrigger(function (prev) { return prev + "1"; });
         }, 400);
     };
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { onClose: onClose, ref: getSeedPhraseViewRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { autoFocus: true, useBrowserInput: false, htmlFor: "change-passcode-keyboard", children: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { sx: { position: "relative" }, children: [children, (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", inset: 0, zIndex: 10 } })] })) }), children: (0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { onBack: backAuthView }, resetTrigger) }) }));
+    var keyboardPrefix = (0, useUniqueId_1.useUniqueId)();
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { onClose: onClose, ref: getSeedPhraseViewRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { autoFocus: true, useBrowserInput: false, htmlFor: "".concat(keyboardPrefix, "-change-passcode-keyboard"), children: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({}, rest, { sx: { position: "relative" }, children: [children, (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", inset: 0, zIndex: 10 } })] })) }), children: (0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { onBack: backAuthView, idPrefix: keyboardPrefix }, resetTrigger) }) }));
 }
 exports.default = ChangePasscode;

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

@@ -96,6 +96,7 @@ var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
 var authentication_by_passcode_service_1 = __importDefault(require("../../../services/axios/authentication-by-passcode-service"));
 var xhub_keyboard_1 = require("xhub-keyboard");
 var useUniqueId_1 = require("../../../hooks/useUniqueId");
+var xhub_keyboard_2 = require("xhub-keyboard");
 var handleVerifyPasscode = function (data) { return __awaiter(void 0, void 0, void 0, function () {
     var response, err_1;
     return __generator(this, function (_a) {
@@ -118,21 +119,23 @@ var passcodeLength = 6;
 var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     var onConfirmSuccess = props.onConfirmSuccess;
     var theme = (0, ThemeProvider_1.useTheme)();
-    var _a = (0, react_1.useState)(""), otp = _a[0], setOtp = _a[1];
+    var _a = (0, react_1.useState)(""), passcode = _a[0], setPasscode = _a[1];
     var loadingRef = (0, react_1.useRef)(null);
     var _b = (0, react_1.useState)(""), authError = _b[0], setAuthError = _b[1];
     var keyboardId = (0, useUniqueId_1.useUniqueId)("confirm-passcode-keyboard");
+    var keyboardRef = (0, react_1.useRef)(null);
     var drawerRef = (0, react_1.useRef)(null);
+    var handleBlurAll = (0, xhub_keyboard_2.useBlurAll)().handleBlurAll;
     var handleCleardata = function () {
-        setOtp("");
+        setPasscode("");
         setAuthError("");
     };
-    var handleClose = function () {
+    var handleClose = (0, react_1.useCallback)(function () {
         var _a, _b;
+        handleBlurAll();
         (_a = drawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
-        handleCleardata();
         (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
-    };
+    }, [handleBlurAll, props]);
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         clearData: handleCleardata,
         open: function () {
@@ -159,19 +162,22 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     var handleOnOpen = function () {
         var _a;
         (_a = props.onOpen) === null || _a === void 0 ? void 0 : _a.call(props);
+        handleCleardata();
     };
-    var handlePasscodeChange = function (value) { return __awaiter(void 0, void 0, void 0, function () {
+    var handlePasscodeChange = (0, react_1.useCallback)(function (value) { return __awaiter(void 0, void 0, void 0, function () {
         var isAuth, err_2;
         var _a, _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
+                    if (value.length > passcodeLength)
+                        return [2 /*return*/];
                     value = value === null || value === void 0 ? void 0 : value.slice(0, passcodeLength);
                     _c.label = 1;
                 case 1:
                     _c.trys.push([1, 4, , 5]);
-                    setOtp(value);
-                    if (!(value.length === passcodeLength)) return [3 /*break*/, 3];
+                    setPasscode(value);
+                    if (!(value.length === passcodeLength && value !== passcode)) return [3 /*break*/, 3];
                     (_a = loadingRef.current) === null || _a === void 0 ? void 0 : _a.startLoading();
                     return [4 /*yield*/, handleVerifyPasscode({
                             passcode: value,
@@ -184,7 +190,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
                     }
                     else {
                         setAuthError("Invalid passcode");
-                        setOtp("");
+                        setPasscode("");
                     }
                     (_b = loadingRef.current) === null || _b === void 0 ? void 0 : _b.endLoading();
                     _c.label = 3;
@@ -196,21 +202,21 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
                 case 5: return [2 /*return*/];
             }
         });
-    }); };
+    }); }, [handleClose, onConfirmSuccess]);
     return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { style: {
                 width: "100%",
             }, useBrowserInput: false, htmlFor: keyboardId, children: props.children }), onOpen: handleOnOpen, onClose: handleOnClose, sx: {
             width: "100%",
             maxWidth: "calc(100dvw - 2rem)",
             display: "flex",
-        }, children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { id: keyboardId, value: otp, onChange: handlePasscodeChange, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: {
+        }, children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { ref: keyboardRef, id: keyboardId, value: passcode, onChange: handlePasscodeChange, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: {
                     backgroundColor: "transparent",
                     width: "100%",
                 }, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Enter Passcode", onClose: handleClose, sx: {
                         backgroundColor: theme.palette.background.tertiary,
                     }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { justifyContent: "center", alignItems: "center", gap: "0.75rem", width: "100%" }), children: [(0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { style: {
                                     width: "100%",
-                                }, useBrowserInput: false, htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(OTP_1.default, { value: otp, onChange: handlePasscodeChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.CONFIRM_BY_PASSCODE }) }), !!authError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { alignSelf: "flex-start" }), children: authError }))] }) }) }) }) }));
+                                }, useBrowserInput: false, htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(OTP_1.default, { value: passcode, onChange: handlePasscodeChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.CONFIRM_BY_PASSCODE }) }), !!authError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { alignSelf: "flex-start" }), children: authError }))] }) }) }) }) }));
 });
 ConfirmByPasscode.displayName = "ConfirmByPasscode";
 exports.default = ConfirmByPasscode;

package/dist/components/TekWallet/components/ui/RequireConnect/index.js

@@ -63,7 +63,7 @@ function RequireConnect(_a) {
     var children = _a.children, signIn = _a.signIn, component = _a.component, sx = _a.sx;
     var authViewRef = (0, react_1.useRef)(null);
     var initPasscodeRef = (0, react_1.useRef)(null);
-    var _b = (0, useWalletData_1.default)(), isInitPasscode = _b.isInitPasscode, isSSO = _b.isSSO, isAuthenticated = _b.isAuthenticated;
+    var _b = (0, useWalletData_1.default)(), isInitPasscode = _b.isInitPasscode, isSSO = _b.isSSO, isAuthenticated = _b.isAuthenticated, masterWallet = _b.masterWallet;
     var idPrefix = (0, useUniqueId_1.useUniqueId)();
     var backAuthView = function () {
         var _a;
@@ -85,7 +85,7 @@ function RequireConnect(_a) {
         return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ position: "relative" }, sx), component: component || "div", children: [children, (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", inset: 0, zIndex: 10 }, onClick: handleOpenAuthView, children: (0, jsx_runtime_1.jsxs)(DrawerComponent_1.default, { ref: authViewRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, onClick: stopPropagation, children: [isSSO && (0, jsx_runtime_1.jsx)(AuthViewSignIn_1.default, { onBack: backAuthView, onSignIn: signIn }), !isSSO && (0, jsx_runtime_1.jsx)(AuthView_1.default, { onBack: backAuthView })] }) })] }) }));
     }
     if (!isInitPasscode) {
-        return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ position: "relative" }, sx), component: component || "div", onClick: function () {
+        return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign({ position: "relative", pointerEvents: masterWallet ? "initial" : "none" }, sx), component: component || "div", onClick: function () {
                 var _a;
                 (_a = initPasscodeRef.current) === null || _a === void 0 ? void 0 : _a.open();
             }, children: [children, (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { autoFocus: true, useBrowserInput: false, htmlFor: "".concat(idPrefix, "-init-passcode-keyboard"), style: {

package/dist/components/TekWallet/components/views/ChangePasscodeView/index.js

@@ -318,7 +318,7 @@ var ChangePasscodeView = function (props) {
                                     alignItems: "center",
                                     height: "100%",
                                     gap: "1rem",
-                                }, children: [oldPasscode, (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: stepsContent[type_1.ChangePasscodeViewStep.ENTER_NEW_PASSCODE].title }), (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { useBrowserInput: false, htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(OTP_1.default, { value: newPasscode, onChange: handleNewPasscodeChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD, readOnly: true }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: stepsContent[type_1.ChangePasscodeViewStep.ENTER_NEW_PASSCODE].description })] }) }), (0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: stepsContent[type_1.ChangePasscodeViewStep.ENTER_NEW_PASSCODE].title }), (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { useBrowserInput: false, htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(OTP_1.default, { value: newPasscode, onChange: handleNewPasscodeChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.PASSWORD, readOnly: true }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: stepsContent[type_1.ChangePasscodeViewStep.ENTER_NEW_PASSCODE].description })] }) }), (0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                     display: "flex",
                                     flexDirection: "column",
                                     alignItems: "center",

package/dist/components/TekWallet/hooks/useUniqueId.js

@@ -5,6 +5,6 @@ var react_1 = require("react");
 var uuid_1 = require("uuid");
 var useUniqueId = function (name) {
     var id = (0, react_1.useRef)((0, uuid_1.v4)());
-    return name ? "".concat(id.current, "-").concat(name) : id.current;
+    return "id-".concat(id.current, "-").concat(name || "");
 };
 exports.useUniqueId = useUniqueId;

package/dist/components/TekWallet/providers/WalletDataProviderNoImport/index.js

@@ -130,7 +130,6 @@ function WalletDataProviderNoImport(_a) {
                     return [4 /*yield*/, (0, getBalanceService_1.default)()];
                 case 1:
                     response = _a.sent();
-                    console.warn("🚀 ~ updateWalletDetail ~ response:", response);
                     setTokens(response === null || response === void 0 ? void 0 : response.balances);
                     setIsInitPasscode(response === null || response === void 0 ? void 0 : response.is_initialized_passcode);
                     setMasterWallet(response === null || response === void 0 ? void 0 : response.address);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.674",
+  "version": "0.0.675",
   "description": "A custom React provider with TypeScript support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -61,7 +61,7 @@
     "ton-core": "^0.53.0",
     "ton-crypto": "^3.2.0",
     "uuid": "^11.1.0",
-    "xhub-keyboard": "^0.0.20"
+    "xhub-keyboard": "^0.0.22"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",

package/dist/components/TekWallet/components/ui/InitPasscode/index.d.ts

@@ -1,6 +0,0 @@
-import { GeneralProps } from "../../../types/ui";
-export interface InitPasscodeProps extends GeneralProps {
-    children: React.ReactNode;
-}
-export declare function InitPasscode({ children }: InitPasscodeProps): import("react/jsx-runtime").JSX.Element;
-export default InitPasscode;

package/dist/components/TekWallet/components/ui/InitPasscode/index.js

@@ -1,61 +0,0 @@
-"use strict";
-"use client";
-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.InitPasscode = InitPasscode;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
-var react_1 = require("react");
-var ChangePasscodeView_1 = __importDefault(require("../../views/ChangePasscodeView"));
-var xhub_keyboard_1 = require("xhub-keyboard");
-function InitPasscode(_a) {
-    var children = _a.children;
-    var getSeedPhraseViewRef = (0, react_1.useRef)(null);
-    var backAuthView = function () {
-        var _a;
-        (_a = getSeedPhraseViewRef.current) === null || _a === void 0 ? void 0 : _a.close();
-    };
-    var _b = (0, react_1.useState)("1"), resetTrigger = _b[0], setResetTrigger = _b[1];
-    var onClose = function () {
-        setTimeout(function () {
-            setResetTrigger(function (prev) { return prev + "1"; });
-        }, 400);
-    };
-    return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { onClose: onClose, ref: getSeedPhraseViewRef, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { autoFocus: true, useBrowserInput: false, htmlFor: "init-passcode-keyboard", style: { width: "100%", height: "100%" }, children: children }), children: (0, jsx_runtime_1.jsx)(ChangePasscodeView_1.default, { onBack: backAuthView, isInitPasscode: true }, resetTrigger) }));
-}
-exports.default = InitPasscode;