tek-wallet 0.0.690 → 0.0.692

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

@@ -1,11 +1,12 @@
 import { GeneralProps } from "../../../types/ui";
-import { DrawerComponentProps, DrawerComponentRef } from "../DrawerComponent";
+import { DRAWER_TRIGGER_STATUS, DrawerComponentProps, DrawerComponentRef } from "../DrawerComponent";
 import { TransactionSlug } from "../../../services/axios/get-activities-service/type";
 interface ConfirmByPasscodeProps extends Omit<GeneralProps, "onclick" | "sx" | "onClick">, DrawerComponentProps {
     onConfirmSuccess?: (passcode: string) => any;
     action?: TransactionSlug;
     customAction?: string;
     backgroundColor?: string;
+    triggerStatus?: DRAWER_TRIGGER_STATUS;
 }
 export interface ConfirmByPasscodeRef extends Omit<DrawerComponentRef, "trigger"> {
     clearData: () => void;

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

@@ -205,7 +205,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     }); }, [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: {
+            }, useBrowserInput: false, htmlFor: keyboardId, children: props.children }), onOpen: handleOnOpen, onClose: handleOnClose, triggerStatus: props.triggerStatus, sx: {
             width: "100%",
             maxWidth: "calc(100dvw - 2rem)",
             display: "flex",

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

@@ -6,6 +6,10 @@ export declare enum DRAWER_DIRECTION {
     TOP = "top",
     BOTTOM = "bottom"
 }
+export declare enum DRAWER_TRIGGER_STATUS {
+    ENABLED = "ENABLED",
+    DISABLED = "DISABLED"
+}
 export interface DrawerComponentProps extends Omit<GeneralProps, "onClick" | "sx">, Omit<SwipeableDrawerProps, "onClose" | "onToggle" | "onOpen"> {
     onOpen?: UnknownFunction;
     onClose?: UnknownFunction;
@@ -13,6 +17,7 @@ export interface DrawerComponentProps extends Omit<GeneralProps, "onClick" | "sx
     onToggle?: (status?: boolean) => unknown;
     direction?: DRAWER_DIRECTION;
     disableSwipe?: boolean;
+    triggerStatus?: DRAWER_TRIGGER_STATUS;
 }
 export interface DrawerComponentRef {
     open: () => void;

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

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DRAWER_DIRECTION = void 0;
+exports.DRAWER_TRIGGER_STATUS = exports.DRAWER_DIRECTION = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var react_1 = require("react");
@@ -33,10 +33,15 @@ var DRAWER_DIRECTION;
     DRAWER_DIRECTION["TOP"] = "top";
     DRAWER_DIRECTION["BOTTOM"] = "bottom";
 })(DRAWER_DIRECTION || (exports.DRAWER_DIRECTION = DRAWER_DIRECTION = {}));
+var DRAWER_TRIGGER_STATUS;
+(function (DRAWER_TRIGGER_STATUS) {
+    DRAWER_TRIGGER_STATUS["ENABLED"] = "ENABLED";
+    DRAWER_TRIGGER_STATUS["DISABLED"] = "DISABLED";
+})(DRAWER_TRIGGER_STATUS || (exports.DRAWER_TRIGGER_STATUS = DRAWER_TRIGGER_STATUS = {}));
 var DrawerComponent = (0, react_1.forwardRef)(function (props, ref) {
-    var onOpen = props.onOpen, onClose = props.onClose, onToggle = props.onToggle, sx = props.sx, trigger = props.trigger, direction = props.direction, children = props.children, disableSwipe = props.disableSwipe, className = props.className, rest = __rest(props, ["onOpen", "onClose", "onToggle", "sx", "trigger", "direction", "children", "disableSwipe", "className"]);
-    var _a = (0, react_1.useState)(false), isShowDrawerComponent = _a[0], setIsShowDrawerComponent = _a[1];
-    var _b = (0, react_1.useState)(undefined), isOpen = _b[0], setIsOpen = _b[1];
+    var onOpen = props.onOpen, onClose = props.onClose, onToggle = props.onToggle, sx = props.sx, trigger = props.trigger, direction = props.direction, children = props.children, disableSwipe = props.disableSwipe, className = props.className, _a = props.triggerStatus, triggerStatus = _a === void 0 ? DRAWER_TRIGGER_STATUS.ENABLED : _a, rest = __rest(props, ["onOpen", "onClose", "onToggle", "sx", "trigger", "direction", "children", "disableSwipe", "className", "triggerStatus"]);
+    var _b = (0, react_1.useState)(false), isShowDrawerComponent = _b[0], setIsShowDrawerComponent = _b[1];
+    var _c = (0, react_1.useState)(undefined), isOpen = _c[0], setIsOpen = _c[1];
     var DrawerComponent = (0, react_1.useMemo)(function () { return (isOpen !== undefined || disableSwipe ? material_1.Drawer : material_1.SwipeableDrawer); }, [isOpen, disableSwipe]);
     var lockStatus = function () {
         setIsOpen(isShowDrawerComponent);
@@ -57,7 +62,7 @@ var DrawerComponent = (0, react_1.forwardRef)(function (props, ref) {
     var toggle = function (e) {
         var children = Array.from(e.currentTarget.children);
         var button = children.find(function (child) { return child.tagName === "BUTTON"; });
-        if (button === null || button === void 0 ? void 0 : button.disabled) {
+        if ((button === null || button === void 0 ? void 0 : button.disabled) || triggerStatus === DRAWER_TRIGGER_STATUS.DISABLED) {
             e.stopPropagation();
             return;
         }

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

@@ -88,6 +88,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TransferConfirmation = exports.TransferConfirmationError = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Button_1 = __importStar(require("../Button"));
+var DrawerComponent_1 = require("../DrawerComponent");
 var ConfirmLayout_1 = __importDefault(require("../ConfirmLayout"));
 var Formatter_1 = __importDefault(require("../Formatter"));
 var react_1 = require("react");
@@ -237,7 +238,9 @@ exports.TransferConfirmation = (0, react_1.forwardRef)(function (props, ref) {
             updateSendInternalToken();
         }
     }, [sendInternalTokens, updateSendInternalToken, isInitPasscode]);
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsxs)(ConfirmLayout_1.default, { ref: confirmLayoutDrawerRef, action: props.titleHeader, trigger: props.children, onOpen: validateAll, confirmAction: (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.TransactionSlug.TransferInternal, onConfirmSuccess: handleSendInternalToken, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error || isValidatingAddress || errorAddress
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsxs)(ConfirmLayout_1.default, { ref: confirmLayoutDrawerRef, action: props.titleHeader, trigger: props.children, onOpen: validateAll, confirmAction: (0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { action: type_1.TransactionSlug.TransferInternal, onConfirmSuccess: handleSendInternalToken, triggerStatus: !!error || isValidatingAddress || errorAddress
+                    ? DrawerComponent_1.DRAWER_TRIGGER_STATUS.DISABLED
+                    : DrawerComponent_1.DRAWER_TRIGGER_STATUS.ENABLED, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { status: !!error || isValidatingAddress || errorAddress
                         ? Button_1.BUTTON_STATUS.DISABLED
                         : buttonStatus, sx: { width: "100%" }, children: "Confirm" }) }), children: [transferContent, !!error && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { mt: (_a = theme.mixins.gaps) === null || _a === void 0 ? void 0 : _a.g6 }), children: [error, " ", !!errorAmount && (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: errorAmount, unit: " ".concat(token === null || token === void 0 ? void 0 : token.name) })] }))] }) }));
 });

package/package.json

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