tek-wallet 0.0.409 → 0.0.411

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

@@ -39,12 +39,24 @@ var Button = function (props) {
 };
 Button.displayName = "Button";
 Button.Primary = function (props) {
-    var sx = props.sx, children = props.children, rest = __rest(props, ["sx", "children"]);
+    var _a;
+    var sx = props.sx, children = props.children, _b = props.status, status = _b === void 0 ? BUTTON_STATUS.ENABLED : _b, rest = __rest(props, ["sx", "children", "status"]);
     var theme = (0, material_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "contained", color: "primary", sx: __assign({ borderRadius: theme.mixins.theBorderRadius.full, "&.Mui-disabled": {
-                backgroundColor: theme.palette.background.white16,
-                color: theme.palette.text.white24,
-            } }, sx), children: children })));
+    var disabledStyles = (_a = {},
+        _a[BUTTON_STATUS.LOADING] = {
+            backgroundColor: theme.palette.background.secondary16,
+            color: theme.palette.background.secondary,
+        },
+        _a[BUTTON_STATUS.ERROR] = {
+            backgroundColor: theme.palette.background.error16,
+            color: theme.palette.background.error,
+        },
+        _a[BUTTON_STATUS.DISABLED] = {
+            backgroundColor: theme.palette.background.white16,
+            color: theme.palette.text.white24,
+        },
+        _a);
+    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "contained", color: "primary", sx: __assign({ borderRadius: theme.mixins.theBorderRadius.full, "&.Mui-disabled": __assign({}, disabledStyles[status]) }, sx), children: children })));
 };
 Button.Primary.displayName = "Button.Primary";
 Button.Secondary = function (props) {

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

@@ -362,7 +362,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                 break;
         }
     };
-    var handleGetEstimateFee = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+    var getEstimateFee = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
         var response;
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -383,7 +383,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                     return [2 /*return*/];
             }
         });
-    }); }, [amount, selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.slug]);
+    }); }, [amount, selectedToken, amountError]);
     var openScannerAddressQrCode = function () {
         var _a;
         (_a = scannerAddressQrCodeRef.current) === null || _a === void 0 ? void 0 : _a.open();
@@ -607,8 +607,8 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
         validateAmount();
     }, [validateAmount]);
     (0, react_1.useEffect)(function () {
-        handleGetEstimateFee();
-    }, [handleGetEstimateFee]);
+        getEstimateFee();
+    }, [getEstimateFee]);
     return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: props.onOpen, onClose: handleOnClose, children: (0, jsx_runtime_1.jsxs)(ModalLayout_1.default, { overrideHeader: (0, jsx_runtime_1.jsx)(BackHeader_1.default, { sx: {
                         width: "100%",
                         display: "flex",

package/dist/theme/mui/theme.js

@@ -40,6 +40,8 @@ var background = {
     black16: "rgba(0, 0, 0, 0.16)",
     secondary: "#01FFFF",
     secondary16: "rgba(1, 255, 255, 0.16)",
+    error: "#FE6565",
+    error16: "rgba(254, 101, 101, 0.16)",
 };
 var border = {
     white: "#ffffff",

package/package.json

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