@lifi/widget 1.32.8 → 2.0.0-alpha.1

package/i18n/en.json

@@ -106,12 +106,14 @@
     "inProgress": "in progress",
     "info": {
       "message": {
+        "autoRefuel": "You're low on {{chainName}} gas. By continuing, you'll get enough gas to complete the swap.",
         "emptyActiveSwaps": "Swaps in progress will appear here. Once completed, find them in swap history.",
         "emptySwapHistory": "Swap history is only stored locally and will be deleted if you clear your browser data.",
         "emptyTokenList": "We couldn't find tokens on {{chainName}} chain or you don't have any. Please try search again or choose another chain.",
         "routeNotFound": "Try another token combination."
       },
       "title": {
+        "autoRefuel": "Get gas",
         "emptyActiveSwaps": "No active swaps",
         "emptySwapHistory": "No recent swaps",
         "routeNotFound": "No routes available"
@@ -154,6 +156,7 @@
     "quotedAmount": "Quoted amount",
     "rateChange": "Rate change",
     "receiving": "Receiving",
+    "refuelStepDetails": "Get gas via {{tool}}",
     "routes": "You get",
     "selectChain": "Chain",
     "selectChainAndToken": "Select chain and token",
@@ -162,6 +165,7 @@
     "sendToWallet": "Send to a different wallet",
     "sentToAddress": "Sent to {{address}}",
     "stepBridge": "Bridge",
+    "stepDetails": "{{tool}} via LI.FI",
     "stepSwap": "Swap",
     "stepSwapAndBridge": "Swap and bridge",
     "success": {
@@ -180,11 +184,13 @@
     "swapStepDetails": "Swap on {{chain}} via {{tool}}",
     "swapping": "Swapping",
     "tags": {
-      "ALTERNATIVE": "ALTERNATIVE",
-      "CHEAPEST": "CHEAP",
-      "FASTEST": "FAST",
-      "RECOMMENDED": "RECOMMENDED",
-      "SAFEST": "SAFE"
+      "cheapest": "Cheap",
+      "fastest": "Fast",
+      "insurable": "Insurable",
+      "insurance": "Insurance",
+      "insured": "Insured",
+      "recommended": "Recommended",
+      "safest": "Safe"
     },
     "to": "To",
     "tokenOnChain": "{{tokenSymbol}} on {{chainName}}",
@@ -197,8 +203,8 @@
         "deleteActiveSwaps": "Active swaps are only stored locally and can't be recovered if you delete them.",
         "deleteSwapHistory": "Swap history is only stored locally and can't be recovered if you delete it.",
         "highValueLoss": "The value of the received tokens is significantly lower than the swapped tokens and transaction cost.",
-        "insufficientFunds": "You don't have enough funds to execute the swap.",
-        "insufficientGas": "You need to add at least:",
+        "insufficientFunds": "You don't have enough funds to complete the swap.",
+        "insufficientGas": "You don't have enough gas to complete the swap. You need to add at least:",
         "rateChanged": "The exchange rate has changed. By continuing the swap, you'll accept the new rate.",
         "resetSettings": "This will reset your route priority, slippage, gas price, enabled bridges and exchanges."
       },
@@ -214,6 +220,7 @@
     }
   },
   "tooltip": {
+    "additionalProviderFee": "Additional bridges, DEXs, and service fees.",
     "estimatedNetworkFee": "Estimated network fee.",
     "estimatedTime": "Estimated swap execution time in minutes.",
     "notFound": {

package/i18n/it.json

@@ -106,12 +106,14 @@
     "inProgress": "in corso",
     "info": {
       "message": {
+        "autoRefuel": "Livello basso di gas su {{chainName}}. Continuando avrai abbastanza gas per completare lo scambio.",
         "emptyActiveSwaps": "Gli scambi in corso verranno visualizzati qui. Una volta completati, saranno presenti nella cronologia di scambi.",
         "emptySwapHistory": "La cronologia di scambi viene memorizzata solo localmente e verrà cancellata se si cancellano i dati del browser.",
         "emptyTokenList": "Non siamo riusciti a trovare token sulla chain {{chainName}} o non ne hai. Riprova o scegli un'altra chain.",
         "routeNotFound": "Prova un'altra combinazione di token."
       },
       "title": {
+        "autoRefuel": "Ottieni gas",
         "emptyActiveSwaps": "Nessuno scambio attivo",
         "emptySwapHistory": "Nessuno scambio recente",
         "routeNotFound": "Nessuna rotta disponibile"
@@ -154,6 +156,7 @@
     "quotedAmount": "Totale quotato",
     "rateChange": "Tasso di scambio",
     "receiving": "In ricezione",
+    "refuelStepDetails": "Ottieni gas tramite {{tool}}",
     "routes": "Ottieni",
     "selectChain": "Chain",
     "selectChainAndToken": "Selezionare la chain ed il token",
@@ -162,6 +165,7 @@
     "sendToWallet": "Invia ad un altro portafoglio",
     "sentToAddress": "Inviati a {{address}}",
     "stepBridge": "Bridge",
+    "stepDetails": "{{tool}} tramite LI.FI",
     "stepSwap": "Scambio",
     "stepSwapAndBridge": "Scambia e bridge",
     "success": {
@@ -197,8 +201,8 @@
         "deleteActiveSwaps": "Gli scambi attivi vengono memorizzati solo localmente e non possono essere recuperati se vengono cancellati.",
         "deleteSwapHistory": "La cronologia degli scambi viene memorizzata solo localmente e, se cancellata, non può essere recuperata.",
         "highValueLoss": "Il valore dei token ricevuti è significativamente inferiore ai token scambiati più il costo della transazione.",
-        "insufficientFunds": "Non hai abbastanza fondi per eseguire lo scambio.",
-        "insufficientGas": "È necessario aggiungere almeno:",
+        "insufficientFunds": "Non hai abbastanza fondi per completare lo scambio.",
+        "insufficientGas": "Non hai abbastanza gas per completare lo scambio. Devi aggiungere almeno:",
         "rateChanged": "Il tasso di scambio è cambiato. Se procedi, confermi di accettare il nuovo tasso.",
         "resetSettings": "Questo porterà al ripristino della priorità di route, slittamento di prezzo, prezzo del gas, bridge abilitati ed exchanges."
       },

package/i18n/pt.json

@@ -0,0 +1,234 @@
+{
+  "button": {
+    "auto": "Automático",
+    "cancel": "Cancelar",
+    "connectWallet": "Conectar carteira",
+    "contactSupport": "Falar com o suporte",
+    "continue": "Continuar",
+    "copyAddress": "Copiar endereço",
+    "dark": "Escuro",
+    "delete": "Apagar",
+    "disconnect": "Desconectar",
+    "done": "Concluído",
+    "getGas": "Obter gás",
+    "hide": "Ocultar",
+    "lifiSwap": "Conversão LI.FI",
+    "light": "Claro",
+    "max": "máximo",
+    "ok": "Tudo certo",
+    "okay": "Ok",
+    "removeSwap": "Remover conversão",
+    "reset": "Redefinir",
+    "resetSettings": "Redefinir as configurações",
+    "restartSwap": "Reiniciar a conversão",
+    "reviewGasSwap": "Rever o gás de conversão",
+    "reviewSwap": "Rever conversão",
+    "seeDetails": "Ver detalhes",
+    "showAll": "Mostrar tudo",
+    "startGasSwap": "Iniciar conversão de gás",
+    "startSwap": "Iniciar conversão",
+    "swap": "Conversão",
+    "tryAgain": "Tente novamente",
+    "viewOnExplorer": "Ver no explorador"
+  },
+  "format": {
+    "currency": "{{value, currency(currency: USD)}}",
+    "number": "{{value, number(maximumFractionDigits: 9)}}"
+  },
+  "header": {
+    "activeSwaps": "Conversões ativas",
+    "checkout": "Finalizar",
+    "from": "Converter a partir de",
+    "gas": "Gás",
+    "gasSwap": "Conversão de gás",
+    "routes": "Você recebe",
+    "selectChain": "Selecionar uma rede",
+    "selectWallet": "Selecionar sua carteira",
+    "settings": "Configurações",
+    "swap": "Conversão",
+    "swapDetails": "Detalhes da conversão",
+    "swapHistory": "Histórico de conversões",
+    "to": "Converter para",
+    "walletConnected": "Carteira conectada"
+  },
+  "language": {
+    "name": "Português",
+    "title": "Idioma"
+  },
+  "settings": {
+    "enabledBridges": "Pontes habilitadas",
+    "enabledExchanges": "Corretoras habilitadas",
+    "gasPrice": {
+      "fast": "Rápido",
+      "normal": "Normal",
+      "slow": "Lento",
+      "title": "Preço do gás"
+    },
+    "routePriority": "Prioridade de rota / caminho",
+    "showDestinationWallet": "Mostrar carteira de destino",
+    "slippage": "Derrapagem"
+  },
+  "swap": {
+    "crossStepDetails": "Ponte de {{from}} para {{to}} via {{tool}}",
+    "currentAmount": "Quantidade atual",
+    "error": {
+      "message": {
+        "slippageThreshold": "A derrapagem é maior do que o limite definido. Solicite uma nova rota para obter uma nova cotação.",
+        "transactionFailed": "Por favor, verifique o explorador de blocos para mais informações.",
+        "transactionNotSent": "A transação não foi enviada. {{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} na {{chainName}} permanece na sua carteira.",
+        "transactionRejected": "Sua assinatura é necessária para completar a transação. {{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} em {{chainName}} permanece na sua carteira.",
+        "unknown": "Por favor, tente novamente ou fale com o suporte."
+      },
+      "title": {
+        "balanceIsTooLow": "O saldo é muito baixo",
+        "chainSwitch": "Necessário mudança de rede",
+        "failed": "Conversão falhou",
+        "gasLimitIsTooLow": "O limite de gás é muito baixo",
+        "slippageNotMet": "Condições de tolerância a discrepâncias não foram atendidas",
+        "transactionCanceled": "Transação cancelada",
+        "transactionFailed": "Transação falhou",
+        "transactionRejected": "Necessário assinatura",
+        "transactionUnderpriced": "Transação está abaixo do valor",
+        "transactionUnprepared": "Não foi possível preparar a transação",
+        "unknown": "Algo deu errado",
+        "walletAddressInvalid": "Endereço da carteira é inválido.",
+        "walletAddressRequired": "Endereço da carteira é necessário.",
+        "walletEnsAddressInvalid": "O endereço da carteira é inválido ou a rede não suporta ENS."
+      }
+    },
+    "estimatedTime": "{{value}}minutos",
+    "featuredTokens": "Tokens em destaque",
+    "from": "De",
+    "fromAmount": "Você paga",
+    "gasCost": "Custo do gás",
+    "gasFeeEstimated": "Taxa de gás estimada",
+    "gasFeePaid": "taxa de gás paga",
+    "inProgress": "em andamento",
+    "info": {
+      "message": {
+        "autoRefuel": "Você está com pouco gás na rede {{chainName}}. Ao continuar, você obterá gás suficiente para completar a conversão.",
+        "emptyActiveSwaps": "Conversões em andamento aparecerão aqui. Uma vez concluídas, encontre-as no histórico de conversão.",
+        "emptySwapHistory": "Histórico de conversão é armazenado apenas localmente e será excluído se você limpar os dados do seu navegador.",
+        "emptyTokenList": "Não conseguimos encontrar tokens na rede {{chainName}} ou você não possui nenhum. Por favor, tente procurar novamente ou escolha outra rede.",
+        "routeNotFound": "Tente outra combinação de tokens."
+      },
+      "title": {
+        "autoRefuel": "Obter gás",
+        "emptyActiveSwaps": "Não há conversões ativas",
+        "emptySwapHistory": "Não há conversões recentes",
+        "routeNotFound": "Nenhuma rota disponível"
+      }
+    },
+    "nftStepDetails": "Comprar NFT via {{tool}}",
+    "onChain": "em {{nome da rede}}",
+    "otherTokens": "Outros tokens",
+    "ownedBy": "Possuído por",
+    "payWith": "Pagar com",
+    "process": {
+      "crossChain": {
+        "actionRequired": "Por favor, assine a transação",
+        "done": "Transação da ponte confirmada",
+        "pending": "Aguardando a transação da ponte",
+        "started": "Preparando a transação da ponte"
+      },
+      "receivingChain": {
+        "done": "Ponte concluída",
+        "partial": "Ponte parcialmente concluída",
+        "pending": "Aguardando a rede de destino",
+        "refunded": "Transação de ponte reembolsada"
+      },
+      "swap": {
+        "actionRequired": "Por favor, assine a transação",
+        "done": "Conversão concluída",
+        "pending": "Aguardando a transação de conversão",
+        "started": "Preparando a transação de conversão"
+      },
+      "switchChain": {
+        "actionRequired": "Necessário mudança de rede",
+        "done": "Rede alterada com sucesso"
+      },
+      "tokenAllowance": {
+        "done": "Permissão de token aprovada",
+        "pending": "Aguardando a permissão do token",
+        "started": "Configurando a permissão do token"
+      }
+    },
+    "quotedAmount": "Valor da cotação",
+    "rateChange": "Alterar taxa",
+    "receiving": "Recebendo",
+    "refuelStepDetails": "Obter gás via {{tool}}",
+    "routes": "Você recebe",
+    "selectChain": "Rede",
+    "selectChainAndToken": "Selecione a rede e o token",
+    "selectToken": "Token",
+    "sendToAddress": "Enviar para",
+    "sendToWallet": "Enviar para uma carteira diferente",
+    "sentToAddress": "Enviar para",
+    "stepBridge": "Ponte",
+    "stepDetails": "{{tool}} via LI.FI",
+    "stepSwap": "Conversão",
+    "stepSwapAndBridge": "Converter e enviar pela ponte",
+    "success": {
+      "message": {
+        "swapPartiallySuccessful": "Tentamos completar a conversão, mas a {{tool}} ficou sem liquidez para o token {{tokenSymbol}}.",
+        "swapSuccessful": "Agora há {{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} na carteira {{walletAddress}} na rede {{chainName}}."
+      },
+      "title": {
+        "gasSwapSuccessful": "Conversão de gás bem sucedida",
+        "refundIssued": "Reembolso emitido",
+        "swapPartiallySuccessful": "Conversão parcialmente bem sucedida",
+        "swapSuccessful": "Conversão bem sucedida"
+      }
+    },
+    "supportId": "ID de suporte",
+    "swapStepDetails": "Converter na {{chain}} via {{tool}}",
+    "swapping": "Convertendo",
+    "tags": {
+      "ALTERNATIVE": "ALTERNATIVA",
+      "CHEAPEST": "MAIS BARATO",
+      "FASTEST": "MAIS RÁPIDO",
+      "RECOMMENDED": "RECOMENDADO",
+      "SAFEST": "MAIS SEGURO"
+    },
+    "to": "Para",
+    "tokenOnChain": "{{tokenSymbol}} na {{chainName}}",
+    "tokenOnChainAmount": "{{amount, number(maximumFractionDigits: 9)}} {{tokenSymbol}} na {{chainName}}",
+    "tokenSearch": "Pesquisar seu token",
+    "valueLoss": "Perda de Valor",
+    "walletAddressOrEns": "Endereço da carteira ou nome ENS",
+    "warning": {
+      "message": {
+        "deleteActiveSwaps": "As conversões ativas são armazenadas apenas localmente e não podem ser recuperadas se forem excluídas.",
+        "deleteSwapHistory": "O histórico de conversões é armazenado apenas localmente e não pode ser recuperado caso seja excluído.",
+        "highValueLoss": "A quantidade de tokens a serem recebidos é significativamente menor do que os tokens convertidos e os custos da transação.",
+        "insufficientFunds": "Você não possui fundos suficientes para completar a conversão.",
+        "insufficientGas": "Você não tem gás suficiente para completar a conversão. É necessário adicionar pelo menos:",
+        "rateChanged": "A taxa de câmbio mudou. Ao continuar a conversão, você aceitará a nova taxa.",
+        "resetSettings": "Isto redefinirá sua prioridade de rota, tolerância a derrapagem, preço de gás, pontes e trocas ativadas."
+      },
+      "title": {
+        "deleteActiveSwaps": "Excluir todas as conversões ativas?",
+        "deleteSwap": "Excluir esta conversão?",
+        "deleteSwapHistory": "Excluir o histórico de conversão?",
+        "highValueLoss": "Alta perda de valor",
+        "insufficientGas": "Gás insuficiente",
+        "rateChanged": "Taxa alterada",
+        "resetSettings": "Redefinir as configurações?"
+      }
+    }
+  },
+  "tooltip": {
+    "estimatedNetworkFee": "Taxa de rede estimada.",
+    "estimatedTime": "Tempo de execução da conversão estimado em minutos.",
+    "notFound": {
+      "text": "Não conseguimos encontrar esta página.",
+      "title": "404"
+    },
+    "numberOfSteps": "Um número de passos para a conversão. Cada etapa pode conter 1-2 transações que requerem uma assinatura.",
+    "progressToNextUpdate": "Os dados exibidos serão atualizados automaticamente após {{value}} segundos. Clique aqui para atualizar manualmente.",
+    "settingsModified": "Configurações (modificado)"
+  },
+  "wallet": {
+    "extensionNotFound": "Por favor, certifique-se de que apenas a extensão do navegador da {{name}} está ativa antes de escolher esta carteira."
+  }
+}

package/i18n/uk.json

@@ -106,12 +106,14 @@
     "inProgress": "в процесі",
     "info": {
       "message": {
+        "autoRefuel": "У вас замало {{chainName}} газу. Продовжуючи, ви отримаєте достатньо газу, щоб завершити обмін.",
         "emptyActiveSwaps": "Тут відображатимуться незавершені свопи. Після завершення ви можете знайти їх в історії свопів.",
         "emptySwapHistory": "Історія свопів зберігається лише локально та буде видалена, якщо ви очистите дані браузера.",
         "emptyTokenList": "Нам не вдалося знайти токени на {{chainName}}, або у вас їх немає. Будь ласка, повторіть пошук або виберіть інший чейн.",
         "routeNotFound": "Спробуйте іншу комбінацію токенів."
       },
       "title": {
+        "autoRefuel": "Отримати газ",
         "emptyActiveSwaps": "Немає активних свопів",
         "emptySwapHistory": "Немає останніх свопів",
         "routeNotFound": "Немає доступних маршрутів"
@@ -154,6 +156,7 @@
     "quotedAmount": "Запропонована сума",
     "rateChange": "Зміна курсу",
     "receiving": "Отримання",
+    "refuelStepDetails": "Отримати газ через {{tool}}",
     "routes": "Ви отримуєте",
     "selectChain": "Чейн",
     "selectChainAndToken": "Виберіть чейн і токен",
@@ -162,6 +165,7 @@
     "sendToWallet": "Надіслати на інший гаманець",
     "sentToAddress": "Відправлено на {{address}}",
     "stepBridge": "Брідж",
+    "stepDetails": "{{tool}} через LI.FI",
     "stepSwap": "Своп",
     "stepSwapAndBridge": "Своп та брідж",
     "success": {
@@ -198,7 +202,7 @@
         "deleteSwapHistory": "Історія свопів зберігається лише локально й не може бути відновлена, якщо ви їх видалите.",
         "highValueLoss": "Вартість отриманих токенів значно нижча, ніж обмінені токени та вартість транзакції.",
         "insufficientFunds": "У вас недостатньо коштів для здійснення свопу.",
-        "insufficientGas": "Потрібно додати хоча б:",
+        "insufficientGas": "Для завершення свопа у вас недостатньо газу. Вам необхідно додати хоча б:",
         "rateChanged": "Курс обміну змінився. Продовжуючи своп, ви приймете новий курс.",
         "resetSettings": "Це скине пріоритет вашого маршруту, прослизання, ціну газу, увімкнені мости та обмінники."
       },

package/icons/InsuraceLogo.d.ts

@@ -0,0 +1,2 @@
+import type { SVGProps } from 'react';
+export declare const InsuraceLogo: (props: SVGProps<SVGSVGElement>) => JSX.Element;

package/icons/InsuraceLogo.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from '@mui/material';
+export const InsuraceLogo = (props) => {
+    const theme = useTheme();
+    const insurColor = theme.palette.mode === 'light' ? '#1C4332' : theme.palette.common.white;
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "58", height: "20", fill: "none", ...props, children: [_jsx("path", { fill: insurColor, fillRule: "evenodd", d: "M42.887 3.894a2.104 2.104 0 0 0-1.304.405 1.259 1.259 0 0 0-.544 1.046c0 .683.509 1.15 1.527 1.401.483.12.817.236 1 .345.184.11.276.234.276.373a.36.36 0 0 1-.227.331 1.25 1.25 0 0 1-.568.115c-.66 0-1.292-.25-1.896-.753V8.23c.473.418 1.082.637 1.826.656h.055c.46.01.912-.12 1.297-.37a1.19 1.19 0 0 0 .558-1.053c0-.734-.51-1.229-1.527-1.485a.532.532 0 0 1-.084-.02l-.097-.022a5.483 5.483 0 0 1-.826-.258c-.18-.079-.269-.192-.269-.341a.38.38 0 0 1 .23-.341c.178-.09.374-.133.572-.126.303.006.602.061.886.164a4 4 0 0 1 .906.443V4.41a3.55 3.55 0 0 0-1.791-.516Zm-11.621.056h1.052v4.88h-1.052V3.95Zm5.014 0 1.638 3.876V3.95h1.025v4.88h-1.625l-1.687-4.002V8.83h-1.025V3.95h1.674Zm10.56.007h1.053v2.9c-.007.28.102.55.3.746a.972.972 0 0 0 .711.3.982.982 0 0 0 .715-.3c.2-.196.31-.466.303-.746v-2.9h1.046v2.9c.013.543-.2 1.067-.59 1.447a2.158 2.158 0 0 1-2.941.007 1.934 1.934 0 0 1-.596-1.454v-2.9Zm9.283 1.653a.714.714 0 0 1-.718.71h-1.179V4.891h1.178a.7.7 0 0 1 .51.206.68.68 0 0 1 .209.505v.008ZM53.18 3.95v4.88h1.045V7.226h.823l.969 1.604h1.185l-1.046-1.736c.29-.114.538-.316.708-.578.176-.26.27-.565.268-.879a1.617 1.617 0 0 0-.505-1.185 1.673 1.673 0 0 0-1.224-.502h-2.223Z", clipRule: "evenodd" }), _jsx("path", { fill: "#28DA98", fillRule: "evenodd", d: "M32.366 13.05a1.27 1.27 0 0 0 .37.914c.238.252.57.391.917.383a1.317 1.317 0 0 0 1.296-1.296 1.267 1.267 0 0 0-.383-.913 1.233 1.233 0 0 0-.913-.393 1.216 1.216 0 0 0-.918.388c-.24.245-.373.575-.37.918Zm-.53-1.78a2.274 2.274 0 0 1 1.69-.721c.49-.01.966.166 1.332.493v-.411h1.324v4.838h-1.324v-.401c-.37.318-.845.488-1.333.475a2.252 2.252 0 0 1-1.684-.74 2.45 2.45 0 0 1-.708-1.752 2.471 2.471 0 0 1 .704-1.78v-.001Zm7.093 0c.461-.47 1.095-.73 1.753-.721.5-.006.99.148 1.397.438.408.284.72.685.895 1.15l-1.205.347a1.274 1.274 0 0 0-.434-.543 1.095 1.095 0 0 0-.652-.206 1.174 1.174 0 0 0-.895.393 1.31 1.31 0 0 0-.365.922c-.005.342.127.672.365.918.228.252.554.393.895.388.235.004.466-.068.657-.206a1.3 1.3 0 0 0 .429-.534l1.205.347c-.176.46-.486.858-.89 1.141a2.36 2.36 0 0 1-1.401.439 2.388 2.388 0 0 1-1.767-.736 2.501 2.501 0 0 1 .014-3.537Zm9.495 1.269h-2.346a1.16 1.16 0 0 1 .425-.585c.217-.16.482-.244.753-.237a1.195 1.195 0 0 1 1.168.822Zm.411-1.424a2.477 2.477 0 0 0-3.323.155 2.501 2.501 0 0 0-.013 3.537c.46.48 1.1.747 1.766.735a2.89 2.89 0 0 0 1.351-.342 2.08 2.08 0 0 0 .94-.908l-1.15-.33c-.313.28-.722.428-1.141.412a1.327 1.327 0 0 1-.758-.215 1.043 1.043 0 0 1-.429-.616h3.633c.037-.156.056-.315.055-.475a2.338 2.338 0 0 0-.064-.53 2.467 2.467 0 0 0-.867-1.423Z", clipRule: "evenodd" }), _jsx("path", { fill: "#28DA98", d: "M16.951 10a2.139 2.139 0 0 0-2.139-2.139l1.908-1.907c0 1.18.958 2.139 2.139 2.139L16.95 10ZM12.905 5.954a2.139 2.139 0 0 0-2.14-2.139l1.908-1.907c0 1.18.958 2.138 2.139 2.138l-1.907 1.908Z" }), _jsx("path", { fill: insurColor, d: "M16.951 18.093a2.139 2.139 0 0 0-2.138-2.14l1.907-1.907c0 1.181.958 2.139 2.139 2.139l-1.908 1.908ZM12.905 14.046a2.139 2.139 0 0 0-2.14-2.138L12.674 10c0 1.181.958 2.139 2.139 2.139l-1.907 1.907ZM16.938 2.147c.008-.078.013-.158.013-.24l-.014.24Z" }), _jsx("path", { fill: "#28DA98", d: "M20.207 8.651a1.907 1.907 0 0 0-2.698 0 1.901 1.901 0 0 0-.558 1.35c-.001 1.181-.958 2.138-2.14 2.138h.001c-.488 0-.976.186-1.349.559a1.9 1.9 0 0 0-.558 1.35c-.001 1.18-.957 2.135-2.136 2.137h-.004a2.139 2.139 0 0 1-2.138-2.138c0-.489-.186-.977-.559-1.35a1.901 1.901 0 0 0-1.349-.558 2.139 2.139 0 0 1-2.138-2.137v-.004c0-1.18.957-2.136 2.137-2.137.488 0 .977-.185 1.35-.558.373-.373.559-.861.559-1.35 0-1.18.958-2.138 2.139-2.138a1.907 1.907 0 1 0-1.907-1.907A2.139 2.139 0 0 1 6.72 4.046c-.488 0-.977.186-1.35.56-.372.372-.558.86-.558 1.348a2.139 2.139 0 0 1-2.138 2.139 1.907 1.907 0 1 0 .001 3.815 2.139 2.139 0 0 1 2.137 2.136c0 .489.185.978.559 1.351a1.9 1.9 0 0 0 1.354.559 2.139 2.139 0 0 1 2.133 2.139 1.908 1.908 0 0 0 3.815 0c0-1.182.958-2.14 2.139-2.14.488 0 .976-.185 1.349-.558.374-.374.56-.864.558-1.354a2.139 2.139 0 0 1 2.137-2.133 1.908 1.908 0 0 0 1.35-3.256Z" }), _jsx("path", { fill: insurColor, d: "M28.3 8.651a1.901 1.901 0 0 0-1.348-.558 2.139 2.139 0 0 1-2.139-2.139 1.9 1.9 0 0 0-.559-1.349 1.901 1.901 0 0 0-1.349-.559 2.139 2.139 0 0 1-2.138-2.135 1.907 1.907 0 1 0-3.815-.003c0 .082-.005.164-.014.244v-.005a2.13 2.13 0 0 1-.999 1.579l-.002.001a2.112 2.112 0 0 1-.16.09l-.012.006a2.11 2.11 0 0 1-.163.072l-.018.008c-.055.02-.11.04-.167.056l-.02.006c-.057.016-.115.03-.174.042l-.02.003c-.06.011-.12.02-.182.026l-.013.001c-.064.006-.129.01-.194.01-.06 0-.118.002-.176.008h-.007a1.909 1.909 0 0 0-.526.128l-.01.003a1.92 1.92 0 0 0-.166.077l-.003.002c-.046.024-.09.051-.135.08l-.027.016c-.045.029-.087.061-.13.095-.008.006-.017.011-.025.018a1.912 1.912 0 0 0-.39.43l-.046.08c-.016.027-.034.054-.05.083-.011.023-.02.047-.032.07-.015.033-.032.066-.046.1-.01.025-.018.053-.028.08-.01.03-.023.062-.033.094-.01.036-.018.073-.027.11-.005.023-.012.046-.016.068a1.9 1.9 0 0 0-.02.137l-.007.045a1.935 1.935 0 0 0-.007.154l-.001.029a2.139 2.139 0 0 1-2.138 2.139A1.907 1.907 0 1 0 12.675 10c0-1.18.956-2.138 2.136-2.139.243 0 .485-.045.713-.137l.006-.002c.052-.02.102-.045.152-.07l.018-.009c.045-.023.089-.05.132-.078l.03-.018c.042-.027.083-.058.123-.09l.032-.023a1.953 1.953 0 0 0 .276-.277c.01-.01.017-.023.026-.034.03-.04.06-.08.088-.12l.017-.03c.028-.044.055-.088.079-.133l.009-.02c.025-.049.049-.1.07-.15l.003-.01c.09-.227.136-.468.136-.71l.013-.236a2.139 2.139 0 0 1 4.264.237c0 .49.186.978.559 1.352.373.373.862.559 1.35.558a2.139 2.139 0 0 1-.001 4.278c-.488 0-.977.186-1.35.559-.372.373-.558.862-.558 1.35a2.139 2.139 0 0 1-2.136 2.137 1.908 1.908 0 0 0-1.352 3.256 1.908 1.908 0 0 0 3.257-1.349c0-1.18.958-2.138 2.139-2.138.488 0 .976-.186 1.349-.559.372-.372.558-.86.558-1.35 0-1.18.957-2.136 2.137-2.137a1.907 1.907 0 0 0 1.35-3.256Z" })] }));
+};

package/icons/index.d.ts

@@ -1,3 +1,4 @@
+export * from './InsuraceLogo';
 export * from './LiFiFullLogo';
 export * from './LiFiLogo';
 export * from './LiFiToolLogo';

package/icons/index.js

@@ -1,3 +1,4 @@
+export * from './InsuraceLogo';
 export * from './LiFiFullLogo';
 export * from './LiFiLogo';
 export * from './LiFiToolLogo';

package/index.d.ts

@@ -7,9 +7,3 @@ export { useWidgetEvents, widgetEvents } from './hooks';
 export { useWallet } from './providers/WalletProvider';
 export * from './types';
 export declare const LiFiWidget: import("react").FC<import("./types").WidgetProps>;
-/**
- * @deprecated Use configuration { variant: 'drawer' } instead
- */
-export declare const LiFiWidgetDrawer: import("react").ForwardRefExoticComponent<import("./types").WidgetDrawerProps & import("./types").WidgetConfig & {
-    config?: import("./types").WidgetConfig | undefined;
-} & import("react").RefAttributes<import("./AppDrawer").WidgetDrawer>>;

package/index.js

@@ -1,5 +1,4 @@
 import { App } from './App';
-import { AppDrawer } from './AppDrawer';
 // TODO: remove or make optional
 import './fonts/inter.css';
 export * from './components/NFT';
@@ -11,7 +10,3 @@ export * from './types';
 //   componentName.replace('Mui', 'LiFi'),
 // );
 export const LiFiWidget = App;
-/**
- * @deprecated Use configuration { variant: 'drawer' } instead
- */
-export const LiFiWidgetDrawer = AppDrawer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "1.32.8",
+  "version": "2.0.0-alpha.1",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -43,27 +43,27 @@
     "@ethersproject/address": "^5.7.0",
     "@ethersproject/experimental": "^5.7.0",
     "@ethersproject/providers": "^5.7.2",
-    "@lifi/sdk": "^1.7.2",
-    "@lifi/wallet-management": "^1.2.9",
-    "@mui/icons-material": "^5.11.11",
-    "@mui/lab": "^5.0.0-alpha.121",
-    "@mui/material": "^5.11.11",
-    "@tanstack/react-query": "^4.26.0",
-    "@tanstack/react-virtual": "^3.0.0-beta.53",
+    "@lifi/sdk": "^2.0.0-beta.8",
+    "@lifi/wallet-management": "^1.2.11",
+    "@mui/icons-material": "^5.11.16",
+    "@mui/lab": "^5.0.0-alpha.126",
+    "@mui/material": "^5.12.0",
+    "@tanstack/react-query": "^4.29.1",
+    "@tanstack/react-virtual": "^3.0.0-beta.54",
     "big.js": "^6.2.1",
-    "i18next": "^22.4.10",
+    "i18next": "^22.4.14",
     "i18next-browser-languagedetector": "^7.0.1",
     "microdiff": "^1.3.1",
     "mitt": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.43.4",
+    "react-hook-form": "^7.43.9",
     "react-i18next": "^12.2.0",
     "react-intersection-observer": "^9.4.3",
-    "react-router-dom": "^6.8.2",
+    "react-router-dom": "^6.10.0",
     "react-timer-hook": "^3.0.5",
     "uuid": "^9.0.0",
-    "zustand": "^4.3.6"
+    "zustand": "^4.3.7"
   },
   "peerDependencies": {
     "@types/react": "^18.0.0",

package/pages/ActiveSwapsPage/ActiveSwapsPage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
+import DeleteIcon from '@mui/icons-material/DeleteOutline';
 import { Button, Container, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, List, } from '@mui/material';
 import { useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -20,7 +20,7 @@ export const ActiveSwapsPage = () => {
     }, []);
     useEffect(() => {
         if (executingRoutes.length) {
-            return useHeaderActionStore.getState().setAction(_jsx(IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: _jsx(DeleteOutlineIcon, {}) }));
+            return useHeaderActionStore.getState().setAction(_jsx(IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: _jsx(DeleteIcon, {}) }));
         }
     }, [executingRoutes.length, toggleDialog]);
     if (!executingRoutes.length) {

package/pages/MainPage/MainGasMessage.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { BoxProps } from '@mui/material';
+export declare const MainGasMessage: React.FC<BoxProps>;

package/pages/MainPage/MainGasMessage.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GasMessage } from '../../components/GasMessage';
+import { useSwapRoutes } from '../../hooks';
+export const MainGasMessage = (props) => {
+    const { routes } = useSwapRoutes();
+    const currentRoute = routes?.[0];
+    return _jsx(GasMessage, { route: currentRoute, ...props });
+};

package/pages/MainPage/MainPage.js

@@ -2,18 +2,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@mui/material';
 import { ActiveSwaps } from '../../components/ActiveSwaps';
 import { ContractComponent } from '../../components/ContractComponent';
-import { GasSufficiencyMessage } from '../../components/GasSufficiencyMessage';
+import { GasRefuelMessage } from '../../components/GasMessage';
 import { SelectChainAndToken } from '../../components/SelectChainAndToken';
 import { SendToWallet, SendToWalletButton, } from '../../components/SendToWallet';
 import { SwapInput } from '../../components/SwapInput';
 import { SwapRoutes } from '../../components/SwapRoutes';
 import { useExpandableVariant } from '../../hooks';
 import { useWidgetConfig } from '../../providers';
+import { MainGasMessage } from './MainGasMessage';
 import { FormContainer } from './MainPage.style';
 import { MainSwapButton } from './MainSwapButton';
 export const MainPage = () => {
     const expandable = useExpandableVariant();
     const { variant } = useWidgetConfig();
     const nft = variant === 'nft';
-    return (_jsxs(FormContainer, { disableGutters: true, children: [_jsx(ActiveSwaps, { mx: 3, mt: 1, mb: 2 }), nft ? _jsx(ContractComponent, { mx: 3, mt: 1, mb: 1 }) : null, _jsx(SelectChainAndToken, { mt: 1, mx: 3, mb: 3 }), !nft ? _jsx(SwapInput, { formType: "from", mx: 3, mb: 3 }) : null, !expandable ? _jsx(SwapRoutes, { mx: 3, mb: 3 }) : null, _jsx(GasSufficiencyMessage, { mx: 3, mb: 3 }), _jsxs(Box, { mx: 3, mb: 1, children: [_jsx(SendToWallet, { mb: 3 }), _jsxs(Box, { sx: { display: 'flex' }, children: [_jsx(MainSwapButton, {}), _jsx(SendToWalletButton, {})] })] })] }));
+    return (_jsxs(FormContainer, { disableGutters: true, children: [_jsx(ActiveSwaps, { mx: 3, mt: 1, mb: 1 }), nft ? _jsx(ContractComponent, { mx: 3, mt: 1, mb: 1 }) : null, _jsx(SelectChainAndToken, { mt: 1, mx: 3, mb: 2 }), !nft ? _jsx(SwapInput, { formType: "from", mx: 3, mb: 2 }) : null, !expandable ? _jsx(SwapRoutes, { mx: 3, mb: 2 }) : null, _jsx(SendToWallet, { mx: 3, mb: 2 }), _jsx(GasRefuelMessage, { mx: 3, mb: 2 }), _jsx(MainGasMessage, { mx: 3, mb: 2 }), _jsxs(Box, { display: "flex", mx: 3, mb: 1, children: [_jsx(MainSwapButton, {}), _jsx(SendToWalletButton, {})] })] }));
 };

package/pages/MainPage/MainSwapButton.js

@@ -19,5 +19,5 @@ export const MainSwapButton = () => {
             });
         }
     };
-    return (_jsx(SwapButton, { onClick: handleClick, currentRoute: currentRoute, disabled: currentRoute && (isLoading || isFetching || isValidating || !isValid) }));
+    return (_jsx(SwapButton, { onClick: handleClick, hasRoute: Boolean(currentRoute), disabled: currentRoute && (isLoading || isFetching || isValidating || !isValid) }));
 };

package/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.style.d.ts

@@ -17,4 +17,4 @@ export declare const ListItemButton: import("@emotion/styled").StyledComponent<i
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "className" | "style" | "classes" | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "autoFocus" | "dense" | "divider" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "autoFocus" | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "dense" | "divider" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/pages/SettingsPage/ColorSchemeButtonGroup.js

@@ -10,9 +10,9 @@ import { HiddenUI } from '../../types';
 import { ToggleButton } from './ColorSchemeButtonGroup.style';
 export const ColorSchemeButtonGroup = () => {
     const { t } = useTranslation();
-    const { disableAppearance, hiddenUI } = useWidgetConfig();
+    const { hiddenUI } = useWidgetConfig();
     const [appearance, setAppearance] = useAppearance();
-    if (disableAppearance || hiddenUI?.includes(HiddenUI.Appearance)) {
+    if (hiddenUI?.includes(HiddenUI.Appearance)) {
         return null;
     }
     return (_jsx(Box, { pb: 2, children: _jsxs(ToggleButtonGroup, { color: "primary", value: appearance, onChange: (_, value) => {

package/pages/SettingsPage/ColorSchemeButtonGroup.style.d.ts

@@ -2,14 +2,14 @@
 export declare const ToggleButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ToggleButtonClasses> | undefined;
-    color?: "success" | "warning" | "error" | "primary" | "secondary" | "info" | "standard" | undefined;
+    color?: import("@mui/types").OverridableStringUnion<"success" | "warning" | "error" | "primary" | "secondary" | "info" | "standard", import("@mui/material").ToggleButtonPropsColorOverrides> | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     fullWidth?: boolean | undefined;
     onChange?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>, value: any) => void) | undefined;
     onClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>, value: any) => void) | undefined;
     selected?: boolean | undefined;
-    size?: "small" | "medium" | "large" | undefined;
+    size?: import("@mui/types").OverridableStringUnion<"small" | "medium" | "large", import("@mui/material").ToggleButtonPropsSizeOverrides> | undefined;
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
     value: {};
 } & Omit<{

package/pages/SettingsPage/EnabledToolsButton.style.d.ts

@@ -17,5 +17,5 @@ export declare const ListItemButton: import("@emotion/styled").StyledComponent<i
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "className" | "style" | "classes" | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "autoFocus" | "dense" | "divider" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "className" | "style" | "classes" | "autoFocus" | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "dense" | "divider" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const ListItemText: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any>, import("react").ElementType<any>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/pages/SettingsPage/RoutePrioritySelect.js

@@ -12,7 +12,7 @@ export const RoutePrioritySelect = () => {
     const { routePriority } = useSettings(['routePriority']);
     const value = routePriority ?? '';
     return (_jsxs(Card, { children: [_jsx(CardTitle, { children: t(`settings.routePriority`) }), _jsx(FormControl, { fullWidth: true, children: _jsx(Select, { MenuProps: { elevation: 2 }, value: value, onChange: (event) => setValue('routePriority', event.target.value), IconComponent: KeyboardArrowDownIcon, dense: true, children: Orders.map((order) => {
-                        const tag = t(`swap.tags.${order.toUpperCase()}`);
+                        const tag = t(`swap.tags.${order.toLowerCase()}`);
                         const tagName = `${tag[0]}${tag.slice(1).toLowerCase()}`;
                         return (_jsx(MenuItem, { value: order, children: tagName }, order));
                     }) }) })] }));