@nexus-cross/dapp-ui 1.1.2 → 1.1.3-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -2
- package/dist/index.cjs +16 -16
- package/dist/index.d.cts +48 -23
- package/dist/index.d.ts +48 -23
- package/dist/index.js +16 -16
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -112,7 +112,8 @@ interface TokenStatsResponse {
|
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
/**
|
|
115
|
-
*
|
|
115
|
+
* 포트폴리오/Send 기능에서 트랜잭션을 실제로 서명/브로드캐스트할 때
|
|
116
|
+
* 호출하는 공통 payload 타입.
|
|
116
117
|
*
|
|
117
118
|
* 주입되는 지갑 스택(wagmi, viem, 자체 SDK 등)에 관계없이 동일한 계약으로
|
|
118
119
|
* 동작시키기 위한 최소 공통 시그니처다. wagmi의 `sendTransactionAsync`를
|
|
@@ -124,6 +125,8 @@ interface SendTransactionArgs {
|
|
|
124
125
|
data?: `0x${string}`;
|
|
125
126
|
chainId?: number;
|
|
126
127
|
gas?: bigint;
|
|
128
|
+
maxFeePerGas?: bigint;
|
|
129
|
+
maxPriorityFeePerGas?: bigint;
|
|
127
130
|
}
|
|
128
131
|
type SendTransactionFn = (args: SendTransactionArgs) => Promise<`0x${string}`>;
|
|
129
132
|
interface GetTransactionReceiptArgs {
|
|
@@ -471,9 +474,7 @@ interface WalletInfoProps {
|
|
|
471
474
|
/** Total Assets 라벨 텍스트 (기본 "Total Assets USD"). */
|
|
472
475
|
totalAssetsLabel?: string;
|
|
473
476
|
/**
|
|
474
|
-
* 외부
|
|
475
|
-
* `showPortfolio=true`일 때 내부 `WalletPortfolioBody`로 그대로 전달되어
|
|
476
|
-
* 포트폴리오 섹션에서 토큰 전송 액션을 실행할 때 호출된다.
|
|
477
|
+
* Send 페이지의 일반 토큰 전송에 사용할 외부 트랜잭션 전송 함수.
|
|
477
478
|
* wagmi의 `sendTransactionAsync`를 그대로 전달해도 호환된다.
|
|
478
479
|
*/
|
|
479
480
|
sendTransaction?: SendTransactionFn;
|
|
@@ -693,13 +694,6 @@ interface WalletPortfolioProps {
|
|
|
693
694
|
walletAddress: string;
|
|
694
695
|
open?: boolean;
|
|
695
696
|
onOpenChange?: (open: boolean) => void;
|
|
696
|
-
/**
|
|
697
|
-
* 외부(dApp)에서 주입하는 트랜잭션 전송 함수.
|
|
698
|
-
* 포트폴리오 내부에서 구성한 트랜잭션 페이로드를 실제 서명/브로드캐스트할 때
|
|
699
|
-
* 이 함수가 호출된다. 연결된 지갑 스택(wagmi, viem, 자체 SDK 등)에
|
|
700
|
-
* 종속되지 않도록 외부에서 주입한다.
|
|
701
|
-
*/
|
|
702
|
-
sendTransaction?: SendTransactionFn;
|
|
703
697
|
/**
|
|
704
698
|
* 포트폴리오 섹션 내부 외부 링크 이동을 가로채는 콜백.
|
|
705
699
|
* 반환값으로 URL 변형 / 취소가 가능하며 async도 지원한다.
|
|
@@ -707,7 +701,7 @@ interface WalletPortfolioProps {
|
|
|
707
701
|
onOutlink?: OnOutlink;
|
|
708
702
|
children: React.ReactNode;
|
|
709
703
|
}
|
|
710
|
-
declare function WalletPortfolioRoot({ env, theme, walletAddress, open: propOpen, onOpenChange,
|
|
704
|
+
declare function WalletPortfolioRoot({ env, theme, walletAddress, open: propOpen, onOpenChange, onOutlink, children, }: WalletPortfolioProps): react_jsx_runtime.JSX.Element;
|
|
711
705
|
declare const WalletPortfolio: typeof WalletPortfolioRoot & {
|
|
712
706
|
Trigger: typeof WalletPortfolioTrigger;
|
|
713
707
|
Content: typeof WalletPortfolioContent;
|
|
@@ -734,25 +728,21 @@ interface WalletPortfolioBodyProps {
|
|
|
734
728
|
*/
|
|
735
729
|
variant?: "fullscreen" | "embed" | "none";
|
|
736
730
|
className?: string;
|
|
737
|
-
/**
|
|
738
|
-
* 외부(dApp)에서 주입하는 트랜잭션 전송 함수.
|
|
739
|
-
* `WalletPortfolio` 루트에서 사용할 때는 루트의 prop을 통해 자동으로 전달되며,
|
|
740
|
-
* `WalletPortfolioBody`를 단독 embed로 사용하는 경우 직접 전달해야 한다.
|
|
741
|
-
*/
|
|
742
|
-
sendTransaction?: SendTransactionFn;
|
|
743
|
-
getTransactionReceipt?: GetTransactionReceiptFn;
|
|
744
731
|
/**
|
|
745
732
|
* 포트폴리오 섹션 내부 외부 링크 이동을 가로채는 콜백.
|
|
746
733
|
* 반환값으로 URL 변형 / 취소가 가능하며 async도 지원한다.
|
|
747
734
|
*/
|
|
748
735
|
onOutlink?: OnOutlink;
|
|
749
736
|
}
|
|
750
|
-
declare function WalletPortfolioBody({ env, theme, walletAddress, walletName, onBack, showHeader, variant, className,
|
|
737
|
+
declare function WalletPortfolioBody({ env, theme, walletAddress, walletName, onBack, showHeader, variant, className, onOutlink, }: WalletPortfolioBodyProps): react_jsx_runtime.JSX.Element;
|
|
751
738
|
|
|
752
739
|
declare function CROSSxIcon(): react_jsx_runtime.JSX.Element;
|
|
753
740
|
declare function MetaMaskIcon(): react_jsx_runtime.JSX.Element;
|
|
741
|
+
declare function BinanceIcon(): react_jsx_runtime.JSX.Element;
|
|
754
742
|
declare function Verse8Icon(): react_jsx_runtime.JSX.Element;
|
|
755
743
|
declare function TronIcon(): react_jsx_runtime.JSX.Element;
|
|
744
|
+
declare function GoogleIcon(): react_jsx_runtime.JSX.Element;
|
|
745
|
+
declare function AppleIcon(): react_jsx_runtime.JSX.Element;
|
|
756
746
|
|
|
757
747
|
declare const WALLET_REGISTRY: {
|
|
758
748
|
cross_embedded: {
|
|
@@ -760,13 +750,13 @@ declare const WALLET_REGISTRY: {
|
|
|
760
750
|
name: string;
|
|
761
751
|
description: string;
|
|
762
752
|
icon: typeof CROSSxIcon;
|
|
763
|
-
featured: true;
|
|
764
753
|
};
|
|
765
754
|
cross_wallet: {
|
|
766
755
|
id: string;
|
|
767
756
|
name: string;
|
|
768
757
|
description: string;
|
|
769
758
|
icon: typeof CROSSxIcon;
|
|
759
|
+
featured: true;
|
|
770
760
|
};
|
|
771
761
|
cross_extension: {
|
|
772
762
|
id: string;
|
|
@@ -784,6 +774,12 @@ declare const WALLET_REGISTRY: {
|
|
|
784
774
|
icon: typeof MetaMaskIcon;
|
|
785
775
|
rdns: string;
|
|
786
776
|
};
|
|
777
|
+
binance: {
|
|
778
|
+
id: string;
|
|
779
|
+
name: string;
|
|
780
|
+
description: string;
|
|
781
|
+
icon: typeof BinanceIcon;
|
|
782
|
+
};
|
|
787
783
|
verse8: {
|
|
788
784
|
id: string;
|
|
789
785
|
name: string;
|
|
@@ -800,6 +796,19 @@ declare const WALLET_REGISTRY: {
|
|
|
800
796
|
};
|
|
801
797
|
};
|
|
802
798
|
type WalletId = keyof typeof WALLET_REGISTRY;
|
|
799
|
+
declare const SOCIAL_REGISTRY: {
|
|
800
|
+
google: {
|
|
801
|
+
id: string;
|
|
802
|
+
name: string;
|
|
803
|
+
icon: typeof GoogleIcon;
|
|
804
|
+
};
|
|
805
|
+
apple: {
|
|
806
|
+
id: string;
|
|
807
|
+
name: string;
|
|
808
|
+
icon: typeof AppleIcon;
|
|
809
|
+
};
|
|
810
|
+
};
|
|
811
|
+
type SocialId = keyof typeof SOCIAL_REGISTRY;
|
|
803
812
|
|
|
804
813
|
interface WalletConnectModalStyle extends CSSProperties {
|
|
805
814
|
"--wcm-primary"?: string;
|
|
@@ -829,9 +838,24 @@ interface WalletConfig {
|
|
|
829
838
|
visibility?: WalletVisibility;
|
|
830
839
|
}
|
|
831
840
|
type WalletHandlers = Partial<Record<WalletId, () => void | Promise<void>>>;
|
|
841
|
+
interface SocialConfig {
|
|
842
|
+
id: string;
|
|
843
|
+
name: string;
|
|
844
|
+
icon: () => ReactNode;
|
|
845
|
+
}
|
|
846
|
+
type SocialHandlers = Partial<Record<SocialId, () => void | Promise<void>>>;
|
|
832
847
|
type DrawerDirection = "bottom" | "left" | "right" | "top";
|
|
833
848
|
interface WalletConnectModalProps {
|
|
834
849
|
wallets: WalletHandlers;
|
|
850
|
+
socialProviders?: SocialHandlers;
|
|
851
|
+
/**
|
|
852
|
+
* URL the "Terms of Service" link in the footer points to. When
|
|
853
|
+
* omitted the text is rendered without an anchor (still styled in the
|
|
854
|
+
* primary color to match the design).
|
|
855
|
+
*/
|
|
856
|
+
termsUrl?: string;
|
|
857
|
+
/** URL the "Privacy Policy" link in the footer points to. */
|
|
858
|
+
privacyUrl?: string;
|
|
835
859
|
theme?: "dark" | "light";
|
|
836
860
|
mobileBreakpoint?: number;
|
|
837
861
|
drawerDirection?: DrawerDirection;
|
|
@@ -855,7 +879,7 @@ declare function WalletConnectModalTrigger({ asChild, children, }: WalletConnect
|
|
|
855
879
|
|
|
856
880
|
declare function WalletConnectModalContent({ className, }: WalletConnectModalContentProps): react_jsx_runtime.JSX.Element;
|
|
857
881
|
|
|
858
|
-
declare function WalletConnectModalRoot({ wallets, theme, mobileBreakpoint, drawerDirection, dialogWidth, drawerMaxWidth, drawerMinWidth, style, open: openProp, onOpenChange, children, }: WalletConnectModalProps): react_jsx_runtime.JSX.Element;
|
|
882
|
+
declare function WalletConnectModalRoot({ wallets, socialProviders, termsUrl, privacyUrl, theme, mobileBreakpoint, drawerDirection, dialogWidth, drawerMaxWidth, drawerMinWidth, style, open: openProp, onOpenChange, children, }: WalletConnectModalProps): react_jsx_runtime.JSX.Element;
|
|
859
883
|
declare const WalletConnectModal: typeof WalletConnectModalRoot & {
|
|
860
884
|
Trigger: typeof WalletConnectModalTrigger;
|
|
861
885
|
Content: typeof WalletConnectModalContent;
|
|
@@ -939,6 +963,7 @@ interface ConnectButtonProps {
|
|
|
939
963
|
modal?: boolean;
|
|
940
964
|
connectorId?: ConnectorId;
|
|
941
965
|
style?: WalletInfoStyle;
|
|
966
|
+
/** Send 페이지의 일반 토큰 전송에 사용할 외부 트랜잭션 전송 함수. */
|
|
942
967
|
sendTransaction?: SendTransactionFn;
|
|
943
968
|
getTransactionReceipt?: GetTransactionReceiptFn;
|
|
944
969
|
/**
|
|
@@ -982,4 +1007,4 @@ declare const BINANCE_ICON: string;
|
|
|
982
1007
|
declare const GOOGLE_ICON: string;
|
|
983
1008
|
declare const APPLE_ICON: string;
|
|
984
1009
|
|
|
985
|
-
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, type EstimateGasArgs, type EstimateGasFn, GOOGLE_ICON, type GasEstimate, 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 };
|
|
1010
|
+
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, type EstimateGasArgs, type EstimateGasFn, GOOGLE_ICON, type GasEstimate, type GetTransactionReceiptArgs, type GetTransactionReceiptFn, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type RecentSendAddress, SOCIAL_REGISTRY, type SendAccount, type SendAsset, SendPage, type SendPageProps, type SendStatus, type SendTransactionArgs, type SendTransactionFn, type SocialConfig, type SocialHandlers, type SocialId, 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
CHANGED
|
@@ -112,7 +112,8 @@ interface TokenStatsResponse {
|
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
/**
|
|
115
|
-
*
|
|
115
|
+
* 포트폴리오/Send 기능에서 트랜잭션을 실제로 서명/브로드캐스트할 때
|
|
116
|
+
* 호출하는 공통 payload 타입.
|
|
116
117
|
*
|
|
117
118
|
* 주입되는 지갑 스택(wagmi, viem, 자체 SDK 등)에 관계없이 동일한 계약으로
|
|
118
119
|
* 동작시키기 위한 최소 공통 시그니처다. wagmi의 `sendTransactionAsync`를
|
|
@@ -124,6 +125,8 @@ interface SendTransactionArgs {
|
|
|
124
125
|
data?: `0x${string}`;
|
|
125
126
|
chainId?: number;
|
|
126
127
|
gas?: bigint;
|
|
128
|
+
maxFeePerGas?: bigint;
|
|
129
|
+
maxPriorityFeePerGas?: bigint;
|
|
127
130
|
}
|
|
128
131
|
type SendTransactionFn = (args: SendTransactionArgs) => Promise<`0x${string}`>;
|
|
129
132
|
interface GetTransactionReceiptArgs {
|
|
@@ -471,9 +474,7 @@ interface WalletInfoProps {
|
|
|
471
474
|
/** Total Assets 라벨 텍스트 (기본 "Total Assets USD"). */
|
|
472
475
|
totalAssetsLabel?: string;
|
|
473
476
|
/**
|
|
474
|
-
* 외부
|
|
475
|
-
* `showPortfolio=true`일 때 내부 `WalletPortfolioBody`로 그대로 전달되어
|
|
476
|
-
* 포트폴리오 섹션에서 토큰 전송 액션을 실행할 때 호출된다.
|
|
477
|
+
* Send 페이지의 일반 토큰 전송에 사용할 외부 트랜잭션 전송 함수.
|
|
477
478
|
* wagmi의 `sendTransactionAsync`를 그대로 전달해도 호환된다.
|
|
478
479
|
*/
|
|
479
480
|
sendTransaction?: SendTransactionFn;
|
|
@@ -693,13 +694,6 @@ interface WalletPortfolioProps {
|
|
|
693
694
|
walletAddress: string;
|
|
694
695
|
open?: boolean;
|
|
695
696
|
onOpenChange?: (open: boolean) => void;
|
|
696
|
-
/**
|
|
697
|
-
* 외부(dApp)에서 주입하는 트랜잭션 전송 함수.
|
|
698
|
-
* 포트폴리오 내부에서 구성한 트랜잭션 페이로드를 실제 서명/브로드캐스트할 때
|
|
699
|
-
* 이 함수가 호출된다. 연결된 지갑 스택(wagmi, viem, 자체 SDK 등)에
|
|
700
|
-
* 종속되지 않도록 외부에서 주입한다.
|
|
701
|
-
*/
|
|
702
|
-
sendTransaction?: SendTransactionFn;
|
|
703
697
|
/**
|
|
704
698
|
* 포트폴리오 섹션 내부 외부 링크 이동을 가로채는 콜백.
|
|
705
699
|
* 반환값으로 URL 변형 / 취소가 가능하며 async도 지원한다.
|
|
@@ -707,7 +701,7 @@ interface WalletPortfolioProps {
|
|
|
707
701
|
onOutlink?: OnOutlink;
|
|
708
702
|
children: React.ReactNode;
|
|
709
703
|
}
|
|
710
|
-
declare function WalletPortfolioRoot({ env, theme, walletAddress, open: propOpen, onOpenChange,
|
|
704
|
+
declare function WalletPortfolioRoot({ env, theme, walletAddress, open: propOpen, onOpenChange, onOutlink, children, }: WalletPortfolioProps): react_jsx_runtime.JSX.Element;
|
|
711
705
|
declare const WalletPortfolio: typeof WalletPortfolioRoot & {
|
|
712
706
|
Trigger: typeof WalletPortfolioTrigger;
|
|
713
707
|
Content: typeof WalletPortfolioContent;
|
|
@@ -734,25 +728,21 @@ interface WalletPortfolioBodyProps {
|
|
|
734
728
|
*/
|
|
735
729
|
variant?: "fullscreen" | "embed" | "none";
|
|
736
730
|
className?: string;
|
|
737
|
-
/**
|
|
738
|
-
* 외부(dApp)에서 주입하는 트랜잭션 전송 함수.
|
|
739
|
-
* `WalletPortfolio` 루트에서 사용할 때는 루트의 prop을 통해 자동으로 전달되며,
|
|
740
|
-
* `WalletPortfolioBody`를 단독 embed로 사용하는 경우 직접 전달해야 한다.
|
|
741
|
-
*/
|
|
742
|
-
sendTransaction?: SendTransactionFn;
|
|
743
|
-
getTransactionReceipt?: GetTransactionReceiptFn;
|
|
744
731
|
/**
|
|
745
732
|
* 포트폴리오 섹션 내부 외부 링크 이동을 가로채는 콜백.
|
|
746
733
|
* 반환값으로 URL 변형 / 취소가 가능하며 async도 지원한다.
|
|
747
734
|
*/
|
|
748
735
|
onOutlink?: OnOutlink;
|
|
749
736
|
}
|
|
750
|
-
declare function WalletPortfolioBody({ env, theme, walletAddress, walletName, onBack, showHeader, variant, className,
|
|
737
|
+
declare function WalletPortfolioBody({ env, theme, walletAddress, walletName, onBack, showHeader, variant, className, onOutlink, }: WalletPortfolioBodyProps): react_jsx_runtime.JSX.Element;
|
|
751
738
|
|
|
752
739
|
declare function CROSSxIcon(): react_jsx_runtime.JSX.Element;
|
|
753
740
|
declare function MetaMaskIcon(): react_jsx_runtime.JSX.Element;
|
|
741
|
+
declare function BinanceIcon(): react_jsx_runtime.JSX.Element;
|
|
754
742
|
declare function Verse8Icon(): react_jsx_runtime.JSX.Element;
|
|
755
743
|
declare function TronIcon(): react_jsx_runtime.JSX.Element;
|
|
744
|
+
declare function GoogleIcon(): react_jsx_runtime.JSX.Element;
|
|
745
|
+
declare function AppleIcon(): react_jsx_runtime.JSX.Element;
|
|
756
746
|
|
|
757
747
|
declare const WALLET_REGISTRY: {
|
|
758
748
|
cross_embedded: {
|
|
@@ -760,13 +750,13 @@ declare const WALLET_REGISTRY: {
|
|
|
760
750
|
name: string;
|
|
761
751
|
description: string;
|
|
762
752
|
icon: typeof CROSSxIcon;
|
|
763
|
-
featured: true;
|
|
764
753
|
};
|
|
765
754
|
cross_wallet: {
|
|
766
755
|
id: string;
|
|
767
756
|
name: string;
|
|
768
757
|
description: string;
|
|
769
758
|
icon: typeof CROSSxIcon;
|
|
759
|
+
featured: true;
|
|
770
760
|
};
|
|
771
761
|
cross_extension: {
|
|
772
762
|
id: string;
|
|
@@ -784,6 +774,12 @@ declare const WALLET_REGISTRY: {
|
|
|
784
774
|
icon: typeof MetaMaskIcon;
|
|
785
775
|
rdns: string;
|
|
786
776
|
};
|
|
777
|
+
binance: {
|
|
778
|
+
id: string;
|
|
779
|
+
name: string;
|
|
780
|
+
description: string;
|
|
781
|
+
icon: typeof BinanceIcon;
|
|
782
|
+
};
|
|
787
783
|
verse8: {
|
|
788
784
|
id: string;
|
|
789
785
|
name: string;
|
|
@@ -800,6 +796,19 @@ declare const WALLET_REGISTRY: {
|
|
|
800
796
|
};
|
|
801
797
|
};
|
|
802
798
|
type WalletId = keyof typeof WALLET_REGISTRY;
|
|
799
|
+
declare const SOCIAL_REGISTRY: {
|
|
800
|
+
google: {
|
|
801
|
+
id: string;
|
|
802
|
+
name: string;
|
|
803
|
+
icon: typeof GoogleIcon;
|
|
804
|
+
};
|
|
805
|
+
apple: {
|
|
806
|
+
id: string;
|
|
807
|
+
name: string;
|
|
808
|
+
icon: typeof AppleIcon;
|
|
809
|
+
};
|
|
810
|
+
};
|
|
811
|
+
type SocialId = keyof typeof SOCIAL_REGISTRY;
|
|
803
812
|
|
|
804
813
|
interface WalletConnectModalStyle extends CSSProperties {
|
|
805
814
|
"--wcm-primary"?: string;
|
|
@@ -829,9 +838,24 @@ interface WalletConfig {
|
|
|
829
838
|
visibility?: WalletVisibility;
|
|
830
839
|
}
|
|
831
840
|
type WalletHandlers = Partial<Record<WalletId, () => void | Promise<void>>>;
|
|
841
|
+
interface SocialConfig {
|
|
842
|
+
id: string;
|
|
843
|
+
name: string;
|
|
844
|
+
icon: () => ReactNode;
|
|
845
|
+
}
|
|
846
|
+
type SocialHandlers = Partial<Record<SocialId, () => void | Promise<void>>>;
|
|
832
847
|
type DrawerDirection = "bottom" | "left" | "right" | "top";
|
|
833
848
|
interface WalletConnectModalProps {
|
|
834
849
|
wallets: WalletHandlers;
|
|
850
|
+
socialProviders?: SocialHandlers;
|
|
851
|
+
/**
|
|
852
|
+
* URL the "Terms of Service" link in the footer points to. When
|
|
853
|
+
* omitted the text is rendered without an anchor (still styled in the
|
|
854
|
+
* primary color to match the design).
|
|
855
|
+
*/
|
|
856
|
+
termsUrl?: string;
|
|
857
|
+
/** URL the "Privacy Policy" link in the footer points to. */
|
|
858
|
+
privacyUrl?: string;
|
|
835
859
|
theme?: "dark" | "light";
|
|
836
860
|
mobileBreakpoint?: number;
|
|
837
861
|
drawerDirection?: DrawerDirection;
|
|
@@ -855,7 +879,7 @@ declare function WalletConnectModalTrigger({ asChild, children, }: WalletConnect
|
|
|
855
879
|
|
|
856
880
|
declare function WalletConnectModalContent({ className, }: WalletConnectModalContentProps): react_jsx_runtime.JSX.Element;
|
|
857
881
|
|
|
858
|
-
declare function WalletConnectModalRoot({ wallets, theme, mobileBreakpoint, drawerDirection, dialogWidth, drawerMaxWidth, drawerMinWidth, style, open: openProp, onOpenChange, children, }: WalletConnectModalProps): react_jsx_runtime.JSX.Element;
|
|
882
|
+
declare function WalletConnectModalRoot({ wallets, socialProviders, termsUrl, privacyUrl, theme, mobileBreakpoint, drawerDirection, dialogWidth, drawerMaxWidth, drawerMinWidth, style, open: openProp, onOpenChange, children, }: WalletConnectModalProps): react_jsx_runtime.JSX.Element;
|
|
859
883
|
declare const WalletConnectModal: typeof WalletConnectModalRoot & {
|
|
860
884
|
Trigger: typeof WalletConnectModalTrigger;
|
|
861
885
|
Content: typeof WalletConnectModalContent;
|
|
@@ -939,6 +963,7 @@ interface ConnectButtonProps {
|
|
|
939
963
|
modal?: boolean;
|
|
940
964
|
connectorId?: ConnectorId;
|
|
941
965
|
style?: WalletInfoStyle;
|
|
966
|
+
/** Send 페이지의 일반 토큰 전송에 사용할 외부 트랜잭션 전송 함수. */
|
|
942
967
|
sendTransaction?: SendTransactionFn;
|
|
943
968
|
getTransactionReceipt?: GetTransactionReceiptFn;
|
|
944
969
|
/**
|
|
@@ -982,4 +1007,4 @@ declare const BINANCE_ICON: string;
|
|
|
982
1007
|
declare const GOOGLE_ICON: string;
|
|
983
1008
|
declare const APPLE_ICON: string;
|
|
984
1009
|
|
|
985
|
-
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, type EstimateGasArgs, type EstimateGasFn, GOOGLE_ICON, type GasEstimate, 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 };
|
|
1010
|
+
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, type EstimateGasArgs, type EstimateGasFn, GOOGLE_ICON, type GasEstimate, type GetTransactionReceiptArgs, type GetTransactionReceiptFn, type GlobalMenu, type GlobalMenuItem, type GlobalMenuItemUrl, METAMASK_ICON, type OnOutlink, type OutlinkCategory, type OutlinkContext, type OutlinkOrigin, type PreferredToken, type RecentSendAddress, SOCIAL_REGISTRY, type SendAccount, type SendAsset, SendPage, type SendPageProps, type SendStatus, type SendTransactionArgs, type SendTransactionFn, type SocialConfig, type SocialHandlers, type SocialId, 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 };
|