tek-wallet 0.0.731 → 0.0.734

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/depositSuccess.d.ts

@@ -0,0 +1,45 @@
+export interface DepositResult {
+    id: number;
+    transaction_type: {};
+    from_address: string;
+    to_address: string;
+    network: string;
+    currency_slug: string;
+    fee: number;
+    amount: number;
+    transaction_status: string;
+    user_created: string;
+    user_updated: string;
+    date_created: Date;
+    date_updated: null;
+    description: null;
+    currency_usd_rate: string;
+    from_app_slug: string;
+    fee_info: FeeInfo;
+    order_id: null;
+    parent_transaction_id: null;
+    child_transactions: any[];
+    currency_data: CurrencyData;
+    raw_transaction_type: string;
+}
+export interface CurrencyData {
+    name: string;
+    id: number;
+    slug: string;
+    full_name: string;
+    icon: string;
+    link: string;
+    usd_rate: number;
+}
+export interface FeeInfo {
+    fee_detail: any[];
+    fee_in_currency: number;
+    fee_in_usd: number;
+    original_amount_in_currency: number;
+    original_amount_in_usd: number;
+    original_currency: string;
+}
+export interface IDepositResultProps {
+    data: DepositResult | undefined;
+}
+export default function DepositSuccessResult({ data }: IDepositResultProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DepositSuccessResult;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var image_1 = __importDefault(require("next/image"));
+var react_1 = require("react");
+var __1 = require("..");
+var useWallet_1 = __importDefault(require("../../../../hooks/useWallet"));
+var formatter_1 = __importDefault(require("../../Formatter/functions/formatter"));
+function DepositSuccessResult(_a) {
+    var _b, _c, _d;
+    var data = _a.data;
+    var tokens = (0, useWallet_1.default)().tokens;
+    var _e = (0, react_1.useState)(false), copySuccess = _e[0], setCopySuccess = _e[1];
+    var handleCopy = function (text) {
+        if (copySuccess)
+            return;
+        navigator.clipboard
+            .writeText(text)
+            .then(function () {
+            setCopySuccess(true);
+        })
+            .catch(function (err) {
+            console.error("Failed to copy link:", err);
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "fc pt-[25%]", children: (0, jsx_runtime_1.jsxs)("div", { className: "fc items-center p-4 bg-tertiary border border-accent-3-stoke rounded-2xl gap-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative w-[45%] aspect-square -mt-[25%]", children: (0, jsx_runtime_1.jsx)(image_1.default, { alt: "", fill: true, src: "/" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "fc", children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "title03", color: "accent2", children: [data === null || data === void 0 ? void 0 : data.raw_transaction_type, (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "title01", color: "primary", className: "capitalize", children: data === null || data === void 0 ? void 0 : data.transaction_status })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsxs)("div", { className: "fc gap-4", children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "title02", color: "positive", className: "flex gap-1 items-center", children: [(0, formatter_1.default)((_b = data === null || data === void 0 ? void 0 : data.amount) !== null && _b !== void 0 ? _b : 0, false, false), " VND", (0, jsx_runtime_1.jsx)(image_1.default, { alt: "", width: 20, height: 20, src: (_d = (_c = tokens === null || tokens === void 0 ? void 0 : tokens.find(function (item) { return item.currency_slug.toLocaleLowerCase() === "vnd"; })) === null || _c === void 0 ? void 0 : _c.currency.link) !== null && _d !== void 0 ? _d : "/" })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "content02", color: "positive", className: "flex items-center gap-1 justify-between", children: ["Invoice code", (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "title02", className: "flex items-center gap-1", children: [copySuccess ? "Copied!" : data === null || data === void 0 ? void 0 : data.id, (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "icon", onClick: function () { return handleCopy((data === null || data === void 0 ? void 0 : data.id.toString()) || ""); }, children: (0, jsx_runtime_1.jsx)(__1.CopyIcon, {}) })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "content02", color: "positive", className: "flex items-center gap-1 justify-between", children: ["User", (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "title02", className: "flex items-center gap-1", children: [copySuccess ? "Copied!" : data === null || data === void 0 ? void 0 : data.id, (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "icon", onClick: function () { return handleCopy((data === null || data === void 0 ? void 0 : data.id.toString()) || ""); }, children: (0, jsx_runtime_1.jsx)(__1.CopyIcon, {}) })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "content02", color: "positive", className: "flex items-center gap-1 justify-between", children: ["Invoice code", (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "title02", className: "flex items-center gap-1", children: [copySuccess ? "Copied!" : data === null || data === void 0 ? void 0 : data.id, (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "icon", onClick: function () { return handleCopy((data === null || data === void 0 ? void 0 : data.id.toString()) || ""); }, children: (0, jsx_runtime_1.jsx)(__1.CopyIcon, {}) })] })] })] })] })] }) }));
+}

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,128 @@
+"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)("div", { className: "grid grid-cols-4 gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "fc gap-1.5 items-center", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { loading: isDownloading, color: "primary", onClick: handleDownload, className: "rounded-xl justify-center flex items-center w-12 aspect-square", 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)("div", { className: "fc gap-1.5 items-center", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", onClick: handleCopyLink, className: "rounded-xl text-negative justify-center flex items-center w-12 aspect-square", 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,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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 React = __importStar(require("react"));
+var shareImage_1 = __importDefault(require("./shareImage"));
+var shareAction_1 = __importDefault(require("./shareAction"));
+function ShareDrawer(_a) {
+    var depositData = _a.depositData, count = _a.count, handleRefresh = _a.handleRefresh, onClose = _a.onClose;
+    var shareRef = React.useRef(null);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "bg-tertiary fc gap-3 p-4 items-center max-h-[70%] overflow-auto pb-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-full flex items-center justify-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)("div", { className: "w-full fc gap-3", 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>;
+}
+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,23 @@
+"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"));
+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)("div", { className: "w-[55%] p-3", ref: ref, children: (0, jsx_runtime_1.jsxs)("div", { className: "relative py-6 bg-negative rounded-[.563rem] fc gap-8 items-center text-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "fc items-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", className: "fc gap-[3px] text-[9px] font-[700]", color: "positive", children: ["Ting.Money", (0, jsx_runtime_1.jsx)(material_1.Typography, { className: "text-[6px] font-[500]", color: "accent2", children: "Ting.Money \u2013 Powering Your Global Travel Dreams" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full fc items-center gap-3 px-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative w-[52%] aspect-square ", 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 : "/", className: count === 0 ? "blur-[6px]" : "" }), count === 0 && ((0, jsx_runtime_1.jsx)("div", { onClick: handleRefresh, className: "absolute inset-0 bg-transparent items-center justify-center flex", 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: {
+                                fontSize: "0.813rem",
+                                fontWeight: 600,
+                                lineHeight: "140%",
+                            }, color: "primary", className: "fc items-center", 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", className: "fc gap-[3px] items-center text-center text-[0.563rem]", children: [data === null || data === void 0 ? void 0 : data.metadata.bank_account.account_name, (0, jsx_runtime_1.jsx)(material_1.Typography, { className: "text-[.375rem]", children: data === null || data === void 0 ? void 0 : data.metadata.bank_account.bank_name }), (0, jsx_runtime_1.jsx)(material_1.Typography, { className: "text-[.563rem] flex items-center gap-1", 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", { className: "absolute -top-[1px] -left-[1px] w-4 h-4 border-t-[1px] border-l-[1px] border-[#1E4841] rounded-tl-[9px]" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -top-[1px] -right-[1px] w-4 h-4 border-t-[1px] border-r-[1px] border-[#1E4841] rounded-tr-[9px]" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -bottom-[1px] -left-[1px] w-4 h-4 border-b-[1px] border-l-[1px] border-[#1E4841] rounded-bl-[9px]" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -bottom-[1px] -right-[1px] w-4 h-4 border-b-[1px] border-r-[1px] border-[#1E4841] rounded-br-[9px]" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -top-[1px]  w-4 h-4 border-t-[1px] border-[#1E4841] " }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -bottom-[1px]  w-4 h-4 border-b-[1px] border-[#1E4841] " }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -left-[1px] w-4 h-4 border-l-[1px] border-[#1E4841] top-1/2 -translate-y-1/2" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -right-[1px] w-4 h-4 border-r-[1px] border-[#1E4841] top-1/2 -translate-y-1/2" })] })] }) }));
+}

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;