tek-wallet 0.0.752 → 0.0.753

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

@@ -0,0 +1,169 @@
+"use strict";
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 __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 };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmSwapToken = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
+var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
+var react_1 = require("react");
+var swap_service_1 = __importDefault(require("../../../services/axios/swap-service"));
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var stop_1 = __importDefault(require("../../../utils/stop"));
+var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var Result_1 = __importDefault(require("./Result"));
+var useRealtime_1 = __importDefault(require("../../../hooks/useRealtime"));
+var ConfirmSwapToken = function (props) {
+    var confirmLayoutDrawerRef = (0, react_1.useRef)(null);
+    var sx = props.sx, children = props.children, onSuccess = props.onSuccess, onStart = props.onStart, onFinally = props.onFinally, onError = props.onError, payload = props.payload, onDone = props.onDone;
+    var _a = (0, react_1.useState)(null), response = _a[0], setResponse = _a[1];
+    var pushNotification = (0, useRealtime_1.default)().pushNotification;
+    var openResult = function () {
+        var _a;
+        (_a = resultRef.current) === null || _a === void 0 ? void 0 : _a.open();
+    };
+    var closeResult = function () {
+        var _a;
+        (_a = resultRef.current) === null || _a === void 0 ? void 0 : _a.close();
+    };
+    var handleConfirmSwapToken = function (passcode) { return __awaiter(void 0, void 0, void 0, function () {
+        var response_1, err_1, time;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    _c.trys.push([0, 2, 3, 4]);
+                    onStart === null || onStart === void 0 ? void 0 : onStart();
+                    return [4 /*yield*/, (0, swap_service_1.default)(__assign(__assign({}, payload), { passcode: passcode, await_completion: true }))];
+                case 1:
+                    response_1 = _c.sent();
+                    if (response_1.success) {
+                        setResponse(response_1);
+                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response_1);
+                        (_a = confirmLayoutDrawerRef.current) === null || _a === void 0 ? void 0 : _a.close();
+                        openResult();
+                    }
+                    else {
+                        throw new Error("Swap internal failed");
+                    }
+                    return [3 /*break*/, 4];
+                case 2:
+                    err_1 = _c.sent();
+                    time = Date.now();
+                    pushNotification({
+                        id: "swap-failed-".concat(time),
+                        message: "Something went wrong, please try again later",
+                        type: "error",
+                    });
+                    onError === null || onError === void 0 ? void 0 : onError(err_1);
+                    return [3 /*break*/, 4];
+                case 3:
+                    onFinally === null || onFinally === void 0 ? void 0 : onFinally();
+                    (_b = confirmLayoutDrawerRef.current) === null || _b === void 0 ? void 0 : _b.close();
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var resultRef = (0, react_1.useRef)(null);
+    var handleCloseResult = function (e) {
+        closeResult();
+        onDone === null || onDone === void 0 ? void 0 : onDone(e);
+    };
+    return ((0, jsx_runtime_1.jsxs)(ConfirmByPasscode_1.default, { sx: sx, onConfirmSuccess: handleConfirmSwapToken, children: [children, (0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: resultRef, sx: {
+                    width: 0,
+                    height: 0,
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                }, direction: DrawerComponent_1.DRAWER_DIRECTION.RIGHT, children: (0, jsx_runtime_1.jsx)(ChildPageLayout_1.default, { sx: {
+                        height: "100dvh",
+                        width: "100dvw",
+                    }, onClick: stop_1.default, children: (0, jsx_runtime_1.jsx)(DefaultPageLayout_1.default, { sx: {
+                            height: "100%",
+                        }, children: (0, jsx_runtime_1.jsx)(Result_1.default, { transaction: response === null || response === void 0 ? void 0 : response.data, onDone: handleCloseResult }) }) }) })] }));
+};
+exports.ConfirmSwapToken = ConfirmSwapToken;
+exports.default = exports.ConfirmSwapToken;

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

@@ -80,6 +80,6 @@ var CopyableText = function (_a) {
         }
         return function () { return clearTimeout(timer); };
     }, [copied]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", gap: 0.5, sx: sx === null || sx === void 0 ? void 0 : sx.container, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: copied ? "success.main" : "text.primary", sx: sx === null || sx === void 0 ? void 0 : sx.text, children: copied ? "Copied!" : displayText || copyText }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleCopy, size: "small", sx: __assign({ padding: 0.5 }, sx === null || sx === void 0 ? void 0 : sx.button), children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [(0, jsx_runtime_1.jsx)("mask", { id: "mask0_860_5627", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }), (0, jsx_runtime_1.jsx)("g", { mask: "url(#mask0_860_5627)", children: (0, jsx_runtime_1.jsx)("path", { d: "M7.54804 14.5826C7.17293 14.5826 6.85587 14.4531 6.59685 14.1941C6.33783 13.9351 6.20831 13.618 6.20831 13.2429V3.75577C6.20831 3.38066 6.33783 3.06359 6.59685 2.80456C6.85587 2.54553 7.17293 2.41602 7.54804 2.41602H15.0352C15.4103 2.41602 15.7273 2.54553 15.9864 2.80456C16.2454 3.06359 16.3749 3.38066 16.3749 3.75577V13.2429C16.3749 13.618 16.2454 13.9351 15.9864 14.1941C15.7273 14.4531 15.4103 14.5826 15.0352 14.5826H7.54804ZM7.54804 13.4993H15.0352C15.0993 13.4993 15.158 13.4726 15.2115 13.4192C15.2649 13.3658 15.2916 13.307 15.2916 13.2429V3.75577C15.2916 3.69166 15.2649 3.63288 15.2115 3.57945C15.158 3.52604 15.0993 3.49933 15.0352 3.49933H7.54804C7.48393 3.49933 7.42517 3.52604 7.37175 3.57945C7.31832 3.63288 7.2916 3.69166 7.2916 3.75577V13.2429C7.2916 13.307 7.31832 13.3658 7.37175 13.4192C7.42517 13.4726 7.48393 13.4993 7.54804 13.4993ZM4.96473 17.1659C4.58963 17.1659 4.27257 17.0364 4.01354 16.7774C3.75451 16.5184 3.625 16.2013 3.625 15.8262V5.25577H4.70831V15.8262C4.70831 15.8903 4.73502 15.9491 4.78844 16.0025C4.84187 16.0559 4.90063 16.0826 4.96473 16.0826H13.5352V17.1659H4.96473Z", fill: "#1E4841" }) })] }) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", gap: 0.5, sx: sx === null || sx === void 0 ? void 0 : sx.container, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: copied ? "success.main" : "text.primary", sx: sx === null || sx === void 0 ? void 0 : sx.text, children: copied ? "Copied!" : displayText || copyText }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleCopy, size: "small", sx: __assign({ padding: 0.5 }, sx === null || sx === void 0 ? void 0 : sx.button), children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [(0, jsx_runtime_1.jsx)("mask", { id: "mask0_860_5627", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "#D9D9D9" }) }), (0, jsx_runtime_1.jsx)("g", { mask: "url(#mask0_860_5627)", children: (0, jsx_runtime_1.jsx)("path", { d: "M7.54804 14.5826C7.17293 14.5826 6.85587 14.4531 6.59685 14.1941C6.33783 13.9351 6.20831 13.618 6.20831 13.2429V3.75577C6.20831 3.38066 6.33783 3.06359 6.59685 2.80456C6.85587 2.54553 7.17293 2.41602 7.54804 2.41602H15.0352C15.4103 2.41602 15.7273 2.54553 15.9864 2.80456C16.2454 3.06359 16.3749 3.38066 16.3749 3.75577V13.2429C16.3749 13.618 16.2454 13.9351 15.9864 14.1941C15.7273 14.4531 15.4103 14.5826 15.0352 14.5826H7.54804ZM7.54804 13.4993H15.0352C15.0993 13.4993 15.158 13.4726 15.2115 13.4192C15.2649 13.3658 15.2916 13.307 15.2916 13.2429V3.75577C15.2916 3.69166 15.2649 3.63288 15.2115 3.57945C15.158 3.52604 15.0993 3.49933 15.0352 3.49933H7.54804C7.48393 3.49933 7.42517 3.52604 7.37175 3.57945C7.31832 3.63288 7.2916 3.69166 7.2916 3.75577V13.2429C7.2916 13.307 7.31832 13.3658 7.37175 13.4192C7.42517 13.4726 7.48393 13.4993 7.54804 13.4993ZM4.96473 17.1659C4.58963 17.1659 4.27257 17.0364 4.01354 16.7774C3.75451 16.5184 3.625 16.2013 3.625 15.8262V5.25577H4.70831V15.8262C4.70831 15.8903 4.73502 15.9491 4.78844 16.0025C4.84187 16.0559 4.90063 16.0826 4.96473 16.0826H13.5352V17.1659H4.96473Z", fill: "#1C461D" }) })] }) }) })] }));
 };
 exports.default = CopyableText;

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

@@ -32,7 +32,7 @@ var DetailSwap = function (props) {
                         color: theme.palette.text.accent,
                         fontSize: theme.typography.fontSize12,
                         fontWeight: theme.typography.fontWeight400,
-                    }, children: "Best Price" }), value: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { className: "truncate", sx: {
+                    }, children: "Best Price" }), value: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4 }), children: (0, jsx_runtime_1.jsxs)(Text_1.default, { sx: {
                             color: theme.palette.text.blackContrast,
                             fontSize: theme.typography.fontSize12,
                             fontWeight: theme.typography.fontWeight500,

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

@@ -60,7 +60,7 @@ function Fees(props) {
         var fee_detail = (_a = feesData === null || feesData === void 0 ? void 0 : feesData.fee_detail) !== null && _a !== void 0 ? _a : [];
         return ((_b = fee_detail === null || fee_detail === void 0 ? void 0 : fee_detail.map(function (fee, index, array) {
             var _a, _b;
-            var totalfee_in_currency = array === null || array === void 0 ? void 0 : array.reduce(function (acc, fee_detail) {
+            var totalFeeInCurrency = array === null || array === void 0 ? void 0 : array.reduce(function (acc, fee_detail) {
                 var _a, _b;
                 if (((_a = fee_detail.currency) === null || _a === void 0 ? void 0 : _a.slug) === ((_b = fee === null || fee === void 0 ? void 0 : fee.currency) === null || _b === void 0 ? void 0 : _b.slug)) {
                     return acc + fee_detail.fee_in_currency;
@@ -68,7 +68,7 @@ function Fees(props) {
                 return acc;
             }, 0);
             var balanceUseToPaidFee = getBalanceUseToPaidFee((_b = (_a = fee === null || fee === void 0 ? void 0 : fee.currency) === null || _a === void 0 ? void 0 : _a.slug) !== null && _b !== void 0 ? _b : "");
-            var payable = balanceUseToPaidFee >= totalfee_in_currency;
+            var payable = balanceUseToPaidFee >= totalFeeInCurrency;
             return __assign(__assign({}, fee), { isEnoughBalanceToPay: payable });
         })) !== null && _b !== void 0 ? _b : []);
     }, [feesData === null || feesData === void 0 ? void 0 : feesData.fee_detail, getBalanceUseToPaidFee]);
@@ -78,48 +78,58 @@ function Fees(props) {
     }, [feeCheckedBalance]);
     (0, react_1.useEffect)(function () {
         if (!isNotEnoughBalanceToPayFee) {
-            setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(!isNotEnoughBalanceToPayFee);
+            setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(true);
+            return;
         }
-    }, [isNotEnoughBalanceToPayFee, setIsEnoughBalanceToPayFee]);
-    var totalfee_in_currency = (0, react_1.useMemo)(function () {
+        setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(false);
+    });
+    var isChargeFee = (0, react_1.useMemo)(function () {
+        return (feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_usd) && +(feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_usd) === 0;
+    }, [feesData]);
+    (0, react_1.useEffect)(function () {
+        if (!isChargeFee) {
+            setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(true);
+        }
+    });
+    var totalFeeInCurrency = (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: {
-                                fontSize: theme.typography.fontSize11,
-                                fontWeight: theme.typography.fontWeight500,
-                                color: theme.palette.text.black,
-                            }, children: "Total fees" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                borderTop: "1px dashed",
-                                borderColor: theme.palette.border.accent,
-                                flex: 1,
-                                height: "1px",
-                                width: "100%",
-                                ml: theme.mixins.gaps.g8,
-                                mr: theme.mixins.gaps.g8,
-                            } }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
-                                fontSize: theme.typography.fontSize13,
-                                fontWeight: theme.typography.fontWeight500,
-                                color: theme.palette.text.black,
-                            }, value: totalfee_in_currency, unit: " ".concat(tokenSlug.toUpperCase()), disableTooltip: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "0.5rem" }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8, pt: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { alignItems: "stretch" }), children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1, gap: theme.mixins.gaps.g8 }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
-                                    var _a, _b, _c, _d;
-                                    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                                                    borderRight: "1px dashed ".concat(theme.palette.border.accent),
-                                                    width: "1px",
-                                                    height: "1rem",
-                                                    pr: theme.mixins.gaps.g6,
-                                                } })), (0, jsx_runtime_1.jsx)(FeeDetails, { feeName: (_a = item.fee_type) === null || _a === void 0 ? void 0 : _a.name, fee_in_currency: item.fee_in_currency, fee_in_usd: item.fee_in_usd, currencyName: (_b = item.currency) === null || _b === void 0 ? void 0 : _b.name }, (_c = item.fee_type) === null || _c === void 0 ? void 0 : _c.name)] }, (_d = item.fee_type) === null || _d === void 0 ? void 0 : _d.name));
-                                }) }) }), isNotEnoughBalanceToPayFee && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: "ⓘ Insufficient transaction fee!" })), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
-                                borderColor: theme.palette.border.black16,
-                                my: theme.mixins.gaps.g4,
-                            } }), estimateReceive !== undefined && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
-                                        fontSize: theme.typography.fontSize11,
-                                        fontWeight: theme.typography.fontWeight500,
-                                        lineHeight: theme.typography.leading160,
-                                    }, children: "Receive amount estimated" }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
-                                        fontSize: theme.typography.fontSize16,
-                                        fontWeight: theme.typography.fontWeight700,
-                                        color: theme.palette.text.black,
-                                    }, unit: " ".concat(tokenSlug.toUpperCase()), value: estimateReceive })] }))] }) })] }))) : null;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !!isChargeFee && ((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,
+                                }, children: "Total fees" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                    borderTop: "1px dashed",
+                                    borderColor: theme.palette.border.accent,
+                                    flex: 1,
+                                    height: "1px",
+                                    width: "100%",
+                                    ml: theme.mixins.gaps.g8,
+                                    mr: theme.mixins.gaps.g8,
+                                } }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                                    fontSize: theme.typography.fontSize13,
+                                    fontWeight: theme.typography.fontWeight500,
+                                    color: theme.palette.text.black,
+                                }, value: totalFeeInCurrency, unit: " ".concat(tokenSlug.toUpperCase()), disableTooltip: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "0.5rem" }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8, pt: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { alignItems: "stretch" }), children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1, gap: theme.mixins.gaps.g8 }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
+                                        var _a, _b, _c, _d;
+                                        return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                                        borderRight: "1px dashed ".concat(theme.palette.border.accent),
+                                                        width: "1px",
+                                                        height: "1rem",
+                                                        pr: theme.mixins.gaps.g6,
+                                                    } })), (0, jsx_runtime_1.jsx)(FeeDetails, { feeName: (_a = item.fee_type) === null || _a === void 0 ? void 0 : _a.name, fee_in_currency: item.fee_in_currency, fee_in_usd: item.fee_in_usd, currencyName: (_b = item.currency) === null || _b === void 0 ? void 0 : _b.name }, (_c = item.fee_type) === null || _c === void 0 ? void 0 : _c.name)] }, (_d = item.fee_type) === null || _d === void 0 ? void 0 : _d.name));
+                                    }) }) }), isNotEnoughBalanceToPayFee && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: "ⓘ Insufficient transaction fee!" })), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                                    borderColor: theme.palette.border.black16,
+                                    my: theme.mixins.gaps.g4,
+                                } }), estimateReceive !== undefined && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                            fontSize: theme.typography.fontSize11,
+                                            fontWeight: theme.typography.fontWeight500,
+                                            lineHeight: theme.typography.leading160,
+                                        }, children: "Receive amount estimated" }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                                            fontSize: theme.typography.fontSize16,
+                                            fontWeight: theme.typography.fontWeight700,
+                                            color: theme.palette.text.black,
+                                        }, unit: " ".concat(tokenSlug.toUpperCase()), value: estimateReceive })] }))] }) })] }))) }));
 }
 exports.default = Fees;
 var FeeDetails = function (_a) {

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

@@ -0,0 +1,10 @@
+import { FeesProps } from "../Fees";
+export declare enum FeesStyle {
+    DEFAULT = "default",
+    WITH_BACKGROUND = "withBackground"
+}
+export interface FeesAutoDebounceProps extends FeesProps {
+    setIsLoadingFee?: (isLoading: boolean) => void;
+}
+declare function Fees(props: FeesProps): import("react/jsx-runtime").JSX.Element;
+export default Fees;

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

@@ -0,0 +1,223 @@
+"use strict";
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeesStyle = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+var Icon_1 = __importDefault(require("../Icon"));
+var Text_1 = __importDefault(require("../Text"));
+var Formatter_1 = __importDefault(require("../Formatter"));
+var useWalletData_1 = __importDefault(require("../../../hooks/useWalletData"));
+var react_1 = require("react");
+var getIcon_1 = __importDefault(require("../../../utils/getIcon"));
+var SvgPath_1 = require("../SvgPath");
+var FeesStyle;
+(function (FeesStyle) {
+    FeesStyle["DEFAULT"] = "default";
+    FeesStyle["WITH_BACKGROUND"] = "withBackground";
+})(FeesStyle || (exports.FeesStyle = FeesStyle = {}));
+function Fees(props) {
+    var sx = props.sx, amount = props.amount, feesData = props.feesData, isFeePaidByAmount = props.isFeePaidByAmount, tokenSlug = props.tokenSlug, setIsEnoughBalanceToPayFee = props.setIsEnoughBalanceToPayFee, feesStyle = props.feesStyle, estimateReceive = props.estimateReceive, rest = __rest(props, ["sx", "amount", "feesData", "isFeePaidByAmount", "tokenSlug", "setIsEnoughBalanceToPayFee", "feesStyle", "estimateReceive"]);
+    var theme = (0, ThemeProvider_1.useTheme)();
+    // const feesData = parsePropsData<FeesDataType>(feesDataString);
+    var tokens = (0, useWalletData_1.default)().tokens;
+    var getBalanceUseToPaidFee = (0, react_1.useCallback)(function (tokenSlugMustBePaidFee) {
+        var _a;
+        if (isFeePaidByAmount && tokenSlugMustBePaidFee === tokenSlug) {
+            return amount;
+        }
+        var tokenMustBePaidFee = tokens === null || tokens === void 0 ? void 0 : tokens.find(function (token) { return token.currency_slug === tokenSlugMustBePaidFee; });
+        return +((_a = tokenMustBePaidFee === null || tokenMustBePaidFee === void 0 ? void 0 : tokenMustBePaidFee.current_value) !== null && _a !== void 0 ? _a : 0);
+    }, [isFeePaidByAmount, amount, tokenSlug, tokens]);
+    var feeCheckedBalance = (0, react_1.useMemo)(function () {
+        var _a, _b;
+        var fee_detail = (_a = feesData === null || feesData === void 0 ? void 0 : feesData.fee_detail) !== null && _a !== void 0 ? _a : [];
+        return ((_b = fee_detail === null || fee_detail === void 0 ? void 0 : fee_detail.map(function (fee, index, array) {
+            var _a, _b;
+            var totalFeeInCurrency = array === null || array === void 0 ? void 0 : array.reduce(function (acc, fee_detail) {
+                var _a, _b;
+                if (((_a = fee_detail.currency) === null || _a === void 0 ? void 0 : _a.slug) === ((_b = fee === null || fee === void 0 ? void 0 : fee.currency) === null || _b === void 0 ? void 0 : _b.slug)) {
+                    return acc + fee_detail.fee_in_currency;
+                }
+                return acc;
+            }, 0);
+            var balanceUseToPaidFee = getBalanceUseToPaidFee((_b = (_a = fee === null || fee === void 0 ? void 0 : fee.currency) === null || _a === void 0 ? void 0 : _a.slug) !== null && _b !== void 0 ? _b : "");
+            var payable = balanceUseToPaidFee >= totalFeeInCurrency;
+            return __assign(__assign({}, fee), { isEnoughBalanceToPay: payable });
+        })) !== null && _b !== void 0 ? _b : []);
+    }, [feesData === null || feesData === void 0 ? void 0 : feesData.fee_detail, getBalanceUseToPaidFee]);
+    var isNotEnoughBalanceToPayFee = (0, react_1.useMemo)(function () {
+        var isNotEnoughBalanceToPay = feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.some(function (fee) { return !fee.isEnoughBalanceToPay; });
+        return isNotEnoughBalanceToPay;
+    }, [feeCheckedBalance]);
+    (0, react_1.useEffect)(function () {
+        if (!isNotEnoughBalanceToPayFee) {
+            setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(true);
+            return;
+        }
+        setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(false);
+    });
+    var isChargeFee = (0, react_1.useMemo)(function () {
+        return (feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_usd) && +(feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_usd) === 0;
+    }, [feesData]);
+    (0, react_1.useEffect)(function () {
+        if (!isChargeFee) {
+            setIsEnoughBalanceToPayFee === null || setIsEnoughBalanceToPayFee === void 0 ? void 0 : setIsEnoughBalanceToPayFee(true);
+        }
+    });
+    var totalFeeInCurrency = (0, react_1.useMemo)(function () {
+        return feesData === null || feesData === void 0 ? void 0 : feesData.fee_in_currency;
+    }, [feesData]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !!isChargeFee && ((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,
+                                }, children: "Total fees" }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                    borderTop: "1px dashed",
+                                    borderColor: theme.palette.border.accent,
+                                    flex: 1,
+                                    height: "1px",
+                                    width: "100%",
+                                    ml: theme.mixins.gaps.g8,
+                                    mr: theme.mixins.gaps.g8,
+                                } }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                                    fontSize: theme.typography.fontSize13,
+                                    fontWeight: theme.typography.fontWeight500,
+                                    color: theme.palette.text.black,
+                                }, value: totalFeeInCurrency, unit: " ".concat(tokenSlug.toUpperCase()), disableTooltip: true }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { width: "0.5rem" }) })] }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8, pt: theme.mixins.gaps.g12 }), children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { alignItems: "stretch" }), children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { flex: 1, gap: theme.mixins.gaps.g8 }), children: feeCheckedBalance === null || feeCheckedBalance === void 0 ? void 0 : feeCheckedBalance.map(function (item, index) {
+                                        var _a, _b, _c, _d;
+                                        return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                                        borderRight: "1px dashed ".concat(theme.palette.border.accent),
+                                                        width: "1px",
+                                                        height: "1rem",
+                                                        pr: theme.mixins.gaps.g6,
+                                                    } })), (0, jsx_runtime_1.jsx)(FeeDetails, { feeName: (_a = item.fee_type) === null || _a === void 0 ? void 0 : _a.name, fee_in_currency: item.fee_in_currency, fee_in_usd: item.fee_in_usd, currencyName: (_b = item.currency) === null || _b === void 0 ? void 0 : _b.name }, (_c = item.fee_type) === null || _c === void 0 ? void 0 : _c.name)] }, (_d = item.fee_type) === null || _d === void 0 ? void 0 : _d.name));
+                                    }) }) }), isNotEnoughBalanceToPayFee && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.validationError), children: "ⓘ Insufficient transaction fee!" })), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: {
+                                    borderColor: theme.palette.border.black16,
+                                    my: theme.mixins.gaps.g4,
+                                } }), estimateReceive !== undefined && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                            fontSize: theme.typography.fontSize11,
+                                            fontWeight: theme.typography.fontWeight500,
+                                            lineHeight: theme.typography.leading160,
+                                        }, children: "Receive amount estimated" }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                                            fontSize: theme.typography.fontSize16,
+                                            fontWeight: theme.typography.fontWeight700,
+                                            color: theme.palette.text.black,
+                                        }, unit: " ".concat(tokenSlug.toUpperCase()), value: estimateReceive })] }))] }) })] }))) }));
+}
+exports.default = Fees;
+var FeeDetails = function (_a) {
+    var feeName = _a.feeName, fee_in_currency = _a.fee_in_currency, fee_in_usd = _a.fee_in_usd, currencyName = _a.currencyName;
+    var theme = (0, ThemeProvider_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.row), { gap: theme.mixins.gaps.g4, alignItems: "center", justifyContent: "space-between" }), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 14, height: 14 }, children: SvgPath_1.IC_TIMELINE_DOT }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                    fontSize: theme.typography.fontSize11,
+                    fontWeight: theme.typography.fontWeight500,
+                    lineHeight: theme.typography.leading160,
+                    color: theme.palette.text.accent,
+                    pl: theme.mixins.gaps.g12,
+                    whiteSpace: "nowrap",
+                    flex: 1,
+                }, children: feeName }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { width: "fit-content", alignItems: "flex-end" }), children: [(0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                            fontSize: theme.typography.fontSize13,
+                            fontWeight: theme.typography.fontWeight500,
+                            color: theme.palette.text.black,
+                        }, value: fee_in_currency, unit: " ".concat(currencyName), disableTooltip: true }), (0, jsx_runtime_1.jsx)(Formatter_1.default, { sx: {
+                            fontSize: theme.typography.fontSize11,
+                            fontWeight: theme.typography.fontWeight500,
+                            color: theme.palette.text.black,
+                        }, value: fee_in_usd, unit: " $" })] })] }));
+};
+var getStyled = function (style, theme) {
+    switch (style) {
+        case FeesStyle.DEFAULT:
+            return {
+                "&.MuiAccordion-root": {
+                    backgroundColor: "transparent",
+                    margin: 0,
+                    padding: 0,
+                    borderRadius: 0,
+                    border: "none",
+                    boxShadow: "none",
+                },
+                "&.MuiAccordion-root::before": {
+                    display: "none",
+                },
+                "& .MuiAccordionSummary-root": {
+                    margin: 0,
+                    padding: 0,
+                    minHeight: 0,
+                },
+                "& .MuiAccordionSummary-content": {
+                    margin: 0,
+                    padding: 0,
+                    display: "inline-block",
+                    width: "100%",
+                },
+                "& .MuiAccordionSummary-content.Mui-expanded": {
+                    margin: 0,
+                },
+                "& .MuiAccordionDetails-root": {
+                    margin: 0,
+                    padding: 0,
+                },
+            };
+        case FeesStyle.WITH_BACKGROUND:
+            return {
+                "&.MuiAccordion-root": {
+                    backgroundColor: theme.palette.background.tertiary,
+                    margin: 0,
+                    padding: theme.mixins.customPadding.p16,
+                    borderRadius: theme.mixins.customRadius.r16,
+                    border: "none",
+                    boxShadow: "none",
+                },
+                "&.MuiAccordion-root::before": {
+                    display: "none",
+                },
+                "& .MuiAccordionSummary-root": {
+                    margin: 0,
+                    padding: 0,
+                    minHeight: 0,
+                },
+                "& .MuiAccordionSummary-content": {
+                    margin: 0,
+                    padding: 0,
+                    display: "inline-block",
+                    width: "100%",
+                },
+                "& .MuiAccordionSummary-content.Mui-expanded": {
+                    margin: 0,
+                },
+                "& .MuiAccordionDetails-root": {
+                    margin: 0,
+                    padding: 0,
+                },
+            };
+    }
+};

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

@@ -156,7 +156,7 @@ exports.default = (0, react_1.memo)(function ShareAction(_a) {
                             display: "flex",
                             color: "#fff",
                             aspectRatio: "1 / 1",
-                            background: "#1E4841",
+                            background: "#1C461D",
                         }, 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)(Text_1.default, { sx: __assign({}, style_1.content02), color: (_b = palette_1.palette.positive) === null || _b === void 0 ? void 0 : _b.main, 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",
@@ -166,6 +166,6 @@ exports.default = (0, react_1.memo)(function ShareAction(_a) {
                             display: "flex",
                             color: "#fff",
                             aspectRatio: "1 / 1",
-                            background: "#1E4841",
+                            background: "#1C461D",
                         }, 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)(Text_1.default, { sx: __assign({}, style_1.content02), color: (_c = palette_1.palette.positive) === null || _c === void 0 ? void 0 : _c.main, children: copySuccess ? "Copied!" : "Copy link" })] })] }));
 });