@nexus-cross/connect-kit-react 1.0.0-beta.1

package/dist/context/CrossConnectKitThemeContext.js

@@ -0,0 +1,22 @@
+import { createContext, useContext } from 'react';
+export const CrossConnectKitThemeContext = createContext(null);
+/**
+ * Access the resolved theme and the runtime override setters. Must be
+ * called inside `<CrossConnectKitProvider>`.
+ */
+export function useCrossConnectKitTheme() {
+    const ctx = useContext(CrossConnectKitThemeContext);
+    if (!ctx) {
+        throw new Error('useCrossConnectKitTheme must be used within <CrossConnectKitProvider>');
+    }
+    return ctx;
+}
+/**
+ * Version that returns `null` when called outside the provider — handy
+ * for components (like `WalletInfo`) that want to opt into the kit's
+ * theme if mounted under the provider, but keep working standalone.
+ */
+export function useOptionalCrossConnectKitTheme() {
+    return useContext(CrossConnectKitThemeContext);
+}
+//# sourceMappingURL=CrossConnectKitThemeContext.js.map

package/dist/context/CrossConnectKitThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossConnectKitThemeContext.js","sourceRoot":"","sources":["../../src/context/CrossConnectKitThemeContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AA+BlD,MAAM,CAAC,MAAM,2BAA2B,GACtC,aAAa,CAA0C,IAAI,CAAC,CAAC;AAE/D;;;GAGG;AACH,MAAM,UAAU,uBAAuB;IACrC,MAAM,GAAG,GAAG,UAAU,CAAC,2BAA2B,CAAC,CAAC;IACpD,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,uEAAuE,CACxE,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,+BAA+B;IAC7C,OAAO,UAAU,CAAC,2BAA2B,CAAC,CAAC;AACjD,CAAC"}

package/dist/hooks/useCrossxEmbeddedInfo.d.ts

@@ -0,0 +1,25 @@
+import type { Connector } from 'wagmi';
+export interface CrossxEmbeddedInfo {
+    /** crossy-sdk OAuth 로그인 타입. embedded가 아니면 `null`. */
+    loginType: 'google' | 'apple' | null;
+    /** SDK `getAddresses()`가 리턴한 현재 주소의 `name` 필드(계정 라벨). */
+    accountName: string | null;
+}
+/**
+ * crossy-sdk 2.0 세션 메타데이터(`getUserInfo().loginType`,
+ * `getAddresses()[].name`)를 비동기로 읽어오는 훅.
+ *
+ * - `walletId`가 `"cross_embedded"`가 아니면 항상 `{ loginType: null,
+ *   accountName: null }`을 반환한다.
+ * - 내부 호출은 연결된 Provider가 `sdk` 필드를 노출하는 crossy-sdk 스펙을
+ *   가정하며, 필드가 없거나 에러가 나면 조용히 nulls로 떨어진다.
+ *
+ * 인자 없이 호출하면 `useAccount()` / `useCrossConnectKit()`에서 값을 자동으로
+ * 받아오고, 명시적으로 제어하고 싶으면 오버라이드 값을 넘길 수 있다.
+ */
+export declare function useCrossxEmbeddedInfo(args?: {
+    walletId?: string | null;
+    connector?: Connector;
+    address?: string;
+}): CrossxEmbeddedInfo;
+//# sourceMappingURL=useCrossxEmbeddedInfo.d.ts.map

package/dist/hooks/useCrossxEmbeddedInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCrossxEmbeddedInfo.d.ts","sourceRoot":"","sources":["../../src/hooks/useCrossxEmbeddedInfo.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,SAAS,EAAE,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAC;IACrC,yDAAyD;IACzD,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,CAAC,EAAE;IAC3C,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,kBAAkB,CAkErB"}

package/dist/hooks/useCrossxEmbeddedInfo.js

@@ -0,0 +1,71 @@
+import { useEffect, useState } from 'react';
+import { useAccount } from 'wagmi';
+import { useCrossConnectKit } from '../context/CrossConnectKitContext.js';
+/**
+ * crossy-sdk 2.0 세션 메타데이터(`getUserInfo().loginType`,
+ * `getAddresses()[].name`)를 비동기로 읽어오는 훅.
+ *
+ * - `walletId`가 `"cross_embedded"`가 아니면 항상 `{ loginType: null,
+ *   accountName: null }`을 반환한다.
+ * - 내부 호출은 연결된 Provider가 `sdk` 필드를 노출하는 crossy-sdk 스펙을
+ *   가정하며, 필드가 없거나 에러가 나면 조용히 nulls로 떨어진다.
+ *
+ * 인자 없이 호출하면 `useAccount()` / `useCrossConnectKit()`에서 값을 자동으로
+ * 받아오고, 명시적으로 제어하고 싶으면 오버라이드 값을 넘길 수 있다.
+ */
+export function useCrossxEmbeddedInfo(args) {
+    const { address: autoAddress, connector: autoConnector } = useAccount();
+    const { currentWallet: autoWalletId } = useCrossConnectKit();
+    const walletId = args?.walletId !== undefined ? args.walletId : autoWalletId;
+    const connector = args?.connector !== undefined ? args.connector : autoConnector;
+    const address = args?.address !== undefined ? args.address : autoAddress;
+    const [info, setInfo] = useState({
+        loginType: null,
+        accountName: null,
+    });
+    useEffect(() => {
+        let cancelled = false;
+        if (walletId !== 'cross_embedded' || !connector) {
+            setInfo({ loginType: null, accountName: null });
+            return () => {
+                cancelled = true;
+            };
+        }
+        void (async () => {
+            try {
+                const provider = (await connector.getProvider());
+                const sdk = provider?.sdk;
+                if (!sdk) {
+                    if (!cancelled)
+                        setInfo({ loginType: null, accountName: null });
+                    return;
+                }
+                const [userInfo, addresses] = await Promise.all([
+                    sdk.getUserInfo?.().catch(() => null) ?? null,
+                    sdk.getAddresses?.().catch(() => null) ?? null,
+                ]);
+                if (cancelled)
+                    return;
+                const loginTypeRaw = userInfo?.loginType;
+                const loginType = loginTypeRaw === 'google' || loginTypeRaw === 'apple'
+                    ? loginTypeRaw
+                    : null;
+                const normalized = address?.toLowerCase();
+                const match = normalized && Array.isArray(addresses)
+                    ? addresses.find((e) => e.address.toLowerCase() === normalized)
+                    : null;
+                const accountName = match?.name?.trim() || null;
+                setInfo({ loginType, accountName });
+            }
+            catch {
+                if (!cancelled)
+                    setInfo({ loginType: null, accountName: null });
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [walletId, connector, address]);
+    return info;
+}
+//# sourceMappingURL=useCrossxEmbeddedInfo.js.map

package/dist/hooks/useCrossxEmbeddedInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCrossxEmbeddedInfo.js","sourceRoot":"","sources":["../../src/hooks/useCrossxEmbeddedInfo.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+export { CrossConnectKitProvider } from './components/CrossConnectKitProvider.js';
+export type { CrossConnectKitProviderProps } from './components/CrossConnectKitProvider.js';
+export { ConnectButton } from './components/ConnectButton.js';
+export type { ConnectButtonProps, WalletUser, WalletProvider, } from './components/ConnectButton.js';
+export { OtherWalletsModal } from './components/OtherWalletsModal.js';
+export type { OtherWalletsModalProps } from './components/OtherWalletsModal.js';
+export { useCrossConnectKit } from './context/CrossConnectKitContext.js';
+export type { CrossConnectKitContextValue } from './context/CrossConnectKitContext.js';
+export { useCrossConnectKitTheme, useOptionalCrossConnectKitTheme, } from './context/CrossConnectKitThemeContext.js';
+export type { CrossConnectKitThemeContextValue } from './context/CrossConnectKitThemeContext.js';
+export { useCrossxEmbeddedInfo } from './hooks/useCrossxEmbeddedInfo.js';
+export type { CrossxEmbeddedInfo } from './hooks/useCrossxEmbeddedInfo.js';
+export { WalletInfo, ConnectorId } from '@nexus-cross/dapp-ui';
+export type { WalletInfoProps, WalletInfoStyle, WalletInfoTriggerProps, WalletInfoContentProps, } from '@nexus-cross/dapp-ui';
+export { AppLauncher, AppLauncherTrigger, AppLauncherContent, useGlobalMenu, } from '@nexus-cross/dapp-ui';
+export type { AppLauncherProps, AppLauncherTriggerProps, AppLauncherContentProps, GlobalMenu, GlobalMenuItem, GlobalMenuItemUrl, } from '@nexus-cross/dapp-ui';
+export type { Account, WalletState, WalletId, WalletDescriptor, ChainBalance, ConnectorType, Theme, ThemeMode, ColorOverrides, ThemeTokens, ModalView, CrossConnectKitConfig, } from '@nexus-cross/connect-kit-core';
+export type { ConnectorEntry, ConnectorRegistry, } from '@nexus-cross/connect-kit-wagmi';
+export { ConnectionStatus, formatBalance, formatWei } from '@nexus-cross/connect-kit-core';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,YAAY,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AAE5F,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,YAAY,EACV,kBAAkB,EAClB,UAAU,EACV,cAAc,GACf,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,YAAY,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAEhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,YAAY,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAEvF,OAAO,EACL,uBAAuB,EACvB,+BAA+B,GAChC,MAAM,0CAA0C,CAAC;AAClD,YAAY,EAAE,gCAAgC,EAAE,MAAM,0CAA0C,CAAC;AAEjG,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,YAAY,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAE3E,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EACV,eAAe,EACf,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,GACd,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EACvB,UAAU,EACV,cAAc,EACd,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAE9B,YAAY,EACV,OAAO,EACP,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,KAAK,EACL,SAAS,EACT,cAAc,EACd,WAAW,EACX,SAAS,EACT,qBAAqB,GACtB,MAAM,+BAA+B,CAAC;AAEvC,YAAY,EACV,cAAc,EACd,iBAAiB,GAClB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/index.js

@@ -0,0 +1,10 @@
+export { CrossConnectKitProvider } from './components/CrossConnectKitProvider.js';
+export { ConnectButton } from './components/ConnectButton.js';
+export { OtherWalletsModal } from './components/OtherWalletsModal.js';
+export { useCrossConnectKit } from './context/CrossConnectKitContext.js';
+export { useCrossConnectKitTheme, useOptionalCrossConnectKitTheme, } from './context/CrossConnectKitThemeContext.js';
+export { useCrossxEmbeddedInfo } from './hooks/useCrossxEmbeddedInfo.js';
+export { WalletInfo, ConnectorId } from '@nexus-cross/dapp-ui';
+export { AppLauncher, AppLauncherTrigger, AppLauncherContent, useGlobalMenu, } from '@nexus-cross/dapp-ui';
+export { ConnectionStatus, formatBalance, formatWei } from '@nexus-cross/connect-kit-core';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAGlF,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAO9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAGzE,OAAO,EACL,uBAAuB,EACvB,+BAA+B,GAChC,MAAM,0CAA0C,CAAC;AAGlD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAQ/D,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,GACd,MAAM,sBAAsB,CAAC;AA8B9B,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@nexus-cross/connect-kit-react",
+  "version": "1.0.0-beta.1",
+  "description": "React components and hooks for @nexus-cross/connect-kit wallet connection",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "dependencies": {
+    "@nexus-cross/connect-kit-core": "1.0.0-beta.1",
+    "@nexus-cross/connect-kit-wagmi": "1.0.0-beta.1",
+    "@nexus-cross/dapp-ui": "0.0.1"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "wagmi": "^2.0.0"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "echo 'no tests yet'",
+    "typecheck": "tsc --noEmit"
+  }
+}