tek-wallet 0.0.752 → 0.0.753

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

@@ -14,3 +14,10 @@ export * from "./ui/Formatter";
 export * from "./ui/TokenItem";
 export * from "./ui/ConfirmTransferInternal";
 export * from "./ui/Button";
+export * from "./ui/ConfirmSendInternal";
+export * from "./ui/ConfirmSendExternal";
+export * from "./ui/ConfirmSwapToken";
+export * from "./views/TekWalletView/expose";
+export * from "./views/SendInternalView";
+export * from "./views/SendExternalView";
+export * from "./views/SwapView";

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

@@ -30,3 +30,10 @@ __exportStar(require("./ui/Formatter"), exports);
 __exportStar(require("./ui/TokenItem"), exports);
 __exportStar(require("./ui/ConfirmTransferInternal"), exports);
 __exportStar(require("./ui/Button"), exports);
+__exportStar(require("./ui/ConfirmSendInternal"), exports);
+__exportStar(require("./ui/ConfirmSendExternal"), exports);
+__exportStar(require("./ui/ConfirmSwapToken"), exports);
+__exportStar(require("./views/TekWalletView/expose"), exports);
+__exportStar(require("./views/SendInternalView"), exports);
+__exportStar(require("./views/SendExternalView"), exports);
+__exportStar(require("./views/SwapView"), exports);

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

@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     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 };
 };
@@ -21,7 +32,7 @@ var StatusDisplay_2 = __importDefault(require("../../ui/StatusDisplay"));
 var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
 var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
-    var header = props.header, footer = props.footer, children = props.children, sx = props.sx, className = props.className, classNames = props.classNames, statusMessage = props.statusMessage;
+    var header = props.header, footer = props.footer, children = props.children, sx = props.sx, className = props.className, classNames = props.classNames, statusMessage = props.statusMessage, rest = __rest(props, ["header", "footer", "children", "sx", "className", "classNames", "statusMessage"]);
     var _a = (0, react_1.useState)(StatusDisplay_1.StatusDisplayType.Normal), status = _a[0], setStatus = _a[1];
     var theme = (0, ThemeProvider_1.useTheme)();
     (0, react_1.useImperativeHandle)(ref, function () {
@@ -40,7 +51,7 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
             },
         };
     });
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { ref: ref, sx: __assign({ height: "100%", width: "100%", display: "grid", gridTemplateRows: "auto 1fr auto", position: "relative", backgroundColor: theme.palette.background.white }, sx), className: className, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.header, children: header }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.body, children: children }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.footer, children: footer }), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ ref: ref, sx: __assign({ height: "100%", width: "100%", display: "grid", gridTemplateRows: "auto 1fr auto", position: "relative", backgroundColor: theme.palette.background.white }, sx), className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.header, children: header }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { height: "100%", width: "100%", overflowX: "hidden", overflowY: "auto" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.body, children: children }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%" }, className: classNames === null || classNames === void 0 ? void 0 : classNames.footer, children: footer }), status !== StatusDisplay_1.StatusDisplayType.Normal && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
                     position: "absolute",
                     inset: 0,
                     display: "flex",
@@ -49,7 +60,7 @@ var ChildPageLayout = (0, react_1.forwardRef)(function (props, ref) {
                     backgroundColor: "blackBackground.16",
                     backdropFilter: "blur(4px)",
                     zIndex: 50,
-                }, children: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status, statusMessage: statusMessage === null || statusMessage === void 0 ? void 0 : statusMessage[status] }) }))] }));
+                }, children: (0, jsx_runtime_1.jsx)(StatusDisplay_2.default, { status: status, statusMessage: statusMessage === null || statusMessage === void 0 ? void 0 : statusMessage[status] }) }))] })));
 });
 ChildPageLayout.displayName = "ChildPageLayout";
 exports.default = ChildPageLayout;

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

@@ -20,6 +20,7 @@ var BackArrow_1 = __importDefault(require("../BackArrow"));
 var useCustomRouter_1 = __importDefault(require("../../../hooks/useCustomRouter"));
 var material_1 = require("@mui/material");
 var ThemeProvider_1 = require("../../../providers/ThemeProvider");
+var Text_1 = __importDefault(require("../Text"));
 var BackHeader = function (props) {
     var router = (0, useCustomRouter_1.default)();
     var theme = (0, ThemeProvider_1.useTheme)();
@@ -41,6 +42,9 @@ var BackHeader = function (props) {
                             transform: "translateX(-0.25rem)",
                             transition: "transform 0.2s ease-in-out",
                         },
-                    }, onClick: back, children: [(0, jsx_runtime_1.jsx)(BackArrow_1.default, {}), " "] })), !!center && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), theme.mixins.headerTitle), children: center })), children, right && (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { marginLeft: "auto" }, children: right })] }));
+                    }, onClick: back, children: [(0, jsx_runtime_1.jsx)(BackArrow_1.default, {}), " ", (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                color: theme.palette.text.black,
+                                fontSize: theme.typography.fontSize12,
+                            }, children: "Back" })] })), !!center && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign(__assign({}, theme.mixins.center), theme.mixins.headerTitle), children: center })), children, right && (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { marginLeft: "auto" }, children: right })] }));
 };
 exports.default = BackHeader;

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

@@ -1,5 +1,5 @@
-import { GeneralProps } from "../../../types/ui";
-interface BottomActionLayoutProps extends GeneralProps {
+import { BoxProps } from "@mui/material";
+interface BottomActionLayoutProps extends BoxProps {
 }
-declare function BottomActionLayout({ children }: BottomActionLayoutProps): import("react/jsx-runtime").JSX.Element;
+declare function BottomActionLayout({ children, sx, ...rest }: BottomActionLayoutProps): import("react/jsx-runtime").JSX.Element;
 export default BottomActionLayout;

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

@@ -1,15 +1,33 @@
 "use strict";
+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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var providers_1 = require("../../../providers");
 function BottomActionLayout(_a) {
-    var children = _a.children;
+    var children = _a.children, sx = _a.sx, rest = __rest(_a, ["children", "sx"]);
     var theme = (0, providers_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-            width: "100%",
-            px: theme.mixins.pagePadding,
-            pb: theme.mixins.customPadding.p24,
-        }, children: children }));
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ sx: __assign({ width: "100%", paddingLeft: theme.mixins.pagePadding, paddingRight: theme.mixins.pagePadding, paddingBottom: theme.mixins.customPadding.p24 }, sx) }, rest, { children: children })));
 }
 exports.default = BottomActionLayout;

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: theme.typography.fontWeight500 }, 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.p12, fontWeight: theme.typography.fontWeight500, fontSize: theme.typography.fontSize14, lineHeight: theme.typography.leading100 }, 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",
@@ -70,7 +70,7 @@ Button.Primary.displayName = "Button.Primary";
 Button.Secondary = function (props) {
     var sx = props.sx, _a = props.status, status = _a === void 0 ? BUTTON_STATUS.ENABLED : _a, rest = __rest(props, ["sx", "status"]);
     var theme = (0, ThemeProvider_1.useTheme)();
-    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "outlined", sx: __assign({ color: theme.palette.text.primary, borderRadius: theme.mixins.customRadius.r12, borderColor: "currentcolor", textTransform: "capitalize", position: "relative", px: theme.mixins.customPadding.p16, py: theme.mixins.customPadding.p10 }, sx), disabled: status !== BUTTON_STATUS.ENABLED })));
+    return ((0, jsx_runtime_1.jsx)(Button, __assign({}, rest, { variant: "outlined", sx: __assign({ color: theme.palette.text.primary, borderRadius: theme.mixins.customRadius.r12, borderColor: "currentcolor", textTransform: "capitalize", position: "relative" }, sx), disabled: status !== BUTTON_STATUS.ENABLED })));
 };
 Button.Secondary.displayName = "Button.Secondary";
 Button.Text = function (props) {

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

@@ -99,7 +99,7 @@ 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 onConfirmSuccess = props.onConfirmSuccess, sx = props.sx;
     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);
@@ -190,11 +190,7 @@ var ConfirmByPasscode = (0, react_1.forwardRef)(function (props, ref) {
     }); }, [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, classNames: {
+            }, useBrowserInput: false, htmlFor: keyboardId, children: props.children }), onOpen: handleOnOpen, onClose: handleOnClose, triggerStatus: props.triggerStatus, sx: __assign({ width: "100%", maxWidth: "calc(100dvw - 2rem)", display: "flex" }, 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,
                 }),

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

@@ -1,6 +1,8 @@
 import { ConfirmLayoutProps } from "../ConfirmLayout";
 import { SendExternalBody, SendExternalResponse } from "../../../services/axios/send-external-service/type";
 import { NetworkData } from "../../../services/axios/type";
+import { SxProps } from "@mui/material";
+import { ReactEventHandler } from "react";
 export interface SendExternalDataType extends Omit<SendExternalBody, "network" | "passcode"> {
     network: NetworkData;
 }
@@ -10,7 +12,9 @@ export interface ConfirmSendExternalProps extends Omit<ConfirmLayoutProps, "acti
     onStart?: () => void;
     onFinally?: () => void;
     onError?: (error: Error | unknown) => void;
-    children: React.ReactNode;
+    children?: React.ReactNode;
+    sx?: SxProps;
+    onClose?: ReactEventHandler;
 }
-export declare const ConfirmSendExternal: ({ payload, onSuccess, onStart, onFinally, onError, children, }: ConfirmSendExternalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfirmSendExternal: ({ payload, onSuccess, onStart, onFinally, onError, children, sx, onClose: onDone, }: ConfirmSendExternalProps) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmSendExternal;

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

@@ -11,6 +11,39 @@ var __assign = (this && this.__assign) || function () {
     };
     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) {
@@ -55,29 +88,52 @@ exports.ConfirmSendExternal = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
 var send_external_service_1 = __importDefault(require("../../../services/axios/send-external-service"));
+var DrawerComponent_1 = __importStar(require("../DrawerComponent"));
+var react_1 = require("react");
+var Result_1 = __importDefault(require("../../views/SendExternalView/components/Result"));
+var DefaultPageLayout_1 = __importDefault(require("../../layouts/DefaultPageLayout"));
+var ChildPageLayout_1 = __importDefault(require("../../layouts/ChildPageLayout"));
+var stop_1 = __importDefault(require("../../../utils/stop"));
+var useWallet_1 = __importDefault(require("../../../hooks/useWallet"));
+var type_1 = require("../../../services/axios/get-activities-service/type");
+var useRealtime_1 = __importDefault(require("../../../hooks/useRealtime"));
 var ConfirmSendExternal = function (_a) {
-    var payload = _a.payload, onSuccess = _a.onSuccess, onStart = _a.onStart, onFinally = _a.onFinally, onError = _a.onError, children = _a.children;
+    var payload = _a.payload, onSuccess = _a.onSuccess, onStart = _a.onStart, onFinally = _a.onFinally, onError = _a.onError, children = _a.children, sx = _a.sx, onDone = _a.onClose;
     var network = payload.network;
+    var _b = (0, react_1.useState)(), response = _b[0], setResponse = _b[1];
+    var thisTransactionId = (0, react_1.useRef)("");
+    var transaction = (0, useWallet_1.default)().transaction;
+    var pushNotification = (0, useRealtime_1.default)().pushNotification;
     var handleConfirmSendExternal = function (passcode) { return __awaiter(void 0, void 0, void 0, function () {
-        var response, err_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var response_1, err_1, time;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
-                    _a.trys.push([0, 2, 3, 4]);
+                    _b.trys.push([0, 2, 3, 4]);
                     onStart === null || onStart === void 0 ? void 0 : onStart();
-                    return [4 /*yield*/, (0, send_external_service_1.default)(__assign(__assign({}, payload), { network: network.slug, passcode: passcode }))];
+                    return [4 /*yield*/, (0, send_external_service_1.default)(__assign(__assign({}, payload), { network: network.slug, passcode: passcode, await_completion: false }))];
                 case 1:
-                    response = _a.sent();
-                    if (response.success) {
-                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
+                    response_1 = _b.sent();
+                    setResponse(response_1.data);
+                    thisTransactionId.current = response_1.data.id;
+                    (_a = resultRef.current) === null || _a === void 0 ? void 0 : _a.open();
+                    if (response_1.success) {
+                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response_1);
                     }
                     else {
-                        throw new Error("Send external failed", { cause: response });
+                        throw new Error("Send external failed", { cause: response_1 });
                     }
                     return [3 /*break*/, 4];
                 case 2:
-                    err_1 = _a.sent();
+                    err_1 = _b.sent();
                     console.error(err_1);
+                    time = Date.now();
+                    pushNotification({
+                        id: "send-external-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:
@@ -87,7 +143,31 @@ var ConfirmSendExternal = function (_a) {
             }
         });
     }); };
-    return ((0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { onConfirmSuccess: handleConfirmSendExternal, children: children }));
+    var resultRef = (0, react_1.useRef)(null);
+    var handleCloseResult = function (e) {
+        var _a;
+        (_a = resultRef.current) === null || _a === void 0 ? void 0 : _a.close();
+        onDone === null || onDone === void 0 ? void 0 : onDone(e);
+    };
+    (0, react_1.useEffect)(function () {
+        if (transaction &&
+            transaction.id === thisTransactionId.current &&
+            transaction.status !== type_1.TransactionStatus.Processing) {
+            setResponse(transaction);
+        }
+    }, [transaction]);
+    return ((0, jsx_runtime_1.jsxs)(ConfirmByPasscode_1.default, { sx: sx, onConfirmSuccess: handleConfirmSendExternal, 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, payload: payload, onDone: handleCloseResult }) }) }) })] }));
 };
 exports.ConfirmSendExternal = ConfirmSendExternal;
 exports.default = exports.ConfirmSendExternal;

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

@@ -1,4 +1,5 @@
 import { TransferInternalBody, TransferInternalResponse } from "../../../services/axios/transfer-internal-service/type";
+import { SxProps } from "@mui/material";
 export interface SendInternalDataType extends Omit<TransferInternalBody, "passcode"> {
 }
 export interface SendInternalResponse extends TransferInternalResponse {
@@ -9,7 +10,8 @@ export interface ConfirmSendInternalProps {
     onStart?: () => void;
     onFinally?: () => void;
     onError?: (error: Error | unknown) => void;
-    children: React.ReactNode;
+    children?: React.ReactNode;
+    sx?: SxProps;
 }
-export declare function ConfirmSendInternal({ payload, onSuccess, onStart, onFinally, onError, children, }: ConfirmSendInternalProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfirmSendInternal({ payload, onSuccess, onStart, onFinally, onError, children, sx, }: ConfirmSendInternalProps): import("react/jsx-runtime").JSX.Element;
 export default ConfirmSendInternal;

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

@@ -53,19 +53,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfirmSendInternal = ConfirmSendInternal;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var useRealtime_1 = __importDefault(require("../../../hooks/useRealtime"));
 var transfer_internal_service_1 = __importDefault(require("../../../services/axios/transfer-internal-service"));
 var ConfirmByPasscode_1 = __importDefault(require("../ConfirmByPasscode"));
 function ConfirmSendInternal(_a) {
     var _this = this;
-    var payload = _a.payload, onSuccess = _a.onSuccess, onStart = _a.onStart, onFinally = _a.onFinally, onError = _a.onError, children = _a.children;
+    var payload = _a.payload, onSuccess = _a.onSuccess, onStart = _a.onStart, onFinally = _a.onFinally, onError = _a.onError, children = _a.children, sx = _a.sx;
+    var pushNotification = (0, useRealtime_1.default)().pushNotification;
     var handleConfirmSendInternal = function (passcode) { return __awaiter(_this, void 0, void 0, function () {
-        var response, err_1;
+        var response, err_1, time;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     _a.trys.push([0, 2, 3, 4]);
                     onStart === null || onStart === void 0 ? void 0 : onStart();
-                    return [4 /*yield*/, (0, transfer_internal_service_1.default)(__assign(__assign({}, payload), { passcode: passcode }))];
+                    return [4 /*yield*/, (0, transfer_internal_service_1.default)(__assign(__assign({}, payload), { passcode: passcode, await_completion: true }))];
                 case 1:
                     response = _a.sent();
                     if (response.success) {
@@ -78,6 +80,12 @@ function ConfirmSendInternal(_a) {
                 case 2:
                     err_1 = _a.sent();
                     console.error(err_1);
+                    time = Date.now();
+                    pushNotification({
+                        id: "send-internal-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:
@@ -87,6 +95,6 @@ function ConfirmSendInternal(_a) {
             }
         });
     }); };
-    return ((0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { onConfirmSuccess: handleConfirmSendInternal, children: children }));
+    return ((0, jsx_runtime_1.jsx)(ConfirmByPasscode_1.default, { sx: sx, onConfirmSuccess: handleConfirmSendInternal, children: children }));
 }
 exports.default = ConfirmSendInternal;

package/dist/components/TekWallet/components/ui/ConfirmSwapToken/Result.d.ts

@@ -0,0 +1,8 @@
+import { ReactEventHandler } from "react";
+import { SwapResponse } from "../../../services/axios/swap-service/type";
+interface ResultProps {
+    transaction?: SwapResponse["data"];
+    onDone?: ReactEventHandler;
+}
+export default function Result(props: ResultProps): import("react/jsx-runtime").JSX.Element;
+export type { ResultProps };

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

@@ -0,0 +1,112 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Result;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var Text_1 = __importDefault(require("../Text"));
+var react_1 = require("react");
+var Button_1 = __importDefault(require("../Button"));
+var providers_1 = require("../../../providers");
+var Formatter_1 = __importDefault(require("../Formatter"));
+var Icon_1 = __importDefault(require("../Icon"));
+var useFormatter_1 = __importDefault(require("../../../hooks/useFormatter"));
+var type_1 = require("../../../services/axios/get-activities-service/type");
+var InlineTitleValue_1 = __importDefault(require("../InlineTitleValue"));
+var convertTokensRate_1 = __importDefault(require("../../views/SwapView/functions/convertTokensRate"));
+function Result(props) {
+    var theme = (0, providers_1.useTheme)();
+    var formatDate = (0, useFormatter_1.default)().formatDate;
+    var transaction = props.transaction, onDone = props.onDone;
+    var status = (0, react_1.useMemo)(function () { return (transaction === null || transaction === void 0 ? void 0 : transaction.transaction_status) || "failed"; }, [transaction === null || transaction === void 0 ? void 0 : transaction.transaction_status]);
+    var amount = (0, react_1.useMemo)(function () { return transaction === null || transaction === void 0 ? void 0 : transaction.amount; }, [transaction === null || transaction === void 0 ? void 0 : transaction.amount]);
+    var toAmount = 1;
+    var fromToken = (0, react_1.useMemo)(function () { return transaction === null || transaction === void 0 ? void 0 : transaction.currency_data; }, [transaction === null || transaction === void 0 ? void 0 : transaction.currency_data]);
+    var toToken = (0, react_1.useMemo)(function () { return transaction === null || transaction === void 0 ? void 0 : transaction.to_currency_data; }, [transaction === null || transaction === void 0 ? void 0 : transaction.to_currency_data]);
+    var toTokenRate = (0, react_1.useMemo)(function () {
+        if (!fromToken || !toToken)
+            return 0;
+        return (0, convertTokensRate_1.default)(fromToken, toToken, 1);
+    }, [fromToken, toToken]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                display: "flex",
+                flexDirection: "column",
+                gap: 3,
+                height: "100%",
+            }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "center",
+                        gap: theme.mixins.gaps.g16,
+                        my: "auto",
+                        backgroundColor: theme.palette.background.tertiary,
+                        borderRadius: theme.mixins.customRadius.r16,
+                        padding: theme.mixins.customPadding.p16,
+                        paddingTop: "0px",
+                    }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: status === "success" ? "IC_CHECK_CIRCLE" : "IC_ERROR_CIRCLE", width: 100, sx: {
+                                transform: "translateY(-50%)",
+                            } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                display: "flex",
+                                flexDirection: "column",
+                                alignItems: "center",
+                            }, children: [(0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                        fontSize: theme.typography.fontSize13,
+                                        color: theme.palette.text.accent2,
+                                    }, children: "Swap" }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: {
+                                        color: status === type_1.TransactionStatus.Success
+                                            ? theme.palette.text.successStatus
+                                            : theme.palette.text.errorStatus,
+                                        textTransform: "capitalize",
+                                        fontWeight: 600,
+                                        fontSize: theme.typography.fontSize24,
+                                    }, children: status })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", borderTop: "1px ".concat(theme.palette.border.accent3, " solid") } }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                width: "100%",
+                                position: "relative",
+                            }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: theme.mixins.gaps.g4,
+                                    position: "relative",
+                                    zIndex: 1,
+                                }, children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { src: fromToken === null || fromToken === void 0 ? void 0 : fromToken.link, sx: {
+                                            width: 20,
+                                            height: 20,
+                                            borderRadius: "999px",
+                                        } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: "inherit" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: amount }) }), (0, jsx_runtime_1.jsx)(Icon_1.default, { iconKey: "IC_SWAP", sx: {
+                                            width: 16,
+                                            height: 16,
+                                            mx: "auto",
+                                            transform: "rotate(-90deg)",
+                                        } }), (0, jsx_runtime_1.jsx)(Icon_1.default, { src: toToken === null || toToken === void 0 ? void 0 : toToken.link, sx: {
+                                            width: 20,
+                                            height: 20,
+                                            borderRadius: "999px",
+                                        } }), (0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign(__assign({}, theme.mixins.value), { color: "inherit" }), children: (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toAmount }) })] }) }), (0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Price", titleStyle: {
+                                fontSize: "0.6875rem",
+                                fontWeight: 500,
+                                color: "gray.700",
+                            }, value: !!toTokenRate && ((0, jsx_runtime_1.jsxs)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: ["1 ", fromToken === null || fromToken === void 0 ? void 0 : fromToken.name, " ~ ", (0, jsx_runtime_1.jsx)(Formatter_1.default, { value: toTokenRate, unit: toToken === null || toToken === void 0 ? void 0 : toToken.name })] })), isAligned: true }), !!(transaction === null || transaction === void 0 ? void 0 : transaction.date_created) && ((0, jsx_runtime_1.jsx)(InlineTitleValue_1.default, { title: "Date", titleStyle: {
+                                fontSize: "0.6875rem",
+                                fontWeight: 500,
+                                color: "gray.700",
+                            }, value: !!toTokenRate && ((0, jsx_runtime_1.jsx)(Text_1.default, { sx: __assign({}, theme.mixins.value), children: formatDate(transaction === null || transaction === void 0 ? void 0 : transaction.date_created, true) })), isAligned: true }))] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                        marginTop: "auto",
+                        width: "100%",
+                        display: "grid",
+                        gridTemplateColumns: "1fr",
+                        gap: theme.mixins.gaps.g8,
+                    }, children: (0, jsx_runtime_1.jsx)(Button_1.default.Primary, { sx: { width: "100%" }, onClick: onDone, children: "Done" }) })] }) }));
+}

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

@@ -0,0 +1,18 @@
+import { SxProps } from "@mui/material";
+import { ConfirmLayoutProps } from "../ConfirmLayout";
+import { ReactEventHandler } from "react";
+import { SwapBody, SwapResponse } from "../../../services/axios/swap-service/type";
+export interface SwapDataType extends Omit<SwapBody, "passcode" | "network"> {
+}
+export interface ConfirmSwapTokenProps extends Omit<ConfirmLayoutProps, "action"> {
+    payload: SwapDataType;
+    onSuccess?: (data: SwapResponse) => any;
+    onStart?: () => void;
+    onFinally?: () => void;
+    onError?: (error: Error | unknown) => void;
+    onDone?: ReactEventHandler;
+    sx?: SxProps;
+    children?: React.ReactNode;
+}
+export declare const ConfirmSwapToken: (props: ConfirmSwapTokenProps) => import("react/jsx-runtime").JSX.Element;
+export default ConfirmSwapToken;