tek-wallet 0.0.737 → 0.0.738

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

@@ -56,7 +56,7 @@ Button.Primary = function (props) {
     //     color: theme.palette.text.white24,
     //   },
     // };
-    return ((0, jsx_runtime_1.jsxs)(Button, __assign({}, rest, { variant: "contained", status: status, sx: __assign({ backgroundColor: theme.palette.background.primary, color: theme.palette.text.secondary, borderRadius: theme.mixins.customRadius.r12, textTransform: "capitalize", position: "relative", px: theme.mixins.customPadding.p16, py: theme.mixins.customPadding.p10, fontWeight: 600 }, sx), disabled: status !== BUTTON_STATUS.ENABLED, children: [status === BUTTON_STATUS.LOADING && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(Button, __assign({}, rest, { variant: "contained", status: status, sx: __assign({ backgroundColor: theme.palette.background.primary, color: theme.palette.text.secondary, borderRadius: theme.mixins.customRadius.r12, textTransform: "capitalize", position: "relative", px: theme.mixins.customPadding.p16, py: theme.mixins.customPadding.p10, fontWeight: theme.typography.fontWeight500 }, sx), disabled: status !== BUTTON_STATUS.ENABLED, children: [status === BUTTON_STATUS.LOADING && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     position: "absolute",
                     inset: 0,
                     display: "flex",

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

@@ -87,48 +87,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var OTP_1 = __importStar(require("../OTP"));
 var react_1 = require("react");
-var Text_1 = __importDefault(require("../Text"));
 var ModalLayout_1 = __importDefault(require("../ModalLayout"));
 var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var LoadingLayout_1 = __importDefault(require("../LoadingLayout"));
 var DrawerComponent_1 = __importDefault(require("../DrawerComponent"));
-var authentication_by_passcode_service_1 = __importDefault(require("../../../services/axios/authentication-by-passcode-service"));
 var xhub_keyboard_1 = require("xhub-keyboard");
 var useUniqueId_1 = require("../../../hooks/useUniqueId");
 var xhub_keyboard_2 = require("xhub-keyboard");
-var handleVerifyPasscode = function (data) { return __awaiter(void 0, void 0, void 0, function () {
-    var response, err_1;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                _a.trys.push([0, 2, , 3]);
-                return [4 /*yield*/, (0, authentication_by_passcode_service_1.default)(data)];
-            case 1:
-                response = _a.sent();
-                return [2 /*return*/, response === null || response === void 0 ? void 0 : response.success];
-            case 2:
-                err_1 = _a.sent();
-                console.error("handleVerifyPasscode", err_1);
-                return [2 /*return*/, false];
-            case 3: return [2 /*return*/];
-        }
-    });
-}); };
+var useWarningWrongPasscode_1 = require("../../../hooks/useWarningWrongPasscode");
+var clsx_1 = __importDefault(require("clsx"));
 var passcodeLength = 6;
 var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     var onConfirmSuccess = props.onConfirmSuccess;
     var theme = (0, ThemeProvider_1.useTheme)();
     var _a = (0, react_1.useState)(""), passcode = _a[0], setPasscode = _a[1];
     var loadingRef = (0, react_1.useRef)(null);
-    var _b = (0, react_1.useState)(""), authError = _b[0], setAuthError = _b[1];
+    var _b = (0, useWarningWrongPasscode_1.useValidatePasscode)(), handleVerifyPasscode = _b.handleVerifyPasscode, warningContent = _b.warningContent, isLocked = _b.isLocked, handleClearUnknownError = _b.handleClearUnknownError, unknownError = _b.unknownError;
     var keyboardId = (0, useUniqueId_1.useUniqueId)("confirm-passcode-keyboard");
     var keyboardRef = (0, react_1.useRef)(null);
     var drawerRef = (0, react_1.useRef)(null);
     var handleBlurAll = (0, xhub_keyboard_2.useBlurAll)().handleBlurAll;
     var handleCleardata = function () {
         setPasscode("");
-        setAuthError("");
+        handleClearUnknownError();
     };
     var handleClose = (0, react_1.useCallback)(function () {
         var _a, _b;
@@ -165,7 +147,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
         handleCleardata();
     };
     var handlePasscodeChange = (0, react_1.useCallback)(function (value) { return __awaiter(void 0, void 0, void 0, function () {
-        var isAuth, err_2;
+        var result, err_1;
         var _a, _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
@@ -183,40 +165,50 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
                             passcode: value,
                         })];
                 case 2:
-                    isAuth = _c.sent();
-                    if (isAuth) {
+                    result = _c.sent();
+                    console.warn("🚀 ~ result:", result);
+                    if (result === useWarningWrongPasscode_1.ValidatePasscodeResult.SUCCESS) {
                         handleClose();
                         onConfirmSuccess === null || onConfirmSuccess === void 0 ? void 0 : onConfirmSuccess(value);
                     }
+                    else if (result === useWarningWrongPasscode_1.ValidatePasscodeResult.WRONG_PASSCODE) {
+                        setPasscode("");
+                    }
                     else {
-                        setAuthError("Invalid passcode");
                         setPasscode("");
                     }
                     (_b = loadingRef.current) === null || _b === void 0 ? void 0 : _b.endLoading();
                     _c.label = 3;
                 case 3: return [3 /*break*/, 5];
                 case 4:
-                    err_2 = _c.sent();
-                    console.error(err_2);
+                    err_1 = _c.sent();
+                    console.error(err_1);
                     return [3 /*break*/, 5];
                 case 5: return [2 /*return*/];
             }
         });
-    }); }, [handleClose, onConfirmSuccess]);
+    }); }, [handleClose, onConfirmSuccess, passcode]);
     return ((0, jsx_runtime_1.jsx)(DrawerComponent_1.default, { ref: drawerRef, trigger: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { style: {
                 width: "100%",
             }, useBrowserInput: false, htmlFor: keyboardId, children: props.children }), onOpen: handleOnOpen, onClose: handleOnClose, triggerStatus: props.triggerStatus, sx: {
             width: "100%",
             maxWidth: "calc(100dvw - 2rem)",
             display: "flex",
-        }, children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { ref: keyboardRef, id: keyboardId, value: passcode, onChange: handlePasscodeChange, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: {
+        }, children: (0, jsx_runtime_1.jsx)(xhub_keyboard_1.Keyboard, { ref: keyboardRef, id: keyboardId, value: passcode, onChange: handlePasscodeChange, keyboardType: xhub_keyboard_1.KeyboardType.Text, layoutType: xhub_keyboard_1.LayoutType.Integer, classNames: {
+                keyboardContainer: (0, clsx_1.default)({
+                    "!hidden": isLocked,
+                }),
+            }, children: (0, jsx_runtime_1.jsx)(LoadingLayout_1.default, { initLoading: false, ref: loadingRef, sx: {
                     backgroundColor: "transparent",
                     width: "100%",
+                    borderRadius: "1.5rem 1.5rem 0 0",
+                }, overlaySx: {
+                    borderRadius: "1.5rem 1.5rem 0 0",
                 }, children: (0, jsx_runtime_1.jsx)(ModalLayout_1.default, { title: "Enter Passcode", onClose: handleClose, sx: {
                         backgroundColor: theme.palette.background.tertiary,
                     }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { justifyContent: "center", alignItems: "center", gap: "0.75rem", width: "100%" }), children: [(0, jsx_runtime_1.jsx)(xhub_keyboard_1.Label, { style: {
                                     width: "100%",
-                                }, useBrowserInput: false, htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(OTP_1.default, { value: passcode, onChange: handlePasscodeChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.CONFIRM_BY_PASSCODE }) }), !!authError && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.validationError), { alignSelf: "flex-start" }), children: authError }))] }) }) }) }) }));
+                                }, useBrowserInput: false, htmlFor: keyboardId, children: (0, jsx_runtime_1.jsx)(OTP_1.default, { disabled: isLocked, value: passcode, onChange: handlePasscodeChange, numInputs: passcodeLength, otpInputType: OTP_1.OtpInputType.CONFIRM_BY_PASSCODE }) }), warningContent, unknownError] }) }) }) }) }));
 });
 ConfirmByPasscode.displayName = "ConfirmByPasscode";
 exports.default = ConfirmByPasscode;

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

@@ -18,10 +18,9 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var Text_1 = __importDefault(require("../Text"));
-var Icon_1 = __importDefault(require("../Icon"));
 var Button_1 = __importDefault(require("../Button"));
 function EmptyData(props) {
     var theme = (0, ThemeProvider_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16, alignItems: "center", justifyContent: "center" }), props.sx), children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { width: 48, src: props.icon }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: props.title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: props.description }), props.action && (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: props.action, children: props.actionText })] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g16, alignItems: "center", justifyContent: "center" }), props.sx), children: [(0, jsx_runtime_1.jsx)(material_1.SvgIcon, { sx: { width: 62, height: 62 }, children: (0, jsx_runtime_1.jsxs)("svg", { width: "63", height: "62", viewBox: "0 0 63 62", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M46.0312 23.25H21.7544C21.4638 23.25 21.1925 23.1241 21.0084 22.9012L17.3272 18.4837C16.775 17.8153 15.9612 17.4375 15.0991 17.4375H5.34375C3.74531 17.4375 2.4375 18.7453 2.4375 20.3438V59.0938C2.4375 59.4231 2.61188 59.7331 2.89281 59.9172C3.04781 60.0141 3.23188 60.0625 3.40625 60.0625C3.55156 60.0625 3.68719 60.0334 3.82281 59.9656L48.3853 38.6531C48.7244 38.4884 48.9375 38.1494 48.9375 37.7812V26.1562C48.9375 24.5578 47.6297 23.25 46.0312 23.25Z", fill: "#A3A3A3" }), (0, jsx_runtime_1.jsx)("path", { d: "M60.2912 37.7522C59.9425 37.1613 59.3225 36.8125 58.6347 36.8125H15.535C14.8278 36.8125 14.1787 37.2 13.8397 37.8297L2.55373 58.6287C2.38904 58.9291 2.39873 59.2972 2.5731 59.5878C2.74748 59.8784 3.06717 60.0625 3.40623 60.0625H46.9709C48.3853 60.0625 49.6834 59.2875 50.3615 58.0378L60.3203 39.6703C60.6497 39.06 60.64 38.3431 60.2815 37.7522H60.2912Z", fill: "#1C461D" }), (0, jsx_runtime_1.jsx)("path", { d: "M27.625 50.375H16.9688C16.4359 50.375 16 49.9391 16 49.4062C16 48.8734 16.4359 48.4375 16.9688 48.4375H27.625C28.1578 48.4375 28.5938 48.8734 28.5938 49.4062C28.5938 49.9391 28.1578 50.375 27.625 50.375Z", fill: "#ECF4E9" }), (0, jsx_runtime_1.jsx)("path", { d: "M31.5 55.2188H14.0625C13.5297 55.2188 13.0938 54.7828 13.0938 54.25C13.0938 53.7172 13.5297 53.2812 14.0625 53.2812H31.5C32.0328 53.2812 32.4688 53.7172 32.4688 54.25C32.4688 54.7828 32.0328 55.2188 31.5 55.2188Z", fill: "#ECF4E9" }), (0, jsx_runtime_1.jsx)("path", { d: "M39.25 1.9375C31.7713 1.9375 25.6875 8.02125 25.6875 15.5C25.6875 21.7969 30.0663 27.2897 36.1597 28.7041L38.4169 32.4628C38.5912 32.7534 38.9109 32.9375 39.25 32.9375C39.5891 32.9375 39.9088 32.7631 40.0831 32.4628L42.3403 28.7041C48.4337 27.2897 52.8125 21.7969 52.8125 15.5C52.8125 8.02125 46.7288 1.9375 39.25 1.9375Z", fill: "#E5E6E6" }), (0, jsx_runtime_1.jsx)("path", { d: "M44.7817 9.96891C44.4039 9.59109 43.7936 9.59109 43.4158 9.96891L39.2598 14.1248L35.1039 9.96891C34.7261 9.59109 34.1158 9.59109 33.7379 9.96891C33.3601 10.3467 33.3601 10.957 33.7379 11.3348L37.8939 15.4908L33.7379 19.6467C33.3601 20.0245 33.3601 20.6348 33.7379 21.0127C33.9317 21.2064 34.1739 21.2936 34.4258 21.2936C34.6776 21.2936 34.9198 21.1967 35.1136 21.0127L39.2695 16.8567L43.4254 21.0127C43.6192 21.2064 43.8614 21.2936 44.1133 21.2936C44.3651 21.2936 44.6073 21.1967 44.8011 21.0127C45.1789 20.6348 45.1789 20.0245 44.8011 19.6467L40.6451 15.4908L44.8011 11.3348C45.1789 10.957 45.1789 10.3467 44.8011 9.96891H44.7817Z", fill: "#1C461D" })] }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.column), { gap: theme.mixins.gaps.g8 }), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionTitle), children: props.title }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.sessionDescription), children: props.description })] }), props.action && (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { onClick: props.action, children: props.actionText })] }));
 }
 exports.default = EmptyData;

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;