@nexus-cross/dapp-ui 1.1.3-beta.1 → 1.1.3-beta.3

package/README.md

@@ -312,10 +312,14 @@ function ConnectButton() {
   return (
     <WalletConnectModal
       wallets={{
-        cross_embedded: () => connect({ connectorType: "cross_embedded" }),
         cross_wallet: () => connect({ connectorType: "cross_wallet" }),
         cross_extension: () => connect({ connectorType: "cross_extension" }),
         metamask: () => connect({ connectorType: "metamask" }),
+        binance: () => connect({ connectorType: "binance" }),
+      }}
+      socialProviders={{
+        google: () => signInWithProvider("google"),
+        apple: () => signInWithProvider("apple"),
       }}
     >
       <WalletConnectModal.Trigger />
@@ -332,6 +336,9 @@ Context Provider + Dialog/Drawer Root.
 | Prop               | Type                                     | Default    | Description                                |
 | ------------------ | ---------------------------------------- | ---------- | ------------------------------------------ |
 | `wallets`          | `WalletHandlers`                         | (필수)     | 지갑별 연결 콜백 (key가 표시할 지갑 결정)  |
+| `socialProviders`  | `SocialHandlers`                         | -          | Google/Apple 소셜 로그인 콜백              |
+| `termsUrl`         | `string`                                 | -          | Footer Terms 링크 URL                      |
+| `privacyUrl`       | `string`                                 | -          | Footer Privacy 링크 URL                    |
 | `theme`            | `'dark' \| 'light'`                      | `'dark'`   | 다크/라이트 테마                           |
 | `mobileBreakpoint` | `number`                                 | `768`      | 이 px 이하에서 Drawer로 전환               |
 | `drawerDirection`  | `'bottom' \| 'left' \| 'right' \| 'top'` | `'bottom'` | 모바일 Drawer 방향                         |
@@ -339,17 +346,25 @@ Context Provider + Dialog/Drawer Root.
 | `drawerMaxWidth`   | `string`                                 | -          | Drawer 최대 너비                           |
 | `drawerMinWidth`   | `string`                                 | -          | Drawer 최소 너비                           |
 | `style`            | `WalletConnectModalStyle`                | -          | CSS 커스텀 변수 오버라이드 (자동완성 지원) |
+| `open`             | `boolean`                                | -          | Controlled mode: 외부에서 열림 상태 제어   |
+| `onOpenChange`     | `(open: boolean) => void`                | -          | 열림 상태 변경 콜백                        |
 
 #### `WalletHandlers` 타입
 
 ```ts
 type WalletHandlers = Partial<Record<WalletId, () => void | Promise<void>>>;
 
-// WalletId = 'cross_embedded' | 'cross_wallet' | 'cross_extension' | 'metamask' | 'verse8'
+// WalletId = 'cross_embedded' | 'cross_wallet' | 'cross_extension' | 'metamask' | 'binance' | 'verse8' | 'tron'
 ```
 
 객체에 포함된 key의 지갑만 UI에 표시된다. key는 타입 추론이 된다.
 
+`SocialHandlers`는 Google/Apple 소셜 로그인 행에만 사용된다.
+
+```ts
+type SocialHandlers = Partial<Record<'google' | 'apple', () => void | Promise<void>>>;
+```
+
 ### `<WalletConnectModal.Trigger>`
 
 Trigger 버튼. children 없이 사용하면 기본 "Connect Wallet" 버튼이 렌더링된다.
@@ -438,7 +453,14 @@ if (isDetected("io.metamask")) {
 | `cross_wallet`    | CROSSx             | 앱 승인 방식                  |
 | `cross_extension` | CROSSx Extension   | 브라우저 확장, 데스크톱 전용  |
 | `metamask`        | MetaMask           | 브라우저 확장                 |
+| `binance`         | Binance            | 모바일 앱 / WalletConnect     |
 | `verse8`          | Verse8 Wallet      | For Forge 배지                |
+| `tron`            | Tron Wallet        | For SHOP 배지                 |
+
+`@nexus-cross/connect-kit-react`를 쓰는 경우에는 직접 `WalletConnectModal`을
+조립하지 않아도 된다. `<CrossConnectKitProvider>`가 이 컴포넌트를 기반으로 한
+unified connect modal을 자동 렌더링하며, 지갑 필터링은
+`walletAllowlist` / `extraWallets` props로 처리한다.
 
 ---