tek-wallet 0.0.635 → 0.0.637

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

@@ -193,6 +193,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: props.children, onOpen: handleOnOpen, onClose: handleOnClose, sx: {
             width: "100%",
             maxWidth: "calc(100dvw - 2rem)",
+            display: "flex",
         }, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: {
                 backgroundColor: "transparent",
                 width: "100%",

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

@@ -75,7 +75,7 @@ function Fees(props) {
         if (!isNotEnoughBalanceToPayFee) {
             setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(!isNotEnoughBalanceToPayFee);
         }
-    }, [isNotEnoughBalanceToPayFee]);
+    }, [isNotEnoughBalanceToPayFee, setIsEnoughBalanceToPayFee]);
     var totalfee_in_usd = (0, react_1.useMemo)(function () {
         return feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_usd;
     }, [feesData]);

package/dist/components/TekWallet/components/ui/TransferInternal/components/transferAmount.d.ts

@@ -1,8 +0,0 @@
-interface TransferAmountProps {
-    title?: string;
-    amount?: number;
-    link?: string;
-    currency?: string;
-}
-export default function TransferAmount(props: TransferAmountProps): import("react/jsx-runtime").JSX.Element;
-export type { TransferAmountProps };

package/dist/components/TekWallet/components/ui/TransferInternal/components/transferAmount.js

@@ -1,37 +1,58 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = TransferAmount;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var material_2 = require("@mui/material");
-var Icon_1 = __importDefault(require("../../Icon"));
-var ThemeProvider_1 = require("../../../../providers/ThemeProvider");
-var Formatter_1 = __importDefault(require("../../Formatter"));
-var Text_1 = __importDefault(require("../../Text"));
-function TransferAmount(props) {
-    var theme = (0, ThemeProvider_1.useTheme)();
-    var title = props.title, amount = props.amount, currency = props.currency;
-    return ((0, jsx_runtime_1.jsxs)(material_2.Box, { sx: __assign(__assign({}, theme.mixins.column), { alignItems: "center", marginTop: theme.mixins.customMargin.m16, marginBottom: theme.mixins.customMargin.m12, gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.sessionDescription), { textTransform: "capitalize" }), children: title }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount, sx: {
-                    color: theme.palette.text.primary,
-                    fontSize: theme.typography.fontSize24,
-                    fontWeight: theme.typography.fontWeight600,
-                } }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 0.5, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: props.link, width: 16, height: 16 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                            fontWeight: theme.typography.fontWeight500,
-                            fontSize: theme.typography.fontSize15,
-                            color: theme.palette.text.accent2,
-                        }, children: currency })] })] }));
-}
+// import { Stack } from "@mui/material";
+// import { Box } from "@mui/material";
+// import Icon from "../../Icon";
+// import { useTheme } from "../../../../providers/ThemeProvider";
+// import Formatter from "../../Formatter";
+// import Text from "../../Text";
+// interface TransferAmountProps {
+//   title?: string;
+//   amount?: number;
+//   link?: string;
+//   currency?: string;
+// }
+// export default function TransferAmount(props: TransferAmountProps) {
+//   const theme = useTheme();
+//   const { title, amount, currency } = props;
+//   return (
+//     <Box
+//       sx={{
+//         ...theme.mixins.column,
+//         alignItems: "center",
+//         marginTop: theme.mixins.customMargin.m16,
+//         marginBottom: theme.mixins.customMargin.m12,
+//         gap: theme.mixins.gaps.g4,
+//       }}
+//     >
+//       <Text
+//         sx={{
+//           ...theme.mixins.sessionDescription,
+//           textTransform: "capitalize",
+//         }}
+//       >
+//         {title}
+//       </Text>
+//       <Formatter
+//         value={amount}
+//         sx={{
+//           color: theme.palette.text.primary,
+//           fontSize: theme.typography.fontSize24,
+//           fontWeight: theme.typography.fontWeight600,
+//         }}
+//       />
+//       <Stack direction={"row"} alignItems={"center"} gap={0.5}>
+//         <Icon src={props.link} width={16} height={16} />
+//         <Text
+//           sx={{
+//             fontWeight: theme.typography.fontWeight500,
+//             fontSize: theme.typography.fontSize15,
+//             color: theme.palette.text.accent2,
+//           }}
+//         >
+//           {currency}
+//         </Text>
+//       </Stack>
+//     </Box>
+//   );
+// }
+// export type { TransferAmountProps };

package/dist/components/TekWallet/components/ui/TransferInternal/components/transferInfo.d.ts

@@ -1,11 +0,0 @@
-import { TransferInternalData } from "..";
-import { FeesDataType } from "../../../../services/axios/get-est-fee-service/type";
-interface TransferInfoProps {
-    transferData: TransferInternalData;
-    estimateFee?: FeesDataType;
-    amount?: number;
-    tokenSlug?: string;
-    setIsEnoughBalanceToPayFee: (isEnough: boolean) => void;
-}
-export default function TransferInfo(props: TransferInfoProps): import("react/jsx-runtime").JSX.Element;
-export type { TransferInfoProps };

package/dist/components/TekWallet/components/ui/TransferInternal/components/transferInfo.js

@@ -1,81 +1,152 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = TransferInfo;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var IconText_1 = __importDefault(require("../../../ui/IconText"));
-var LineValue_1 = __importDefault(require("../../LineValue"));
-var material_1 = require("@mui/material");
-var Fees_1 = __importDefault(require("../../Fees"));
-var Text_1 = __importDefault(require("../../Text"));
-var safeText_1 = require("../../../../utils/safeText");
-var Icon_1 = __importDefault(require("../../Icon"));
-var CopyTextComponent_1 = __importDefault(require("../../CopyTextComponent"));
-var getIcon_1 = __importDefault(require("../../../../utils/getIcon"));
-var providers_1 = require("../../../../providers");
-function TransferInfo(props) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    var transferData = props.transferData, estimateFee = props.estimateFee, amount = props.amount, tokenSlug = props.tokenSlug, setIsEnoughBalanceToPayFee = props.setIsEnoughBalanceToPayFee;
-    var theme = (0, providers_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: (_a = theme.mixins.gaps) === null || _a === void 0 ? void 0 : _a.g12 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                    fontWeight: theme.typography.fontWeight700,
-                    color: theme.palette.primary.contrastText,
-                    fontSize: theme.typography.fontSize18,
-                    marginTop: (_b = theme.mixins.customMargin) === null || _b === void 0 ? void 0 : _b.m12,
-                }, children: "transferSummary" }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: (_c = theme.mixins.gaps) === null || _c === void 0 ? void 0 : _c.g12 }), children: [(0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "transferTo", sxField: {
-                            fontSize: theme.typography.fontSize11,
-                            fontWeight: theme.typography.fontWeight500,
-                            color: theme.palette.text.darkContrast,
-                        }, value: (0, jsx_runtime_1.jsx)(IconText_1.default, { title: (0, safeText_1.safeText)((_d = transferData.receiver) === null || _d === void 0 ? void 0 : _d.nick_name), sx: {
-                                fontSize: theme.typography.fontSize14,
-                                fontWeight: theme.typography.fontWeight700,
-                            }, beforeIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (_e = transferData.receiver) === null || _e === void 0 ? void 0 : _e.avatar, width: 16, height: 16 }) }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "network", sxField: {
-                            fontSize: theme.typography.fontSize11,
-                            fontWeight: theme.typography.fontWeight500,
-                            color: theme.palette.text.darkContrast,
-                        }, value: (0, jsx_runtime_1.jsx)(IconText_1.default, { title: (0, safeText_1.safeText)(transferData.network), sx: {
-                                fontSize: theme.typography.fontSize14,
-                                fontWeight: theme.typography.fontWeight700,
-                            }, beforeIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: transferData.link, width: 16, height: 16, isRounded: true }) }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "address", sxField: {
-                            fontSize: theme.typography.fontSize11,
-                            fontWeight: theme.typography.fontWeight500,
-                            color: theme.palette.text.darkContrast,
-                        }, value: (0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: transferData.to_address, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: (_f = theme.mixins.gaps) === null || _f === void 0 ? void 0 : _f.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                            fontSize: theme.typography.fontSize14,
-                                            fontWeight: theme.typography.fontWeight700,
-                                        }, children: (0, safeText_1.safeText)(transferData.to_address, { isShort: true }) }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("ic_copy") })] }) }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "type", sxField: {
-                            fontSize: theme.typography.fontSize11,
-                            fontWeight: theme.typography.fontWeight500,
-                            color: theme.palette.text.darkContrast,
-                        }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                fontSize: theme.typography.fontSize14,
-                                fontWeight: theme.typography.fontWeight700,
-                            }, children: (0, safeText_1.safeText)(transferData.type) }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "message", sxField: {
-                            fontSize: theme.typography.fontSize11,
-                            fontWeight: theme.typography.fontWeight500,
-                            color: theme.palette.text.darkContrast,
-                        }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                fontSize: theme.typography.fontSize14,
-                                fontWeight: theme.typography.fontWeight700,
-                            }, children: (0, safeText_1.safeText)(transferData.message) }) }), (0, jsx_runtime_1.jsx)(LineValue_1.default, { field: "datetime", sxField: {
-                            fontSize: theme.typography.fontSize11,
-                            fontWeight: theme.typography.fontWeight500,
-                            color: theme.palette.text.darkContrast,
-                        }, value: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                fontSize: theme.typography.fontSize14,
-                                fontWeight: theme.typography.fontWeight700,
-                            }, children: (0, safeText_1.safeDateTimeText)(transferData.datetime) }) }), ((_g = estimateFee === null || estimateFee === void 0 ? void 0 : estimateFee.fee_detail) === null || _g === void 0 ? void 0 : _g.length) && !!amount && ((0, jsx_runtime_1.jsx)(Fees_1.default, { isFeePaidByAmount: true, feesData: JSON.stringify(estimateFee), amount: +amount, tokenSlug: tokenSlug !== null && tokenSlug !== void 0 ? tokenSlug : "", setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }))] })] }));
-}
+// import IconText from "../../../ui/IconText";
+// import LineValue from "../../LineValue";
+// import { Box } from "@mui/material";
+// import { TransferInternalData } from "..";
+// import { FeesDataType } from "../../../../services/axios/get-est-fee-service/type";
+// import Text from "../../Text";
+// import { safeDateTimeText, safeText } from "../../../../utils/safeText";
+// import Icon from "../../Icon";
+// import CopyTextComponent from "../../CopyTextComponent";
+// import getIcon from "../../../../utils/getIcon";
+// import { useTheme } from "../../../../providers";
+// interface TransferInfoProps {
+//   transferData: TransferInternalData;
+//   estimateFee?: FeesDataType;
+//   amount?: number;
+//   tokenSlug?: string;
+// }
+// export default function TransferInfo(props: TransferInfoProps) {
+//   const { transferData, } = props;
+//   const theme = useTheme();
+//   return (
+//     <Box sx={{ ...theme.mixins.column, gap: theme.mixins.gaps?.g12 }}>
+//       <Text
+//         sx={{
+//           fontWeight: theme.typography.fontWeight700,
+//           color: theme.palette.primary.contrastText,
+//           fontSize: theme.typography.fontSize18,
+//           marginTop: theme.mixins.customMargin?.m12,
+//         }}
+//       >
+//         {"transferSummary"}
+//       </Text>
+//       <Box sx={{ ...theme.mixins.column, gap: theme.mixins.gaps?.g12 }}>
+//         <LineValue
+//           field={"transferTo"}
+//           sxField={{
+//             fontSize: theme.typography.fontSize11,
+//             fontWeight: theme.typography.fontWeight500,
+//             color: theme.palette.text.darkContrast,
+//           }}
+//           value={
+//             <IconText
+//               title={safeText(transferData.receiver?.nick_name)}
+//               sx={{
+//                 fontSize: theme.typography.fontSize14,
+//                 fontWeight: theme.typography.fontWeight700,
+//               }}
+//               beforeIcon={<Icon src={transferData.receiver?.avatar} width={16} height={16} />}
+//             />
+//           }
+//         />
+//         <LineValue
+//           field={"network"}
+//           sxField={{
+//             fontSize: theme.typography.fontSize11,
+//             fontWeight: theme.typography.fontWeight500,
+//             color: theme.palette.text.darkContrast,
+//           }}
+//           value={
+//             <IconText
+//               title={safeText(transferData.network)}
+//               sx={{
+//                 fontSize: theme.typography.fontSize14,
+//                 fontWeight: theme.typography.fontWeight700,
+//               }}
+//               beforeIcon={<Icon src={transferData.link} width={16} height={16} isRounded={true} />}
+//             />
+//           }
+//         />
+//         <LineValue
+//           field={"address"}
+//           sxField={{
+//             fontSize: theme.typography.fontSize11,
+//             fontWeight: theme.typography.fontWeight500,
+//             color: theme.palette.text.darkContrast,
+//           }}
+//           value={
+//             <CopyTextComponent value={transferData.to_address}>
+//               <Box sx={{ ...theme.mixins.row, gap: theme.mixins.gaps?.g8 }}>
+//                 <Text
+//                   sx={{
+//                     fontSize: theme.typography.fontSize14,
+//                     fontWeight: theme.typography.fontWeight700,
+//                   }}
+//                 >
+//                   {safeText(transferData.to_address, { isShort: true })}
+//                 </Text>
+//                 <Icon src={getIcon("ic_copy")} />
+//               </Box>
+//             </CopyTextComponent>
+//           }
+//         />
+//         <LineValue
+//           field={"type"}
+//           sxField={{
+//             fontSize: theme.typography.fontSize11,
+//             fontWeight: theme.typography.fontWeight500,
+//             color: theme.palette.text.darkContrast,
+//           }}
+//           value={
+//             <Text
+//               sx={{
+//                 fontSize: theme.typography.fontSize14,
+//                 fontWeight: theme.typography.fontWeight700,
+//               }}
+//             >
+//               {safeText(transferData.type)}
+//             </Text>
+//           }
+//         />
+//         <LineValue
+//           field={"message"}
+//           sxField={{
+//             fontSize: theme.typography.fontSize11,
+//             fontWeight: theme.typography.fontWeight500,
+//             color: theme.palette.text.darkContrast,
+//           }}
+//           value={
+//             <Text
+//               sx={{
+//                 fontSize: theme.typography.fontSize14,
+//                 fontWeight: theme.typography.fontWeight700,
+//               }}
+//             >
+//               {safeText(transferData.message)}
+//             </Text>
+//           }
+//         />
+//         <LineValue
+//           field={"datetime"}
+//           sxField={{
+//             fontSize: theme.typography.fontSize11,
+//             fontWeight: theme.typography.fontWeight500,
+//             color: theme.palette.text.darkContrast,
+//           }}
+//           value={
+//             <Text
+//               sx={{
+//                 fontSize: theme.typography.fontSize14,
+//                 fontWeight: theme.typography.fontWeight700,
+//               }}
+//             >
+//               {safeDateTimeText(transferData.datetime)}
+//             </Text>
+//           }
+//         />
+//       </Box>
+//     </Box>
+//   );
+// }
+// export type { TransferInfoProps };

package/dist/components/TekWallet/components/ui/TransferInternal/components/transferTarget.d.ts

@@ -1,6 +0,0 @@
-import { TransferInternalData } from "..";
-interface TransferTargetProps {
-    transferData: TransferInternalData;
-}
-export default function TransferTarget(props: TransferTargetProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TekWallet/components/ui/TransferInternal/components/transferTarget.js

@@ -1,39 +1,65 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = TransferTarget;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var material_1 = require("@mui/material");
-var getImage_1 = __importDefault(require("../../../../utils/getImage"));
-var UserInfo_1 = __importDefault(require("../../UserInfo"));
-var Text_1 = __importDefault(require("../../Text"));
-var Icon_1 = __importDefault(require("../../Icon"));
-var getIcon_1 = __importDefault(require("../../../../utils/getIcon"));
-var providers_1 = require("../../../../providers");
-function TransferTarget(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var transferData = props.transferData;
-    var theme = (0, providers_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: (_a = theme.mixins.gaps) === null || _a === void 0 ? void 0 : _a.g12, padding: (_b = theme.mixins.customPadding) === null || _b === void 0 ? void 0 : _b.p12, borderRadius: (_c = theme.mixins.customRadius) === null || _c === void 0 ? void 0 : _c.r16, backgroundColor: (_d = theme.palette.background) === null || _d === void 0 ? void 0 : _d.primary, backgroundImage: "url(".concat((0, getImage_1.default)("logo_transfer", "png"), ")"), backgroundPosition: "right", backgroundRepeat: "no-repeat" }), children: [(0, jsx_runtime_1.jsx)(UserInfo_1.default, { user: transferData.user, variant: "multiple", rightPart: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                        color: (_e = theme.palette.text) === null || _e === void 0 ? void 0 : _e.secondary,
-                        fontWeight: (_f = theme.typography) === null || _f === void 0 ? void 0 : _f.fontWeight500,
-                        fontSize: (_g = theme.typography) === null || _g === void 0 ? void 0 : _g.fontSize13,
-                    }, children: "From" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1.5 items-center", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("ic_transfer") }), (0, jsx_runtime_1.jsx)("div", { className: "w-full h-px border-t-[1px] border-t-accent opacity-25 border-dashed" })] }), (0, jsx_runtime_1.jsx)(UserInfo_1.default, { user: transferData.receiver, variant: "multiple", rightPart: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                        color: (_h = theme.palette.text) === null || _h === void 0 ? void 0 : _h.secondary,
-                        fontWeight: (_j = theme.typography) === null || _j === void 0 ? void 0 : _j.fontWeight500,
-                        fontSize: (_k = theme.typography) === null || _k === void 0 ? void 0 : _k.fontSize13,
-                    }, children: "To" }) })] }));
-}
+// import { Box } from "@mui/material";
+// import { TransferInternalData } from "..";
+// import getImage from "../../../../utils/getImage";
+// import UserInfo from "../../UserInfo";
+// import Text from "../../Text";
+// import Icon from "../../Icon";
+// import getIcon from "../../../../utils/getIcon";
+// import { useTheme } from "../../../../providers";
+// interface TransferTargetProps {
+//   transferData: TransferInternalData;
+// }
+// export default function TransferTarget(props: TransferTargetProps) {
+//   const { transferData } = props;
+//   const theme = useTheme();
+//   return (
+//     <Box
+//       sx={{
+//         ...theme.mixins.column,
+//         gap: theme.mixins.gaps?.g12,
+//         padding: theme.mixins.customPadding?.p12,
+//         borderRadius: theme.mixins.customRadius?.r16,
+//         backgroundColor: theme.palette.background?.primary,
+//         backgroundImage: `url(${getImage("logo_transfer", "png")})`,
+//         backgroundPosition: "right",
+//         backgroundRepeat: "no-repeat",
+//       }}
+//     >
+//       <UserInfo
+//         user={transferData.user}
+//         variant="multiple"
+//         rightPart={
+//           <Text
+//             sx={{
+//               color: theme.palette.text?.secondary,
+//               fontWeight: theme.typography?.fontWeight500,
+//               fontSize: theme.typography?.fontSize13,
+//             }}
+//           >
+//             From
+//           </Text>
+//         }
+//       />
+//       <div className="flex gap-1.5 items-center">
+//         <Icon src={getIcon("ic_transfer")} />
+//         <div className="w-full h-px border-t-[1px] border-t-accent opacity-25 border-dashed" />
+//       </div>
+//       <UserInfo
+//         user={transferData.receiver}
+//         variant="multiple"
+//         rightPart={
+//           <Text
+//             sx={{
+//               color: theme.palette.text?.secondary,
+//               fontWeight: theme.typography?.fontWeight500,
+//               fontSize: theme.typography?.fontSize13,
+//             }}
+//           >
+//             To
+//           </Text>
+//         }
+//       />
+//     </Box>
+//   );
+// }

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

@@ -1,11 +1,9 @@
 import { ConfirmLayoutProps } from "../../ui/ConfirmLayout";
 import { SendInternalBody, SendInternalResponse } from "../../../services/axios/send-internal-service/type";
-import { TransferInfoDto } from "./type";
-import { FeesDataType } from "../../../services/axios/get-est-fee-service/type";
-export type TransferInternalData = Omit<SendInternalBody, "passcode"> & TransferInfoDto;
+export type TransferInternalData = Omit<SendInternalBody, "passcode">;
 interface TransferTokenProps extends Omit<ConfirmLayoutProps, "action"> {
     transferData: TransferInternalData;
-    initFeeData?: FeesDataType;
+    transferContent: React.ReactNode;
     onTransferSuccess?: (data: SendInternalResponse) => any;
 }
 export interface TransferTokenRef {

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

@@ -98,13 +98,9 @@ var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
 var type_1 = require("../../../services/axios/get-activities-service/type");
 var useWithdrawData_1 = __importDefault(require("../../../hooks/useWithdrawData"));
 var send_internal_service_1 = __importDefault(require("../../../services/axios/send-internal-service"));
-var transferTarget_1 = __importDefault(require("./components/transferTarget"));
-var transferInfo_1 = __importDefault(require("./components/transferInfo"));
-var get_est_fee_service_1 = __importDefault(require("../../../services/axios/get-est-fee-service"));
 var validate_wallet_address_service_1 = __importDefault(require("../../../services/axios/validate-wallet-address-service"));
 var type_2 = require("../../../services/axios/validate-wallet-address-service/type");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
-var transferAmount_1 = __importDefault(require("./components/transferAmount"));
 var TransferError;
 (function (TransferError) {
     TransferError["TOKEN_NOT_FOUND"] = "Token not found";
@@ -113,11 +109,10 @@ var TransferError;
     TransferError["MIN_AMOUNT"] = "Min amount";
     TransferError["FAILED"] = "Failed";
 })(TransferError || (exports.TransferError = TransferError = {}));
-var transactionSlug = type_1.TransactionSlug.TransferInternal;
 exports.TransferInternal = (0, react_1.forwardRef)(function (props, ref) {
     var _a, _b, _c;
     var theme = (0, ThemeProvider_1.useTheme)();
-    var transferData = props.transferData;
+    var transferData = props.transferData, transferContent = props.transferContent;
     var _d = (0, useWithdrawData_1.default)(), sendInternalTokens = _d.sendInternalTokens, updateSendInternalToken = _d.updateSendInternalToken;
     var isInitPasscode = (0, useWalletData_1.default)().isInitPasscode;
     var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
@@ -126,33 +121,8 @@ exports.TransferInternal = (0, react_1.forwardRef)(function (props, ref) {
     var _g = (0, react_1.useState)(Button_1.BUTTON_STATUS.ENABLED), buttonStatus = _g[0], setButtonStatus = _g[1];
     var _h = (0, react_1.useState)(false), isValidatingAddress = _h[0], setIsValidatingAddress = _h[1];
     var _j = (0, react_1.useState)(undefined), errorAddress = _j[0], setErrorAddress = _j[1];
-    var _k = (0, react_1.useState)(props.initFeeData), estimateFee = _k[0], setEstimateFee = _k[1];
-    var _l = (0, react_1.useState)(false), isLoadingEstimateFee = _l[0], setIsLoadingEstimateFee = _l[1];
-    var _m = (0, react_1.useState)(false), isEnoughBalanceToPayFee = _m[0], setIsEnoughBalanceToPayFee = _m[1];
-    var amount = transferData.amount;
     var toAddress = transferData.to_address;
     var tokenSlug = transferData.currency_slug;
-    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) {
-                case 0:
-                    if (!tokenSlug)
-                        return [2 /*return*/];
-                    setIsLoadingEstimateFee(true);
-                    return [4 /*yield*/, (0, get_est_fee_service_1.default)({
-                            amount: "".concat(amount),
-                            transaction_type: transactionSlug,
-                            currency: tokenSlug || "",
-                        })];
-                case 1:
-                    response = _a.sent();
-                    setIsLoadingEstimateFee(false);
-                    setEstimateFee(response === null || response === void 0 ? void 0 : response.data);
-                    return [2 /*return*/, true];
-            }
-        });
-    }); }, [amount, tokenSlug]);
     var token = (0, react_1.useMemo)(function () {
         return sendInternalTokens === null || sendInternalTokens === void 0 ? void 0 : sendInternalTokens.find(function (token) { return token.slug === tokenSlug; });
     }, [tokenSlug, sendInternalTokens]);
@@ -179,7 +149,7 @@ exports.TransferInternal = (0, react_1.forwardRef)(function (props, ref) {
         setError(undefined);
         setErrorAmount(undefined);
         return true;
-    }, [sendInternalTokens, token]);
+    }, [token, transferData.amount]);
     var validateAddress = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
         var message;
         return __generator(this, function (_a) {
@@ -209,10 +179,9 @@ exports.TransferInternal = (0, react_1.forwardRef)(function (props, ref) {
             if (!isAmountValid)
                 return [2 /*return*/, false];
             validateAddress();
-            getEstimateFee();
             return [2 /*return*/];
         });
-    }); }, [validateAmount, validateAddress, getEstimateFee]);
+    }); }, [validateAmount, validateAddress]);
     var handleSendInternalToken = function (passcode) { return __awaiter(void 0, void 0, void 0, function () {
         var response, err_1;
         var _a, _b;
@@ -267,18 +236,13 @@ exports.TransferInternal = (0, react_1.forwardRef)(function (props, ref) {
             updateSendInternalToken();
         }
     }, [sendInternalTokens, updateSendInternalToken, isInitPasscode]);
-    // const estimateReceive = useMemo(() => {
-    //   if (!estimateFee || !amount) return undefined;
-    //   return +amount - +estimateFee?.fee_in_currency;
-    // }, [estimateFee, amount]);
-    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsxs)(ConfirmLayout_1.default, { ref: confirmLayoutDrawerRef, action: type_1.TransactionSlug.TransferInternal, trigger: props.children, onOpen: validateAll, children: [(0, jsx_runtime_1.jsx)(transferAmount_1.default, { title: "Transfer Amount", amount: amount, link: token === null || token === void 0 ? void 0 : token.link, currency: token === null || token === void 0 ? void 0 : token.name }), (0, jsx_runtime_1.jsx)(transferTarget_1.default, { transferData: transferData }), (0, jsx_runtime_1.jsx)(transferInfo_1.default, { transferData: transferData, estimateFee: estimateFee, amount: amount, tokenSlug: tokenSlug, setIsEnoughBalanceToPayFee: setIsEnoughBalanceToPayFee }), !!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) })] })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "center", mt: (_b = theme.mixins.customMargin) === null || _b === void 0 ? void 0 : _b.m12, mb: (_c = theme.mixins.customMargin) === null || _c === void 0 ? void 0 : _c.m16, position: "absolute", bottom: 0, left: 0, right: 0 }), children: (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, { sx: {
+    return ((0, jsx_runtime_1.jsx)(RequireConnect_1.default, { children: (0, jsx_runtime_1.jsxs)(ConfirmLayout_1.default, { ref: confirmLayoutDrawerRef, action: type_1.TransactionSlug.TransferInternal, trigger: props.children, onOpen: validateAll, 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) })] })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "center", mt: (_b = theme.mixins.customMargin) === null || _b === void 0 ? void 0 : _b.m12, mb: (_c = theme.mixins.customMargin) === null || _c === void 0 ? void 0 : _c.m16, position: "absolute", bottom: 0, left: 0, right: 0 }), children: (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, { sx: {
                                 width: "100%",
+                                minHeight: "50px",
                                 backgroundColor: theme.palette.background.primary,
                                 color: theme.palette.text.secondary,
                                 borderRadius: theme.mixins.customRadius.r12,
-                            }, status: !!error || isLoadingEstimateFee || isValidatingAddress || errorAddress || !isEnoughBalanceToPayFee
-                                ? Button_1.BUTTON_STATUS.DISABLED
-                                : buttonStatus, fullWidth: true, children: "Confirm" }) }) })] }) }));
+                            }, status: !!error || isValidatingAddress || errorAddress ? Button_1.BUTTON_STATUS.DISABLED : buttonStatus, fullWidth: true, children: "Confirm" }) }) })] }) }));
 });
 exports.TransferInternal.displayName = "TransferInternal";
 exports.default = exports.TransferInternal;

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = UserInfo;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var getImage_1 = __importDefault(require("../../../utils/getImage"));
-var Icon_1 = __importDefault(require("../Icon"));
 var Text_1 = __importDefault(require("../Text"));
 var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
@@ -16,9 +15,9 @@ function UserInfo(_a) {
     var theme = (0, ThemeProvider_1.useTheme)();
     if (!user)
         return "loading...";
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex gap-3 items-center", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (_b = user.avatar) !== null && _b !== void 0 ? _b : (0, getImage_1.default)("default-ava", "png"), width: 24, height: 24, sx: {
-                            position: "relative",
-                            borderRadius: theme.mixins.customRadius.full,
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex gap-3 items-center", children: [(0, jsx_runtime_1.jsx)(material_1.Avatar, { src: (_b = user.avatar) !== null && _b !== void 0 ? _b : (0, getImage_1.default)("default-ava", "png"), sx: {
+                            width: 24,
+                            height: 24,
                         } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { className: "flex flex-col", children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     color: theme.palette.background.white,
                                     fontWeight: theme.typography.fontWeight500,

package/dist/components/TekWallet/layouts/ChildPageLayout/index.js

@@ -30,7 +30,7 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
         showSuccess: function () { return setStatus(StatusDisplay_1.StatusDisplayType.Success); },
         showError: function () { return setStatus(StatusDisplay_1.StatusDisplayType.Error); },
     }); });
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { ref: ref, sx: __assign({ height: "100dvh", width: "100vw", display: "grid", gridTemplateRows: "auto 1fr auto", backgroundColor: theme.palette.background.white }, sx), children: [header && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxHeader), children: header })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, sxContent), children: children }), footer && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%", display: "flex", alignItems: "center", justifyContent: "center", padding: theme.mixins.customPadding.p24 }, sxFooter), children: footer })), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { ref: ref, sx: __assign({ height: "100dvh", width: "100vw", display: "grid", gridTemplateRows: "auto 1fr auto", backgroundColor: theme.palette.background.white }, sx), children: [header && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%" }, sxHeader), children: header })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, sxContent), children: children }), footer && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ width: "100%", display: "flex", alignItems: "center", justifyContent: "center", paddingLeft: theme.mixins.customPadding.p16, paddingRight: theme.mixins.customPadding.p16, paddingBottom: theme.mixins.customPadding.p24 }, sxFooter), children: footer })), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     position: "absolute",
                     inset: 0,
                     display: "flex",

package/package.json

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