@lifi/widget 1.20.3 → 1.22.0

package/cjs/components/TokenList/TokenList.js

@@ -8,12 +8,12 @@ const react_hook_form_1 = require("react-hook-form");
 const hooks_1 = require("../../hooks");
 const providers_1 = require("../../providers");
 const TokenNotFound_1 = require("./TokenNotFound");
+const useTokenSelect_1 = require("./useTokenSelect");
 const VirtualizedTokenList_1 = require("./VirtualizedTokenList");
 const TokenList = ({ formType, height, onClick, }) => {
     var _a, _b;
     const parentRef = (0, react_1.useRef)(null);
     const { account } = (0, providers_1.useWallet)();
-    const { setValue, getValues } = (0, react_hook_form_1.useFormContext)();
     const [selectedChainId] = (0, react_hook_form_1.useWatch)({
         name: [providers_1.SwapFormKeyHelper.getChainKey(formType)],
     });
@@ -37,28 +37,7 @@ const TokenList = ({ formType, height, onClick, }) => {
         : searchedToken
             ? [searchedToken]
             : filteredTokens;
-    const handleTokenClick = (0, react_1.useCallback)((tokenAddress) => {
-        setValue(providers_1.SwapFormKeyHelper.getTokenKey(formType), tokenAddress, {
-            shouldTouch: true,
-        });
-        // Set chain again to trigger URL builder update
-        setValue(providers_1.SwapFormKeyHelper.getChainKey(formType), selectedChainId, {
-            shouldTouch: true,
-        });
-        setValue(providers_1.SwapFormKeyHelper.getAmountKey(formType), '');
-        const oppositeFormType = formType === 'from' ? 'to' : 'from';
-        const [selectedOppositeToken, selectedOppositeChainId] = getValues([
-            providers_1.SwapFormKeyHelper.getTokenKey(oppositeFormType),
-            providers_1.SwapFormKeyHelper.getChainKey(oppositeFormType),
-        ]);
-        if (selectedOppositeToken === tokenAddress &&
-            selectedOppositeChainId === selectedChainId) {
-            setValue(providers_1.SwapFormKeyHelper.getTokenKey(oppositeFormType), '', {
-                shouldTouch: true,
-            });
-        }
-        onClick === null || onClick === void 0 ? void 0 : onClick();
-    }, [formType, getValues, onClick, selectedChainId, setValue]);
+    const handleTokenClick = (0, useTokenSelect_1.useTokenSelect)(formType, onClick);
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ ref: parentRef, style: { height, overflow: 'auto' } }, { children: [!tokens.length && !isLoading ? ((0, jsx_runtime_1.jsx)(TokenNotFound_1.TokenNotFound, { formType: formType })) : null, (0, jsx_runtime_1.jsx)(VirtualizedTokenList_1.VirtualizedTokenList, { tokens: tokens, featuredTokensLength: featuredTokens === null || featuredTokens === void 0 ? void 0 : featuredTokens.length, scrollElementRef: parentRef, chainId: selectedChainId, isLoading: isLoading, isBalanceLoading: isBalanceLoading, showBalance: account.isActive, showFeatured: !tokenSearchFilter, onClick: handleTokenClick })] })));
 };
 exports.TokenList = TokenList;

package/cjs/components/TokenList/TokenListItem.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import type { TokenListItemProps } from './types';
+import type { TokenListItemButtonProps, TokenListItemProps } from './types';
 export declare const TokenListItem: React.FC<TokenListItemProps>;
+export declare const TokenListItemButton: React.FC<TokenListItemButtonProps>;
 export declare const TokenListItemSkeleton: () => JSX.Element;
 export declare const TokenAmountSkeleton: React.FC;

package/cjs/components/TokenList/TokenListItem.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TokenAmountSkeleton = exports.TokenListItemSkeleton = exports.TokenListItem = void 0;
+exports.TokenAmountSkeleton = exports.TokenListItemSkeleton = exports.TokenListItemButton = exports.TokenListItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
@@ -8,16 +8,22 @@ const react_i18next_1 = require("react-i18next");
 const utils_1 = require("../../utils");
 const TokenList_style_1 = require("./TokenList.style");
 exports.TokenListItem = (0, react_1.memo)(({ onClick, size, start, token, showBalance, isBalanceLoading, startAdornment, endAdornment, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
     const handleClick = () => onClick === null || onClick === void 0 ? void 0 : onClick(token.address);
-    const tokenPrice = (0, utils_1.formatTokenPrice)(token.amount, token.priceUSD);
     return ((0, jsx_runtime_1.jsxs)(TokenList_style_1.ListItem, Object.assign({ disablePadding: true, style: {
             height: `${size}px`,
             transform: `translateY(${start}px)`,
-        } }, { children: [startAdornment, (0, jsx_runtime_1.jsxs)(TokenList_style_1.ListItemButton, Object.assign({ onClick: handleClick, dense: true, disableRipple: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({ src: token.logoURI, alt: token.symbol }, { children: token.symbol[0] })) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: token.symbol, secondary: token.name }), showBalance ? (isBalanceLoading ? ((0, jsx_runtime_1.jsx)(exports.TokenAmountSkeleton, {})) : ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { textAlign: 'right' } }, { children: [Number(token.amount) ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", noWrap: true }, { children: token.amount }))) : null, tokenPrice ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: 400, fontSize: 12, color: "text.secondary", "data-price": token.priceUSD }, { children: t(`swap.currency`, {
-                                    value: tokenPrice,
-                                }) }))) : null] })))) : null] })), endAdornment] })));
+        } }, { children: [startAdornment, (0, jsx_runtime_1.jsx)(exports.TokenListItemButton, { token: token, showBalance: showBalance, isBalanceLoading: isBalanceLoading, onClick: handleClick }), endAdornment] })));
 });
+const TokenListItemButton = ({ onClick, token, showBalance, isBalanceLoading, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const tokenPrice = (0, utils_1.formatTokenPrice)(token.amount, token.priceUSD);
+    return ((0, jsx_runtime_1.jsxs)(TokenList_style_1.ListItemButton, Object.assign({ onClick: onClick, dense: true, disableRipple: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({ src: token.logoURI, alt: token.symbol }, { children: token.symbol[0] })) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: token.symbol, secondary: token.name }), showBalance ? (isBalanceLoading ? ((0, jsx_runtime_1.jsx)(exports.TokenAmountSkeleton, {})) : ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { textAlign: 'right' } }, { children: [Number(token.amount) ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", noWrap: true }, { children: t('format.number', {
+                            value: token.amount,
+                        }) }))) : null, tokenPrice ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: 400, fontSize: 12, color: "text.secondary", "data-price": token.priceUSD }, { children: t(`format.currency`, {
+                            value: tokenPrice,
+                        }) }))) : null] })))) : null] })));
+};
+exports.TokenListItemButton = TokenListItemButton;
 const TokenListItemSkeleton = () => {
     return ((0, jsx_runtime_1.jsxs)(TokenList_style_1.ListItem, Object.assign({ secondaryAction: (0, jsx_runtime_1.jsx)(exports.TokenAmountSkeleton, {}), disablePadding: true, sx: { position: 'relative', flexDirection: 'row', alignItems: 'center' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", width: 32, height: 32, sx: { marginLeft: 1.5, marginRight: 2 } }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 48, height: 20 }), secondary: (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "text", width: 96, height: 20 }) })] })));
 };

package/cjs/components/TokenList/index.d.ts

@@ -1 +1,2 @@
 export * from './TokenList';
+export * from './useTokenSelect';

package/cjs/components/TokenList/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./TokenList"), exports);
+__exportStar(require("./useTokenSelect"), exports);

package/cjs/components/TokenList/types.d.ts

@@ -30,3 +30,9 @@ export interface TokenListItemProps extends TokenListItemBaseProps {
     startAdornment?: React.ReactNode;
     endAdornment?: React.ReactNode;
 }
+export interface TokenListItemButtonProps {
+    onClick?(): void;
+    showBalance?: boolean;
+    token: TokenAmount;
+    isBalanceLoading?: boolean;
+}

package/cjs/components/TokenList/useTokenSelect.d.ts

@@ -0,0 +1,2 @@
+import type { SwapFormType } from '../../providers';
+export declare const useTokenSelect: (formType: SwapFormType, onClick?: () => void) => (tokenAddress: string, chainId?: number) => void;

package/cjs/components/TokenList/useTokenSelect.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTokenSelect = void 0;
+const react_1 = require("react");
+const react_hook_form_1 = require("react-hook-form");
+const providers_1 = require("../../providers");
+const useTokenSelect = (formType, onClick) => {
+    const { setValue, getValues } = (0, react_hook_form_1.useFormContext)();
+    return (0, react_1.useCallback)((tokenAddress, chainId) => {
+        const selectedChainId = chainId !== null && chainId !== void 0 ? chainId : getValues(providers_1.SwapFormKeyHelper.getChainKey(formType));
+        setValue(providers_1.SwapFormKeyHelper.getTokenKey(formType), tokenAddress, {
+            shouldTouch: true,
+        });
+        // Set chain again to trigger URL builder update
+        setValue(providers_1.SwapFormKeyHelper.getChainKey(formType), selectedChainId, {
+            shouldTouch: true,
+        });
+        setValue(providers_1.SwapFormKeyHelper.getAmountKey(formType), '');
+        const oppositeFormType = formType === 'from' ? 'to' : 'from';
+        const [selectedOppositeToken, selectedOppositeChainId] = getValues([
+            providers_1.SwapFormKeyHelper.getTokenKey(oppositeFormType),
+            providers_1.SwapFormKeyHelper.getChainKey(oppositeFormType),
+        ]);
+        if (selectedOppositeToken === tokenAddress &&
+            selectedOppositeChainId === selectedChainId) {
+            setValue(providers_1.SwapFormKeyHelper.getTokenKey(oppositeFormType), '', {
+                shouldTouch: true,
+            });
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    }, [formType, getValues, onClick, setValue]);
+};
+exports.useTokenSelect = useTokenSelect;

package/cjs/config/version.d.ts

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

package/cjs/config/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = exports.name = void 0;
 exports.name = '@lifi/widget';
-exports.version = '1.20.3';
+exports.version = '1.22.0';

package/cjs/hooks/useChain.d.ts

@@ -1,4 +1,4 @@
-export declare const useChain: (chainId: number) => {
-    chain: import("@lifi/types").EVMChain | undefined;
+export declare const useChain: (chainId?: number) => {
+    chain: import("@lifi/types").ExtendedChain | undefined;
     isLoading: boolean;
 };

package/cjs/hooks/useChains.d.ts

@@ -1,5 +1,5 @@
 export declare const useChains: () => {
-    chains: import("@lifi/types").EVMChain[] | undefined;
-    getChainById: (chainId: number) => import("@lifi/types").EVMChain | undefined;
+    chains: import("@lifi/types").ExtendedChain[] | undefined;
+    getChainById: (chainId: number) => import("@lifi/types").ExtendedChain | undefined;
     isLoading: boolean;
 };

package/cjs/hooks/useExpandableVariant.js

@@ -5,10 +5,8 @@ const material_1 = require("@mui/material");
 const providers_1 = require("../providers");
 const defaultExpandableWidth = 852;
 const useExpandableVariant = () => {
-    const { variant } = (0, providers_1.useWidgetConfig)();
-    const expandableAllowed = (0, material_1.useMediaQuery)((theme) => {
-        return theme.breakpoints.up(defaultExpandableWidth);
-    });
-    return variant === 'expandable' && expandableAllowed;
+    const { variant, useRecommendedRoute } = (0, providers_1.useWidgetConfig)();
+    const expandableAllowed = (0, material_1.useMediaQuery)((theme) => theme.breakpoints.up(defaultExpandableWidth));
+    return variant === 'expandable' && expandableAllowed && !useRecommendedRoute;
 };
 exports.useExpandableVariant = useExpandableVariant;

package/cjs/hooks/useProcessMessage.d.ts

@@ -1,10 +1,10 @@
 import type { EVMChain, Process, Step } from '@lifi/sdk';
-import type { TFunction } from 'react-i18next';
+import type { TFunction } from 'i18next';
 export declare const useProcessMessage: (step?: Step, process?: Process) => {
     title?: string | undefined;
     message?: string | undefined;
 };
-export declare function getProcessMessage(t: TFunction<'translation', undefined>, getChainById: (chainId: number) => EVMChain | undefined, step: Step, process: Process): {
+export declare function getProcessMessage(t: TFunction, getChainById: (chainId: number) => EVMChain | undefined, step: Step, process: Process): {
     title?: string;
     message?: string;
 };

package/cjs/hooks/useSwapRoutes.js

@@ -21,6 +21,7 @@ const refetchTime = 60000;
 const useSwapRoutes = () => {
     var _a;
     const lifi = (0, providers_1.useLiFi)();
+    const { variant } = (0, providers_1.useWidgetConfig)();
     const { account, provider } = (0, providers_1.useWallet)();
     const queryClient = (0, react_query_1.useQueryClient)();
     const { slippage, enabledBridges, enabledExchanges, routePriority } = (0, stores_1.useSettings)([
@@ -39,13 +40,14 @@ const useSwapRoutes = () => {
         ],
     });
     const [fromTokenAmount] = (0, _1.useDebouncedWatch)([providers_1.SwapFormKey.FromAmount], 320);
-    const { token } = (0, _1.useToken)(fromChainId, fromTokenAddress);
+    const { token: fromToken } = (0, _1.useToken)(fromChainId, fromTokenAddress);
+    const { token: toToken } = (0, _1.useToken)(toChainId, toTokenAddress);
     const isEnabled = 
     // Boolean(account.address) &&
     !isNaN(fromChainId) &&
         !isNaN(toChainId) &&
-        Boolean(token === null || token === void 0 ? void 0 : token.address) &&
-        Boolean(toTokenAddress) &&
+        Boolean(fromToken === null || fromToken === void 0 ? void 0 : fromToken.address) &&
+        Boolean(toToken === null || toToken === void 0 ? void 0 : toToken.address) &&
         !isNaN(fromTokenAmount) &&
         Number(fromTokenAmount) > 0 &&
         !Number.isNaN(slippage);
@@ -53,21 +55,22 @@ const useSwapRoutes = () => {
         'routes',
         account.address,
         fromChainId,
-        token === null || token === void 0 ? void 0 : token.address,
+        fromToken === null || fromToken === void 0 ? void 0 : fromToken.address,
         fromTokenAmount,
         toChainId,
-        toTokenAddress,
+        toToken === null || toToken === void 0 ? void 0 : toToken.address,
         toAddress,
         slippage,
         enabledBridges,
         enabledExchanges,
         routePriority,
+        variant,
     ];
     const previousDataUpdatedAt = (_a = queryClient.getQueryState(queryKey)) === null || _a === void 0 ? void 0 : _a.dataUpdatedAt;
     const refetchInterval = previousDataUpdatedAt
         ? Math.min(Math.abs(refetchTime - (Date.now() - previousDataUpdatedAt)), refetchTime)
         : refetchTime;
-    const { data, isLoading, isFetching, isFetched, dataUpdatedAt, refetch } = (0, react_query_1.useQuery)(queryKey, ({ queryKey: [_, fromAddress, fromChainId, fromTokenAddress, fromTokenAmount, toChainId, toTokenAddress, toAddress, slippage, enabledBridges, enabledExchanges, routePriority,], signal, }) => __awaiter(void 0, void 0, void 0, function* () {
+    const { data, isLoading, isFetching, isFetched, dataUpdatedAt, refetch } = (0, react_query_1.useQuery)(queryKey, ({ queryKey: [_, fromAddress, fromChainId, fromTokenAddress, fromTokenAmount, toChainId, toTokenAddress, toAddress, slippage, enabledBridges, enabledExchanges, routePriority, variant,], signal, }) => __awaiter(void 0, void 0, void 0, function* () {
         var _b, _c;
         let toWalletAddress;
         try {
@@ -77,7 +80,7 @@ const useSwapRoutes = () => {
         catch (_d) {
             toWalletAddress = (0, address_1.isAddress)(toAddress) ? toAddress : fromAddress;
         }
-        const fromAmount = (0, big_js_1.default)(Number(fromTokenAmount) * Math.pow(10, ((_c = token === null || token === void 0 ? void 0 : token.decimals) !== null && _c !== void 0 ? _c : 0))).toString();
+        const fromAmount = (0, big_js_1.default)(Number(fromTokenAmount) * Math.pow(10, ((_c = fromToken === null || fromToken === void 0 ? void 0 : fromToken.decimals) !== null && _c !== void 0 ? _c : 0))).toString();
         const formattedSlippage = parseFloat(slippage) / 100;
         return lifi.getRoutes({
             fromChainId,
@@ -96,6 +99,7 @@ const useSwapRoutes = () => {
                     allow: enabledExchanges,
                 },
                 order: routePriority,
+                allowSwitchChain: variant !== 'refuel',
             },
         }, { signal });
     }), {

package/cjs/i18n/de.json

@@ -0,0 +1,199 @@
+{
+  "button": {
+    "auto": "Auto",
+    "cancel": "Absagen",
+    "connectWallet": "Brieftasche verbinden",
+    "contactSupport": "Kontaktieren Sie Support",
+    "continue": "Fortsetzen",
+    "copyAddress": "Adresse kopieren",
+    "dark": "Dunkel",
+    "delete": "Löschen",
+    "disconnectWallet": "Wallet trennen",
+    "done": "Fertig",
+    "hide": "Ausblenden",
+    "lifiSwap": "LI.FI Tausch",
+    "light": "Licht",
+    "max": "max",
+    "ok": "OK",
+    "okay": "Okay",
+    "removeSwap": "Austausch entfernen",
+    "restartSwap": "Swap neu starten",
+    "reviewSwap": "Bewertungstausch",
+    "seeDetails": "Siehe Einzelheiten",
+    "showAll": "Zeige alles",
+    "startSwap": "Tausch starten",
+    "swap": "Tausch",
+    "tryAgain": "Versuchen Sie es nochmal"
+  },
+  "format": {
+    "currency": "{{value, currency(currency: USD)}}",
+    "number": "{{value, number(maximumFractionDigits: 4)}}"
+  },
+  "header": {
+    "activeSwaps": "Aktive Swaps",
+    "from": "Abtauschen",
+    "routes": "Du erhältst",
+    "selectChain": "Kette auswählen",
+    "selectWallet": "Wählen Sie Ihre Geldbörse aus",
+    "settings": "Einstellungen",
+    "swap": "Tausch",
+    "swapDetails": "Details tauschen",
+    "swapHistory": "Historie tauschen",
+    "to": "Wechseln zu",
+    "walletConnected": "Brieftasche verbunden"
+  },
+  "language": {
+    "name": "Deutsch",
+    "title": "Sprache"
+  },
+  "settings": {
+    "advancedPreferences": "Erweiterte Einstellungen",
+    "enabledBridges": "Aktivierte Brücken",
+    "enabledExchanges": "Aktivierter Austausch",
+    "gasPrice": {
+      "fast": "Schnell",
+      "normal": "Normal",
+      "slow": "Langsam",
+      "title": "Gaspreis"
+    },
+    "resetToDefault": "Zurücksetzen",
+    "routePriority": "Routenpriorität",
+    "selectEnabledBridges": "Wählen Sie aktivierte Bridges aus",
+    "selectEnabledExchanges": "Wählen Sie aktivierte Börsen aus",
+    "showDestinationWallet": "Zielgeldbörse anzeigen",
+    "slippage": "Abweichung"
+  },
+  "swap": {
+    "crossStepDetails": "Brücke von {{from}} nach {{to}} über {{tool}}",
+    "error": {
+      "message": {
+        "slippageTooLarge": "Der Schlupf ist größer als der definierte Schwellenwert. Bitte fordern Sie eine neue Route an, um ein neues Angebot zu erhalten.",
+        "transactionFailed": "Weitere Informationen finden Sie im Block-Explorer.",
+        "transactionNotSent": "Die Transaktion wurde nicht gesendet, Ihr Geld befindet sich noch in Ihrer Brieftasche ({{amount, number(maximumFractionDigits: 4)}} {{tokenSymbol}} auf {{chainName}}).",
+        "transactionRejected": "Ihre Unterschrift ist erforderlich, um die Transaktion abzuschließen. {{amount, number(maximumFractionDigits: 4)}} {{tokenSymbol}} auf {{chainName}} verbleiben in Ihrem Wallet."
+      },
+      "title": {
+        "chainSwitch": "Kettenschalter erforderlich.",
+        "failed": "Austausch fehlgeschlagen.",
+        "slippageTooLarge": "Schlupf zu groß.",
+        "transactionFailed": "Transaktion ist fehlgeschlagen.",
+        "transactionRejected": "Signatur benötigt.",
+        "transactionUnderpriced": "Transaktion ist unterbewertet.",
+        "transactionUnprepared": "Transaktion kann nicht vorbereitet werden.",
+        "unknown": "Etwas ist schief gelaufen.",
+        "walletAddressInvalid": "Wallet-Adresse ist ungültig.",
+        "walletEnsAddressInvalid": "Die Wallet-Adresse ist ungültig oder das Netzwerk unterstützt ENS nicht."
+      }
+    },
+    "estimatedTime": "{{value}} m",
+    "featuredTokens": "Ausgewählte Token",
+    "from": "Aus",
+    "fromAmount": "Sie bezahlen",
+    "gasCost": "Gaskosten",
+    "inProgress": "im Gange",
+    "info": {
+      "message": {
+        "emptyActiveSwaps": "Laufende Swaps werden hier angezeigt. Sobald Sie fertig sind, finden Sie sie im Swap-Verlauf.",
+        "emptySwapHistory": "Der Swap-Verlauf wird nur lokal gespeichert und gelöscht, wenn Sie Ihre Browserdaten löschen.",
+        "emptyTokenList": "Wir konnten keine Tokens in der Kette {{chainName}} finden oder Sie haben keine. Bitte versuchen Sie die Suche erneut oder wählen Sie eine andere Kette.",
+        "routeNotFound": "Probieren Sie eine andere Token-Kombination aus."
+      },
+      "title": {
+        "emptyActiveSwaps": "Keine aktiven Swaps",
+        "emptySwapHistory": "Keine kürzlichen Swaps",
+        "routeNotFound": "Keine Routen verfügbar"
+      }
+    },
+    "otherTokens": "Andere Token",
+    "process": {
+      "crossChain": {
+        "actionRequired": "Bitte signieren Sie die Transaktion.",
+        "done": "Transaktion genehmigt.",
+        "pending": "Warten auf Transaktion.",
+        "started": "Transaktion vorbereiten."
+      },
+      "receivingChain": {
+        "done": "Erhaltene Mittel.",
+        "pending": "Warten auf Empfänger-Chain."
+      },
+      "swap": {
+        "actionRequired": "Bitte signieren Sie die Transaktion.",
+        "done": "Austausch abgeschlossen.",
+        "pending": "Austauschen.",
+        "started": "Austausch vorbereiten."
+      },
+      "switchChain": {
+        "actionRequired": "Kettenschalter erforderlich.",
+        "done": "Chain erfolgreich gewechselt."
+      },
+      "tokenAllowance": {
+        "done": "Token-Zulassung genehmigt.",
+        "pending": "Warten auf Token-Genehmigung.",
+        "started": "Token-Freigabe festlegen."
+      }
+    },
+    "receiving": "Empfang",
+    "routes": "Du erhältst",
+    "selectChain": "Chain",
+    "selectChainAndToken": "Kette und Token auswählen",
+    "selectToken": "Token",
+    "sendToWallet": "An eine andere Brieftasche senden",
+    "stepBridge": "Brücke",
+    "stepSwap": "Tausch",
+    "stepSwapAndBridge": "Tauschen und überbrücken",
+    "success": {
+      "message": {
+        "swapSuccessful": "Es sind jetzt {{amount, number(maximumFractionDigits: 4)}} {{tokenSymbol}} in wallet {{walletAddress}} auf chain {{chainName}}."
+      },
+      "title": {
+        "swapSuccessful": "Tausch erfolgreich"
+      }
+    },
+    "supportId": "Support-ID",
+    "swapStepDetails": "Tausche auf {{chain}} über {{tool}}",
+    "swapping": "Austauschen",
+    "tags": {
+      "ALTERNATIVE": "ALTERNATIVE",
+      "CHEAPEST": "BILLIG",
+      "FASTEST": "SCHNELL",
+      "RECOMMENDED": "EMPFOHLEN",
+      "SAFEST": "SICHER"
+    },
+    "to": "Zu",
+    "tokenOnChain": "{{tokenSymbol}} auf {{chainName}}",
+    "tokenOnChainAmount": "{{amount, number(maximumFractionDigits: 4)}} {{tokenSymbol}} auf {{chainName}}",
+    "tokenSearch": "Suchen Sie Ihr Token",
+    "valueLoss": "Wertverlust",
+    "walletAddressOrEns": "Wallet-Adresse oder ENS-Name",
+    "warning": {
+      "message": {
+        "deleteActiveSwaps": "Aktive Swaps werden nur lokal gespeichert und können nicht wiederhergestellt werden, wenn Sie sie löschen.",
+        "deleteSwapHistory": "Der Swap-Verlauf wird nur lokal gespeichert und kann nicht wiederhergestellt werden, wenn Sie ihn löschen.",
+        "highValueLoss": "Der Wert der erhaltenen Token ist deutlich niedriger als die getauschten Token und die Transaktionskosten.",
+        "insufficientFunds": "Sie haben nicht genug Geld, um den Tausch durchzuführen.",
+        "insufficientGas": "Sie müssen mindestens hinzufügen:"
+      },
+      "title": {
+        "deleteActiveSwaps": "Alle aktiven Swaps löschen?",
+        "deleteSwap": "Diesen Tausch löschen?",
+        "deleteSwapHistory": "Swap-Verlauf löschen?",
+        "highValueLoss": "Hoher Wertverlust",
+        "insufficientGas": "Unzureichendes Gas"
+      }
+    }
+  },
+  "tooltip": {
+    "estimatedNetworkFee": "Geschätzte Netzwerkgebühr.",
+    "estimatedTime": "Geschätzte Tausch-Ausführungszeit in Minuten.",
+    "notFound": {
+      "text": "Wir konnten diese Seite nicht finden.",
+      "title": "404"
+    },
+    "numberOfSteps": "Eine Anzahl von Tausch-Schritten. Jeder Schritt kann 2 Transaktionen enthalten, die eine Unterschrift erfordern.",
+    "progressToNextUpdate": "Angezeigte Daten werden nach {{value}} Sekunden automatisch aktualisiert. Klicken Sie hier, um manuell zu aktualisieren.",
+    "settingsModified": "Einstellungen (geändert)"
+  },
+  "wallet": {
+    "extensionNotFound": "Bitte stellen Sie sicher, dass nur die Browsererweiterung {{name}} aktiv ist, bevor Sie dieses Wallet auswählen."
+  }
+}