@moon-x/react-sdk 0.10.0 → 0.11.0

package/README.md

@@ -19,7 +19,7 @@ import "@moon-x/react-sdk/style.css";
 export default function App() {
   return (
     <MoonXProvider
-      publishableKey={process.env.NEXT_PUBLIC_MOONKEY_PUBLISHABLE_KEY!}
+      publishableKey={process.env.NEXT_PUBLIC_MOONX_PUBLISHABLE_KEY!}
       config={{
         appearance: {
           accentColor: "#6366f1",

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 export { LoginWithEmailState, PasskeyStatusEntry, RegisterPasskeyResult, UseAddPasskeyResult, UseEphemeralSignerResult, UseLoginWithEmailCallbacks, UsePasskeyStatusResult, UseRemovePasskeyResult, useAddPasskey, useEphemeralSigner, useLoginWithEmail, usePasskeyStatus, useRegisterPasskey, useRemovePasskey, useUser } from '@moon-x/core/react';
-import { WalletListEntry, LogoutResponse, EmailOtpFlowState, AuthAppearance, SendEmailOtpResponse, PrefillConfig, WalletChainType, PasskeyEnrollConfig, SignMessageConfig, ExportKeyConfig, SignTransactionConfig, SendTransactionConfig, ChainConfigItem, Wallet, FlexibleTheme, DisplayMode, AppearanceModeTokens } from '@moon-x/core/types';
+import { WalletListEntry, AuthAppearance, PrefillConfig, WalletChainType, PasskeyEnrollConfig, SignMessageConfig, ExportKeyConfig, SignTransactionConfig, SendTransactionConfig, ChainConfigItem, LogoutResponse, EmailOtpFlowState, SendEmailOtpResponse, Wallet, FlexibleTheme, DisplayMode, AppearanceModeTokens } from '@moon-x/core/types';
 export { AppearanceBackdrop, AppearanceBorderRadius, AppearanceCard, AppearanceColors, AppearanceComponents, AppearanceLogo, AppearanceModeTokens, AppearanceTypography, AuthAppearance, Chain, ChainConfigItem, ChainEntry, ComponentStyle, DisplayMode, EphemeralSigner, EphemeralSignerChain, EphemeralSignerScheme, EphemeralSignerWallet, EvmChainEntry, Factor, IdpProvider, ListEphemeralSignersResult, Network, ProvisionEphemeralSignerParams, ProvisionEphemeralSignerResult, PublicEthereumWallet, PublicWallet, RevokeEphemeralSignerParams, SolanaChainEntry, WalletConnectConfig, WalletListEntry } from '@moon-x/core/types';
 import React$1, { ReactNode } from 'react';
 export { e as ethereum } from './ethereum-lovLlqC2.mjs';
@@ -168,7 +168,7 @@ interface MoonXProviderProps$1 {
     children: React.ReactNode;
     onClose?: () => void;
 }
-interface MoonKeyInstance {
+interface MoonXInstance {
     ready: boolean;
     isAuthenticated: boolean;
     user: any | null;
@@ -279,7 +279,7 @@ interface WalletConfig {
 }
 type WalletType = "solana" | "ethereum";
 
-declare const useMoonX: () => MoonKeyInstance;
+declare const useMoonX: () => MoonXInstance;
 
 interface UseOAuthCompletionOptions {
     onSuccess?: (data: any) => void;
@@ -296,10 +296,10 @@ interface MoonXProviderProps {
 declare const MoonXProvider: React$1.FC<MoonXProviderProps>;
 
 /**
- * MoonKey Theme - matches CSS variables from styles.css:66-95
+ * MoonX Theme - matches CSS variables from styles.css:66-95
  * Only customizable properties are included (colors, border-radius, font-family)
  */
-interface MoonKeyTheme {
+interface MoonXTheme {
     colors: {
         accent: string;
         accentForeground: string;
@@ -330,13 +330,13 @@ interface MoonKeyTheme {
     };
     fontFamily: string;
 }
-declare const lightTheme: MoonKeyTheme;
-declare const darkTheme: MoonKeyTheme;
+declare const lightTheme: MoonXTheme;
+declare const darkTheme: MoonXTheme;
 /**
- * Converts MoonKeyTheme to CSS custom properties
+ * Converts MoonXTheme to CSS custom properties
  * Maps ONLY to the 25 variables defined in styles.css:66-95
  */
-declare function themeToCSS(theme: MoonKeyTheme): React.CSSProperties;
+declare function themeToCSS(theme: MoonXTheme): React.CSSProperties;
 
 /**
  * Decide whether a CSS color reads as "dark" from its perceived luminance.
@@ -357,7 +357,7 @@ declare function isColorDark(color: string): boolean | undefined;
  *  - otherwise (omitted, or "auto" with no `matchMedia`) — inferred from the
  *    background color's luminance.
  */
-declare function isDarkMode(theme?: Partial<MoonKeyTheme> | FlexibleTheme, displayMode?: DisplayMode, backgroundColor?: string): boolean;
+declare function isDarkMode(theme?: Partial<MoonXTheme> | FlexibleTheme, displayMode?: DisplayMode, backgroundColor?: string): boolean;
 
 declare function isDarkAppearance(appearance: AuthAppearance | undefined): boolean;
 /** Return a shallow copy of `src` containing only defined, non-empty values. */
@@ -386,7 +386,7 @@ declare function resolveLogo(logo: AuthAppearance["logo"], isDark: boolean): {
  * Merge priority (lowest → highest): accent/background derivations →
  * `appearance.colors` + per-mode (`appearance.light` / `dark`).
  */
-declare function appearanceToTheme(appearance: AuthAppearance | undefined, isDark?: boolean): Partial<MoonKeyTheme>;
+declare function appearanceToTheme(appearance: AuthAppearance | undefined, isDark?: boolean): Partial<MoonXTheme>;
 /**
  * Derives the newer `--moonx-*` CSS variables (warning/info/link/ring colors,
  * granular radii, typography scale, card and backdrop tokens) from an
@@ -441,4 +441,4 @@ declare const getReconnectionInfo: (error: any) => {
     walletAddress?: string;
 } | null;
 
-export { type AttachOAuthState, type BaseConnectedEthereumWallet, type BaseConnectedSolanaWallet, type ConnectWalletCallbacks, type ConnectWalletParams, type DetachOAuthResult, type DetachOAuthState, type MoonKeyInstance, type MoonKeyTheme, type MoonXConfig, MoonXProvider, type MoonXProviderProps$1 as MoonXProviderProps, type OAuthAttachResult, type OAuthProvider, type OAuthState, type OAuthUser, SessionExpiredError, SessionNotFoundError, type UseAttachOAuth, type UseAttachOAuthCallbacks, type UseConnectWallet, type UseDetachOAuth, type UseDetachOAuthCallbacks, type UseLoginWithOAuth, type UseLoginWithOAuthCallbacks, type WalletConfig, type WalletInstance, type WalletType, appearanceToComponentVars, appearanceToCssVars, appearanceToMoonxVars, appearanceToTheme, darkTheme, definedOnly, getReconnectionInfo, isColorDark, isDarkAppearance, isDarkMode, lightTheme, requiresReconnection, resolveAppearanceTokens, resolveFontUrls, resolveLogo, themeToCSS, useAttachOAuth, useConnectWallet, useDetachOAuth, useLoginWithOAuth, useMoonX, useOAuthCompletion };
+export { type AttachOAuthState, type BaseConnectedEthereumWallet, type BaseConnectedSolanaWallet, type ConnectWalletCallbacks, type ConnectWalletParams, type DetachOAuthResult, type DetachOAuthState, type MoonXConfig, type MoonXInstance, MoonXProvider, type MoonXProviderProps$1 as MoonXProviderProps, type MoonXTheme, type OAuthAttachResult, type OAuthProvider, type OAuthState, type OAuthUser, SessionExpiredError, SessionNotFoundError, type UseAttachOAuth, type UseAttachOAuthCallbacks, type UseConnectWallet, type UseDetachOAuth, type UseDetachOAuthCallbacks, type UseLoginWithOAuth, type UseLoginWithOAuthCallbacks, type WalletConfig, type WalletInstance, type WalletType, appearanceToComponentVars, appearanceToCssVars, appearanceToMoonxVars, appearanceToTheme, darkTheme, definedOnly, getReconnectionInfo, isColorDark, isDarkAppearance, isDarkMode, lightTheme, requiresReconnection, resolveAppearanceTokens, resolveFontUrls, resolveLogo, themeToCSS, useAttachOAuth, useConnectWallet, useDetachOAuth, useLoginWithOAuth, useMoonX, useOAuthCompletion };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { LoginWithEmailState, PasskeyStatusEntry, RegisterPasskeyResult, UseAddPasskeyResult, UseEphemeralSignerResult, UseLoginWithEmailCallbacks, UsePasskeyStatusResult, UseRemovePasskeyResult, useAddPasskey, useEphemeralSigner, useLoginWithEmail, usePasskeyStatus, useRegisterPasskey, useRemovePasskey, useUser } from '@moon-x/core/react';
-import { WalletListEntry, LogoutResponse, EmailOtpFlowState, AuthAppearance, SendEmailOtpResponse, PrefillConfig, WalletChainType, PasskeyEnrollConfig, SignMessageConfig, ExportKeyConfig, SignTransactionConfig, SendTransactionConfig, ChainConfigItem, Wallet, FlexibleTheme, DisplayMode, AppearanceModeTokens } from '@moon-x/core/types';
+import { WalletListEntry, AuthAppearance, PrefillConfig, WalletChainType, PasskeyEnrollConfig, SignMessageConfig, ExportKeyConfig, SignTransactionConfig, SendTransactionConfig, ChainConfigItem, LogoutResponse, EmailOtpFlowState, SendEmailOtpResponse, Wallet, FlexibleTheme, DisplayMode, AppearanceModeTokens } from '@moon-x/core/types';
 export { AppearanceBackdrop, AppearanceBorderRadius, AppearanceCard, AppearanceColors, AppearanceComponents, AppearanceLogo, AppearanceModeTokens, AppearanceTypography, AuthAppearance, Chain, ChainConfigItem, ChainEntry, ComponentStyle, DisplayMode, EphemeralSigner, EphemeralSignerChain, EphemeralSignerScheme, EphemeralSignerWallet, EvmChainEntry, Factor, IdpProvider, ListEphemeralSignersResult, Network, ProvisionEphemeralSignerParams, ProvisionEphemeralSignerResult, PublicEthereumWallet, PublicWallet, RevokeEphemeralSignerParams, SolanaChainEntry, WalletConnectConfig, WalletListEntry } from '@moon-x/core/types';
 import React$1, { ReactNode } from 'react';
 export { e as ethereum } from './ethereum-Eg3cJKce.js';
@@ -168,7 +168,7 @@ interface MoonXProviderProps$1 {
     children: React.ReactNode;
     onClose?: () => void;
 }
-interface MoonKeyInstance {
+interface MoonXInstance {
     ready: boolean;
     isAuthenticated: boolean;
     user: any | null;
@@ -279,7 +279,7 @@ interface WalletConfig {
 }
 type WalletType = "solana" | "ethereum";
 
-declare const useMoonX: () => MoonKeyInstance;
+declare const useMoonX: () => MoonXInstance;
 
 interface UseOAuthCompletionOptions {
     onSuccess?: (data: any) => void;
@@ -296,10 +296,10 @@ interface MoonXProviderProps {
 declare const MoonXProvider: React$1.FC<MoonXProviderProps>;
 
 /**
- * MoonKey Theme - matches CSS variables from styles.css:66-95
+ * MoonX Theme - matches CSS variables from styles.css:66-95
  * Only customizable properties are included (colors, border-radius, font-family)
  */
-interface MoonKeyTheme {
+interface MoonXTheme {
     colors: {
         accent: string;
         accentForeground: string;
@@ -330,13 +330,13 @@ interface MoonKeyTheme {
     };
     fontFamily: string;
 }
-declare const lightTheme: MoonKeyTheme;
-declare const darkTheme: MoonKeyTheme;
+declare const lightTheme: MoonXTheme;
+declare const darkTheme: MoonXTheme;
 /**
- * Converts MoonKeyTheme to CSS custom properties
+ * Converts MoonXTheme to CSS custom properties
  * Maps ONLY to the 25 variables defined in styles.css:66-95
  */
-declare function themeToCSS(theme: MoonKeyTheme): React.CSSProperties;
+declare function themeToCSS(theme: MoonXTheme): React.CSSProperties;
 
 /**
  * Decide whether a CSS color reads as "dark" from its perceived luminance.
@@ -357,7 +357,7 @@ declare function isColorDark(color: string): boolean | undefined;
  *  - otherwise (omitted, or "auto" with no `matchMedia`) — inferred from the
  *    background color's luminance.
  */
-declare function isDarkMode(theme?: Partial<MoonKeyTheme> | FlexibleTheme, displayMode?: DisplayMode, backgroundColor?: string): boolean;
+declare function isDarkMode(theme?: Partial<MoonXTheme> | FlexibleTheme, displayMode?: DisplayMode, backgroundColor?: string): boolean;
 
 declare function isDarkAppearance(appearance: AuthAppearance | undefined): boolean;
 /** Return a shallow copy of `src` containing only defined, non-empty values. */
@@ -386,7 +386,7 @@ declare function resolveLogo(logo: AuthAppearance["logo"], isDark: boolean): {
  * Merge priority (lowest → highest): accent/background derivations →
  * `appearance.colors` + per-mode (`appearance.light` / `dark`).
  */
-declare function appearanceToTheme(appearance: AuthAppearance | undefined, isDark?: boolean): Partial<MoonKeyTheme>;
+declare function appearanceToTheme(appearance: AuthAppearance | undefined, isDark?: boolean): Partial<MoonXTheme>;
 /**
  * Derives the newer `--moonx-*` CSS variables (warning/info/link/ring colors,
  * granular radii, typography scale, card and backdrop tokens) from an
@@ -441,4 +441,4 @@ declare const getReconnectionInfo: (error: any) => {
     walletAddress?: string;
 } | null;
 
-export { type AttachOAuthState, type BaseConnectedEthereumWallet, type BaseConnectedSolanaWallet, type ConnectWalletCallbacks, type ConnectWalletParams, type DetachOAuthResult, type DetachOAuthState, type MoonKeyInstance, type MoonKeyTheme, type MoonXConfig, MoonXProvider, type MoonXProviderProps$1 as MoonXProviderProps, type OAuthAttachResult, type OAuthProvider, type OAuthState, type OAuthUser, SessionExpiredError, SessionNotFoundError, type UseAttachOAuth, type UseAttachOAuthCallbacks, type UseConnectWallet, type UseDetachOAuth, type UseDetachOAuthCallbacks, type UseLoginWithOAuth, type UseLoginWithOAuthCallbacks, type WalletConfig, type WalletInstance, type WalletType, appearanceToComponentVars, appearanceToCssVars, appearanceToMoonxVars, appearanceToTheme, darkTheme, definedOnly, getReconnectionInfo, isColorDark, isDarkAppearance, isDarkMode, lightTheme, requiresReconnection, resolveAppearanceTokens, resolveFontUrls, resolveLogo, themeToCSS, useAttachOAuth, useConnectWallet, useDetachOAuth, useLoginWithOAuth, useMoonX, useOAuthCompletion };
+export { type AttachOAuthState, type BaseConnectedEthereumWallet, type BaseConnectedSolanaWallet, type ConnectWalletCallbacks, type ConnectWalletParams, type DetachOAuthResult, type DetachOAuthState, type MoonXConfig, type MoonXInstance, MoonXProvider, type MoonXProviderProps$1 as MoonXProviderProps, type MoonXTheme, type OAuthAttachResult, type OAuthProvider, type OAuthState, type OAuthUser, SessionExpiredError, SessionNotFoundError, type UseAttachOAuth, type UseAttachOAuthCallbacks, type UseConnectWallet, type UseDetachOAuth, type UseDetachOAuthCallbacks, type UseLoginWithOAuth, type UseLoginWithOAuthCallbacks, type WalletConfig, type WalletInstance, type WalletType, appearanceToComponentVars, appearanceToCssVars, appearanceToMoonxVars, appearanceToTheme, darkTheme, definedOnly, getReconnectionInfo, isColorDark, isDarkAppearance, isDarkMode, lightTheme, requiresReconnection, resolveAppearanceTokens, resolveFontUrls, resolveLogo, themeToCSS, useAttachOAuth, useConnectWallet, useDetachOAuth, useLoginWithOAuth, useMoonX, useOAuthCompletion };

package/dist/index.js

@@ -950,7 +950,7 @@ function useLoginWithOAuth() {
         initOAuth: initOAuth
     };
 }
-// src/hooks/use-moonkey.ts
+// src/hooks/use-moonx.ts
 var useMoonX = function useMoonX() {
     var coreSDK = _chunkSPXMMQ7Zjs.useAuthSDK.call(void 0);
     return {
@@ -1253,7 +1253,7 @@ var buildUrl = function buildUrl(baseUrl, sdkConfig, enableCaptcha, captchaSitek
     }, enableCaptcha, captchaSitekey);
 };
 // src/lib/id-token-storage.ts
-var ID_TOKEN_KEY = "moonkey:id_token";
+var ID_TOKEN_KEY = "moonx:id_token";
 var idTokenStorage = {
     /**
    * Store ID token in localStorage
@@ -7977,7 +7977,7 @@ var ExportKey = function ExportKey(param) {
                         allow: "clipboard-write",
                         style: {
                             // Match the sibling content width (never-share warning, wallet
-                            // box) — both sit inside `.moonkey-flow-content`'s 0.5rem inline
+                            // box) — both sit inside `.moonx-flow-content`'s 0.5rem inline
                             // padding. A previous `calc(100% + 1rem)` + negative margins
                             // full-bled the iframe into that padding, so the revealed key
                             // rendered ~1rem wider than the warning above it.
@@ -23976,7 +23976,7 @@ var AuthProvider = function AuthProvider(param) {
                 crossorigin: false
             },
             {
-                origin: _utils.getIframeOrigin.call(void 0, _utils.getMoonKeyApiUrl.call(void 0)),
+                origin: _utils.getIframeOrigin.call(void 0, _utils.getMoonXApiUrl.call(void 0)),
                 crossorigin: true
             }
         ].filter(function(t) {
@@ -24880,7 +24880,7 @@ var AuthProvider = function AuthProvider(param) {
 // src/wallets/walletconnect-client.ts
 var setWalletConnectClient = function setWalletConnectClient(client) {
     if (typeof window !== "undefined") {
-        window.__MOONKEY_WALLETCONNECT_CLIENT__ = client;
+        window.__MOONX_WALLETCONNECT_CLIENT__ = client;
     }
 };
 // src/provider.tsx
@@ -24888,7 +24888,7 @@ var WalletConnectContext = _react3.createContext.call(void 0, {
     client: null,
     isInitializing: false
 });
-var MoonKeyContext = _react3.createContext.call(void 0, null);
+var MoonXContext = _react3.createContext.call(void 0, null);
 var MoonXProvider = function MoonXProvider(param) {
     var publishableKey = param.publishableKey, embeddableId = param.embeddableId, config = param.config, children = param.children;
     if (_optionalChain([

package/dist/index.mjs

@@ -821,7 +821,7 @@ function useLoginWithOAuth() {
         initOAuth: initOAuth
     };
 }
-// src/hooks/use-moonkey.ts
+// src/hooks/use-moonx.ts
 var useMoonX = function useMoonX() {
     var coreSDK = useAuthSDK();
     return {
@@ -850,7 +850,7 @@ var useMoonX = function useMoonX() {
     };
 };
 // src/components/auth-provider.tsx
-import { getIframeOrigin as getIframeOrigin2, getIframeUrl as getIframeUrl3, getMoonKeyApiUrl, PostMessageClient as PostMessageClient10, PostMessageMethod as PostMessageMethod28, PostMessageType as PostMessageType29 } from "@moon-x/core/utils";
+import { getIframeOrigin as getIframeOrigin2, getIframeUrl as getIframeUrl3, getMoonXApiUrl, PostMessageClient as PostMessageClient10, PostMessageMethod as PostMessageMethod28, PostMessageType as PostMessageType29 } from "@moon-x/core/utils";
 import { useCallback as useCallback11, useEffect as useEffect36, useMemo as useMemo4, useRef as useRef18, useState as useState52 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 // src/hooks/use-close-iframe.ts
@@ -1063,7 +1063,7 @@ var buildUrl = function buildUrl(baseUrl, sdkConfig, enableCaptcha, captchaSitek
     }, enableCaptcha, captchaSitekey);
 };
 // src/lib/id-token-storage.ts
-var ID_TOKEN_KEY = "moonkey:id_token";
+var ID_TOKEN_KEY = "moonx:id_token";
 var idTokenStorage = {
     /**
    * Store ID token in localStorage
@@ -6284,7 +6284,7 @@ var ExportKey = function ExportKey(param) {
                         allow: "clipboard-write",
                         style: {
                             // Match the sibling content width (never-share warning, wallet
-                            // box) — both sit inside `.moonkey-flow-content`'s 0.5rem inline
+                            // box) — both sit inside `.moonx-flow-content`'s 0.5rem inline
                             // padding. A previous `calc(100% + 1rem)` + negative margins
                             // full-bled the iframe into that padding, so the revealed key
                             // rendered ~1rem wider than the warning above it.
@@ -17838,7 +17838,7 @@ var AuthProvider = function AuthProvider(param) {
                 crossorigin: false
             },
             {
-                origin: getIframeOrigin2(getMoonKeyApiUrl()),
+                origin: getIframeOrigin2(getMoonXApiUrl()),
                 crossorigin: true
             }
         ].filter(function(t) {
@@ -18609,7 +18609,7 @@ import { validateChainConfig } from "@moon-x/core/lib";
 // src/wallets/walletconnect-client.ts
 var setWalletConnectClient = function setWalletConnectClient(client) {
     if (typeof window !== "undefined") {
-        window.__MOONKEY_WALLETCONNECT_CLIENT__ = client;
+        window.__MOONX_WALLETCONNECT_CLIENT__ = client;
     }
 };
 // src/provider.tsx
@@ -18618,7 +18618,7 @@ var WalletConnectContext = createContext({
     client: null,
     isInitializing: false
 });
-var MoonKeyContext = createContext(null);
+var MoonXContext = createContext(null);
 var MoonXProvider = function MoonXProvider(param) {
     var publishableKey = param.publishableKey, embeddableId = param.embeddableId, config = param.config, children = param.children;
     var _config_walletConnect, _config_emailConfig, _config_emailConfig1, _config_emailConfig2, _config_emailConfig3, _config_emailConfig4;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@moon-x/react-sdk",
-  "version": "0.10.0",
-  "description": "React authentication hooks and components for MoonKey",
+  "version": "0.11.0",
+  "description": "React authentication hooks and components for MoonX",
   "license": "UNLICENSED",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -52,7 +52,7 @@
     "tweetnacl": "1.0.3",
     "viem": "^2.38.2",
     "wagmi": "^2.18.1",
-    "@moon-x/core": "0.12.0"
+    "@moon-x/core": "0.13.0"
   },
   "devDependencies": {
     "tsup": "^8.0.0",