@hot-labs/kit 1.1.3 → 1.2.0-alpha.1

package/src/ui/payment/Payment.tsx

@@ -1,277 +1,79 @@
 import { observer } from "mobx-react-lite";
-import { useEffect, useState } from "react";
+import { useEffect } from "react";
 
-import { WalletIcon } from "../icons/wallet";
-import { PopupButton, PopupOption, PopupOptionInfo } from "../styles";
-import { Commitment, Intents } from "../../core";
+import { HotConnector } from "../../HotConnector";
+import { openBridge, openConnector } from "../router";
 import { Recipient } from "../../core/recipient";
-import { Token } from "../../core/token";
-
 import { BridgeReview } from "../../exchange";
-import { openConnector } from "../router";
-
 import { OmniWallet } from "../../OmniWallet";
-import { HotConnector } from "../../HotConnector";
+import { Network } from "../../core/chains";
+import { Token } from "../../core/token";
 import Popup from "../Popup";
 
 import { TokenCard } from "./TokenCard";
-import { HorizontalStepper } from "./Stepper";
-import { Loader } from "./Profile";
+import { PopupOption, PopupOptionInfo } from "../styles";
+import { WalletIcon } from "../icons/wallet";
 
 interface PaymentProps {
-  intents: Intents;
-  title?: string;
-  allowedTokens?: string[];
-  prepaidAmount: bigint;
-  payableToken: Token;
-  needAmount: bigint;
   connector: HotConnector;
-  onReject: (message: string) => void;
-  onConfirm: (args: { depositQoute?: BridgeReview; processing?: () => Promise<BridgeReview> }) => Promise<void>;
-  close: () => void;
+  token: Token;
+  amount: bigint;
+  recipient?: Recipient;
+  onClose: () => void;
+  onProcess: (task: Promise<BridgeReview>) => void;
 }
 
-const animations = {
-  success: "https://hex.exchange/success.json",
-  failed: "https://hex.exchange/error.json",
-  loading: "https://hex.exchange/loading.json",
-};
-
-const PAY_SLIPPAGE = 0.002;
-
-const serializeError = (error: any) => {
-  try {
-    if (error instanceof Error) return error.message;
-    if (typeof error === "object" && Object.keys(error).length > 0) return JSON.stringify(error);
-    if (typeof error === "string" || typeof error === "number") return error.toString();
-    return "";
-  } catch (error) {
-    return "Unknown error";
-  }
-};
-
-export const Payment = observer(({ connector, intents, title = "Payment", allowedTokens, prepaidAmount, payableToken, needAmount, onReject, onConfirm, close }: PaymentProps) => {
-  useState(() => {
-    fetch(animations.loading);
-    fetch(animations.success);
-    fetch(animations.failed);
-  });
-
-  useEffect(() => {
-    if (connector.wallets.length !== 0) return;
-    openConnector(connector);
-  }, [connector.wallets.length]);
-
-  const [flow, setFlow] = useState<{
-    token?: Token;
-    wallet?: OmniWallet;
-    commitment?: Commitment;
-    review?: BridgeReview;
-    success?: { depositQoute?: BridgeReview; processing?: () => Promise<BridgeReview> };
-    step?: "selectToken" | "sign" | "transfer" | "success" | "error" | "loading";
-    loading?: boolean;
-    error?: any;
-  } | null>(needAmount === 0n ? { step: "transfer" } : null);
-
-  const paymentTitle = title || `Pay ${payableToken.readable(needAmount)} ${payableToken.symbol}`;
-
+export const Payment = observer(({ connector, recipient, token: need, amount: needAmount, onProcess, onClose }: PaymentProps) => {
+  const title = `Need ${need.readable(needAmount)} ${need.symbol}`;
   const selectToken = async (from: Token, wallet?: OmniWallet) => {
-    if (!wallet) return;
-
-    try {
-      setFlow({ token: from, wallet, review: undefined, step: "sign" });
-      const review = await connector.exchange.reviewSwap({
-        recipient: Recipient.fromWallet(intents.signer)!,
-        amount: needAmount + (needAmount * BigInt(Math.floor(PAY_SLIPPAGE * 1000))) / BigInt(1000),
-        slippage: PAY_SLIPPAGE,
+    onProcess(
+      openBridge(connector, {
         sender: wallet,
-        refund: wallet,
+        autoClose: true,
         type: "exactOut",
-        to: payableToken,
-        from,
-      });
-
-      setFlow({ token: from, wallet, review, step: "sign" });
-    } catch {
-      setFlow({ token: from, wallet, error: true, step: "sign" });
-    }
-  };
-
-  const signStep = async () => {
-    try {
-      setFlow((t) => (t ? { ...t, step: "sign", loading: true } : null));
-      await intents.sign();
-      setFlow((t) => (t ? { ...t, step: "transfer", loading: false } : null));
-    } catch (error) {
-      console.error(error);
-      setFlow((t) => (t ? { ...t, step: "error", loading: false, error } : null));
-      throw error;
-    }
-  };
-
-  const confirmPaymentStep = async () => {
-    try {
-      setFlow((t) => (t ? { ...t, step: "loading" } : null));
-
-      if (flow?.review == null) {
-        await intents.sign();
-        await onConfirm({});
-        setFlow({ loading: false, step: "success" });
-        setTimeout(() => close(), 2000);
-        return;
-      }
-
-      const result = await connector.exchange.makeSwap(flow.review, { log: () => {} });
-      await onConfirm({ depositQoute: result.review, processing: result.processing });
-      setFlow({ loading: false, step: "success" });
-      setTimeout(() => close(), 2000);
-    } catch (error) {
-      console.error(error);
-      setFlow((t) => (t ? { ...t, step: "error", loading: false, error } : null));
-      throw error;
-    }
-  };
-
-  if (flow?.step === "success") {
-    return (
-      <Popup header={<p>{paymentTitle}</p>}>
-        <div style={{ width: "100%", height: 400, display: "flex", justifyContent: "center", alignItems: "center", flexDirection: "column" }}>
-          {/* @ts-expect-error: dotlottie-wc is not typed */}
-          <dotlottie-wc key="success" src={animations.success} speed="1" style={{ width: 300, height: 300 }} mode="forward" loop autoplay></dotlottie-wc>
-          <p style={{ fontSize: 24, marginTop: -32, fontWeight: "bold" }}>Transaction successful</p>
-        </div>
-        <PopupButton style={{ marginTop: "auto" }} onClick={() => close()}>
-          Continue
-        </PopupButton>
-      </Popup>
+        recipient: recipient || Recipient.fromWallet(connector.priorityWallet!),
+        readonlyTo: recipient ? true : false,
+        amount: need.float(needAmount),
+        readonlyAmount: true,
+        title: title,
+        from: from,
+        to: need,
+      })
     );
-  }
-
-  if (flow?.step === "loading") {
-    return (
-      <Popup header={<p>{paymentTitle}</p>}>
-        <div style={{ width: "100%", height: 400, display: "flex", justifyContent: "center", alignItems: "center", flexDirection: "column" }}>
-          {/* @ts-expect-error: dotlottie-wc is not typed */}
-          <dotlottie-wc key="loading" src={animations.loading} speed="1" style={{ marginTop: -64, width: 300, height: 300 }} mode="forward" loop autoplay></dotlottie-wc>
-          <p style={{ fontSize: 24, marginTop: -16, fontWeight: "bold" }}>Transaction processing</p>
-        </div>
-      </Popup>
-    );
-  }
-
-  if (flow?.step === "error") {
-    return (
-      <Popup header={<p>{paymentTitle}</p>}>
-        <div style={{ width: "100%", height: 400, gap: 8, display: "flex", justifyContent: "center", alignItems: "center", flexDirection: "column" }}>
-          {/* @ts-expect-error: dotlottie-wc is not typed */}
-          <dotlottie-wc key="error" src={animations.failed} speed="1" style={{ width: 300, height: 300 }} mode="forward" loop autoplay></dotlottie-wc>
-          <p style={{ fontSize: 24, marginTop: -32, fontWeight: "bold" }}>Transaction failed</p>
-          <p style={{ fontSize: 14, width: "80%", textAlign: "center", overflowY: "auto", lineBreak: "anywhere" }}>{serializeError(flow.error)}</p>
-        </div>
-        <PopupButton onClick={() => onReject(serializeError(flow.error))}>Close</PopupButton>
-      </Popup>
-    );
-  }
-
-  if (flow?.step === "transfer") {
-    return (
-      <Popup onClose={() => onReject("closed")} header={<p>{paymentTitle}</p>}>
-        <HorizontalStepper steps={[{ label: "Select" }, { label: "Review" }, { label: "Confirm" }]} currentStep={2} />
-
-        {prepaidAmount > 0n && <TokenCard token={payableToken} hot={connector} wallet={intents.signer} amount={prepaidAmount} />}
-
-        {flow.token != null && (
-          <TokenCard //
-            hot={connector}
-            token={flow.token}
-            wallet={flow.wallet}
-            amount={flow.review == null ? needAmount : flow.review?.amountIn ?? 0n}
-          />
-        )}
-
-        <PopupButton style={{ marginTop: 24 }} onClick={confirmPaymentStep}>
-          {flow?.loading ? "Confirming..." : "Confirm transaction"}
-        </PopupButton>
-      </Popup>
-    );
-  }
-
-  if (flow?.step === "sign") {
-    const rightControl = <div style={{ paddingRight: 4, marginLeft: "auto", alignItems: "flex-end" }}>{flow.error ? <ErrorIcon /> : <Loader />}</div>;
-
-    return (
-      <Popup onClose={() => onReject("closed")} header={<p>{title}</p>}>
-        <HorizontalStepper steps={[{ label: "Select" }, { label: "Review" }, { label: "Confirm" }]} currentStep={1} />
-
-        {prepaidAmount > 0n && <TokenCard token={payableToken} hot={connector} wallet={intents.signer} amount={prepaidAmount} />}
-
-        {flow.token != null && (
-          <TokenCard //
-            hot={connector}
-            token={flow.token}
-            wallet={flow.wallet}
-            rightControl={flow.review ? undefined : rightControl}
-            amount={flow.review == null ? needAmount : flow.review?.amountIn ?? 0n}
-          />
-        )}
-
-        {flow.error ? (
-          <PopupButton style={{ marginTop: 24 }} onClick={() => setFlow(null)}>
-            Select another token
-          </PopupButton>
-        ) : (
-          <PopupButton style={{ marginTop: 24 }} disabled={!flow?.review} onClick={signStep}>
-            {flow?.loading ? "Signing..." : flow?.review ? "Sign review" : "Quoting..."}
-          </PopupButton>
-        )}
-      </Popup>
-    );
-  }
-
-  const recommendedTokens = connector.walletsTokens.filter((t) => t.token.symbol === "USDT" || t.token.symbol === "USDC");
-  const otherTokens = connector.walletsTokens.filter((t) => t.token.symbol !== "USDT" && t.token.symbol !== "USDC");
-
-  const renderToken = (token: Token, wallet: OmniWallet, balance: bigint) => {
-    if (token.id === payableToken.id) return null;
-    const availableBalance = token.float(balance) - token.reserve;
+  };
 
-    // Allow only tokens in the allowedTokens list
-    if (allowedTokens != null && !allowedTokens?.includes(token.omniAddress)) return null;
+  useEffect(() => {
+    if (connector.wallets.length !== 0) return;
+    openConnector(connector);
+  }, [connector.wallets.length, connector]);
 
-    // same token as need and enough balance is direct deposit
-    if (token.originalChain === payableToken.originalChain && token.originalAddress === payableToken.originalAddress && availableBalance >= payableToken.float(needAmount)) {
-      return <TokenCard key={token.id} token={token} onSelect={selectToken} hot={connector} wallet={wallet} />;
-    }
+  return (
+    <Popup onClose={onClose} header={<p>{title}</p>}>
+      {connector.walletsTokens.map(({ token, wallet, balance }) => {
+        if (token.id === need.id) return null;
+        const availableBalance = token.float(balance) - token.reserve;
 
-    if (availableBalance * token.usd <= payableToken.usd * payableToken.float(needAmount) * (1 + PAY_SLIPPAGE)) return null;
-    return <TokenCard key={token.id} token={token} onSelect={selectToken} hot={connector} wallet={wallet} />;
-  };
+        if (need.originalChain === Network.Gonka || need.originalChain === Network.Juno) {
+          if (token.id === need.id) return null;
+          if (token.originalAddress !== need.originalAddress) return null;
 
-  return (
-    <Popup onClose={() => onReject("closed")} header={<p>{title}</p>}>
-      <HorizontalStepper steps={[{ label: "Select" }, { label: "Review" }, { label: "Confirm" }]} currentStep={0} />
+          if (availableBalance < need.float(needAmount)) return null;
+          return <TokenCard key={token.id} token={token} onSelect={selectToken} hot={connector} wallet={wallet} />;
+        }
 
-      {recommendedTokens.map(({ token, wallet, balance }) => renderToken(token, wallet, balance))}
-      {otherTokens.map(({ token, wallet, balance }) => renderToken(token, wallet, balance))}
+        if (availableBalance * token.usd <= need.usd * need.float(needAmount)) return null;
+        return <TokenCard key={token.id} token={token} onSelect={selectToken} hot={connector} wallet={wallet} />;
+      })}
 
       <PopupOption onClick={() => openConnector(connector)}>
         <div style={{ width: 44, height: 44, borderRadius: 16, background: "#000", display: "flex", alignItems: "center", justifyContent: "center" }}>
           <WalletIcon />
         </div>
         <PopupOptionInfo>
-          <p>Don't find the right token?</p>
-          <span className="wallet-address">Connect another wallet</span>
+          <p>Connect wallet</p>
+          <span className="wallet-address">To more pay options</span>
         </PopupOptionInfo>
       </PopupOption>
     </Popup>
   );
 });
-
-const ErrorIcon = () => {
-  return (
-    <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Failed" style={{ display: "block", margin: "0 auto" }}>
-      <circle cx="14" cy="14" r="13" stroke="#E74C3C" strokeWidth="2" />
-      <path d="M9 9l10 10M19 9l-10 10" stroke="#E74C3C" strokeWidth="2.5" strokeLinecap="round" />
-    </svg>
-  );
-};

package/src/ui/payment/Profile.tsx

@@ -1,6 +1,6 @@
 import { observer } from "mobx-react-lite";
 import styled from "styled-components";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 
 import { LogoutIcon } from "../icons/logout";
 import { openBridge, openConnector } from "../router";
@@ -72,15 +72,13 @@ export const Profile = observer(({ hot, onClose }: { hot: HotConnector; onClose:
   return (
     <Popup onClose={onClose}>
       <div style={{ display: "flex", flexWrap: "wrap", width: "100%", gap: 8 }}>
-        {hot.connectors.map((connector) =>
-          connector.wallets.map((wallet) => (
-            <WalletCard onClick={() => connector.disconnect()}>
-              <ImageView src={wallet.icon} alt={connector.name} size={20} />
-              <div>{formatter.truncateAddress(wallet.address, 8)}</div>
-              <LogoutIcon width={20} height={20} />
-            </WalletCard>
-          ))
-        )}
+        {hot.wallets.map((wallet) => (
+          <WalletCard onClick={() => wallet.disconnect()}>
+            <ImageView src={wallet.icon} alt={wallet.connector.name} size={20} />
+            <div>{formatter.truncateAddress(wallet.address, 8)}</div>
+            <LogoutIcon width={20} height={20} />
+          </WalletCard>
+        ))}
 
         {hot.wallets.length < 6 && (
           <WalletCard style={{ paddingLeft: 12, paddingRight: 12 }} onClick={() => openConnector(hot)}>

package/src/ui/payment/SelectToken.tsx

@@ -7,11 +7,11 @@ import { Token } from "../../core/token";
 import { HotConnector } from "../../HotConnector";
 import { OmniWallet } from "../../OmniWallet";
 import { Network, OmniToken } from "../../core/chains";
-import { tokens } from "../../core/tokens";
 import { PopupOption } from "../styles";
 import Popup from "../Popup";
 
 import { TokenCard, ImageView } from "./TokenCard";
+import { tokens } from "../../core/tokens";
 
 interface SelectTokenPopupProps {
   hot: HotConnector;

package/src/ui/payment/TokenCard.tsx

@@ -58,35 +58,31 @@ export const TokenIcon = observer(({ token, wallet }: { token: Token; wallet?: O
     <div style={{ position: "relative", width: 40, height: 40 }}>
       <ImageView src={token.icon} alt={token.symbol} size={40} />
       <ImageView src={token.chainIcon} alt={token.symbol} size={14} style={{ position: "absolute", bottom: 0, right: 0 }} />
-      {token.chain === -4 && wallet?.type && <ImageView src={wallet.icon} alt={chains.getByType(wallet.type)?.[0]?.name || ""} size={14} style={{ position: "absolute", bottom: 0, left: 0 }} />}
+      {token.chain === -4 && wallet?.type && <ImageView src={wallet.icon} alt={chains.get(wallet.type)?.name || ""} size={14} style={{ position: "absolute", bottom: 0, left: 0 }} />}
     </div>
   );
 });
 
-export const TokenCard = observer(
-  ({ token, onSelect, amount, hot, wallet, rightControl }: { rightControl?: React.ReactNode; token: Token; onSelect?: (token: Token, wallet?: OmniWallet) => void; amount?: bigint; hot: HotConnector; wallet?: OmniWallet }) => {
-    const balance = amount || hot.balance(wallet, token);
-    const symbol = token.chain === -4 && !token.isMainOmni ? `${token.symbol} (${token.originalChainSymbol})` : token.symbol;
+export const TokenCard = observer(({ token, onSelect, hot, wallet }: { token: Token; onSelect: (token: Token, wallet?: OmniWallet) => void; hot: HotConnector; wallet?: OmniWallet }) => {
+  const balance = hot.balance(wallet, token);
+  const symbol = token.chain === -4 && !token.isMainOmni ? `${token.originalChainSymbol}_${token.symbol}` : token.symbol;
 
-    return (
-      <PopupOption key={token.id} onClick={() => onSelect?.(token, wallet)}>
-        <TokenIcon token={token} wallet={wallet} />
+  return (
+    <PopupOption key={token.id} onClick={() => onSelect(token, wallet)}>
+      <TokenIcon token={token} wallet={wallet} />
 
-        <TokenWrap style={{ marginTop: -2, textAlign: "left" }}>
-          <p style={{ textAlign: "left", fontSize: 20, fontWeight: "bold" }}>{symbol}</p>
-          <p style={{ textAlign: "left", fontSize: 14, color: "#c6c6c6" }}>${formatter.amount(token.usd)}</p>
-        </TokenWrap>
+      <TokenWrap style={{ marginTop: -2, textAlign: "left" }}>
+        <p style={{ textAlign: "left", fontSize: 20, fontWeight: "bold" }}>{symbol}</p>
+        <p style={{ textAlign: "left", fontSize: 14, color: "#c6c6c6" }}>${formatter.amount(token.usd)}</p>
+      </TokenWrap>
 
-        {rightControl || (
-          <TokenWrap style={{ paddingRight: 4, marginLeft: "auto", alignItems: "flex-end" }}>
-            <p style={{ textAlign: "right", fontSize: 20 }}>{token.readable(balance)}</p>
-            <p style={{ textAlign: "right", fontSize: 14, color: "#c6c6c6" }}>${token.readable(balance, token.usd)}</p>
-          </TokenWrap>
-        )}
-      </PopupOption>
-    );
-  }
-);
+      <TokenWrap style={{ paddingRight: 4, marginLeft: "auto", alignItems: "flex-end" }}>
+        <p style={{ textAlign: "right", fontSize: 20 }}>{token.readable(balance)}</p>
+        <p style={{ textAlign: "right", fontSize: 14, color: "#c6c6c6" }}>${token.readable(balance, token.usd)}</p>
+      </TokenWrap>
+    </PopupOption>
+  );
+});
 
 const TokenWrap = styled.div`
   display: flex;

package/src/ui/router.tsx

@@ -1,62 +1,34 @@
 import { HotConnector } from "../HotConnector";
 import { OmniConnector } from "../OmniConnector";
-import { OmniWallet } from "../OmniWallet";
-
 import { BridgeReview } from "../exchange";
+import { Token } from "../core/token";
+import { OmniWallet } from "../OmniWallet";
 import { WalletType } from "../core/chains";
 import { Recipient } from "../core/recipient";
-import { Intents } from "../core/Intents";
-import { Token } from "../core/token";
 
 import { present } from "./Popup";
-import { SelectTokenPopup } from "./payment/SelectToken";
-import { SelectRecipient } from "./payment/SelectRecipient";
-import { SelectSender } from "./payment/SelectSender";
-import { BridgeProps } from "./payment/Bridge";
 import { Payment } from "./payment/Payment";
-import { Profile } from "./payment/Profile";
-import { Bridge } from "./payment/Bridge";
-
-import ConnectPrimaryWallet from "./connect/PrimaryWallet";
 import { LogoutPopup } from "./connect/LogoutPopup";
+import { Bridge } from "./payment/Bridge";
+import { Profile } from "./payment/Profile";
+import { SelectTokenPopup } from "./payment/SelectToken";
 import { WalletPicker } from "./connect/WalletPicker";
+import { BridgeProps } from "./payment/Bridge";
 import { Connector } from "./connect/ConnectWallet";
+import { SelectSender } from "./payment/SelectSender";
+import { SelectRecipient } from "./payment/SelectRecipient";
 import { WCRequest } from "./connect/WCRequest";
-import Toast from "./Toast";
 
-export const openPayment = (
-  connector: HotConnector,
-  {
-    intents,
-    title,
-    allowedTokens,
-    prepaidAmount,
-    payableToken,
-    needAmount,
-    onConfirm,
-  }: {
-    intents: Intents;
-    title?: string;
-    allowedTokens?: string[];
-    prepaidAmount: bigint;
-    payableToken: Token;
-    needAmount: bigint;
-    onConfirm: (args: { depositQoute?: BridgeReview; processing?: () => Promise<BridgeReview> }) => Promise<void>;
-  }
-) => {
-  return new Promise<void>((resolve, reject) => {
+export const openPayment = (connector: HotConnector, token: Token, amount: bigint, recipient?: Recipient) => {
+  return new Promise<Promise<BridgeReview>>((resolve, reject) => {
     present((close) => (
       <Payment //
-        title={title}
-        intents={intents}
+        onClose={() => (close(), reject(new Error("User rejected")))}
+        onProcess={(task) => (close(), resolve(task))}
         connector={connector}
-        needAmount={needAmount}
-        prepaidAmount={prepaidAmount}
-        allowedTokens={allowedTokens}
-        payableToken={payableToken}
-        close={() => (close(), resolve())}
-        onReject={() => (close(), reject(new Error("User rejected")))}
-        onConfirm={onConfirm}
+        token={token}
+        amount={amount}
+        recipient={recipient}
       />
     ));
   });
@@ -90,15 +62,7 @@ export const openBridge = (hot: HotConnector, setup?: BridgeProps["setup"]) => {
 };
 
 export const openConnector = (hot: HotConnector) => {
-  return new Promise<void>((resolve) => {
-    present((close) => <Connector hot={hot} onClose={() => (resolve(), close())} />);
-  });
-};
-
-export const openConnectPrimaryWallet = (hot: HotConnector) => {
-  return new Promise<void>((resolve) => {
-    present((close) => <ConnectPrimaryWallet hot={hot} onClose={() => (close(), resolve())} />);
-  });
+  present((close) => <Connector hot={hot} onClose={close} />);
 };
 
 export const openProfile = (hot: HotConnector) => {
@@ -126,7 +90,3 @@ export const openWCRequest = <T,>(args: { task: () => Promise<T>; deeplink?: str
   present((close) => <WCRequest deeplink={args.deeplink} name={args.name} icon={args.icon} onClose={close} task={taskPromise} />);
   return taskPromise;
 };
-
-export const openToast = (message: string) => {
-  return present(() => <Toast message={message} />);
-};

package/src/ui/styles.ts

@@ -195,7 +195,6 @@ export const PopupOption = styled.button`
   outline: none;
   border: none;
   background: transparent;
-  width: 100%;
   gap: 12px;
 
   img {
@@ -265,7 +264,6 @@ export const PopupButton = styled.button`
 
 export const PopupRoot = styled.div`
   height: 100%;
-  width: 100%;
 
   h1,
   h2,

package/build/HotConnector.d.ts

@@ -1,105 +0,0 @@
-import { ChainConfig, WalletType } from "./core/chains";
-import { HotBridge } from "./core/bridge";
-import { OmniToken } from "./core/chains";
-import { Intents } from "./core/Intents";
-import { Telemetry } from "./core/telemetry";
-import { Token } from "./core/token";
-import type CosmosWallet from "./cosmos/wallet";
-import type NearWallet from "./near/wallet";
-import type EvmWallet from "./evm/wallet";
-import type SolanaWallet from "./solana/wallet";
-import type StellarWallet from "./stellar/wallet";
-import type TonWallet from "./ton/wallet";
-import { OmniConnector } from "./OmniConnector";
-import { OmniWallet } from "./OmniWallet";
-import { Exchange } from "./exchange";
-import { Activity } from "./activity";
-interface HotConnectorOptions {
-    apiKey: string;
-    chains?: Record<number, ChainConfig>;
-    connectors?: ((wibe3: HotConnector) => Promise<OmniConnector>)[];
-    walletConnect?: {
-        projectId?: string;
-        metadata?: {
-            name: string;
-            description: string;
-            url: string;
-            icons: string[];
-        };
-    };
-}
-export declare class HotConnector {
-    connectors: OmniConnector[];
-    balances: Record<string, Record<string, bigint>>;
-    telemetry: Telemetry;
-    activity: Activity;
-    hotBridge: HotBridge;
-    exchange: Exchange;
-    private events;
-    settings: {
-        webWallet: string;
-        projectId?: string;
-        metadata?: {
-            name: string;
-            description: string;
-            url: string;
-            icons: string[];
-        };
-    };
-    constructor(options?: HotConnectorOptions);
-    setOmniChainBranding(branding: {
-        name: string;
-        icon: string;
-    }): void;
-    getWalletConnector(type: WalletType): OmniConnector | null;
-    omni(token: OmniToken): Token;
-    get tokens(): Token[];
-    get priorityWallet(): StellarWallet | NearWallet | EvmWallet | SolanaWallet | TonWallet | undefined;
-    get wallets(): OmniWallet[];
-    get walletsTokens(): {
-        token: Token;
-        wallet: OmniWallet;
-        balance: bigint;
-    }[];
-    get nearRpc(): import("./near/rpc").NearRpc;
-    get near(): NearWallet | null;
-    get evm(): EvmWallet | null;
-    get solana(): SolanaWallet | null;
-    get stellar(): StellarWallet | null;
-    get ton(): TonWallet | null;
-    get cosmos(): CosmosWallet | null;
-    isCosmosWallet(wallet?: OmniWallet): wallet is CosmosWallet;
-    isEvmWallet(wallet?: OmniWallet): wallet is EvmWallet;
-    isSolanaWallet(wallet?: OmniWallet): wallet is SolanaWallet;
-    isStellarWallet(wallet?: OmniWallet): wallet is StellarWallet;
-    isTonWallet(wallet?: OmniWallet): wallet is TonWallet;
-    isNearWallet(wallet?: OmniWallet): wallet is NearWallet;
-    getChainBalances(chain: number): number;
-    balance(wallet?: OmniWallet, token?: Token): bigint;
-    omniBalance(token: OmniToken): {
-        token: Token;
-        onchain: bigint;
-        omni: bigint;
-        total: number;
-    };
-    fetchToken(token: Token, wallet: OmniWallet): Promise<bigint>;
-    fetchOmniTokens(wallet: OmniWallet): Promise<void>;
-    fetchTokens(wallet: OmniWallet): Promise<void>;
-    intentsBuilder(wallet?: OmniWallet): Intents;
-    onConnect(handler: (payload: {
-        wallet: OmniWallet;
-        connector: OmniConnector;
-    }) => void): () => void;
-    onDisconnect(handler: (payload: {
-        wallet: OmniWallet;
-        connector: OmniConnector;
-    }) => void): () => void;
-    withdraw(token: OmniToken, amount?: number, settings?: {
-        sender?: OmniWallet;
-    }): Promise<import("./exchange").BridgeReview>;
-    deposit(token: OmniToken, amount?: number): Promise<import("./exchange").BridgeReview>;
-    openBridge(): Promise<void>;
-    connect(type?: WalletType): Promise<void>;
-    disconnect(wallet: WalletType | OmniWallet): Promise<void>;
-}
-export {};