tek-wallet 0.0.459 → 0.0.461

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

@@ -0,0 +1,182 @@
+"use strict";
+// "use client";
+// import { Box, useTheme } from "@mui/material";
+// import Button, { BUTTON_STATUS } from "../../ui/Button";
+// import { DrawerComponentRef } from "../DrawerComponent";
+// import ConfirmLayout, { ConfirmLayoutProps } from "../ConfirmLayout";
+// import { ActionConfirm } from "../ConfirmLayout/type";
+// import LineValue from "../LineValue";
+// import Formatter from "../Formatter";
+// import ConfirmByPasscode from "../ConfirmByPasscode";
+// import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
+// import Text from "../Text";
+// import { LockCurrency } from "../../../services/axios/get-lock-tokens-list-service/type";
+// import RequireConnect from "../RequireConnect";
+// import useWalletData from "../../../hooks/useWalletData";
+// import { SendExternalBody, SendExternalResponse } from "../../../services/axios/send-external-service/type";
+// import useWithdrawData from "../../../hooks/useWithdrawData";
+// import sendExternalService from "../../../services/axios/send-external-service";
+// import Icon from "../Icon";
+// import Fees from "../Fees";
+// import { FeesDataType } from "../../../services/axios/get-est-fee-service/type";
+// interface SendExternalTokenProps extends Omit<ConfirmLayoutProps, "action"> {
+//   sendExternalData: SendExternalBody;
+//   onSuccess?: (data: SendExternalResponse) => any;
+// }
+// export interface SendExternalTokenRef {
+//   open: () => void;
+//   close: () => void;
+// }
+// export enum SendExternalTokenError {
+//   TOKEN_NOT_FOUND = "Token not found",
+//   NOT_ENOUGH_BALANCE = "Not enough balance",
+//   MAX_AMOUNT = "Max amount",
+//   MIN_AMOUNT = "Min amount",
+//   FAILED = "Failed",
+// }
+// const SendExternalToken = forwardRef<SendExternalTokenRef, SendExternalTokenProps>((props, ref) => {
+//   const theme = useTheme();
+//   const { withdrawTokens } = useWithdrawData();
+//   const { isAuthenticated } = useWalletData();
+//   const confirmLayoutDrawerRef = useRef<DrawerComponentRef>(null);
+//   const [token, setToken] = useState<LockCurrency | undefined>(undefined);
+//   const [error, setError] = useState<SendExternalTokenError | undefined>(undefined);
+//   const [errorAmount, setErrorAmount] = useState<string | number | undefined>(undefined);
+//   const [buttonStatus, setButtonStatus] = useState<BUTTON_STATUS>(BUTTON_STATUS.ENABLED);
+//   const [estimateFee, setEstimateFee] = useState<FeesDataType>();
+//   const amount = props.sendExternalData.amount;
+//   const network = props.sendExternalData.network;
+//   const memo = props.sendExternalData.memo;
+//   const toAddress = props.sendExternalData.to_address;
+//   const validateAmount = useCallback(
+//     (sendExternalData: SendExternalBody) => {
+//       const token = withdrawTokens?.find((token) => token.slug === sendExternalData.currency_slug);
+//       console.warn("🚀 ~ validateAmount ~ lockData:", sendExternalData, withdrawTokens, token);
+//       setToken(token);
+//       if (!token) {
+//         setError(SendExternalTokenError.TOKEN_NOT_FOUND);
+//         return;
+//       }
+//       if (+sendExternalData.amount > token.max_value) {
+//         setError(SendExternalTokenError.MAX_AMOUNT);
+//         setErrorAmount(token.max_value);
+//         return;
+//       }
+//       if (+sendExternalData.amount < token.min_value) {
+//         setError(SendExternalTokenError.MIN_AMOUNT);
+//         setErrorAmount(token.min_value);
+//         return;
+//       }
+//       if (+sendExternalData.amount > +token.balance) {
+//         setError(SendExternalTokenError.NOT_ENOUGH_BALANCE);
+//         setErrorAmount(token.balance);
+//         return;
+//       }
+//       setError(undefined);
+//       setErrorAmount(undefined);
+//     },
+//     [withdrawTokens]
+//   );
+//   const handleSendExternalToken = async (passcode: string) => {
+//     try {
+//       console.warn("🚀 ~ handleSendExternalToken ~ sendExternalData:", props.sendExternalData, passcode);
+//       setButtonStatus(BUTTON_STATUS.LOADING);
+//       const response = await sendExternalService(props.sendExternalData);
+//       console.warn("🚀 ~ handleSendExternalToken ~ response:", response);
+//       if (response.success) {
+//         confirmLayoutDrawerRef.current?.close();
+//         setButtonStatus(BUTTON_STATUS.ENABLED);
+//         props.onSuccess?.(response);
+//       } else {
+//         throw new Error("Send external failed");
+//       }
+//     } catch (err) {
+//       console.error(err);
+//       setButtonStatus(BUTTON_STATUS.ERROR);
+//       setTimeout(() => {
+//         setButtonStatus(BUTTON_STATUS.ENABLED);
+//       }, 1200);
+//     }
+//   };
+//   const handleOpen = () => {
+//     if (!isAuthenticated) throw new Error("Please connect your wallet");
+//     confirmLayoutDrawerRef.current?.open();
+//   };
+//   const handleClose = () => {
+//     if (!isAuthenticated) throw new Error("Please connect your wallet");
+//     confirmLayoutDrawerRef.current?.close();
+//   };
+//   useImperativeHandle(ref, () => ({
+//     open: handleOpen,
+//     close: handleClose,
+//   }));
+//   useEffect(() => {
+//     validateAmount(props.sendExternalData);
+//   }, [validateAmount, props.sendExternalData]);
+//   return (
+//     <RequireConnect>
+//       <ConfirmLayout ref={confirmLayoutDrawerRef} action={ActionConfirm.LOCK} trigger={props.children}>
+//         <Box sx={{ ...theme.mixins.column, gap: theme.mixins.gaps.g12 }}>
+//           <Box
+//             sx={{
+//               ...theme.mixins.paper,
+//             }}
+//           >
+//             <LineValue
+//               field="Recipient address"
+//               value={
+//                 <Text
+//                   sx={{
+//                     wordBreak: "break-all",
+//                   }}
+//                 >
+//                   {toAddress}
+//                 </Text>
+//               }
+//             />
+//             <LineValue
+//               field="Network"
+//               value={
+//                 <Box
+//                   sx={{
+//                     ...theme.mixins.row,
+//                     gap: theme.mixins.gaps.g6,
+//                     ml: "auto",
+//                   }}
+//                 >
+//                   {/* <Icon width={20} src={props.sendExternalData.network?.icon} /> */}
+//                   <Text sx={{ ...theme.mixins.value }}>{props.sendExternalData.network}</Text>
+//                 </Box>
+//               }
+//             />
+//             <LineValue field="Amount" value={<Formatter value={amount} unit={` ${token?.name}`} />} />
+//             {!!memo && <LineValue field="Memo" value={memo} />}
+//             {estimateFee?.feeDetail?.length && !!amount && (
+//               <Fees feesData={JSON.stringify(estimateFee)} amount={+amount} />
+//             )}
+//             <LineValue
+//               field="Receive amount estimated"
+//               value={
+//                 <Text
+//                   sx={{
+//                     fontWeight: theme.typography.fontWeight600,
+//                     fontSize: theme.typography.fontSize16,
+//                   }}
+//                 >
+//                   <Formatter value={estimateReceive} unit={` ${selectedToken?.name}`} />
+//                 </Text>
+//               }
+//             />
+//           </Box>
+//           <ConfirmByPasscode action={ActionConfirm.LOCK} onConfirmSuccess={handleSendExternalToken}>
+//             <Button.Primary status={!!error ? BUTTON_STATUS.DISABLED : buttonStatus} sx={{ width: "100%" }}>
+//               Confirm
+//             </Button.Primary>
+//           </ConfirmByPasscode>
+//         </Box>
+//       </ConfirmLayout>
+//     </RequireConnect>
+//   );
+// });
+// SendExternalToken.displayName = "SendExternalToken";
+// export default SendExternalToken;

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

@@ -0,0 +1,4 @@
+export interface LockData {
+    amount: number;
+    tokenSlug: string;
+}

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -121,7 +121,6 @@ var type_1 = require("../ConfirmLayout/type");
 var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
 var LineValue_1 = __importDefault(require("../LineValue"));
 var send_external_service_1 = __importDefault(require("../../../services/axios/send-external-service"));
-var useRealtime_1 = __importDefault(require("../../../hooks/useRealtime"));
 var SendMethods;
 (function (SendMethods) {
     SendMethods["SCAN_QR_CODE"] = "scan qr code";
@@ -151,7 +150,6 @@ var AmountError;
 })(AmountError || (exports.AmountError = AmountError = {}));
 var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
     var _a, _b;
-    var pushNotification = (0, useRealtime_1.default)().pushNotification;
     var drawerRef = (0, react_1.useRef)(null);
     var swiperRef = (0, react_1.useRef)(null);
     var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
@@ -201,13 +199,6 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
             return undefined;
         return +amount - +(estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.feeInCurrency);
     }, [estimateFee, amount]);
-    var testPushNotification = function () {
-        pushNotification({
-            message: "Test notification",
-            type: "success",
-            id: new Date().getTime().toString(),
-        });
-    };
     (0, react_1.useEffect)(function () {
         setTimeout(function () {
             var _a;
@@ -572,6 +563,7 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                     if (response.success) {
                         close();
                         (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+                        setSendButtonStatus(Button_1.BUTTON_STATUS.ENABLED);
                         (_b = props.onSendSuccess) === null || _b === void 0 ? void 0 : _b.call(props, response);
                     }
                     else {
@@ -627,11 +619,11 @@ var WithdrawFunction = (0, react_1.forwardRef)(function (props, ref) {
                         : WITHDRAW_STEP_NAME[currentStep], children: (0, jsx_runtime_1.jsx)(CloseModal_1.default, { sx: { marginLeft: "auto" }, onClick: close }) }), children: [(0, jsx_runtime_1.jsxs)(SwiperControlled_1.default, { ref: swiperRef, swiperProps: {
                             autoHeight: true,
                             spaceBetween: 32,
-                        }, disableSwipe: true, children: [(0, jsx_runtime_1.jsxs)(react_2.SwiperSlide, { children: [(0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: testPushNotification, children: " Push" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { height: "fit-content" }), children: Object.values(SendMethods).map(function (item, index) {
-                                            return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: item, description: item, icon: (0, getIcon_1.default)(item + "_icon"), onClick: function () { return handleSelectMethod(item); }, sx: {
-                                                            py: theme.mixins.customPadding.p12,
-                                                        } })] }, item));
-                                        }) })] }, WithdrawStep.SELECT_METHOD), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: withdrawToken === null || withdrawToken === void 0 ? void 0 : withdrawToken.map(function (item) {
+                        }, disableSwipe: true, children: [(0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { height: "fit-content" }), children: Object.values(SendMethods).map(function (item, index) {
+                                        return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(ListItemCustom_1.default, { title: item, description: item, icon: (0, getIcon_1.default)(item + "_icon"), onClick: function () { return handleSelectMethod(item); }, sx: {
+                                                        py: theme.mixins.customPadding.p12,
+                                                    } })] }, item));
+                                    }) }) }, WithdrawStep.SELECT_METHOD), (0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g12, height: "fit-content" }), children: withdrawToken === null || withdrawToken === void 0 ? void 0 : withdrawToken.map(function (item) {
                                         var stringifiedTokenData = JSON.stringify(item);
                                         if (!item)
                                             return null;

package/dist/hooks/useEventHandler.js

@@ -1,6 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useEventHandler = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Formatter_1 = __importDefault(require("../components/ui/Formatter"));
+var Text_1 = __importDefault(require("../components/ui/Text"));
 var useEventHandler = function () {
     var handler = function (messageEvent) {
         if (!messageEvent)
@@ -25,7 +31,7 @@ var useEventHandler = function () {
                 notificationType = "info";
         }
         return {
-            message: "".concat(type, " ").concat(amount, " ").concat(currency, " is ").concat(status),
+            message: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: { textTransform: "capitalize" }, children: type }), " ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, unit: currency }), " is", " ", status] })),
             type: notificationType,
             id: "".concat(transactionId, "-").concat(status),
         };

package/package.json

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