@rash2x/bridge-widget 0.5.9 → 0.6.1

package/dist/{index-CphEQoZi.cjs → index-DJobWPVa.cjs}

@@ -4373,6 +4373,164 @@ const StatusStepsDialog = ({
   }
   return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: true, onOpenChange: () => reset(), children: step });
 };
+const TOKEN_ICON_BASE_URL = "https://icons-ckg.pages.dev/stargate-light/tokens";
+const NETWORK_ICON_BASE_URL = "https://icons-ckg.pages.dev/stargate-light/networks";
+function getTokenIconUrl(symbol) {
+  const normalizedSymbol = normalizeTickerSymbol$1(symbol).toLowerCase();
+  return `${TOKEN_ICON_BASE_URL}/${normalizedSymbol}.svg`;
+}
+function getNetworkIconUrl(chainKey) {
+  const normalizedChainKey = chainKey.toLowerCase();
+  return `${NETWORK_ICON_BASE_URL}/${normalizedChainKey}.svg`;
+}
+function formatEstimatedTime(seconds) {
+  if (seconds < 60) {
+    return `~${seconds}s`;
+  }
+  const minutes = Math.round(seconds / 60);
+  if (minutes === 1) {
+    return "~1 min";
+  }
+  if (minutes < 60) {
+    return `~${minutes} min`;
+  }
+  const hours = Math.round(minutes / 60);
+  return `~${hours}h`;
+}
+function parseRouteType(route) {
+  if (!route) return "STARGATE_V2_FAST";
+  const routeUpper = route.toUpperCase();
+  if (routeUpper.includes("STARGATE_V2") || routeUpper.includes("STARGATEV2")) {
+    return "STARGATE_V2_FAST";
+  }
+  if (routeUpper.includes("OFT")) {
+    return "OFT";
+  }
+  if (routeUpper.includes("STARGATE_V1") || routeUpper.includes("STARGATEV1")) {
+    return "STARGATE_V1";
+  }
+  return "STARGATE_V2_FAST";
+}
+function useBridgeData() {
+  const { quote, status, error, noRoute } = useBridgeQuoteStore();
+  const { selectedAssetSymbol, assetMatrix, tokens } = useTokensStore();
+  const { chains } = useChainsStore();
+  const { slippageBps } = useSettingsStore();
+  return react.useMemo(() => {
+    if (!quote || !chains || !tokens) {
+      return {
+        token: null,
+        sourceNetwork: null,
+        destinationNetwork: null,
+        gateway: null,
+        amounts: null,
+        fees: null,
+        estimatedTime: null,
+        status,
+        isReady: false,
+        error,
+        noRoute
+      };
+    }
+    const sourceChain = chains.find(
+      (c2) => c2.chainKey.toLowerCase() === quote.srcChainKey.toLowerCase()
+    );
+    const destinationChain = chains.find(
+      (c2) => c2.chainKey.toLowerCase() === quote.dstChainKey.toLowerCase()
+    );
+    const srcToken = resolveTokenOnChainFromMatrix$2(
+      assetMatrix,
+      selectedAssetSymbol,
+      quote.srcChainKey
+    );
+    const dstToken = resolveTokenOnChainFromMatrix$2(
+      assetMatrix,
+      selectedAssetSymbol,
+      quote.dstChainKey
+    );
+    const amounts = getQuoteAmounts(quote, srcToken, dstToken);
+    const minReceived = calculateMinReceived(quote, slippageBps, dstToken);
+    const feeData = getQuoteFees(quote, tokens, chains, srcToken, dstToken);
+    const fees = {
+      source: feeData.inSrcToken && srcToken ? {
+        amount: feeData.inSrcToken,
+        symbol: srcToken.symbol,
+        usd: feeData.inSrcToken * (srcToken.price?.usd || 0)
+      } : null,
+      destination: feeData.inDstToken && dstToken ? {
+        amount: feeData.inDstToken,
+        symbol: dstToken.symbol,
+        usd: feeData.inDstToken * (dstToken.price?.usd || 0)
+      } : null,
+      protocol: feeData.protocolFeeUsd ? { usd: feeData.protocolFeeUsd } : null,
+      message: feeData.messageFeeUsd ? { usd: feeData.messageFeeUsd } : null,
+      service: feeData.serviceUsd ? { usd: feeData.serviceUsd } : null,
+      blockchain: feeData.blockchainUsd ? { usd: feeData.blockchainUsd } : null,
+      total: {
+        usd: feeData.totalUsd
+      }
+    };
+    const estimatedTime = quote.duration?.estimated ? {
+      seconds: quote.duration.estimated,
+      formatted: formatEstimatedTime(quote.duration.estimated)
+    } : null;
+    const token = srcToken ? {
+      symbol: srcToken.symbol,
+      address: srcToken.address,
+      decimals: srcToken.decimals,
+      name: srcToken.name,
+      iconUrl: getTokenIconUrl(srcToken.symbol)
+    } : null;
+    const sourceNetwork = sourceChain ? {
+      chainKey: sourceChain.chainKey,
+      name: sourceChain.name,
+      chainId: sourceChain.chainId,
+      chainType: sourceChain.chainType,
+      iconUrl: getNetworkIconUrl(sourceChain.chainKey)
+    } : null;
+    const destinationNetwork = destinationChain ? {
+      chainKey: destinationChain.chainKey,
+      name: destinationChain.name,
+      chainId: destinationChain.chainId,
+      chainType: destinationChain.chainType,
+      iconUrl: getNetworkIconUrl(destinationChain.chainKey)
+    } : null;
+    const gateway = {
+      route: quote.route,
+      routeType: parseRouteType(quote.route)
+    };
+    return {
+      token,
+      sourceNetwork,
+      destinationNetwork,
+      gateway,
+      amounts: {
+        input: quote.srcAmount,
+        inputHuman: amounts.inputHuman,
+        output: quote.dstAmount,
+        outputHuman: amounts.outputHuman,
+        outputRounded: amounts.outputHumanRounded,
+        minimumReceived: minReceived
+      },
+      fees,
+      estimatedTime,
+      status,
+      isReady: status === "success" && !!quote && !noRoute,
+      error,
+      noRoute
+    };
+  }, [
+    quote,
+    chains,
+    tokens,
+    selectedAssetSymbol,
+    assetMatrix,
+    slippageBps,
+    status,
+    error,
+    noRoute
+  ]);
+}
 const useTokens = () => {
   const { setTokens, setSelectedToken, setSelectedAssetSymbol } = useTokensStore();
   const query = reactQuery.useQuery({
@@ -25809,7 +25967,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await Promise.resolve().then(() => require("./index-Bdh_cEEE.cjs"));
+      await Promise.resolve().then(() => require("./index-Gy63MKy2.cjs"));
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -26296,12 +26454,21 @@ const EvaaBridgeContent = ({
   onUrlParamsChange,
   onInitialized,
   onAmountChange,
-  onChainChange
+  onChainChange,
+  onBridgeDataUpdate
 } = {}) => {
   const { t: t2 } = useBridgeTranslation();
   useTokens();
   useChains();
   const swap = useSwapModel();
+  const bridgeData = useBridgeData();
+  const callbackRef = react.useRef(onBridgeDataUpdate);
+  callbackRef.current = onBridgeDataUpdate;
+  react.useEffect(() => {
+    if (callbackRef.current) {
+      callbackRef.current(bridgeData);
+    }
+  }, [bridgeData]);
   const { handleAmountBlur } = useUrlSync({
     enabled: enableUrlSync,
     urlParams,
@@ -26556,6 +26723,7 @@ exports.sumFeeByTokenLD = sumFeeByTokenLD;
 exports.toLD = toLD;
 exports.tonNorm = tonNorm;
 exports.truncateToDecimals = truncateToDecimals;
+exports.useBridgeData = useBridgeData;
 exports.useBridgeQuoteStore = useBridgeQuoteStore;
 exports.useChainsStore = useChainsStore;
 exports.useConnectedWalletsStore = useConnectedWalletsStore;
@@ -26564,4 +26732,4 @@ exports.useSettingsStore = useSettingsStore;
 exports.useSwapModel = useSwapModel;
 exports.useTokensStore = useTokensStore;
 exports.useTransactionStore = useTransactionStore;
-//# sourceMappingURL=index-CphEQoZi.cjs.map
+//# sourceMappingURL=index-DJobWPVa.cjs.map