tek-wallet 0.0.732 → 0.0.735

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

@@ -8,5 +8,3 @@ export * from "./views/ImportWalletView";
 export * from "./ui/Fees";
 export * from "./ui/ConfirmTransaction";
 export * from "./ui/SwapFunction";
-export * from "./ui/IncomeWallet";
-export * from "./ui/TransferConfirmation";

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

@@ -24,5 +24,3 @@ __exportStar(require("./views/ImportWalletView"), exports);
 __exportStar(require("./ui/Fees"), exports);
 __exportStar(require("./ui/ConfirmTransaction"), exports);
 __exportStar(require("./ui/SwapFunction"), exports);
-__exportStar(require("./ui/IncomeWallet"), exports);
-__exportStar(require("./ui/TransferConfirmation"), exports);

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

@@ -17,10 +17,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Text_1 = __importDefault(require("../Text"));
 var Formatter_1 = __importDefault(require("../Formatter"));
+var Icon_1 = __importDefault(require("../Icon"));
 var material_1 = require("@mui/material");
 var providers_1 = require("../../../providers");
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
 var ContentHiddenProvider_1 = require("../../../providers/ContentHiddenProvider");
-var SvgPath_1 = require("../SvgPath");
 var AnalyticGroup = function (props) {
     var theme = (0, providers_1.useTheme)();
     var _a = (0, ContentHiddenProvider_1.useContentHidden)(), isHidden = _a.isHidden, setIsHidden = _a.setIsHidden;
@@ -31,7 +32,7 @@ var AnalyticGroup = function (props) {
                             fontSize: theme.typography.fontSize15,
                             fontWeight: theme.typography.fontWeight500,
                             color: theme.palette.text.accent2,
-                        }, children: "Total Amount" }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { onClick: toggleHidden, sx: { cursor: "pointer", width: 14, height: 14 }, children: SvgPath_1.IC_NO_SEE })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                        }, children: "Total Amount" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("not_see"), onClick: toggleHidden, width: 16, height: 16 })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                     display: "flex",
                     flexDirection: "column",
                     alignItems: "flex-end",
@@ -40,7 +41,7 @@ var AnalyticGroup = function (props) {
                 }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign(__assign({}, theme.mixins.row), theme.mixins.value), { fontSize: theme.typography.fontSize20, gap: theme.mixins.gaps.g6 }), children: !isHidden ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: { fontWeight: theme.typography.fontWeight700 }, value: 1000000 }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                                 fontWeight: theme.typography.fontWeight400,
                                                 fontSize: "0.8em",
-                                            }, children: "USDC" }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 8, height: 8 }, children: SvgPath_1.ARROW_DROP_DOWN })] })] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                            }, children: "USDC" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 8 })] })] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                 fontSize: theme.typography.fontSize24,
                                 fontWeight: theme.typography.fontWeight700,
                                 color: theme.palette.text.black,
@@ -50,7 +51,7 @@ var AnalyticGroup = function (props) {
                                     fontSize: theme.typography.fontSize12,
                                     textTransform: "capitalize",
                                     color: theme.palette.text.accent,
-                                }, children: props.timeRange }), !isHidden ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 8, height: 8 }, children: SvgPath_1.ARROW_DROP_UP }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: theme.palette.text.alertStatus, fontSize: theme.typography.fontSize12, fontWeight: theme.typography.fontWeight600, borderBottom: "1px dashed currentColor" }), children: "5.63 (+3,22%)" })] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                }, children: props.timeRange }), !isHidden ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_drop_up"), width: 8 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: theme.palette.text.alertStatus, fontSize: theme.typography.fontSize12, fontWeight: theme.typography.fontWeight600, borderBottom: "1px dashed currentColor" }), children: "5.63 (+3,22%)" })] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                     fontSize: theme.typography.fontSize12,
                                     fontWeight: theme.typography.fontWeight600,
                                     color: theme.palette.text.accent2,
@@ -66,14 +67,14 @@ var AnalyticGroup = function (props) {
                                     fontSize: theme.typography.fontSize12,
                                     textTransform: "capitalize",
                                     color: theme.palette.text.accent,
-                                }, children: "Profit" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: !isHidden ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                            fontSize: theme.typography.fontSize12,
-                                            fontWeight: theme.typography.fontWeight600,
-                                            color: theme.palette.text.accent2,
-                                        }, children: "\u2248 250k XP" }) })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                }, children: "Profit" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, theme.mixins.row), children: !isHidden ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("approximately"), width: 15, height: 15 }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                                fontSize: theme.typography.fontSize12,
+                                                fontWeight: theme.typography.fontWeight600,
+                                                color: theme.palette.text.accent2,
+                                            }, children: "250k XP" })] })) : ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                         fontSize: theme.typography.fontSize12,
                                         fontWeight: theme.typography.fontWeight600,
                                         color: theme.palette.text.accent2,
-                                    }, children: "****" })) }), (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { cursor: "pointer", width: 14, height: 14 }, children: SvgPath_1.IC_INFORMATION })] })] })] }));
+                                    }, children: "****" })) }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("mark"), width: 15, height: 15 })] })] })] }));
 };
 exports.default = AnalyticGroup;

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

@@ -18,8 +18,6 @@ export interface DrawerComponentProps extends Omit<GeneralProps, "onClick" | "sx
     direction?: DRAWER_DIRECTION;
     disableSwipe?: boolean;
     triggerStatus?: DRAWER_TRIGGER_STATUS;
-    onDismiss?: () => void;
-    draggable?: boolean;
 }
 export interface DrawerComponentRef {
     open: () => void;

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

@@ -39,9 +39,10 @@ var DRAWER_TRIGGER_STATUS;
     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, _a = props.triggerStatus, triggerStatus = _a === void 0 ? DRAWER_TRIGGER_STATUS.ENABLED : _a, onDismiss = props.onDismiss, draggable = props.draggable, rest = __rest(props, ["onOpen", "onClose", "onToggle", "sx", "trigger", "direction", "children", "triggerStatus", "onDismiss", "draggable"]);
+    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);
     };
@@ -69,6 +70,12 @@ var DrawerComponent = (0, react_1.forwardRef)(function (props, ref) {
         var newState = !isShowDrawerComponent;
         setIsShowDrawerComponent(newState);
         onToggle === null || onToggle === void 0 ? void 0 : onToggle(newState);
+        if (newState) {
+            onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        }
+        else {
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
     };
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         open: handleOpen,
@@ -76,25 +83,21 @@ var DrawerComponent = (0, react_1.forwardRef)(function (props, ref) {
         lockStatus: lockStatus,
         unlockStatus: unlockStatus,
     }); });
-    var onDrawerClose = function () {
+    var onDrawerClose = function (e) {
         setIsShowDrawerComponent(false);
-        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+        onClose === null || onClose === void 0 ? void 0 : onClose(e);
     };
     var onDrawerOpen = function (e) {
         setIsShowDrawerComponent(true);
         onOpen === null || onOpen === void 0 ? void 0 : onOpen(e);
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({}, sx), onClick: toggle, children: trigger }), (0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, __assign({}, rest, { disableSwipeToOpen: true, sx: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ display: "block" }, sx), className: className, onClick: toggle, children: trigger }), (0, jsx_runtime_1.jsx)(DrawerComponent, __assign({}, rest, { sx: {
                     "& .MuiDrawer-paper": {
                         backgroundColor: "transparent",
                         overflow: "hidden",
                         boxShadow: "none",
                     },
-                }, anchor: direction || "bottom", open: isOpen !== null && isOpen !== void 0 ? isOpen : isShowDrawerComponent, onOpen: onDrawerOpen, onClose: onDrawerClose, ModalProps: {
-                    onBackdropClick: function () {
-                        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
-                    },
-                }, draggable: draggable, children: children }))] }));
+                }, anchor: direction || DRAWER_DIRECTION.BOTTOM, open: isOpen !== null && isOpen !== void 0 ? isOpen : isShowDrawerComponent, onOpen: onDrawerOpen, onClose: onDrawerClose, children: children }))] }));
 });
 DrawerComponent.displayName = "DrawerComponent";
 exports.default = DrawerComponent;

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

@@ -14,5 +14,5 @@ export interface FeesProps extends Omit<AccordionProps, "children"> {
     feesStyle?: FeesStyle;
     estimateReceive?: string | number;
 }
-declare function Fees(props: FeesProps): import("react/jsx-runtime").JSX.Element | null;
+declare function Fees(props: FeesProps): import("react/jsx-runtime").JSX.Element;
 export default Fees;

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

@@ -84,7 +84,7 @@ function Fees(props) {
     var totalfee_in_currency = (0, react_1.useMemo)(function () {
         return feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_currency;
     }, [feesData]);
-    return feeCheckedBalance.length > 0 ? ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { disableGutters: true, sx: __assign(__assign({}, getStyled(feesStyle !== null && feesStyle !== void 0 ? feesStyle : FeesStyle.DEFAULT, theme)), sx), children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 8, height: 8 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Accordion, __assign({ defaultExpanded: true }, rest, { disableGutters: true, sx: __assign(__assign({}, getStyled(feesStyle !== null && feesStyle !== void 0 ? feesStyle : FeesStyle.DEFAULT, theme)), sx), children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { src: (0, getIcon_1.default)("arrow_down"), width: 8, height: 8 }), children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "100%" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
                                 fontSize: theme.typography.fontSize11,
                                 fontWeight: theme.typography.fontWeight500,
                                 color: theme.palette.text.black,
@@ -119,7 +119,7 @@ function Fees(props) {
                                         fontSize: theme.typography.fontSize16,
                                         fontWeight: theme.typography.fontWeight700,
                                         color: theme.palette.text.black,
-                                    }, unit: " ".concat(tokenSlug.toUpperCase()), value: estimateReceive })] }))] }) })] }))) : null;
+                                    }, unit: " ".concat(tokenSlug.toUpperCase()), value: estimateReceive })] }))] }) })] })));
 }
 exports.default = Fees;
 var FeeDetails = function (_a) {

package/dist/components/TekWallet/components/ui/FiatDeposit/components/shareAction.d.ts

@@ -0,0 +1,8 @@
+import { FiatDepositData } from "../../../../types/expose-type";
+export declare const SuccessAnimation: () => import("react/jsx-runtime").JSX.Element;
+export interface IShareActionProps {
+    data: FiatDepositData | null;
+    shareRef: React.RefObject<HTMLDivElement | null>;
+}
+declare const _default: import("react").NamedExoticComponent<IShareActionProps>;
+export default _default;

package/dist/components/TekWallet/components/ui/FiatDeposit/components/shareAction.js

@@ -0,0 +1,149 @@
+"use strict";
+"use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuccessAnimation = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var react_1 = require("react");
+var html_to_image_1 = require("html-to-image");
+var SuccessAnimation = function () { return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M4.5 12.75L10.5 18.75L19.5 5.25", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })); };
+exports.SuccessAnimation = SuccessAnimation;
+exports.default = (0, react_1.memo)(function ShareAction(_a) {
+    var _this = this;
+    var data = _a.data, shareRef = _a.shareRef;
+    var _b = (0, react_1.useState)(false), isDownloading = _b[0], setIsDownloading = _b[1];
+    var _c = (0, react_1.useState)(false), copySuccess = _c[0], setCopySuccess = _c[1];
+    var convertHtml2Img = function () { return __awaiter(_this, void 0, void 0, function () {
+        var _a, _b;
+        var _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    if (!shareRef.current)
+                        return [2 /*return*/];
+                    _a = html_to_image_1.toPng;
+                    _b = [shareRef.current];
+                    _c = {};
+                    return [4 /*yield*/, (0, html_to_image_1.getFontEmbedCSS)(shareRef.current)];
+                case 1: return [4 /*yield*/, _a.apply(void 0, _b.concat([(_c.fontEmbedCSS = _d.sent(), _c)]))];
+                case 2: return [2 /*return*/, _d.sent()];
+            }
+        });
+    }); };
+    var handleDownloadFile = function (url, filename) { return __awaiter(_this, void 0, void 0, function () {
+        var link;
+        return __generator(this, function (_a) {
+            link = document.createElement("a");
+            link.download = filename;
+            link.href = url;
+            link.setAttribute("data-downloadurl", ["image/png", link.download, link.href].join(":"));
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            return [2 /*return*/];
+        });
+    }); };
+    var handleDownload = function () { return __awaiter(_this, void 0, void 0, function () {
+        var dataUrl, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (isDownloading)
+                        return [2 /*return*/];
+                    setIsDownloading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, convertHtml2Img()];
+                case 2:
+                    dataUrl = _a.sent();
+                    handleDownloadFile(dataUrl !== null && dataUrl !== void 0 ? dataUrl : "", "".concat(data === null || data === void 0 ? void 0 : data.id, ".png")).finally(function () { return setIsDownloading(false); });
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    console.warn("🚀 ~ handleDownload ~ error:", error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleCopyLink = function () {
+        if (!(data === null || data === void 0 ? void 0 : data.id) || copySuccess)
+            return;
+        var link = data._link.payment_link.href;
+        navigator.clipboard
+            .writeText(link)
+            .then(function () {
+            setCopySuccess(true);
+        })
+            .catch(function (err) {
+            console.error("Failed to copy link:", err);
+        });
+    };
+    (0, react_1.useEffect)(function () {
+        if (copySuccess) {
+            var timeout_1 = setTimeout(function () {
+                setCopySuccess(false);
+            }, 2000);
+            return function () { return clearTimeout(timeout_1); };
+        }
+    }, [copySuccess]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Grid2, { sx: {
+            gridTemplateColumns: "1fr 1fr 1fr 1fr",
+            gridTemplateRows: "1fr",
+            alignItems: "center",
+            gap: "0.5rem",
+        }, container: true, display: "grid", children: [(0, jsx_runtime_1.jsxs)(material_1.Grid2, { display: "flex", flexDirection: "column", gap: "0.375rem", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { loading: isDownloading, color: "primary", onClick: handleDownload, sx: {
+                            borderRadius: "0.75rem",
+                            justifyContent: "center",
+                            alignItems: "center",
+                            width: "3rem",
+                            height: "3rem",
+                            display: "flex",
+                            color: "#fff",
+                        }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M3.375 13.75V15.625C3.375 16.1223 3.57254 16.5992 3.92417 16.9508C4.27581 17.3025 4.75272 17.5 5.25 17.5H16.5C16.9973 17.5 17.4742 17.3025 17.8258 16.9508C18.1775 16.5992 18.375 16.1223 18.375 15.625V13.75M14.625 10L10.875 13.75M10.875 13.75L7.125 10M10.875 13.75V2.5", stroke: "white", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "content02", color: "positive", children: "Save photo" })] }), (0, jsx_runtime_1.jsxs)(material_1.Grid2, { display: "flex", flexDirection: "column", gap: "0.375rem", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", onClick: handleCopyLink, sx: {
+                            borderRadius: "0.75rem",
+                            justifyContent: "center",
+                            alignItems: "center",
+                            width: "3rem",
+                            height: "3rem",
+                            display: "flex",
+                            color: "#fff",
+                        }, children: copySuccess ? ((0, jsx_runtime_1.jsx)(exports.SuccessAnimation, {})) : ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.6167 7.24002C12.1582 7.49857 12.6298 7.8833 12.9918 8.36189C13.3538 8.84048 13.5956 9.39895 13.697 9.9904C13.7985 10.5818 13.7564 11.189 13.5745 11.7608C13.3926 12.3327 13.0762 12.8525 12.6517 13.2767L8.90169 17.0267C8.19842 17.73 7.24459 18.125 6.25002 18.125C5.25546 18.125 4.30162 17.73 3.59836 17.0267C2.89509 16.3234 2.5 15.3696 2.5 14.375C2.5 13.3805 2.89509 12.4266 3.59836 11.7234L5.06252 10.2592M16.1875 9.74086L17.6517 8.27669C18.355 7.57342 18.75 6.61959 18.75 5.62502C18.75 4.63046 18.355 3.67662 17.6517 2.97336C16.9484 2.27009 15.9946 1.875 15 1.875C14.0055 1.875 13.0516 2.27009 12.3484 2.97336L8.59836 6.72336C8.17389 7.14752 7.85741 7.66736 7.67551 8.23921C7.49361 8.81105 7.45159 9.4182 7.553 10.0096C7.6544 10.6011 7.89626 11.1596 8.25827 11.6382C8.62027 12.1167 9.09183 12.5015 9.63336 12.76", stroke: "white", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" }) })) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "content02", color: "positive", children: copySuccess ? "Copied!" : "Copy link" })] })] }));
+});

package/dist/components/TekWallet/components/ui/FiatDeposit/components/shareDrawer.d.ts

@@ -0,0 +1,8 @@
+import { FiatDepositData } from "../../../../types/expose-type";
+export interface IShareDrawerProps {
+    depositData: FiatDepositData | null;
+    count?: number;
+    handleRefresh?: () => void;
+    onClose?: () => void;
+}
+export default function ShareDrawer({ depositData, count, handleRefresh, onClose, }: IShareDrawerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TekWallet/components/ui/FiatDeposit/components/shareDrawer.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ShareDrawer;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var shareImage_1 = __importDefault(require("./shareImage"));
+var shareAction_1 = __importDefault(require("./shareAction"));
+var theme_1 = __importDefault(require("../../../../theme/mui/deposit-fiat-theme/theme"));
+var react_1 = require("react");
+function ShareDrawer(_a) {
+    var depositData = _a.depositData, count = _a.count, handleRefresh = _a.handleRefresh, onClose = _a.onClose;
+    var shareRef = (0, react_1.useRef)(null);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { p: "1rem", sx: {
+            background: theme_1.default.palette.tertiary.main,
+            maxHeight: "70%",
+            overflowY: "auto",
+        }, pb: "2.5rem", gap: "0.75rem", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "100%", flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "title01", color: "positive", children: "Share" }), (0, jsx_runtime_1.jsx)("svg", { onClick: onClose, xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M1 13L13 1M1 1L13 13", stroke: "#121212", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsx)(shareImage_1.default, { ref: shareRef, data: depositData, count: count, handleRefresh: handleRefresh }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "0.75rem", width: "100%", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "title01", color: "positive", children: "Share To" }), (0, jsx_runtime_1.jsx)(shareAction_1.default, { data: depositData, shareRef: shareRef })] })] }));
+}

package/dist/components/TekWallet/components/ui/FiatDeposit/components/shareImage.d.ts

@@ -0,0 +1,9 @@
+import { FiatDepositData } from "../../../../types/expose-type";
+import { RefObject } from "react";
+export interface IShareImageProps {
+    data: FiatDepositData | null;
+    count?: number;
+    handleRefresh?: () => void;
+    ref: RefObject<HTMLDivElement | null>;
+}
+export default function ShareImage({ data, count, handleRefresh, ref }: IShareImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TekWallet/components/ui/FiatDeposit/components/shareImage.js

@@ -0,0 +1,125 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ShareImage;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var image_1 = __importDefault(require("next/image"));
+var formatter_1 = __importDefault(require("../../Formatter/functions/formatter"));
+var theme_1 = __importDefault(require("../../../../theme/mui/deposit-fiat-theme/theme"));
+function ShareImage(_a) {
+    var _b, _c;
+    var data = _a.data, count = _a.count, handleRefresh = _a.handleRefresh, ref = _a.ref;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { width: "55%", p: "0.75rem", ref: ref, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { position: "relative", py: "1.5rem", sx: {
+                background: theme_1.default.palette.negative.main,
+                borderRadius: "0.563rem",
+                gap: "2rem",
+                alignItems: "center",
+                textAlign: "center",
+            }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", children: [(0, jsx_runtime_1.jsx)(image_1.default, { src: "/icons/logo.svg", alt: "", width: 34, height: 34 }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { component: "span", color: "positive", sx: {
+                                gap: "3px",
+                                fontSize: "9px",
+                                fontWeight: 700,
+                                lineHeight: "140%",
+                            }, children: ["Ting.Money", (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: {
+                                        fontSize: "6px",
+                                        fontWeight: 500,
+                                        lineHeight: "140%",
+                                    }, color: "accent2", children: "Ting.Money \u2013 Powering Your Global Travel Dreams" })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", style: {
+                        gap: "12px",
+                        width: "100%",
+                        paddingLeft: "16px",
+                        paddingRight: "16px",
+                    }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: "52%", position: "relative", aspectRatio: "1 / 1" }, children: [(0, jsx_runtime_1.jsx)(image_1.default, { alt: "", fill: true, src: (_b = data === null || data === void 0 ? void 0 : data.qr_code) !== null && _b !== void 0 ? _b : "/", style: { filter: count === 0 ? "blur(6px)" : "none" } }), count === 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { onClick: handleRefresh, sx: {
+                                        display: "flex",
+                                        position: "absolute",
+                                        inset: "0",
+                                        backgroundColor: "transparent",
+                                        alignItems: "center",
+                                        justifyContent: "center",
+                                    }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: (0, jsx_runtime_1.jsx)("path", { d: "M16.0234 9.34794H21.0154L17.8344 6.16494C16.8103 5.14081 15.5346 4.40433 14.1356 4.02955C12.7366 3.65476 11.2636 3.65487 9.86464 4.02986C8.4657 4.40486 7.19014 5.14153 6.16617 6.16581C5.14221 7.19009 4.40594 8.46588 4.03138 9.86494M2.98537 19.6439V14.6519M2.98537 14.6519H7.97738M2.98537 14.6519L6.16537 17.8349C7.18949 18.8591 8.46517 19.5955 9.86416 19.9703C11.2632 20.3451 12.7362 20.345 14.1351 19.97C15.534 19.595 16.8096 18.8584 17.8336 17.8341C18.8575 16.8098 19.5938 15.534 19.9684 14.1349M21.0154 4.35594V9.34594", stroke: "#1E4841", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }))] }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { component: "span", variant: "title01", sx: {
+                                display: "flex",
+                                flexDirection: "column",
+                                fontSize: "0.813rem",
+                                fontWeight: 600,
+                                lineHeight: "140%",
+                                alignItems: "center",
+                            }, color: "primary", children: [(0, formatter_1.default)((_c = data === null || data === void 0 ? void 0 : data.amount) !== null && _c !== void 0 ? _c : 0, !!0, !!0) || "--", (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "title01", sx: {
+                                        fontSize: ".5rem",
+                                        fontWeight: 500,
+                                        lineHeight: "140%",
+                                    }, color: "accent2", children: "VND" })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { component: "span", sx: {
+                                display: "flex",
+                                flexDirection: "column",
+                                gap: "3px",
+                                fontSize: "0.563rem",
+                                alignItems: "center",
+                                textAlign: "center",
+                            }, children: [data === null || data === void 0 ? void 0 : data.metadata.bank_account.account_name, (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { fontSize: ".375rem" }, children: data === null || data === void 0 ? void 0 : data.metadata.bank_account.bank_name }), (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { fontSize: ".563rem", display: "flex", alignItems: "center", gap: "4px" }, children: data === null || data === void 0 ? void 0 : data.metadata.bank_account.account_number })] })] }), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                                position: "absolute",
+                                top: "-1px",
+                                left: "-1px",
+                                width: "16px",
+                                height: "16px",
+                                borderTop: "1px solid #1E4841",
+                                borderLeft: "1px solid #1E4841",
+                                borderTopLeftRadius: "9px",
+                            } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                position: "absolute",
+                                top: "-1px",
+                                right: "-1px",
+                                width: "16px",
+                                height: "16px",
+                                borderTop: "1px solid #1E4841",
+                                borderRight: "1px solid #1E4841",
+                                borderTopRightRadius: "9px",
+                            } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                position: "absolute",
+                                bottom: "-1px",
+                                left: "-1px",
+                                width: "16px",
+                                height: "16px",
+                                borderBottom: "1px solid #1E4841",
+                                borderLeft: "1px solid #1E4841",
+                                borderBottomLeftRadius: "9px",
+                            } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                position: "absolute",
+                                bottom: "-1px",
+                                right: "-1px",
+                                width: "16px",
+                                height: "16px",
+                                borderBottom: "1px solid #1E4841",
+                                borderRight: "1px solid #1E4841",
+                                borderBottomRightRadius: "9px",
+                            } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                position: "absolute",
+                                top: "-1px",
+                                width: "16px",
+                                height: "16px",
+                                borderTop: "1px solid #1E4841",
+                            } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                position: "absolute",
+                                bottom: "-1px",
+                                width: "16px",
+                                height: "16px",
+                                borderBottom: "1px solid #1E4841",
+                            } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                position: "absolute",
+                                left: "-1px",
+                                width: "16px",
+                                height: "16px",
+                                borderLeft: "1px solid #1E4841",
+                                top: "50%",
+                                transform: "translateY(-50%)",
+                            } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                position: "absolute",
+                                right: "-1px",
+                                width: "16px",
+                                height: "16px",
+                                borderRight: "1px solid #1E4841",
+                                top: "50%",
+                                transform: "translateY(-50%)",
+                            } })] })] }) }));
+}

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

@@ -0,0 +1,5 @@
+export interface IFiatDepositProps {
+    children?: React.ReactNode;
+}
+export declare const CopyIcon: () => import("react/jsx-runtime").JSX.Element;
+export default function FiatDeposit({ children }: IFiatDepositProps): import("react/jsx-runtime").JSX.Element;