@lifi/widget 2.0.1 → 2.1.0

package/cjs/pages/TransactionDetailsPage/ContactSupportButton.d.ts

@@ -0,0 +1,5 @@
+interface ContactSupportButtonProps {
+    supportId?: string;
+}
+export declare const ContactSupportButton: ({ supportId, }: ContactSupportButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/cjs/pages/TransactionDetailsPage/ContactSupportButton.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactSupportButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_i18next_1 = require("react-i18next");
+const hooks_1 = require("../../hooks/");
+const events_1 = require("../../types/events");
+const ContactSupportButton = ({ supportId, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const widgetEvents = (0, hooks_1.useWidgetEvents)();
+    const handleClick = () => {
+        if (!widgetEvents.all.has(events_1.WidgetEvent.RouteContactSupport)) {
+            const url = 'https://discord.gg/lifi';
+            const target = '_blank';
+            const rel = 'nofollow noreferrer';
+            window.open(url, target, rel);
+        }
+        else {
+            widgetEvents.emit(events_1.WidgetEvent.RouteContactSupport, { supportId });
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleClick, fullWidth: true, children: t('button.contactSupport') }));
+};
+exports.ContactSupportButton = ContactSupportButton;

package/cjs/pages/TransactionDetailsPage/TransactionDetailsPage.js

@@ -12,13 +12,13 @@ const shallow_1 = require("zustand/shallow");
 const Card_1 = require("../../components/Card");
 const ContractComponent_1 = require("../../components/ContractComponent");
 const Dialog_1 = require("../../components/Dialog");
-const Header_1 = require("../../components/Header");
 const Insurance_1 = require("../../components/Insurance");
 const Step_1 = require("../../components/Step");
 const hooks_1 = require("../../hooks");
 const providers_1 = require("../../providers");
 const stores_1 = require("../../stores");
 const utils_1 = require("../../utils");
+const ContactSupportButton_1 = require("./ContactSupportButton");
 const TransactionDetailsPage_style_1 = require("./TransactionDetailsPage.style");
 const TransactionDetailsPage = () => {
     const { t, i18n } = (0, react_i18next_1.useTranslation)();
@@ -26,6 +26,7 @@ const TransactionDetailsPage = () => {
     const { subvariant, contractComponent, contractSecondaryComponent } = (0, providers_1.useWidgetConfig)();
     const { state } = (0, react_router_dom_1.useLocation)();
     const [routeExecution, deleteRoute] = (0, stores_1.useRouteExecutionStore)((store) => [store.routes[state?.routeId], store.deleteRoute], shallow_1.shallow);
+    const headerStoreContext = (0, stores_1.useHeaderStoreContext)();
     const [open, setOpen] = (0, react_1.useState)(false);
     const toggleDialog = (0, react_1.useCallback)(() => {
         setOpen((open) => !open);
@@ -48,8 +49,8 @@ const TransactionDetailsPage = () => {
         await navigator.clipboard.writeText(supportId);
     };
     (0, react_1.useEffect)(() => {
-        return Header_1.useHeaderStore.getState().setAction((0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: (0, jsx_runtime_1.jsx)(DeleteOutline_1.default, {}) }));
-    }, [toggleDialog]);
+        return headerStoreContext.getState().setAction((0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: (0, jsx_runtime_1.jsx)(DeleteOutline_1.default, {}) }));
+    }, [headerStoreContext, toggleDialog]);
     const startedAt = new Date(routeExecution?.route.steps[0].execution?.process[0].startedAt ?? 0);
     return ((0, jsx_runtime_1.jsxs)(TransactionDetailsPage_style_1.Container, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                     display: 'flex',
@@ -60,6 +61,6 @@ const TransactionDetailsPage = () => {
                         }).format(startedAt) })] }), (0, Step_1.getStepList)(routeExecution?.route, subvariant), subvariant === 'nft' ? ((0, jsx_runtime_1.jsx)(ContractComponent_1.ContractComponent, { mt: 2, children: contractSecondaryComponent || contractComponent })) : null, routeExecution?.route?.insurance?.state === 'INSURED' ? ((0, jsx_runtime_1.jsx)(Insurance_1.Insurance, { mt: 2, status: routeExecution.status, feeAmountUsd: routeExecution.route.insurance.feeAmountUsd, insuredAmount: (0, utils_1.formatTokenAmount)(routeExecution.route.toAmountMin, routeExecution.route.toToken.decimals), insuredTokenSymbol: routeExecution.route.toToken.symbol, insurableRouteId: routeExecution.route.id, insuranceCoverageId: insuranceCoverageId })) : null, (0, jsx_runtime_1.jsxs)(Card_1.Card, { mt: 2, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                             display: 'flex',
                             flex: 1,
-                        }, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { flex: 1, children: t('main.supportId') }), (0, jsx_runtime_1.jsx)(material_1.Box, { mr: 1, mt: 1, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", onClick: copySupportId, children: (0, jsx_runtime_1.jsx)(ContentCopyRounded_1.default, { fontSize: "small" }) }) })] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", pt: 1, pb: 2, px: 2, sx: { wordBreak: 'break-all' }, children: supportId })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { mt: 2, children: (0, jsx_runtime_1.jsx)(material_1.Button, { href: "https://discord.gg/lifi", target: "_blank", rel: "nofollow noreferrer", fullWidth: true, children: t('button.contactSupport') }) }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: open, onClose: toggleDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: t('warning.title.deleteTransaction') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('warning.message.deleteTransactionHistory') }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: handleDeleteRoute, autoFocus: true, children: t('button.delete') })] })] })] }));
+                        }, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { flex: 1, children: t('main.supportId') }), (0, jsx_runtime_1.jsx)(material_1.Box, { mr: 1, mt: 1, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", onClick: copySupportId, children: (0, jsx_runtime_1.jsx)(ContentCopyRounded_1.default, { fontSize: "small" }) }) })] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", pt: 1, pb: 2, px: 2, sx: { wordBreak: 'break-all' }, children: supportId })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { mt: 2, children: (0, jsx_runtime_1.jsx)(ContactSupportButton_1.ContactSupportButton, { supportId: supportId }) }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: open, onClose: toggleDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: t('warning.title.deleteTransaction') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('warning.message.deleteTransactionHistory') }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: handleDeleteRoute, autoFocus: true, children: t('button.delete') })] })] })] }));
 };
 exports.TransactionDetailsPage = TransactionDetailsPage;

package/cjs/pages/TransactionHistoryPage/TransactionHistoryPage.js

@@ -7,7 +7,6 @@ const material_1 = require("@mui/material");
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const Dialog_1 = require("../../components/Dialog");
-const Header_1 = require("../../components/Header");
 const providers_1 = require("../../providers");
 const stores_1 = require("../../stores");
 const routes_1 = require("../../stores/routes");
@@ -17,6 +16,7 @@ const TransactionHistoryPage = () => {
     const { t } = (0, react_i18next_1.useTranslation)();
     const { account } = (0, providers_1.useWallet)();
     const transactions = (0, routes_1.useTransactionHistory)(account.address);
+    const headerStoreContext = (0, stores_1.useHeaderStoreContext)();
     const deleteRoutes = (0, stores_1.useRouteExecutionStore)((store) => store.deleteRoutes);
     const [open, setOpen] = (0, react_1.useState)(false);
     const toggleDialog = (0, react_1.useCallback)(() => {
@@ -24,9 +24,9 @@ const TransactionHistoryPage = () => {
     }, []);
     (0, react_1.useEffect)(() => {
         if (transactions.length) {
-            return Header_1.useHeaderStore.getState().setAction((0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: (0, jsx_runtime_1.jsx)(DeleteOutline_1.default, {}) }));
+            return headerStoreContext.getState().setAction((0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: (0, jsx_runtime_1.jsx)(DeleteOutline_1.default, {}) }));
         }
-    }, [transactions.length, toggleDialog]);
+    }, [transactions.length, toggleDialog, headerStoreContext]);
     if (!transactions.length) {
         return (0, jsx_runtime_1.jsx)(TransactionHistoryEmpty_1.TransactionHistoryEmpty, {});
     }

package/cjs/pages/TransactionPage/TransactionPage.js

@@ -10,7 +10,6 @@ const react_i18next_1 = require("react-i18next");
 const react_router_dom_1 = require("react-router-dom");
 const ContractComponent_1 = require("../../components/ContractComponent");
 const GasMessage_1 = require("../../components/GasMessage");
-const Header_1 = require("../../components/Header");
 const Insurance_1 = require("../../components/Insurance");
 const Step_1 = require("../../components/Step");
 const hooks_1 = require("../../hooks");
@@ -31,6 +30,7 @@ const TransactionPage = () => {
     const { navigateBack } = (0, hooks_1.useNavigateBack)();
     const { subvariant, insurance, contractComponent, contractSecondaryComponent, } = (0, providers_1.useWidgetConfig)();
     const { state } = (0, react_router_dom_1.useLocation)();
+    const headerStoreContext = (0, stores_1.useHeaderStoreContext)();
     const stateRouteId = state?.routeId;
     const [routeId, setRouteId] = (0, react_1.useState)(stateRouteId);
     const tokenValueBottomSheetRef = (0, react_1.useRef)(null);
@@ -45,13 +45,13 @@ const TransactionPage = () => {
     (0, react_1.useEffect)(() => {
         if (route && subvariant !== 'nft') {
             const transactionType = route.fromChainId === route.toChainId ? 'Swap' : 'Bridge';
-            return Header_1.useHeaderStore
+            return headerStoreContext
                 .getState()
                 .setTitle(status === stores_1.RouteExecutionStatus.Idle
                 ? t(`button.review${transactionType}`)
                 : t(`header.${transactionType.toLowerCase()}`));
         }
-    }, [route, status, subvariant, t]);
+    }, [headerStoreContext, route, status, subvariant, t]);
     if (!route) {
         return null;
     }

package/cjs/stores/StoreProvider.js

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StoreProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const header_1 = require("./header");
 const routes_1 = require("./routes");
 const settings_1 = require("./settings");
 const StoreProvider = ({ children, config, }) => {
-    return ((0, jsx_runtime_1.jsx)(settings_1.SplitSubvariantStoreProvider, { state: config.subvariant === 'split' ? 'swap' : undefined, children: (0, jsx_runtime_1.jsx)(routes_1.RouteExecutionStoreProvider, { namePrefix: config?.localStorageKeyPrefix, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(settings_1.SplitSubvariantStoreProvider, { state: config.subvariant === 'split' ? 'swap' : undefined, children: (0, jsx_runtime_1.jsx)(header_1.HeaderStoreProvider, { namePrefix: config?.localStorageKeyPrefix, children: (0, jsx_runtime_1.jsx)(routes_1.RouteExecutionStoreProvider, { namePrefix: config?.localStorageKeyPrefix, children: children }) }) }));
 };
 exports.StoreProvider = StoreProvider;

package/cjs/stores/header/index.d.ts

@@ -0,0 +1 @@
+export * from './useHeaderStore';

package/cjs/stores/header/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useHeaderStore"), exports);

package/cjs/{components/Header → stores/header}/types.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
-export interface HeaderState {
+import type { StoreApi, UseBoundStore } from 'zustand';
+export type HeaderStore = UseBoundStore<StoreApi<HeaderState>>;
+export interface HeaderStateBase {
     element?: React.ReactNode | null;
     title?: string;
 }
-export interface HeaderStore extends HeaderState {
+export interface HeaderState extends HeaderStateBase {
     setAction(element?: React.ReactNode | null): () => void;
     setTitle(title?: string): () => void;
     removeAction(): void;

package/cjs/stores/header/useHeaderStore.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { PersistStoreProps, PersistStoreProviderProps } from '../types';
+import type { HeaderState, HeaderStore } from './types';
+export declare const HeaderStoreContext: import("react").Context<HeaderStore | null>;
+export declare function HeaderStoreProvider({ children, ...props }: PersistStoreProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useHeaderStore<T>(selector: (state: HeaderState) => T, equalityFn?: (left: T, right: T) => boolean): T;
+export declare function useHeaderStoreContext(): HeaderStore;
+export declare const createHeaderStore: ({ namePrefix }: PersistStoreProps) => import("zustand").UseBoundStore<import("zustand").StoreApi<HeaderState>>;

package/cjs/stores/header/useHeaderStore.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createHeaderStore = exports.useHeaderStoreContext = exports.useHeaderStore = exports.HeaderStoreProvider = exports.HeaderStoreContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const zustand_1 = require("zustand");
+exports.HeaderStoreContext = (0, react_1.createContext)(null);
+function HeaderStoreProvider({ children, ...props }) {
+    const storeRef = (0, react_1.useRef)();
+    if (!storeRef.current) {
+        storeRef.current = (0, exports.createHeaderStore)(props);
+    }
+    return ((0, jsx_runtime_1.jsx)(exports.HeaderStoreContext.Provider, { value: storeRef.current, children: children }));
+}
+exports.HeaderStoreProvider = HeaderStoreProvider;
+function useHeaderStore(selector, equalityFn) {
+    const useStore = (0, react_1.useContext)(exports.HeaderStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${HeaderStoreProvider.name}>.`);
+    }
+    return useStore(selector, equalityFn);
+}
+exports.useHeaderStore = useHeaderStore;
+function useHeaderStoreContext() {
+    const useStore = (0, react_1.useContext)(exports.HeaderStoreContext);
+    if (!useStore) {
+        throw new Error(`You forgot to wrap your component in <${HeaderStoreProvider.name}>.`);
+    }
+    return useStore;
+}
+exports.useHeaderStoreContext = useHeaderStoreContext;
+const createHeaderStore = ({ namePrefix }) => (0, zustand_1.create)((set, get) => ({
+    setAction: (element) => {
+        set(() => ({
+            element,
+        }));
+        return get().removeAction;
+    },
+    setTitle: (title) => {
+        set(() => ({
+            title,
+        }));
+        return get().removeTitle;
+    },
+    removeAction: () => {
+        set(() => ({
+            element: null,
+        }));
+    },
+    removeTitle: () => {
+        set(() => ({
+            title: undefined,
+        }));
+    },
+}));
+exports.createHeaderStore = createHeaderStore;

package/cjs/stores/index.d.ts

@@ -1,4 +1,5 @@
+export * from './StoreProvider';
 export * from './chains';
+export * from './header';
 export * from './routes';
 export * from './settings';
-export * from './StoreProvider';

package/cjs/stores/index.js

@@ -14,7 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./StoreProvider"), exports);
 __exportStar(require("./chains"), exports);
+__exportStar(require("./header"), exports);
 __exportStar(require("./routes"), exports);
 __exportStar(require("./settings"), exports);
-__exportStar(require("./StoreProvider"), exports);

package/cjs/types/events.d.ts

@@ -4,7 +4,8 @@ export declare enum WidgetEvent {
     RouteExecutionUpdated = "routeExecutionUpdated",
     RouteExecutionCompleted = "routeExecutionCompleted",
     RouteExecutionFailed = "routeExecutionFailed",
-    RouteHighValueLoss = "routeHighValueLoss"
+    RouteHighValueLoss = "routeHighValueLoss",
+    RouteContactSupport = "routeContactSupport"
 }
 export type WidgetEvents = {
     routeExecutionStarted: Route;
@@ -12,7 +13,11 @@ export type WidgetEvents = {
     routeExecutionCompleted: Route;
     routeExecutionFailed: RouteExecutionUpdate;
     routeHighValueLoss: RouteHighValueLossUpdate;
+    routeContactSupport: RouteContactSupport;
 };
+export interface RouteContactSupport {
+    supportId?: string;
+}
 export interface RouteHighValueLossUpdate {
     fromAmountUsd: string;
     gasCostUSD?: string;

package/cjs/types/events.js

@@ -8,4 +8,5 @@ var WidgetEvent;
     WidgetEvent["RouteExecutionCompleted"] = "routeExecutionCompleted";
     WidgetEvent["RouteExecutionFailed"] = "routeExecutionFailed";
     WidgetEvent["RouteHighValueLoss"] = "routeHighValueLoss";
+    WidgetEvent["RouteContactSupport"] = "routeContactSupport";
 })(WidgetEvent || (exports.WidgetEvent = WidgetEvent = {}));

package/components/Header/NavigationHeader.js

@@ -7,18 +7,18 @@ import { useTranslation } from 'react-i18next';
 import { Route, Routes, useLocation } from 'react-router-dom';
 import { useNavigateBack } from '../../hooks';
 import { useWallet, useWidgetConfig } from '../../providers';
+import { useHeaderStore } from '../../stores';
 import { HiddenUI } from '../../types';
 import { backButtonRoutes, navigationRoutes, navigationRoutesValues, } from '../../utils';
 import { HeaderAppBar } from './Header.style';
 import { NavigationTabs } from './NavigationTabs';
 import { WalletMenuButton } from './WalletHeader';
-import { useHeaderStore } from './useHeaderStore';
 export const NavigationHeader = () => {
     const { t } = useTranslation();
     const { subvariant, hiddenUI } = useWidgetConfig();
     const { navigate, navigateBack } = useNavigateBack();
     const { account } = useWallet();
-    const { element, title } = useHeaderStore();
+    const { element, title } = useHeaderStore((state) => state);
     const { pathname } = useLocation();
     const cleanedPathname = pathname.endsWith('/')
         ? pathname.slice(0, -1)

package/components/Header/index.d.ts

@@ -1,2 +1 @@
 export * from './Header';
-export * from './useHeaderStore';

package/components/Header/index.js

@@ -1,2 +1 @@
 export * from './Header';
-export * from './useHeaderStore';

package/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "2.0.1";
+export declare const version = "2.1.0";

package/config/version.js

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget';
-export const version = '2.0.1';
+export const version = '2.1.0';

package/i18n/en.json

@@ -69,9 +69,9 @@
     "message": {
       "autoRefuel": "You're low on {{chainName}} gas. By continuing, you'll get enough gas to complete the transaction.",
       "emptyActiveTransactions": "Transactions in progress will appear here. Once completed, find them in transaction history.",
-      "emptyTokenList": "We couldn't find tokens on {{chainName}} chain or you don't have any. Please try search again or choose another chain.",
+      "emptyTokenList": "We couldn't find tokens on {{chainName}} chain or you don't have any. Please search by contract address if your token doesn't appear or choose another chain.",
       "emptyTransactionHistory": "Transaction history is only stored locally and will be deleted if you clear your browser data.",
-      "routeNotFound": "Try another token combination."
+      "routeNotFound": "Reasons for that could be: low liquidity, amount selected is too low, gas costs are too high or there are no routes for the selected combination."
     },
     "title": {
       "autoRefuel": "Get gas",

package/i18n/th.json

@@ -1,6 +1,15 @@
 {
+  "language": {
+    "name": "ภาษาไทย",
+    "title": "ภาษา"
+  },
+  "format": {
+    "currency": "{{value, currency(currency: USD)}}",
+    "number": "{{value, number(maximumFractionDigits: 9)}}"
+  },
   "button": {
     "auto": "อัตโนมัติ",
+    "bridge": "บริดจ์",
     "buy": "ซื้อ",
     "buyNow": "ซื้อตอนนี้",
     "cancel": "ยกเลิก",
@@ -12,94 +21,74 @@
     "delete": "ลบ",
     "disconnect": "ยกเลิกการเชื่อมต่อ",
     "done": "เสร็จสิ้น",
+    "exchange": "แลกเปลี่ยน",
     "getGas": "รับแก็ส",
     "hide": "ซ่อน",
     "learnMore": "เรียนรู้เพิ่มเติม",
-    "lifiSwap": "การแลกเปลี่ยนของ LI.FI",
+    "lifiCheckout": "Li.Fi. ตรวจสอบ",
+    "lifiExchange": "LI.FI Exchange",
     "light": "สว่าง",
     "max": "สูงสุด",
     "ok": "ตกลง",
-    "okay": "ตกลง",
-    "removeSwap": "ยกเลิกการแลกเปลี่ยน",
+    "removeTransaction": "นำรายการออก",
     "reset": "ล้างข้อมูล",
     "resetSettings": "รีเซ็ตการตั้งค่า",
-    "restartSwap": "เริ่มต้นการแลกเปลี่ยนใหม่",
-    "reviewGasSwap": "ตรวจสอบแก๊สในการแลกเปลี่ยน",
+    "reviewBridge": "ตรวจสอบบริดจ์",
     "reviewPurchase": "ตรวจสอบการสั่งซื้อ",
     "reviewSwap": "ตรวจสอบการแลกเปลี่ยน",
     "seeDetails": "ดูรายละเอียด",
     "showAll": "แสดงทั้งหมด",
-    "startGasSwap": "เริ่มต้นแก๊สในการแลกเปลี่ยน",
-    "startSwap": "เริ่มต้นการแลกเปลี่ยน",
+    "startBridging": "เริ่มต้นการบริดจ์",
+    "startSwapping": "เริ่มต้นการแลกเปลี่ยน",
     "swap": "การแลกเปลี่ยน",
     "tryAgain": "ลองใหม่",
     "viewCoverage": "ดูความคุ้มครอง",
     "viewOnExplorer": "ดูในการสำรวจ"
   },
-  "format": {
-    "currency": "{{value, currency(currency: USD)}}",
-    "number": "{{value, number(maximumFractionDigits: 9)}}"
-  },
   "header": {
-    "activeSwaps": "เปิดการใช้งาน การแลกเปลี่ยน",
+    "activeTransactions": "ธุรกรรมมีผล",
     "bridge": "บริดจ์",
     "checkout": "เช็คเอาท์",
+    "exchange": "แลกเปลี่ยน",
     "from": "แลกเปลี่ยนจาก",
     "gas": "แก็ส",
-    "gasSwap": "แก็สในการแลกเปลี่ยน",
     "payWith": "ชำระด้วย",
     "purchase": "ซื้อ",
     "purchaseDetails": "รายละเอียดการซื้อ",
-    "routes": "คุณได้รับ",
     "selectChain": "เลือกเชน",
     "selectWallet": "เลือกกระเป๋าของคุณ",
     "settings": "ตั้งค่า",
     "swap": "แลกเปลี่ยน",
-    "swapDetails": "รายละเอียดการแลกเปลี่ยน",
-    "swapHistory": "ประวัติการแลกเปลี่ยน",
     "to": "แลกเปลี่ยนเป็น",
-    "walletConnected": "กระเป๋าถูกเชื่อมต่อแล้ว"
-  },
-  "language": {
-    "name": "ภาษาไทย",
-    "title": "ภาษา"
-  },
-  "settings": {
-    "enabledBridges": "เปิดการใช้งานบริดจ์",
-    "enabledExchanges": "เปิดการใช้งาน การแลกเปลี่ยน",
-    "gasPrice": {
-      "fast": "รวดเร็ว",
-      "normal": "ปกติ",
-      "slow": "ช้า",
-      "title": "ค่าแก็ส"
-    },
-    "routePriority": "ลำดับสำคัญของเส้นทาง",
-    "showDestinationWallet": "แสดงกระเป๋าปลายทาง",
-    "slippage": "ความคลาดเคลื่อน"
+    "transactionDetails": "รายละเอียดของธุรกรรม",
+    "transactionHistory": "ประวัติการซื้อขาย",
+    "walletConnected": "กระเป๋าถูกเชื่อมต่อแล้ว",
+    "youGet": "คุณได้รับ"
   },
   "info": {
     "message": {
       "autoRefuel": "คุณใช้แก็ส {{chainName}} เหลือน้อย เมื่อดำเนินการต่อ คุณจะได้รับแก็สเพียงพอสำหรับการแลกเปลี่ยนให้เสร็จสมบูรณ์",
-      "emptyActiveSwaps": "การแลกเปลี่ยนที่กำลังดำเนินการจะปรากฏที่นี่. เมื่อเสร็จสิ้น, จะพบประวัติการแลกเปลี่ยน.",
-      "emptySwapHistory": "ประวัติการแลกเปลี่ยนจะถูกเก็บไว้ในเครื่องเท่านั้นและจะถูกลบหากคุณล้างข้อมูลเบราว์เซอร์ของคุณ.",
+      "emptyActiveTransactions": "การแลกเปลี่ยนที่กำลังดำเนินการจะปรากฏที่นี่. เมื่อเสร็จสิ้น, จะพบประวัติการแลกเปลี่ยน.",
       "emptyTokenList": "เราไม่พบโทเค็นใน {{chainName}} เชนหรือคุณไม่มีโทเค็น. โปรดลองอีกครั้งหรือเลือกเชนอื่น.",
+      "emptyTransactionHistory": "ประวัติการแลกเปลี่ยนจะถูกเก็บไว้ในเครื่องเท่านั้นและจะถูกลบหากคุณล้างข้อมูลเบราว์เซอร์ของคุณ.",
       "routeNotFound": "ลองจับคู่แลกเปลี่ยนโทเค็นใหม่."
     },
     "title": {
       "autoRefuel": "รับแก็ส",
-      "emptyActiveSwaps": "ไม่พบการแลกเปลี่ยนที่ใช้งานอยู่.",
-      "emptySwapHistory": "ไม่พบการแลกเปลี่ยนล่าสุด.",
+      "emptyActiveTransactions": "ไม่มีธุรกรรมที่มีผล",
+      "emptyTransactionHistory": "ไม่มีธุรกรรมล่าสุด",
       "routeNotFound": "ไม่พบเส้นทาง"
     }
   },
   "success": {
     "message": {
-      "swapPartiallySuccessful": "เราได้พยายามดำเนินการแลกเปลี่ยนให้เสร็จสมบูรณ์แต่ {{tool}} ขาดสภาพคล่องสำหรับโทเค็น {{tokenSymbol}}",
-      "purchaseSuccessful": "คุณมี {{assetName}} ใน{{walletAddress}} กระเป๋า บน{{chainName}} เครือข่าย",
-      "swapSuccessful": "ตอนนี้มี {{amount, number(maximumFractionDigits: 9)}}{{tokenSymbol}} ใน {{walletAddress}} กระเป๋าบน {{chainName}} เชน."
+      "exchangePartiallySuccessful": "เราได้พยายามดำเนินการแลกเปลี่ยนให้เสร็จสมบูรณ์แต่ {{tool}} ขาดสภาพคล่องสำหรับโทเค็น {{tokenSymbol}}",
+      "exchangeSuccessful": "ตอนนี้มี {{amount, number(maximumFractionDigits: 9)}}{{tokenSymbol}} ใน {{walletAddress}} กระเป๋าบน {{chainName}} เชน.",
+      "purchaseSuccessful": "คุณมี {{assetName}} ใน{{walletAddress}} กระเป๋า บน{{chainName}} เครือข่าย"
     },
     "title": {
-      "gasSwapSuccessful": "แลกเปลี่ยนแก็สสำเร็จ",
+      "bridgePartiallySuccessful": "แลกเปลี่ยนสำเร็จบางส่วน",
+      "bridgeSuccessful": "บริดจ์สำเร็จ",
       "purchaseSuccessful": "การซื้อเสร็จสมบูรณ์",
       "refundIssued": "คืนเงินแล้ว",
       "swapPartiallySuccessful": "แลกเปลี่ยนสำเร็จบางส่วน",
@@ -108,8 +97,8 @@
   },
   "warning": {
     "message": {
-      "deleteActiveSwaps": "การแลกเปลี่ยนที่ใช้งานอยู่จะถูกจัดเก็บไว้ในเครื่องเท่านั้นและไม่สามารถกู้คืนได้หากคุณลบออก.",
-      "deleteSwapHistory": "ประวัติการแลกเปลี่ยนจะถูกจัดเก็บไว้ในเครื่องเท่านั้นและไม่สามารถกู้คืนได้หากคุณลบออก",
+      "deleteActiveTransactions": "การแลกเปลี่ยนที่ใช้งานอยู่จะถูกจัดเก็บไว้ในเครื่องเท่านั้นและไม่สามารถกู้คืนได้หากคุณลบออก.",
+      "deleteTransactionHistory": "ประวัติการแลกเปลี่ยนจะถูกจัดเก็บไว้ในเครื่องเท่านั้นและไม่สามารถกู้คืนได้หากคุณลบออก",
       "highValueLoss": "มูลค่าของโทเค็นที่ได้รับนั้นต่ำกว่าโทเค็นที่แลกเปลี่ยนและต้นทุนการทำธุรกรรมอย่างมาก.",
       "insufficientFunds": "คุณมีเงินไม่เพียงพอที่จะดำเนินการแลกเปลี่ยน.",
       "insufficientGas": "คุณมีแก๊สไม่เพียงพอที่จะแลกเปลี่ยนให้เสร็จสมบูรณ์ คุณต้องเพิ่มอย่างน้อย:",
@@ -117,9 +106,9 @@
       "resetSettings": "การดำเนินการนี้จะรีเซ็ตลำดับความสำคัญของเส้นทาง การคลาดเลื่อน ค่าแก็ส บริดจ์ที่เปิดใช้งานและการแลกเปลี่ยน"
     },
     "title": {
-      "deleteActiveSwaps": "ลบการแลกเปลี่ยนที่เกิดขึ้นอยู่ทั้งหมด?",
-      "deleteSwap": "ลบการแลกเปลี่ยนในครั้งนี้?",
-      "deleteSwapHistory": "ลบประวัติการแลกเปลี่ยน?",
+      "deleteActiveTransactions": "ลบ​รายการธุรกรรม​ทั้งหมด?",
+      "deleteTransaction": "ต้องการลบธุรกรรมนี้?",
+      "deleteTransactionHistory": "ต้องการลบประวัติการทำธุรกรรม?",
       "highValueLoss": "สูญเสียมูลค่าสูง",
       "insufficientGas": "ค่าแก็สไม่พอ",
       "rateChanged": "อัตราการแลกเปลี่ยนถูกเปลี่ยน",
@@ -140,7 +129,6 @@
       "allowanceRequired": "การอนุญาตไม่เพียงพอ",
       "balanceIsTooLow": "ยอดคงเหลือต่ำเกินไป",
       "chainSwitch": "จำเป็นต้องเปลี่ยนเชน",
-      "failed": "การแลกเปลี่ยนล้มเหลว",
       "gasLimitIsTooLow": "แก๊สคงเหลือต่ำเกินไป",
       "insufficientFunds": "ยอดคงเหลือไม่เพียงพอ",
       "slippageNotMet": "ความคลาดเคลื่อนของราคาไม่เป็นไปตามเงื่อนไข.",
@@ -155,6 +143,19 @@
       "walletEnsAddressInvalid": "ที่อยู่กระเป๋าเงินไม่ถูกต้องหรือเครือข่ายไม่รองรับ ENS."
     }
   },
+  "tooltip": {
+    "additionalProviderFee": "บริดจ์เพิ่มเติม DEX และค่าบริการ",
+    "estimatedNetworkFee": "ค่าธรรรมเนียมโดยประมาณของเครือข่าย",
+    "estimatedTime": "เวลาดำเนินการแลกเปลี่ยนโดยประมาณเป็นนาที.",
+    "notFound": {
+      "text": "เราไม่พบหน้านี้.",
+      "title": "404"
+    },
+    "numberOfSteps": "ขั้นตอนการแลกเปลี่ยนหลายขั้นตอน แต่ละขั้นตอนสามารถมี 1-2 รายการที่ต้องใช้ลายเซ็น.",
+    "progressToNextUpdate": "ข้อมูลที่แสดงจะรีเฟรชอัตโนมัติหลังจาก {{value}} วินาที คลิกที่นี่เพื่ออัปเดตด้วยตนเอง",
+    "recommended": "เส้นทางที่ถูกมียอดคงเหลือที่เพียงพอและง่ายต่องการใช้งาน",
+    "settingsModified": "การตั้งค่า (แก้ไข)"
+  },
   "main": {
     "crossStepDetails": "บริดจ์จาก{{from}} to {{to}} โดย {{tool}}",
     "currentAmount": "จำนวนเงินปัจจุบัน",
@@ -211,6 +212,7 @@
     "selectToken": "เลือกโทเคน",
     "sendToAddress": "ส่งไปยัง {{address}}",
     "sendToWallet": "ส่งไปยังกระเป๋าเงินอื่น",
+    "sending": "กำลังส่ง",
     "sentToAddress": "ส่งไปยัง {{address}}",
     "stepBridge": "บริดจ์",
     "stepBridgeAndBuy": "บริดจ์และซื้อ",
@@ -220,7 +222,6 @@
     "stepSwapAndBuy": "แลกเปลี่ยน และ ซื้อ",
     "supportId": "หมายเลขที่สนับสนุน",
     "swapStepDetails": "แลกเปลี่ยนบน {{chain}} ผ่าน {{tool}}",
-    "swapping": "การแลกเปลี่ยน",
     "tags": {
       "cheapest": "ราคาถูก",
       "fastest": "รวดเร็ว",
@@ -243,18 +244,18 @@
     "insured": "คุณได้ประกัน<0>{{amount, number(maximumFractionDigits: 9)}}{{tokenSymbol}}</0> ในการขนส่ง",
     "slippageError": "เกิดข้อผิดพลาดในการคลาดเคลื่อนของโทเค็นที่ได้รับ"
   },
-  "tooltip": {
-    "additionalProviderFee": "บริดจ์เพิ่มเติม DEX และค่าบริการ",
-    "estimatedNetworkFee": "ค่าธรรรมเนียมโดยประมาณของเครือข่าย",
-    "estimatedTime": "เวลาดำเนินการแลกเปลี่ยนโดยประมาณเป็นนาที.",
-    "notFound": {
-      "text": "เราไม่พบหน้านี้.",
-      "title": "404"
+  "settings": {
+    "enabledBridges": "เปิดการใช้งานบริดจ์",
+    "enabledExchanges": "เปิดการใช้งาน การแลกเปลี่ยน",
+    "gasPrice": {
+      "fast": "รวดเร็ว",
+      "normal": "ปกติ",
+      "slow": "ช้า",
+      "title": "ค่าแก็ส"
     },
-    "numberOfSteps": "ขั้นตอนการแลกเปลี่ยนหลายขั้นตอน แต่ละขั้นตอนสามารถมี 1-2 รายการที่ต้องใช้ลายเซ็น.",
-    "progressToNextUpdate": "ข้อมูลที่แสดงจะรีเฟรชอัตโนมัติหลังจาก {{value}} วินาที คลิกที่นี่เพื่ออัปเดตด้วยตนเอง",
-    "recommended": "เส้นทางที่ถูกมียอดคงเหลือที่เพียงพอและง่ายต่องการใช้งาน",
-    "settingsModified": "การตั้งค่า (แก้ไข)"
+    "routePriority": "ลำดับสำคัญของเส้นทาง",
+    "showDestinationWallet": "แสดงกระเป๋าปลายทาง",
+    "slippage": "ความคลาดเคลื่อน"
   },
   "wallet": {
     "extensionNotFound": "โปรดตรวจสอบว่ามีเพียงส่วนขยายของเบราว์เซอร์ {{name}} เท่านั้นที่ใช้งานได้ก่อนที่จะเลือกกระเป๋าเงินนี้."