tek-wallet 0.0.672 → 0.0.674

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

@@ -95,6 +95,7 @@ var LoadingLayout_1 = __importDefault(require("../LoadingLayout"));
 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 handleVerifyPasscode = function (data) { return __awaiter(void 0, void 0, void 0, function () {
     var response, err_1;
     return __generator(this, function (_a) {
@@ -120,6 +121,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     var _a = (0, react_1.useState)(""), otp = _a[0], setOtp = _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 drawerRef = (0, react_1.useRef)(null);
     var handleCleardata = function () {
         setOtp("");
@@ -197,18 +199,18 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     }); };
     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: "confirm-passcode-keyboard", children: props.children }), onOpen: handleOnOpen, onClose: handleOnClose, sx: {
+            }, 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: "confirm-passcode-keyboard", 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, { 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: {
                     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: "confirm-passcode-keyboard", 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: 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 }))] }) }) }) }) }));
 });
 ConfirmByPasscode.displayName = "ConfirmByPasscode";
 exports.default = ConfirmByPasscode;

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

@@ -86,7 +86,7 @@ var DrawerComponent = (0, react_1.forwardRef)(function (props, ref) {
         setIsShowDrawerComponent(true);
         onOpen === null || onOpen === void 0 ? void 0 : onOpen(e);
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ display: "inline-block" }, sx), className: className, onClick: toggle, children: trigger }), (0, jsx_runtime_1.jsx)(DrawerComponent, __assign({}, rest, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ display: "block" }, sx), className: className, onClick: toggle, children: trigger }), (0, jsx_runtime_1.jsx)(DrawerComponent, __assign({}, rest, { sx: {
                     "& .MuiDrawer-paper": {
                         backgroundColor: "transparent",
                         overflow: "hidden",

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

@@ -85,6 +85,7 @@ var sort_utils_1 = require("../../../utils/sort.utils");
 var PageHeader_1 = __importDefault(require("../PageHeader"));
 var BottomActionLayout_1 = __importDefault(require("../BottomActionLayout"));
 var xhub_keyboard_1 = require("xhub-keyboard");
+var useUniqueId_1 = require("../../../hooks/useUniqueId");
 var ReceiveMethods;
 (function (ReceiveMethods) {
     ReceiveMethods["RECEIVE_INTERNAL"] = "Receive internally";
@@ -121,6 +122,7 @@ exports.ReceiveFunction = (0, react_1.forwardRef)(function (props, ref) {
     var _h = (0, react_1.useState)(""), inputAmount = _h[0], setInputAmount = _h[1];
     var _j = (0, react_1.useState)(""), amount = _j[0], setAmount = _j[1];
     var _k = (0, react_1.useState)(""), amountError = _k[0], setAmountError = _k[1];
+    var keyboardId = (0, useUniqueId_1.useUniqueId)("receive-function-keyboard");
     // const [receiveTokens, setReceiveTokens] = useState<ReceiveTokenType[]>([]);
     var _l = (0, useReceiveData_1.default)(), receiveExternalTokens = _l.receiveExternalTokens, updateReceiveExternalToken = _l.updateReceiveExternalToken, receiveInternalTokens = _l.receiveInternalTokens, updateReceiveInternalToken = _l.updateReceiveInternalToken;
     var receiveTokens = (0, react_1.useMemo)(function () {
@@ -387,11 +389,11 @@ exports.ReceiveFunction = (0, react_1.forwardRef)(function (props, ref) {
                                                         width: "100%",
                                                         display: "flex",
                                                         justifyContent: "center",
-                                                    }, onOpen: handleAmountModalOpen, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { htmlFor: "receive-amount", children: (0, jsx_runtime_1.jsxs)(Button_1.default.Text, { sx: {
+                                                    }, onOpen: handleAmountModalOpen, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { htmlFor: keyboardId, children: (0, jsx_runtime_1.jsxs)(Button_1.default.Text, { sx: {
                                                                 fontSize: theme.typography.fontSize14,
                                                                 textTransform: "none",
                                                                 fontWeight: theme.typography.fontWeight500,
-                                                            }, children: [amount ? "Edit" : "+ Set", " amount"] }) }), children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { id: "receive-amount", onChange: handleChangeAmount, keyboardType: xhub_keyboard_1.KeyboardType.Double, value: inputAmount === null || inputAmount === void 0 ? void 0 : inputAmount.toString(), keyboardId: "amount-keyboard-id", children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { onClose: function () { var _a; return (_a = amountDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close(); }, title: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: [amount ? "Edit" : "Set", " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name, " amount"] }), 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)(xhub_keyboard_1.Label, { htmlFor: "receive-amount", children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Input, { ref: amountInputRef, elementsAcceptIds: ["amount-keyboard-id"], value: inputAmount === null || inputAmount === void 0 ? void 0 : inputAmount.toString(), displayType: xhub_keyboard_1.DisplayType.Double, rightElement: (0, jsx_runtime_1.jsx)(Button_1.default.Secondary, { onClick: handleClickMaxAmount, sx: __assign({}, theme.mixins.smallButton), children: "Max" }) }) }), amountError && (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: amountError }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%", mt: theme.mixins.customMargin.m8, gap: theme.mixins.gaps.g12 }), children: [!!amount && (0, jsx_runtime_1.jsx)(Button_1.default.Text, { onClick: handleUnset, children: "Unset" }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { flex: 1 }, onClick: handleContinue, status: !!amountError ? Button_1.BUTTON_STATUS.DISABLED : Button_1.BUTTON_STATUS.ENABLED, children: "Continue" })] })] }) }) }) })] }) }, "slide_step_".concat(ReceiveStep.SHOW_QR_CODE))] }) }) }) }) }) }) }));
+                                                            }, children: [amount ? "Edit" : "+ Set", " amount"] }) }), children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { id: keyboardId, onChange: handleChangeAmount, keyboardType: xhub_keyboard_1.KeyboardType.Double, value: inputAmount === null || inputAmount === void 0 ? void 0 : inputAmount.toString(), keyboardId: "amount-keyboard-id", children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { onClose: function () { var _a; return (_a = amountDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close(); }, title: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.fieldTitle), children: [amount ? "Edit" : "Set", " ", selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.name, " amount"] }), 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)(xhub_keyboard_1.Label, { htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Input, { ref: amountInputRef, elementsAcceptIds: ["amount-keyboard-id"], value: inputAmount === null || inputAmount === void 0 ? void 0 : inputAmount.toString(), displayType: xhub_keyboard_1.DisplayType.Double, rightElement: (0, jsx_runtime_1.jsx)(Button_1.default.Secondary, { onClick: handleClickMaxAmount, sx: __assign({}, theme.mixins.smallButton), children: "Max" }) }) }), amountError && (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: amountError }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%", mt: theme.mixins.customMargin.m8, gap: theme.mixins.gaps.g12 }), children: [!!amount && (0, jsx_runtime_1.jsx)(Button_1.default.Text, { onClick: handleUnset, children: "Unset" }), (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { flex: 1 }, onClick: handleContinue, status: !!amountError ? Button_1.BUTTON_STATUS.DISABLED : Button_1.BUTTON_STATUS.ENABLED, children: "Continue" })] })] }) }) }) })] }) }, "slide_step_".concat(ReceiveStep.SHOW_QR_CODE))] }) }) }) }) }) }) }));
 });
 exports.ReceiveFunction.displayName = "ReceiveFunction";
 exports.default = exports.ReceiveFunction;

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

@@ -51,7 +51,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RequireConnect = RequireConnect;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
-var uuid_1 = require("uuid");
 var AuthView_1 = __importDefault(require("../../views/AuthView"));
 var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var react_1 = require("react");
@@ -59,13 +58,13 @@ var material_1 = require("@mui/material");
 var AuthViewSignIn_1 = __importDefault(require("../../views/AuthViewSignIn"));
 var ChangePasscodeView_1 = __importDefault(require("../../views/ChangePasscodeView"));
 var xhub_keyboard_1 = require("xhub-keyboard");
+var useUniqueId_1 = require("../../../hooks/useUniqueId");
 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 idPrefixRef = (0, react_1.useRef)("id-".concat((0, uuid_1.v4)()));
-    var idPrefix = idPrefixRef.current;
+    var idPrefix = (0, useUniqueId_1.useUniqueId)();
     var backAuthView = function () {
         var _a;
         (_a = authViewRef.current) === null || _a === void 0 ? void 0 : _a.close();

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

@@ -41,6 +41,7 @@ var useEventHandler = function () {
                 showActivities === null || showActivities === void 0 ? void 0 : showActivities();
                 break;
             default:
+                updateWalletDetail();
                 break;
         }
     }, [updateActivities, updateWalletDetail, updateWithdrawToken, updateSendInternalToken]);

package/dist/components/TekWallet/hooks/useUniqueId.d.ts

@@ -0,0 +1 @@
+export declare const useUniqueId: (name?: string) => string;

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUniqueId = void 0;
+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;
+};
+exports.useUniqueId = useUniqueId;

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

@@ -57,7 +57,7 @@ var getLockTokenList = function (query) { return __awaiter(void 0, void 0, void
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
-                params = __assign(__assign({}, query), { transactionType: type_1.TransactionSlug.Withdrawn });
+                params = __assign(__assign({}, query), { transactionType: type_1.TransactionSlug.LockedBalances });
                 return [4 /*yield*/, (0, get_config_tokens_list_service_1.default)(params)];
             case 1:
                 response = _a.sent();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tek-wallet",
-  "version": "0.0.672",
+  "version": "0.0.674",
   "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.19"
+    "xhub-keyboard": "^0.0.20"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",