hyperliquid-deposit 1.0.0 → 1.0.1

package/dist/index.d.ts

@@ -86,6 +86,11 @@ interface HyperliquidDepositProps {
         modal?: React.CSSProperties;
         overlay?: React.CSSProperties;
     };
+    /**
+     * Optional: External wallet provider (e.g., from WalletConnect)
+     * Required for environments without window.ethereum (like Telegram mini apps)
+     */
+    walletProvider?: any;
 }
 /**
  * HyperliquidDeposit - A one-click deposit button for HyperLiquid
@@ -262,6 +267,11 @@ interface DetailedBridgeProgress {
     txHash?: string;
     txLink?: string;
 }
+/**
+ * Set an external wallet provider (e.g., from WalletConnect)
+ * This should be called before any bridge operations in environments without window.ethereum
+ */
+declare function setWalletProvider(provider: any): void;
 declare class LiFiBridgeService {
     private chains;
     constructor();
@@ -318,4 +328,4 @@ declare function sortByMarketCap<T extends {
     symbol: string;
 }>(tokens: T[]): T[];
 
-export { type BridgeParams, type BridgeProgress, type BridgeWidgetStyles, type ChainBalance, type ChainInfo, ChainTokenSelector, DepositModal, type DetailedBridgeProgress, HYPERLIQUID_BRIDGE_ADDRESS, HyperliquidDeposit, type HyperliquidDepositProps, HyprBridgeWidget, type HyprBridgeWidgetProps, LiFiBridgeService, MIN_HYPERLIQUID_DEPOSIT_USD, type SearchableToken, type StepInfo, TOP_TOKENS_BY_MARKETCAP, TokenSearchService, type WalletState, getTokenRank, isTopToken, sortByMarketCap, useHyperliquidDeposit };
+export { type BridgeParams, type BridgeProgress, type BridgeWidgetStyles, type ChainBalance, type ChainInfo, ChainTokenSelector, DepositModal, type DetailedBridgeProgress, HYPERLIQUID_BRIDGE_ADDRESS, HyperliquidDeposit, type HyperliquidDepositProps, HyprBridgeWidget, type HyprBridgeWidgetProps, LiFiBridgeService, MIN_HYPERLIQUID_DEPOSIT_USD, type SearchableToken, type StepInfo, TOP_TOKENS_BY_MARKETCAP, TokenSearchService, type WalletState, getTokenRank, isTopToken, setWalletProvider, sortByMarketCap, useHyperliquidDeposit };

package/dist/index.js

@@ -180,6 +180,21 @@ var init_wallet = __esm({
   }
 });
 var sdkInitialized = false;
+var externalWalletProvider = null;
+function setWalletProvider(provider) {
+  externalWalletProvider = provider;
+  sdkInitialized = false;
+  console.log("\u{1F50C} External wallet provider set");
+}
+function getWalletProvider() {
+  if (externalWalletProvider) {
+    return externalWalletProvider;
+  }
+  if (typeof window !== "undefined" && window.ethereum) {
+    return window.ethereum;
+  }
+  return null;
+}
 var LiFiBridgeService = class {
   chains = [];
   constructor() {
@@ -194,37 +209,39 @@ var LiFiBridgeService = class {
           // EVM chains (Ethereum, Arbitrum, Base, Polygon, etc.)
           EVM({
             getWalletClient: async () => {
-              if (!window.ethereum) {
-                throw new Error("No wallet provider found");
+              const provider = getWalletProvider();
+              if (!provider) {
+                throw new Error("No wallet provider found. Please connect a wallet first.");
               }
-              const accounts = await window.ethereum.request({
+              const accounts = await provider.request({
                 method: "eth_requestAccounts"
               });
-              const chainIdHex = await window.ethereum.request({
+              const chainIdHex = await provider.request({
                 method: "eth_chainId"
               });
               const currentChainId = parseInt(chainIdHex, 16);
               return createWalletClient({
                 account: accounts[0],
                 chain: { id: currentChainId },
-                transport: custom(window.ethereum)
+                transport: custom(provider)
               });
             },
             switchChain: async (chainId) => {
-              if (!window.ethereum) {
-                throw new Error("No wallet provider found");
+              const provider = getWalletProvider();
+              if (!provider) {
+                throw new Error("No wallet provider found. Please connect a wallet first.");
               }
-              await window.ethereum.request({
+              await provider.request({
                 method: "wallet_switchEthereumChain",
                 params: [{ chainId: `0x${chainId.toString(16)}` }]
               });
-              const accounts = await window.ethereum.request({
+              const accounts = await provider.request({
                 method: "eth_requestAccounts"
               });
               return createWalletClient({
                 account: accounts[0],
                 chain: { id: chainId },
-                transport: custom(window.ethereum)
+                transport: custom(provider)
               });
             }
           }),
@@ -2491,8 +2508,7 @@ var DepositModal = ({
         style: {
           position: "absolute",
           inset: 0,
-          background: "rgba(0, 0, 0, 0.8)",
-          backdropFilter: "blur(8px)",
+          background: COLORS.ebony,
           cursor: step === "executing" || step === "depositing" ? "not-allowed" : "pointer"
         }
       }
@@ -2594,11 +2610,17 @@ var HyperliquidDeposit = ({
   buttonStyle,
   buttonClassName,
   disabled = false,
-  modalStyles
+  modalStyles,
+  walletProvider
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const [chains, setChains] = useState(customChains || []);
   const [isLoading, setIsLoading] = useState(!customChains);
+  useEffect(() => {
+    if (walletProvider) {
+      setWalletProvider(walletProvider);
+    }
+  }, [walletProvider]);
   useEffect(() => {
     if (customChains) {
       setChains(customChains);
@@ -2621,9 +2643,12 @@ var HyperliquidDeposit = ({
   }, [customChains]);
   const handleOpen = useCallback(() => {
     if (!disabled && !isLoading && walletAddress) {
+      if (walletProvider) {
+        setWalletProvider(walletProvider);
+      }
       setIsOpen(true);
     }
-  }, [disabled, isLoading, walletAddress]);
+  }, [disabled, isLoading, walletAddress, walletProvider]);
   const handleClose = useCallback(() => {
     setIsOpen(false);
   }, []);
@@ -5146,6 +5171,6 @@ var HyprBridgeWidget = ({ styles }) => {
   ] });
 };
 
-export { ChainTokenSelector, DepositModal, HYPERLIQUID_BRIDGE_ADDRESS, HyperliquidDeposit, HyprBridgeWidget, LiFiBridgeService, MIN_HYPERLIQUID_DEPOSIT_USD, TOP_TOKENS_BY_MARKETCAP, TokenSearchService, getTokenRank, isTopToken, sortByMarketCap, useHyperliquidDeposit };
+export { ChainTokenSelector, DepositModal, HYPERLIQUID_BRIDGE_ADDRESS, HyperliquidDeposit, HyprBridgeWidget, LiFiBridgeService, MIN_HYPERLIQUID_DEPOSIT_USD, TOP_TOKENS_BY_MARKETCAP, TokenSearchService, getTokenRank, isTopToken, setWalletProvider, sortByMarketCap, useHyperliquidDeposit };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map