@rash2x/bridge-widget 0.1.12 → 0.1.13

package/dist/evaa-bridge.mjs

@@ -2,8 +2,9 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import require$$0, { useState, useCallback, useMemo, createContext, useContext, useEffect, memo, forwardRef, useRef } from "react";
+import require$$0, { useEffect, useState, useCallback, useMemo, createContext, useContext, memo, forwardRef, useRef } from "react";
+import { initReactI18next, useTranslation, I18nextProvider } from "react-i18next";
+import i18n, { t } from "i18next";
 import { create as create$1 } from "zustand";
 import { Button } from "@/components/ui/button";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@/components/ui/dialog";
@@ -22,12 +23,76 @@ import { Switch } from "@/components/ui/switch";
 import { X } from "lucide-react";
 import { AnimatePresence, motion } from "framer-motion";
 import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@/components/ui/accordion";
-import { t } from "i18next";
 import { toast, Toaster } from "sonner";
 import { BrowserProvider, Contract, parseUnits } from "ethers";
 import { isAddress, formatUnits } from "viem";
 import { TonClient, Address as Address$1, beginCell } from "@ton/ton";
 import { TronLinkAdapterName } from "@tronweb3/tronwallet-adapters";
+const common$1 = { "connecting": "Connecting…", "initializing": "Initializing...", "loading": "Loading...", "paste": "paste", "close": "Close", "zeroPlaceholder": "0", "nativeToken": "Native Token" };
+const wallets$1 = { "addTonWallet": "Add TON wallet", "addEvmWallet": "Add EVM wallet", "connectTonWallet": "Connect TON wallet", "connectEvmWallet": "Connect EVM wallet", "initializingMetamask": "Initializing MetaMask SDK...", "initializingTronlink": "Initializing TronLink...", "failedToConnectTon": "Failed to connect to TON wallet", "failedToDisconnect": "Failed to disconnect", "metamaskConnectionError": "MetaMask connection error", "failedToConnectMetamask": "Failed to connect to MetaMask", "failedToDisconnectMetamask": "Failed to disconnect from MetaMask", "selectWallet": "Select Wallet", "tonWallets": "TON", "evmWallets": "EVM", "tronWallets": "TRON", "tonKeeper": "TonKeeper", "metaMask": "WalletConnect", "tronLink": "TronLink", "addTronWallet": "Add Tron wallet", "comingSoon": "Coming Soon", "connected": "CONNECTED", "disconnect": "Disconnect", "chooseWallet": "Choose wallet", "oneWalletPerEnv": "You can only connect one wallet per environment.", "connect": "Connect", "connectTronWallet": "Connect Tron wallet", "connectWallet": "Connect wallet" };
+const bridge$1 = { "sourceNetwork": "Source network", "destinationNetwork": "Destination network", "selectToken": "Select token", "selectNetwork": "Select network", "searchToken": "Search token", "searchDestinationChain": "Search destination chain", "myTokens": "My tokens", "allTokens": "All tokens", "willChangeSourceChain": "Will Change Source Chain", "noBalancesFound": "No balances found.", "noResults": "No results", "sendToAnotherAddress": "Send to another address", "youWillReceive": "You will receive", "tonAddressPlaceholder": "TON address", "evmAddressPlaceholder": "0x… EVM address", "addressDoesntMatch": "Address doesn't match the {{network}} network", "checkBeforeTransfer": "Check correctness before transfer" };
+const transaction$1 = { "enterAmount": "Enter amount", "transfer": "Transfer", "getQuote": "Get quote", "failed": "Transaction Failed", "confirm": "Confirm transaction", "signTransaction": "Sign in transaction in wallet", "quoting": "Quoting...", "inProgress": "Processing...", "checkingBalance": "Checking balance...", "insufficientBalance": "Insufficient balance", "amountTooSmall": "Min {{min}}", "amountTooLarge": "Max {{max}}", "successTitle": "Success", "bridged": "Bridged", "transferTitle": "Transfer", "hash": "Hash", "route": "Route", "estTime": "Est. Time", "slippage": "Slippage", "minimumReceived": "Minimum received", "totalFee": "Total Fee", "noRouteFound": "No route found", "notEnoughGas": "Not enough gas", "noRouteFoundForSettings": "No route found for current settings.", "tryAdjustSettings": "Try disabling Gas on Destination, or adjust amount/networks.", "quoteError": "Quote error" };
+const app$1 = { "stargateWidgetName": "Stargate Bridge Widget", "liveWidget": "Live Widget", "getStarted": "Get Started" };
+const settings$1 = { "title": "Settings", "gasOnDestination": "Gas on destination", "slippageTolerance": "Slippage tolerance", "routePriority": "Route Priority", "highSlippageWarning": "High slippage warning", "gasPresets": { "auto": "Auto", "none": "None", "medium": "Medium", "max": "Max" }, "routePresets": { "fastest": "Fastest", "cheapest": "Cheapest", "recommended": "Recommended" } };
+const en = {
+  common: common$1,
+  wallets: wallets$1,
+  bridge: bridge$1,
+  transaction: transaction$1,
+  app: app$1,
+  settings: settings$1
+};
+const common = { "connecting": "Подключение…", "initializing": "Инициализация...", "loading": "Загрузка...", "paste": "вставить", "close": "Закрыть", "zeroPlaceholder": "0", "nativeToken": "Нативный токен" };
+const wallets = { "addTonWallet": "Добавить TON кошелёк", "addEvmWallet": "Добавить EVM кошелёк", "connectTonWallet": "Подключить TON кошелёк", "connectEvmWallet": "Подключить EVM кошелёк", "initializingMetamask": "Инициализация MetaMask SDK...", "initializingTronlink": "Инициализация TronLink...", "failedToConnectTon": "Не удалось подключиться к TON кошельку", "failedToDisconnect": "Не удалось отключиться", "metamaskConnectionError": "Ошибка подключения MetaMask", "failedToConnectMetamask": "Не удалось подключиться к MetaMask", "failedToDisconnectMetamask": "Не удалось отключиться от MetaMask", "selectWallet": "Выберите кошелёк", "tonWallets": "TON", "evmWallets": "EVM", "tronWallets": "TRON", "tonKeeper": "TonKeeper", "metaMask": "WalletConnect", "tronLink": "TronLink", "addTronWallet": "Добавить Tron кошелёк", "comingSoon": "Скоро", "connected": "ПОДКЛЮЧЕНО", "disconnect": "Отключить", "chooseWallet": "Выберите кошелёк", "oneWalletPerEnv": "Можно подключить только один кошелёк на окружение.", "connect": "Подключить", "connectTronWallet": "Подключить Tron кошелёк", "connectWallet": "Подключить кошелёк" };
+const bridge = { "sourceNetwork": "Исходная сеть", "destinationNetwork": "Целевая сеть", "selectToken": "Выбрать токен", "selectNetwork": "Выбрать сеть", "searchToken": "Поиск токена", "searchDestinationChain": "Поиск целевой сети", "myTokens": "Мои токены", "allTokens": "Все токены", "willChangeSourceChain": "Сменит исходную сеть", "noBalancesFound": "Балансы не найдены.", "noResults": "Нет результатов", "sendToAnotherAddress": "Отправить на другой адрес", "youWillReceive": "Вы получите", "tonAddressPlaceholder": "TON адрес", "evmAddressPlaceholder": "0x… EVM адрес", "addressDoesntMatch": "Адрес не соответствует сети {{network}}", "checkBeforeTransfer": "Проверьте корректность перед переводом" };
+const transaction = { "enterAmount": "Введите сумму", "transfer": "Перевести", "getQuote": "Получить котировку", "quoting": "Расчет котировки...", "failed": "Ошибка транзакции", "confirm": "Подтвердите транзакцию", "signTransaction": "Подпишите транзакцию в кошельке", "inProgress": "Выполнение...", "checkingBalance": "Проверка баланса...", "insufficientBalance": "Недостаточно средств", "amountTooSmall": "Минимум {{min}}", "amountTooLarge": "Максимум {{max}}", "successTitle": "Успех", "bridged": "Переведено", "transferTitle": "Перевод", "hash": "Хэш", "route": "Маршрут", "estTime": "Время", "slippage": "Проскальзывание", "minimumReceived": "Минимум к получению", "totalFee": "Общая комиссия", "noRouteFound": "Маршрут не найден", "notEnoughGas": "Недостаточно газа", "noRouteFoundForSettings": "Маршрут не найден для текущих настроек.", "tryAdjustSettings": "Попробуйте отключить Gas on Destination или измените сумму/сети.", "quoteError": "Ошибка котировки" };
+const app = { "stargateWidgetName": "Виджет Stargate Bridge", "liveWidget": "Живой виджет", "getStarted": "Начало работы" };
+const settings = { "title": "Настройки", "gasOnDestination": "Газ на назначении", "slippageTolerance": "Толерантность к проскальзыванию", "routePriority": "Приоритет маршрута", "highSlippageWarning": "Высокое проскальзывание", "gasPresets": { "auto": "Авто", "none": "Нет", "medium": "Средний", "max": "Макс" }, "routePresets": { "fastest": "Быстрейший", "cheapest": "Дешевейший", "recommended": "Рекомендуемый" } };
+const ru = {
+  common,
+  wallets,
+  bridge,
+  transaction,
+  app,
+  settings
+};
+const bridgeI18n = i18n.createInstance();
+const resources = {
+  en: {
+    "evaa-bridge": en
+  },
+  ru: {
+    "evaa-bridge": ru
+  }
+};
+bridgeI18n.use(initReactI18next).init({
+  resources,
+  lng: "en",
+  // Will be overridden by defaultLanguage prop
+  fallbackLng: "en",
+  debug: false,
+  // Use a dedicated namespace to avoid conflicts
+  defaultNS: "evaa-bridge",
+  ns: ["evaa-bridge"],
+  interpolation: {
+    escapeValue: false
+    // react already does escaping
+  }
+});
+function BridgeI18nProvider({
+  children,
+  defaultLanguage = "en"
+}) {
+  useEffect(() => {
+    if (bridgeI18n.language !== defaultLanguage) {
+      bridgeI18n.changeLanguage(defaultLanguage);
+    }
+  }, [defaultLanguage]);
+  return /* @__PURE__ */ jsx(I18nextProvider, { i18n: bridgeI18n, children });
+}
+function useBridgeTranslation() {
+  return useTranslation("evaa-bridge", { i18n: bridgeI18n });
+}
 const norm = (s) => (s ?? "").toUpperCase().replace(/₮/g, "T").replace(/[^A-Z0-9]/g, "");
 const POPULAR_ORDER = [
   "USDT",
@@ -808,7 +873,7 @@ const routePresets = [
   RoutePriority.RECOMMENDED
 ];
 const SettingModal = ({ isOpen, onClose }) => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   const { toChain } = useChainsStore();
   const { tokens } = useTokensStore();
   const {
@@ -1435,7 +1500,7 @@ const TokenSelectModal = ({
   items,
   onChangeAsset
 }) => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   const {
     query,
     setQuery,
@@ -1669,7 +1734,7 @@ const SelectTokenButton = ({
   onClick,
   token
 }) => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   const label = useMemo(() => {
     return token?.symbol ?? t2("bridge.selectToken");
   }, [token, t2]);
@@ -1699,7 +1764,7 @@ const SelectTokenButton = ({
   );
 };
 const FormHeaderComponent = () => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   const { isOpen, onClose, onOpen } = useModal();
   const {
     isOpen: isOpenSettings,
@@ -2204,7 +2269,7 @@ const SelectNetworkButton = ({
   onClick,
   network
 }) => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   const label = useMemo(() => {
     return network?.name ?? t2("bridge.selectNetwork");
   }, [network, t2]);
@@ -2301,7 +2366,7 @@ const ChainSelectModal = ({
   allowedItems,
   onChangeChain
 }) => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   const [query, setQuery] = useState("");
   const [isFocused, setIsFocused] = useState(false);
   const { setFromChain, chains, fromChain, toChain } = useChainsStore();
@@ -2446,7 +2511,7 @@ const WalletButton = ({
   wallet,
   addressType
 }) => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   const { onOpen } = useWalletSelectModal();
   const { chainRegistry } = useChainStrategies();
   const walletType = mapWalletToType(wallet);
@@ -2633,7 +2698,7 @@ const tonNormalize = (addr) => {
   }
 };
 const ToggleRow = ({ enabled, onToggle }) => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   const { toChain } = useChainsStore();
   const { dstAddress } = useAddresses();
   const { setCustomDstAddress, clearCustomDstAddress } = useCustomAddressStore();
@@ -2859,7 +2924,7 @@ function getRouteDisplayName(route) {
   return route.split(/[/\-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
 }
 const Details = () => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   const { selectedAssetSymbol, assetMatrix, tokens } = useTokensStore();
   const { toChain, fromChain, chains } = useChainsStore();
   const { quote, status } = useBridgeQuoteStore();
@@ -3505,7 +3570,7 @@ function useSilentValidations(amountString) {
   return validationResult;
 }
 const SubmitButton = () => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   const { chainRegistry } = useChainStrategies();
   const { srcAddress, dstAddress } = useAddresses();
   const { quote, status, inputAmount, noRoute } = useBridgeQuoteStore();
@@ -3600,13 +3665,22 @@ const SubmitButton = () => {
     }
   };
   const disabled = isBusy || amountNum <= 0 || status === "loading" || isBalanceLoading || hasInsufficientBalance || hasAmountTooLarge || !gas.hasEnoughGas || noRoute || !isValidForTransfer;
-  return /* @__PURE__ */ jsx(Button, { onClick: handleClick, disabled, className: "w-full mt-4", children: label });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick: handleClick,
+      disabled,
+      size: "lg",
+      className: "w-full mt-4",
+      children: label
+    }
+  );
 };
 function short(addr) {
   return addr.slice(0, 4) + "…" + addr.slice(-4);
 }
 const WalletSelectModal = () => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   const { isOpen, onClose } = useWalletSelectModal();
   const { connect, connectors, isPending } = useConnect();
   const { chainRegistry } = useChainStrategies();
@@ -5465,7 +5539,7 @@ var fireworksExports = requireFireworks();
 const Fireworks = /* @__PURE__ */ getDefaultExportFromCjs(fireworksExports);
 const SuccessStep = () => {
   const { current, reset } = useTransactionStore();
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   const metadata = current?.metadata;
   const srcTxHash = current?.srcTxHash;
   const handleCopyHash = () => {
@@ -5684,7 +5758,7 @@ const useCountdown = (initialSeconds) => {
   };
 };
 const ConfirmStep = () => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   const { formatTime } = useCountdown(90);
   return /* @__PURE__ */ jsx(Card, { className: "flex flex-col border-none h-full bg-background overflow-hidden rounded-none md:rounded-lg", children: /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col relative gap-4 py-10 px-8 flex-1 items-center justify-start text-center noise", children: [
     /* @__PURE__ */ jsx(TransactionConfirmVector, {}),
@@ -6659,12 +6733,12 @@ class TonChainStrategy {
           payload: msg.payload
         })
       );
-      const transaction = {
+      const transaction2 = {
         validUntil: Math.floor(Date.now() / 1e3) + TON_CONFIG.validUntil,
         messages: tonMessages
       };
       const result = await this.config.tonConnectUI.sendTransaction(
-        transaction
+        transaction2
       );
       return {
         chainKey: "ton",
@@ -7483,7 +7557,7 @@ const EvaaBridgeWithProviders = (props) => {
   useEffect(() => {
     setTronConnected(!!tronConnected);
   }, [tronConnected, setTronConnected]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(BridgeI18nProvider, { defaultLanguage: props.defaultLanguage, children: /* @__PURE__ */ jsx(
     ChainStrategyProvider,
     {
       evmWallet: {
@@ -7508,7 +7582,7 @@ const EvaaBridgeWithProviders = (props) => {
       tonApiKey: props.tonApiKey,
       children: /* @__PURE__ */ jsx(EvaaBridgeContent, { ...props })
     }
-  );
+  ) });
 };
 const EvaaBridgeContent = ({
   className,
@@ -7516,7 +7590,7 @@ const EvaaBridgeContent = ({
   onAmountChange,
   onChainChange
 } = {}) => {
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useBridgeTranslation();
   useTokensRequest();
   useChainsRequest();
   const [sendToAnother, setSendToAnother] = useState(false);