tek-wallet 0.0.480 → 0.0.482

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

@@ -78,7 +78,7 @@ var Activities = (0, react_1.forwardRef)(function (props, ref) {
                             spaceBetween: 40,
                         }, tabs: activityTypes === null || activityTypes === void 0 ? void 0 : activityTypes.map(function (type, index) {
                             return ((0, jsx_runtime_1.jsx)(material_1.Tab, { label: type.name, value: index, "data-index": index, sx: {
-                                    padding: "".concat(theme.mixins.customPadding.p16, " ").concat(theme.mixins.customPadding.p8),
+                                    padding: "".concat(theme.mixins.customPadding.p8, " ").concat(theme.mixins.customPadding.p16),
                                     minHeight: "unset",
                                     minWidth: "unset",
                                     textTransform: "capitalize",

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

@@ -63,10 +63,10 @@ function ActivityDetail(props) {
     }, [isIncrease, theme]);
     if (!activityData)
         return null;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (_a = activityData.currency_data) === null || _a === void 0 ? void 0 : _a.link, width: 64 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g6, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeightBold, fontSize: theme.typography.fontSize24, color: getAmountColor() }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: isIncrease ? "+" : "-", value: activityData.amount, unit: (_b = activityData.currency_data) === null || _b === void 0 ? void 0 : _b.name }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: (0, formatDate_1.default)(activityData.date_created) }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 16 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (_a = activityData.currency_data) === null || _a === void 0 ? void 0 : _a.link, width: 64 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g4, alignItems: "center" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeightBold, fontSize: theme.typography.fontSize24, color: getAmountColor() }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: isIncrease ? "+" : "-", value: activityData.amount, unit: " ".concat((_b = activityData.currency_data) === null || _b === void 0 ? void 0 : _b.name) }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: (0, formatDate_1.default)(activityData.date_created) }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 16 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontSize: theme.typography.fontSize12,
                                     textTransform: "capitalize",
                                     color: getStatusColor(),
-                                }, children: status })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.paper), { p: theme.mixins.gaps.g12, width: "100%" }), children: [isReceive && ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: activityData === null || activityData === void 0 ? void 0 : activityData.from_address, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "From" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all", textAlign: "right" }), children: activityData === null || activityData === void 0 ? void 0 : activityData.from_address })] }) })), isSend && ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: activityData === null || activityData === void 0 ? void 0 : activityData.to_address, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "To" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all", textAlign: "right" }), children: activityData === null || activityData === void 0 ? void 0 : activityData.to_address })] }) }))] })] }));
+                                }, children: status })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.paper), { p: theme.mixins.gaps.g12, width: "100%" }), children: [isReceive && ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: activityData === null || activityData === void 0 ? void 0 : activityData.from_address, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "From" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all", textAlign: "end" }), children: activityData === null || activityData === void 0 ? void 0 : activityData.from_address })] }) })), isSend && ((0, jsx_runtime_1.jsx)(CopyTextComponent_1.default, { value: activityData === null || activityData === void 0 ? void 0 : activityData.to_address, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.valueDescription), children: "To" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { wordBreak: "break-all", textAlign: "end" }), children: activityData === null || activityData === void 0 ? void 0 : activityData.to_address })] }) }))] })] }));
 }
 exports.default = ActivityDetail;

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

@@ -43,7 +43,6 @@ function ActivityItem(props) {
     var sx = props.sx, data = props.data, rest = __rest(props, ["sx", "data"]);
     var theme = (0, material_1.useTheme)();
     var detailDrawerRef = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(false), isOpenDetail = _c[0], setIsOpenDetail = _c[1];
     var activityData = (0, react_1.useMemo)(function () {
         if (!data)
             return undefined;
@@ -73,20 +72,11 @@ function ActivityItem(props) {
     var openDetail = (0, react_1.useCallback)(function () {
         var _a;
         (_a = detailDrawerRef.current) === null || _a === void 0 ? void 0 : _a.open();
-        setIsOpenDetail(true);
     }, []);
     var closeDetail = (0, react_1.useCallback)(function (e) {
         var _a;
         e.stopPropagation();
         (_a = detailDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
-        setTimeout(function () {
-            setIsOpenDetail(false);
-        }, 800);
-    }, []);
-    var onCloseDetail = (0, react_1.useCallback)(function () {
-        setTimeout(function () {
-            setIsOpenDetail(false);
-        }, 800);
     }, []);
     var getStatusColor = (0, react_1.useCallback)(function () {
         switch (status) {
@@ -110,10 +100,10 @@ function ActivityItem(props) {
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: "100%" }, children: [(0, jsx_runtime_1.jsxs)(material_1.ListItemButton, __assign({ onClick: openDetail, sx: __assign(__assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g8, backgroundColor: theme.palette.background.white16, borderRadius: theme.mixins.customRadius.r16, p: theme.mixins.customPadding.p12, flexGrow: "unset", boxShadow: theme.shadows[1] }), sx) }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                             width: "fit-content",
                             height: "fit-content",
-                        }, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: type === null || type === void 0 ? void 0 : type.link, width: 24 }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityTitle, children: type === null || type === void 0 ? void 0 : type.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityDescription, children: descriptionElement }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 16 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                        }, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: type === null || type === void 0 ? void 0 : type.link, width: 24 }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", gap: theme.mixins.gaps.g2 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityTitle, children: type === null || type === void 0 ? void 0 : type.name }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: theme.mixins.activityDescription, children: descriptionElement }), status !== type_1.TransactionStatus.Success && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [status === type_1.TransactionStatus.Processing && (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "secondary", size: 16 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                             fontSize: theme.typography.fontSize12,
                                             textTransform: "capitalize",
                                             color: getStatusColor(),
-                                        }, children: status })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", alignItems: "flex-end", ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeightBold, color: getAmountColor(), textAlign: "right" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: isIncrease ? "+" : "-", value: activityData.amount, unit: (_a = activityData.currency_data) === null || _a === void 0 ? void 0 : _a.name }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.valueDescription), { textAlign: "right" }), children: (0, formatDate_1.default)(activityData.date_created) })] })] })), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: detailDrawerRef, onClose: onCloseDetail, children: isOpenDetail && ((0, jsx_runtime_1.jsx)(ModalLayout_1.default, { onClose: closeDetail, title: (_b = activityData.transaction_type) === null || _b === void 0 ? void 0 : _b.name, children: (0, jsx_runtime_1.jsx)(ActivityDetail_1.default, { activityData: activityData }) })) })] }));
+                                        }, children: status })] }))] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g2, width: "fit-content", alignItems: "flex-end", ml: "auto" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { fontWeight: theme.typography.fontWeightBold, color: getAmountColor(), textAlign: "right" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { start: isIncrease ? "+" : "-", value: activityData.amount, unit: " ".concat((_a = activityData.currency_data) === null || _a === void 0 ? void 0 : _a.name) }) }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.valueDescription), { textAlign: "right" }), children: (0, formatDate_1.default)(activityData.date_created) })] })] })), (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: detailDrawerRef, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { onClose: closeDetail, title: (_b = activityData.transaction_type) === null || _b === void 0 ? void 0 : _b.name, children: (0, jsx_runtime_1.jsx)(ActivityDetail_1.default, { activityData: activityData }) }) })] }));
 }
 exports.default = ActivityItem;

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

@@ -60,7 +60,7 @@ var CopyTextComponent = function (_a) {
     var value = _a.value, iconSuccess = _a.iconSuccess, children = _a.children, hideTextMessage = _a.hideTextMessage, sx = _a.sx;
     var theme = (0, material_1.useTheme)();
     var _b = (0, react_1.useState)(false), showSuccess = _b[0], setShowSuccess = _b[1];
-    var CopyTextComponent = function () { return __awaiter(void 0, void 0, void 0, function () {
+    var copyText = function () { return __awaiter(void 0, void 0, void 0, function () {
         var err_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -82,25 +82,26 @@ var CopyTextComponent = function (_a) {
             }
         });
     }); };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: CopyTextComponent, sx: __assign({ position: "relative", cursor: "pointer" }, sx), children: [children, (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: copyText, sx: __assign({ position: "relative", cursor: "pointer" }, sx), children: [children, (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
                     gap: theme.mixins.gaps.g4,
                     opacity: showSuccess ? 1 : 0,
                     position: "absolute",
-                    inset: "-0.125rem",
-                    backgroundColor: theme.palette.background.black64,
+                    inset: 0,
+                    transform: "translateY(-100%) scale(".concat(showSuccess ? 1 : 0, ")"),
+                    transformOrigin: "center bottom",
+                    backgroundColor: theme.palette.background.black,
                     backdropFilter: "blur(12px)",
                     borderRadius: theme.mixins.customRadius.r12,
-                    transition: "opacity 0.3s ease-in-out",
+                    transition: "opacity 0.3s ease-in-out, transform 0.3s ease-in-out",
                 }, children: [iconSuccess || ((0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("copied_check"), sx: {
                             width: "1rem",
                             height: "1rem",
                         } })), !hideTextMessage && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                            color: "text.whiteText",
-                            display: "inline-block",
-                            fontSize: "0.8em",
+                            color: theme.palette.text.white,
+                            fontSize: theme.typography.fontSize12,
                         }, children: "Copied" }))] })] }));
 };
 exports.default = CopyTextComponent;

package/dist/components/ui/CustomTooltip/index.d.ts

@@ -6,5 +6,9 @@ interface CustomTooltipProps extends Omit<PopoverProps, "open"> {
     disabled?: boolean;
     className?: string;
 }
-declare const CustomTooltip: ({ trigger, children, disabled, anchorOrigin, anchorPosition, transformOrigin, ...rest }: CustomTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export interface CustomTooltipRef {
+    open: React.ReactEventHandler;
+    close: React.ReactEventHandler;
+}
+declare const CustomTooltip: React.ForwardRefExoticComponent<Omit<CustomTooltipProps, "ref"> & React.RefAttributes<CustomTooltipRef>>;
 export default CustomTooltip;

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

@@ -62,24 +62,30 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var React = __importStar(require("react"));
 var Popover_1 = __importDefault(require("@mui/material/Popover"));
 var material_1 = require("@mui/material");
-var CustomTooltip = function (_a) {
+var CustomTooltip = React.forwardRef(function (_a, ref) {
     var trigger = _a.trigger, children = _a.children, disabled = _a.disabled, _b = _a.anchorOrigin, anchorOrigin = _b === void 0 ? {
         vertical: "bottom",
         horizontal: "center",
     } : _b, anchorPosition = _a.anchorPosition, transformOrigin = _a.transformOrigin, rest = __rest(_a, ["trigger", "children", "disabled", "anchorOrigin", "anchorPosition", "transformOrigin"]);
     var _c = React.useState(null), anchorEl = _c[0], setAnchorEl = _c[1];
-    var handleClick = function (event) {
+    var handleOpen = function (event) {
+        event.stopPropagation();
         setAnchorEl(event.currentTarget);
     };
     var handleClose = function () {
         setAnchorEl(null);
     };
+    React.useImperativeHandle(ref, function () { return ({
+        open: handleOpen,
+        close: handleClose,
+    }); });
     var open = Boolean(anchorEl);
     var id = open ? "simple-popover" : undefined;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { component: "button", disabled: disabled, "aria-describedby": id, onClick: handleClick, sx: { textAlign: "left" }, children: trigger }), (0, jsx_runtime_1.jsx)(Popover_1.default, __assign({ id: id, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: anchorOrigin, anchorPosition: anchorPosition, transformOrigin: transformOrigin, sx: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { component: "button", disabled: disabled, "aria-describedby": id, onClick: handleOpen, sx: { textAlign: "left" }, children: trigger }), (0, jsx_runtime_1.jsx)(Popover_1.default, __assign({ id: id, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: anchorOrigin, anchorPosition: anchorPosition, transformOrigin: transformOrigin, sx: {
                     "& .MuiPopover-paper": {
                         backgroundColor: "transparent",
                     },
                 } }, rest, { children: children }))] }));
-};
+});
+CustomTooltip.displayName = "CustomTooltip";
 exports.default = CustomTooltip;

package/package.json

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