@nexus-cross/dapp-ui 1.0.5 → 1.1.0-beta.1

package/dist/index.d.cts

@@ -126,6 +126,14 @@ interface SendTransactionArgs {
     gas?: bigint;
 }
 type SendTransactionFn = (args: SendTransactionArgs) => Promise<`0x${string}`>;
+interface GetTransactionReceiptArgs {
+    hash: `0x${string}`;
+    chainId?: number;
+}
+interface TransactionReceiptResult {
+    status?: "success" | "reverted" | "0x1" | "0x0" | number | bigint | boolean;
+}
+type GetTransactionReceiptFn = (args: GetTransactionReceiptArgs) => Promise<TransactionReceiptResult | null | undefined>;
 interface PoolToken {
     address: string;
     symbol: string;
@@ -240,7 +248,7 @@ type DexMarket = "cross" | "crossd" | "forge";
  * dapp-ui가 렌더하는 outlink의 대분류.
  * `portfolio`는 세부적으로 `origin`으로 더 나뉜다.
  */
-type OutlinkCategory = "terms" | "privacy" | "portfolio";
+type OutlinkCategory = "terms" | "privacy" | "portfolio" | "send";
 /**
  * `onOutlink` 콜백에 전달되는 호출 컨텍스트. `category` + `origin`으로
  * 호출측이 목적지별 분기를 할 수 있고, `portfolio-*`의 경우 해당 섹션의
@@ -278,6 +286,13 @@ type OutlinkContext = {
         order: DexOpenOrder;
         pair?: DexPairInfo;
     };
+} | {
+    category: "send";
+    origin: "send-transaction";
+    payload: {
+        chainId: number;
+        txHash: `0x${string}`;
+    };
 };
 type OutlinkOrigin = OutlinkContext["origin"];
 /**
@@ -294,6 +309,45 @@ type OutlinkOrigin = OutlinkContext["origin"];
  */
 type OnOutlink = (link: string, ctx: OutlinkContext) => string | null | undefined | Promise<string | null | undefined>;
 
+interface SendAsset {
+    name: string;
+    symbol: string;
+    chainId: number;
+    address: string;
+    quantity: {
+        decimals: number;
+        numeric: string;
+    };
+    icon_url: string;
+}
+type SendStatus = "idle" | "submitting" | "confirming" | "success" | "error";
+interface RecentSendAddress {
+    address: `0x${string}`;
+    updatedAt: number;
+}
+interface SendAccount {
+    address: `0x${string}`;
+    index?: number;
+    name?: string;
+}
+interface SendPageProps {
+    env?: Environment;
+    theme?: Theme;
+    walletAddress: string;
+    accountName?: string;
+    accounts?: SendAccount[];
+    token: SendAsset;
+    tokens?: SendAsset[];
+    onTokenChange?: (token: SendAsset) => void;
+    sendTransaction?: SendTransactionFn;
+    getTransactionReceipt?: GetTransactionReceiptFn;
+    onSuccess?: (txHash: `0x${string}`) => void;
+    onConfirmSuccess?: () => void;
+    onOutlink?: OnOutlink;
+}
+
+declare function SendPage({ env, theme, walletAddress, accounts, token, tokens, onTokenChange, sendTransaction, getTransactionReceipt, onSuccess, onConfirmSuccess, onOutlink, }: SendPageProps): react_jsx_runtime.JSX.Element;
+
 interface WalletInfoTriggerProps {
     asChild?: boolean;
     className?: string;
@@ -333,6 +387,7 @@ interface WalletInfoProps {
     qrLogoSrc?: string;
     walletAddress: string;
     accountName?: string;
+    sendAccounts?: SendAccount[];
     /** 헤더 좌측에 표시될 프로필 이미지 URL. 미지정 시 주소 기반 그라디언트 아바타가 자동 생성됨. */
     profileImageUrl?: string;
     /** Resolves connectorName & connectorIconUrl from CONNECTOR_REGISTRY */
@@ -387,6 +442,7 @@ interface WalletInfoProps {
      * wagmi의 `sendTransactionAsync`를 그대로 전달해도 호환된다.
      */
     sendTransaction?: SendTransactionFn;
+    getTransactionReceipt?: GetTransactionReceiptFn;
     /**
      * Terms/Privacy · 포트폴리오 섹션 등 외부 링크 이동을 가로채는 콜백.
      * `(url, ctx) => newUrl | null | undefined | Promise<...>` 형태이며
@@ -400,7 +456,7 @@ interface WalletInfoProps {
     style?: WalletInfoStyle;
     children: React.ReactNode;
 }
-declare function WalletInfoRoot({ env, theme, mobileBreakpoint, drawerDirection, modal, showBalance, showForgeToken, showGameToken, showQR, qrLogoSrc, walletAddress, accountName, profileImageUrl, connectorId, connectorName: connectorNameProp, connectorIconUrl: connectorIconUrlProp, preferredTokens, onSelectWallet, onCopyAddress, onDisconnect, disconnectLabel, termsUrl, termsLabel, privacyUrl, privacyLabel, open: propOpen, onOpenChange, showPortfolio, portfolioTitle, showTotalAssets, totalAssetsLabel, sendTransaction, onOutlink, style, children, }: WalletInfoProps): react_jsx_runtime.JSX.Element;
+declare function WalletInfoRoot({ env, theme, mobileBreakpoint, drawerDirection, modal, showBalance, showForgeToken, showGameToken, showQR, qrLogoSrc, walletAddress, accountName, sendAccounts, profileImageUrl, connectorId, connectorName: connectorNameProp, connectorIconUrl: connectorIconUrlProp, preferredTokens, onSelectWallet, onCopyAddress, onDisconnect, disconnectLabel, termsUrl, termsLabel, privacyUrl, privacyLabel, open: propOpen, onOpenChange, showPortfolio, portfolioTitle, showTotalAssets, totalAssetsLabel, sendTransaction, getTransactionReceipt, onOutlink, style, children, }: WalletInfoProps): react_jsx_runtime.JSX.Element;
 declare const WalletInfo: typeof WalletInfoRoot & {
     Trigger: typeof WalletInfoTrigger;
     Content: typeof WalletInfoContent;
@@ -803,6 +859,8 @@ interface ConnectButtonProps {
     providerName?: string;
     /** WalletInfo 헤더에 노출될 계정 라벨 (예: "Account 1", 사용자 지정 이름). */
     accountName?: string;
+    /** Send 주소록의 My Account 탭에 노출할 계정 목록. */
+    sendAccounts?: SendAccount[];
     /** disconnected 상태에서 버튼 클릭 핸들러. */
     onConnect?: () => void;
     /** connected 상태에서 WalletInfo 하단 Disconnect 클릭 핸들러. */
@@ -836,6 +894,7 @@ interface ConnectButtonProps {
     connectorId?: ConnectorId;
     style?: WalletInfoStyle;
     sendTransaction?: SendTransactionFn;
+    getTransactionReceipt?: GetTransactionReceiptFn;
 }
 
 /**
@@ -850,7 +909,7 @@ interface ConnectButtonProps {
  * 상태/데이터/콜백은 props로 주입받는다. 실제 wagmi 연결 로직은
  * `@nexus-cross/connect-kit-react`의 상위 래퍼에서 수행한다.
  */
-declare function ConnectButton({ isConnecting, address, provider, providerName, accountName, onConnect, onDisconnect, onCopy, onSelectWallet, label, connectingLabel, disconnectLabel, className, theme, env, showBalance, showPortfolio, drawerDirection, modal, connectorId, style, sendTransaction, }: ConnectButtonProps): react_jsx_runtime.JSX.Element;
+declare function ConnectButton({ isConnecting, address, provider, providerName, accountName, sendAccounts, onConnect, onDisconnect, onCopy, onSelectWallet, label, connectingLabel, disconnectLabel, className, theme, env, showBalance, showPortfolio, drawerDirection, modal, connectorId, style, sendTransaction, getTransactionReceipt, }: ConnectButtonProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Wallet provider icons used by `ConnectButton`. Ported from
@@ -872,4 +931,4 @@ declare const BINANCE_ICON: string;
 declare const GOOGLE_ICON: string;
 declare const APPLE_ICON: string;
 
-export { APPLE_ICON, AppLauncher, AppLauncherContent, type AppLauncherContentProps, type AppLauncherProps, AppLauncherTrigger, type AppLauncherTriggerProps, BINANCE_ICON, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, ConnectorId, type ConnectorMeta, type DrawerDirection$1 as DrawerDirection, type Environment, GOOGLE_ICON, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type SendTransactionArgs, type SendTransactionFn, TOKEN_STATS_QUERY_KEY, type Theme, type TokenBalance, type TokenBalanceResponse, type TokenStats, type TokenStatsResponse, USER_BALANCE_QUERY_KEY, WALLET_REGISTRY, type WalletConfig, WalletConnectModal, type WalletConnectModalContentProps, type WalletConnectModalProps, type WalletConnectModalStyle, type WalletConnectModalTriggerProps, type WalletHandlers, type WalletId, WalletInfo, type WalletInfoContentProps, type WalletInfoFooterProps, type WalletInfoNavProps, type WalletInfoProps, type WalletInfoStyle, type WalletInfoTriggerProps, WalletPortfolio, WalletPortfolioBody, type WalletPortfolioBodyProps, type WalletPortfolioContentProps, type WalletPortfolioProps, type WalletPortfolioTriggerProps, type WalletProvider, resolveEnvironment, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };
+export { APPLE_ICON, AppLauncher, AppLauncherContent, type AppLauncherContentProps, type AppLauncherProps, AppLauncherTrigger, type AppLauncherTriggerProps, BINANCE_ICON, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, ConnectorId, type ConnectorMeta, type DrawerDirection$1 as DrawerDirection, type Environment, GOOGLE_ICON, type GetTransactionReceiptArgs, type GetTransactionReceiptFn, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type RecentSendAddress, type SendAccount, type SendAsset, SendPage, type SendPageProps, type SendStatus, type SendTransactionArgs, type SendTransactionFn, TOKEN_STATS_QUERY_KEY, type Theme, type TokenBalance, type TokenBalanceResponse, type TokenStats, type TokenStatsResponse, type TransactionReceiptResult, USER_BALANCE_QUERY_KEY, WALLET_REGISTRY, type WalletConfig, WalletConnectModal, type WalletConnectModalContentProps, type WalletConnectModalProps, type WalletConnectModalStyle, type WalletConnectModalTriggerProps, type WalletHandlers, type WalletId, WalletInfo, type WalletInfoContentProps, type WalletInfoFooterProps, type WalletInfoNavProps, type WalletInfoProps, type WalletInfoStyle, type WalletInfoTriggerProps, WalletPortfolio, WalletPortfolioBody, type WalletPortfolioBodyProps, type WalletPortfolioContentProps, type WalletPortfolioProps, type WalletPortfolioTriggerProps, type WalletProvider, resolveEnvironment, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };

package/dist/index.d.ts

@@ -126,6 +126,14 @@ interface SendTransactionArgs {
     gas?: bigint;
 }
 type SendTransactionFn = (args: SendTransactionArgs) => Promise<`0x${string}`>;
+interface GetTransactionReceiptArgs {
+    hash: `0x${string}`;
+    chainId?: number;
+}
+interface TransactionReceiptResult {
+    status?: "success" | "reverted" | "0x1" | "0x0" | number | bigint | boolean;
+}
+type GetTransactionReceiptFn = (args: GetTransactionReceiptArgs) => Promise<TransactionReceiptResult | null | undefined>;
 interface PoolToken {
     address: string;
     symbol: string;
@@ -240,7 +248,7 @@ type DexMarket = "cross" | "crossd" | "forge";
  * dapp-ui가 렌더하는 outlink의 대분류.
  * `portfolio`는 세부적으로 `origin`으로 더 나뉜다.
  */
-type OutlinkCategory = "terms" | "privacy" | "portfolio";
+type OutlinkCategory = "terms" | "privacy" | "portfolio" | "send";
 /**
  * `onOutlink` 콜백에 전달되는 호출 컨텍스트. `category` + `origin`으로
  * 호출측이 목적지별 분기를 할 수 있고, `portfolio-*`의 경우 해당 섹션의
@@ -278,6 +286,13 @@ type OutlinkContext = {
         order: DexOpenOrder;
         pair?: DexPairInfo;
     };
+} | {
+    category: "send";
+    origin: "send-transaction";
+    payload: {
+        chainId: number;
+        txHash: `0x${string}`;
+    };
 };
 type OutlinkOrigin = OutlinkContext["origin"];
 /**
@@ -294,6 +309,45 @@ type OutlinkOrigin = OutlinkContext["origin"];
  */
 type OnOutlink = (link: string, ctx: OutlinkContext) => string | null | undefined | Promise<string | null | undefined>;
 
+interface SendAsset {
+    name: string;
+    symbol: string;
+    chainId: number;
+    address: string;
+    quantity: {
+        decimals: number;
+        numeric: string;
+    };
+    icon_url: string;
+}
+type SendStatus = "idle" | "submitting" | "confirming" | "success" | "error";
+interface RecentSendAddress {
+    address: `0x${string}`;
+    updatedAt: number;
+}
+interface SendAccount {
+    address: `0x${string}`;
+    index?: number;
+    name?: string;
+}
+interface SendPageProps {
+    env?: Environment;
+    theme?: Theme;
+    walletAddress: string;
+    accountName?: string;
+    accounts?: SendAccount[];
+    token: SendAsset;
+    tokens?: SendAsset[];
+    onTokenChange?: (token: SendAsset) => void;
+    sendTransaction?: SendTransactionFn;
+    getTransactionReceipt?: GetTransactionReceiptFn;
+    onSuccess?: (txHash: `0x${string}`) => void;
+    onConfirmSuccess?: () => void;
+    onOutlink?: OnOutlink;
+}
+
+declare function SendPage({ env, theme, walletAddress, accounts, token, tokens, onTokenChange, sendTransaction, getTransactionReceipt, onSuccess, onConfirmSuccess, onOutlink, }: SendPageProps): react_jsx_runtime.JSX.Element;
+
 interface WalletInfoTriggerProps {
     asChild?: boolean;
     className?: string;
@@ -333,6 +387,7 @@ interface WalletInfoProps {
     qrLogoSrc?: string;
     walletAddress: string;
     accountName?: string;
+    sendAccounts?: SendAccount[];
     /** 헤더 좌측에 표시될 프로필 이미지 URL. 미지정 시 주소 기반 그라디언트 아바타가 자동 생성됨. */
     profileImageUrl?: string;
     /** Resolves connectorName & connectorIconUrl from CONNECTOR_REGISTRY */
@@ -387,6 +442,7 @@ interface WalletInfoProps {
      * wagmi의 `sendTransactionAsync`를 그대로 전달해도 호환된다.
      */
     sendTransaction?: SendTransactionFn;
+    getTransactionReceipt?: GetTransactionReceiptFn;
     /**
      * Terms/Privacy · 포트폴리오 섹션 등 외부 링크 이동을 가로채는 콜백.
      * `(url, ctx) => newUrl | null | undefined | Promise<...>` 형태이며
@@ -400,7 +456,7 @@ interface WalletInfoProps {
     style?: WalletInfoStyle;
     children: React.ReactNode;
 }
-declare function WalletInfoRoot({ env, theme, mobileBreakpoint, drawerDirection, modal, showBalance, showForgeToken, showGameToken, showQR, qrLogoSrc, walletAddress, accountName, profileImageUrl, connectorId, connectorName: connectorNameProp, connectorIconUrl: connectorIconUrlProp, preferredTokens, onSelectWallet, onCopyAddress, onDisconnect, disconnectLabel, termsUrl, termsLabel, privacyUrl, privacyLabel, open: propOpen, onOpenChange, showPortfolio, portfolioTitle, showTotalAssets, totalAssetsLabel, sendTransaction, onOutlink, style, children, }: WalletInfoProps): react_jsx_runtime.JSX.Element;
+declare function WalletInfoRoot({ env, theme, mobileBreakpoint, drawerDirection, modal, showBalance, showForgeToken, showGameToken, showQR, qrLogoSrc, walletAddress, accountName, sendAccounts, profileImageUrl, connectorId, connectorName: connectorNameProp, connectorIconUrl: connectorIconUrlProp, preferredTokens, onSelectWallet, onCopyAddress, onDisconnect, disconnectLabel, termsUrl, termsLabel, privacyUrl, privacyLabel, open: propOpen, onOpenChange, showPortfolio, portfolioTitle, showTotalAssets, totalAssetsLabel, sendTransaction, getTransactionReceipt, onOutlink, style, children, }: WalletInfoProps): react_jsx_runtime.JSX.Element;
 declare const WalletInfo: typeof WalletInfoRoot & {
     Trigger: typeof WalletInfoTrigger;
     Content: typeof WalletInfoContent;
@@ -803,6 +859,8 @@ interface ConnectButtonProps {
     providerName?: string;
     /** WalletInfo 헤더에 노출될 계정 라벨 (예: "Account 1", 사용자 지정 이름). */
     accountName?: string;
+    /** Send 주소록의 My Account 탭에 노출할 계정 목록. */
+    sendAccounts?: SendAccount[];
     /** disconnected 상태에서 버튼 클릭 핸들러. */
     onConnect?: () => void;
     /** connected 상태에서 WalletInfo 하단 Disconnect 클릭 핸들러. */
@@ -836,6 +894,7 @@ interface ConnectButtonProps {
     connectorId?: ConnectorId;
     style?: WalletInfoStyle;
     sendTransaction?: SendTransactionFn;
+    getTransactionReceipt?: GetTransactionReceiptFn;
 }
 
 /**
@@ -850,7 +909,7 @@ interface ConnectButtonProps {
  * 상태/데이터/콜백은 props로 주입받는다. 실제 wagmi 연결 로직은
  * `@nexus-cross/connect-kit-react`의 상위 래퍼에서 수행한다.
  */
-declare function ConnectButton({ isConnecting, address, provider, providerName, accountName, onConnect, onDisconnect, onCopy, onSelectWallet, label, connectingLabel, disconnectLabel, className, theme, env, showBalance, showPortfolio, drawerDirection, modal, connectorId, style, sendTransaction, }: ConnectButtonProps): react_jsx_runtime.JSX.Element;
+declare function ConnectButton({ isConnecting, address, provider, providerName, accountName, sendAccounts, onConnect, onDisconnect, onCopy, onSelectWallet, label, connectingLabel, disconnectLabel, className, theme, env, showBalance, showPortfolio, drawerDirection, modal, connectorId, style, sendTransaction, getTransactionReceipt, }: ConnectButtonProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Wallet provider icons used by `ConnectButton`. Ported from
@@ -872,4 +931,4 @@ declare const BINANCE_ICON: string;
 declare const GOOGLE_ICON: string;
 declare const APPLE_ICON: string;
 
-export { APPLE_ICON, AppLauncher, AppLauncherContent, type AppLauncherContentProps, type AppLauncherProps, AppLauncherTrigger, type AppLauncherTriggerProps, BINANCE_ICON, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, ConnectorId, type ConnectorMeta, type DrawerDirection$1 as DrawerDirection, type Environment, GOOGLE_ICON, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type SendTransactionArgs, type SendTransactionFn, TOKEN_STATS_QUERY_KEY, type Theme, type TokenBalance, type TokenBalanceResponse, type TokenStats, type TokenStatsResponse, USER_BALANCE_QUERY_KEY, WALLET_REGISTRY, type WalletConfig, WalletConnectModal, type WalletConnectModalContentProps, type WalletConnectModalProps, type WalletConnectModalStyle, type WalletConnectModalTriggerProps, type WalletHandlers, type WalletId, WalletInfo, type WalletInfoContentProps, type WalletInfoFooterProps, type WalletInfoNavProps, type WalletInfoProps, type WalletInfoStyle, type WalletInfoTriggerProps, WalletPortfolio, WalletPortfolioBody, type WalletPortfolioBodyProps, type WalletPortfolioContentProps, type WalletPortfolioProps, type WalletPortfolioTriggerProps, type WalletProvider, resolveEnvironment, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };
+export { APPLE_ICON, AppLauncher, AppLauncherContent, type AppLauncherContentProps, type AppLauncherProps, AppLauncherTrigger, type AppLauncherTriggerProps, BINANCE_ICON, CONNECTOR_REGISTRY, CROSSX_ICON, type ChainId, ConnectButton, type ConnectButtonProps, ConnectorId, type ConnectorMeta, type DrawerDirection$1 as DrawerDirection, type Environment, GOOGLE_ICON, type GetTransactionReceiptArgs, type GetTransactionReceiptFn, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type RecentSendAddress, type SendAccount, type SendAsset, SendPage, type SendPageProps, type SendStatus, type SendTransactionArgs, type SendTransactionFn, TOKEN_STATS_QUERY_KEY, type Theme, type TokenBalance, type TokenBalanceResponse, type TokenStats, type TokenStatsResponse, type TransactionReceiptResult, USER_BALANCE_QUERY_KEY, WALLET_REGISTRY, type WalletConfig, WalletConnectModal, type WalletConnectModalContentProps, type WalletConnectModalProps, type WalletConnectModalStyle, type WalletConnectModalTriggerProps, type WalletHandlers, type WalletId, WalletInfo, type WalletInfoContentProps, type WalletInfoFooterProps, type WalletInfoNavProps, type WalletInfoProps, type WalletInfoStyle, type WalletInfoTriggerProps, WalletPortfolio, WalletPortfolioBody, type WalletPortfolioBodyProps, type WalletPortfolioContentProps, type WalletPortfolioProps, type WalletPortfolioTriggerProps, type WalletProvider, resolveEnvironment, useGlobalMenu, useTokenBalance, useTokenStats, useWalletDetect };