@phantom/react-native-sdk 1.0.0-beta.8 → 1.0.0

package/dist/index.mjs

@@ -1,13 +1,420 @@
 // src/PhantomProvider.tsx
-import { createContext, useContext, useState, useEffect, useMemo } from "react";
+import { useState as useState5, useEffect as useEffect2, useMemo as useMemo2, useCallback as useCallback5 } from "react";
 import { EmbeddedProvider } from "@phantom/embedded-provider-core";
-import { ANALYTICS_HEADERS, DEFAULT_WALLET_API_URL, DEFAULT_EMBEDDED_WALLET_TYPE, DEFAULT_AUTH_URL as DEFAULT_AUTH_URL2 } from "@phantom/constants";
+import {
+  ANALYTICS_HEADERS,
+  DEFAULT_WALLET_API_URL,
+  DEFAULT_EMBEDDED_WALLET_TYPE,
+  DEFAULT_AUTH_URL as DEFAULT_AUTH_URL2
+} from "@phantom/constants";
+import { ThemeProvider, darkTheme } from "@phantom/wallet-sdk-ui";
+
+// src/ModalProvider.tsx
+import { useState as useState4, useCallback as useCallback4, useMemo } from "react";
+
+// src/ModalContext.ts
+import { createContext, useContext } from "react";
+var ModalContext = createContext(void 0);
+function useModal() {
+  const context = useContext(ModalContext);
+  if (!context) {
+    throw new Error("useModal must be used within a ModalProvider");
+  }
+  return {
+    open: context.openModal,
+    close: context.closeModal,
+    isOpened: context.isModalOpen
+  };
+}
+
+// src/components/Modal.tsx
+import { Modal as RNModal, View, StyleSheet, SafeAreaView } from "react-native";
+import { useTheme } from "@phantom/wallet-sdk-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Modal({ isVisible, onClose, children }) {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    bottomSheet: {
+      backgroundColor: theme.background,
+      borderTopLeftRadius: 32,
+      borderTopRightRadius: 32,
+      bottom: 0,
+      left: 0,
+      paddingBottom: 20,
+      position: "absolute",
+      right: 0
+    },
+    handle: {
+      alignSelf: "center",
+      backgroundColor: theme.secondary,
+      borderRadius: 2.5,
+      height: 5,
+      marginTop: 12,
+      opacity: 0.3,
+      width: 40
+    }
+  });
+  return /* @__PURE__ */ jsx(RNModal, { visible: isVisible, transparent: true, animationType: "slide", onRequestClose: onClose, children: /* @__PURE__ */ jsxs(SafeAreaView, { style: styles.bottomSheet, children: [
+    /* @__PURE__ */ jsx(View, { style: styles.handle }),
+    children
+  ] }) });
+}
+
+// src/PhantomContext.tsx
+import { createContext as createContext2, useContext as useContext2 } from "react";
+var PhantomContext = createContext2(void 0);
+function usePhantom() {
+  const context = useContext2(PhantomContext);
+  if (context === void 0) {
+    throw new Error("usePhantom must be used within a PhantomProvider");
+  }
+  return context;
+}
+
+// src/components/ConnectModalContent.tsx
+import { useState, useCallback as useCallback2 } from "react";
+import { View as View2, Image, StyleSheet as StyleSheet2, ActivityIndicator } from "react-native";
+import { Button, Icon, Text, useTheme as useTheme2, hexToRgba, ModalHeader } from "@phantom/wallet-sdk-ui";
+
+// src/hooks/useConnect.ts
+import { useCallback } from "react";
+function useConnect() {
+  const { sdk, isConnecting, errors, setWalletId } = usePhantom();
+  const connect = useCallback(
+    async (options) => {
+      if (!sdk) {
+        throw new Error("SDK not initialized");
+      }
+      try {
+        const result = await sdk.connect(options);
+        if (result.status === "completed" && result.walletId) {
+          setWalletId(result.walletId);
+        }
+        return result;
+      } catch (err) {
+        const error = err;
+        throw error;
+      }
+    },
+    [sdk, setWalletId]
+  );
+  return {
+    connect,
+    isConnecting,
+    error: errors.connect
+  };
+}
+
+// src/components/ConnectModalContent.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ConnectModalContent({ appIcon, onClose }) {
+  const theme = useTheme2();
+  const { isConnecting: contextIsConnecting, allowedProviders } = usePhantom();
+  const { connect } = useConnect();
+  const [isConnecting, setIsConnecting] = useState(false);
+  const [error, setError] = useState(null);
+  const [providerType, setProviderType] = useState(null);
+  const isLoading = contextIsConnecting || isConnecting;
+  const errorBackgroundColor = hexToRgba(theme.error, 0.1);
+  const errorBorderColor = hexToRgba(theme.error, 0.3);
+  const errorTextColor = theme.error;
+  const connectWithAuthProvider = useCallback2(
+    async (provider) => {
+      try {
+        setIsConnecting(true);
+        setError(null);
+        setProviderType(provider);
+        await connect({ provider });
+        onClose();
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error(String(err));
+        setError(error2);
+      } finally {
+        setIsConnecting(false);
+        setProviderType(null);
+      }
+    },
+    [connect, onClose]
+  );
+  const styles = StyleSheet2.create({
+    appIcon: {
+      borderRadius: 28,
+      height: 56,
+      marginBottom: 12,
+      width: 56
+    },
+    buttonContainer: {
+      alignItems: "center",
+      flexDirection: "column",
+      gap: 12,
+      paddingHorizontal: 32,
+      width: "100%"
+    },
+    buttonContent: {
+      alignItems: "center",
+      flexDirection: "row",
+      justifyContent: "space-between",
+      width: "100%"
+    },
+    buttonContentLeft: {
+      alignItems: "center",
+      flexDirection: "row",
+      gap: 8
+    },
+    container: {
+      alignItems: "center",
+      flexDirection: "column",
+      gap: 12,
+      paddingBottom: 24,
+      width: "100%"
+    },
+    errorContainer: {
+      backgroundColor: errorBackgroundColor,
+      borderColor: errorBorderColor,
+      borderRadius: parseInt(theme.borderRadius),
+      borderWidth: 1,
+      padding: 12,
+      width: "100%"
+    },
+    errorText: {
+      color: errorTextColor,
+      fontSize: 14
+    },
+    footer: {
+      alignItems: "center",
+      borderColor: theme.aux,
+      borderTopWidth: 1,
+      flexDirection: "row",
+      gap: 4,
+      justifyContent: "center",
+      marginTop: 24,
+      padding: 16,
+      width: "100%"
+    },
+    loadingContainer: {
+      alignItems: "center",
+      flexDirection: "column",
+      gap: 12,
+      justifyContent: "center",
+      padding: 24
+    }
+  });
+  return /* @__PURE__ */ jsxs2(View2, { style: styles.container, children: [
+    /* @__PURE__ */ jsx2(ModalHeader, { title: "Login or Sign Up", onClose }),
+    appIcon && /* @__PURE__ */ jsx2(Image, { testID: "app-icon", source: { uri: appIcon }, style: styles.appIcon }),
+    isLoading ? /* @__PURE__ */ jsxs2(View2, { style: styles.loadingContainer, children: [
+      /* @__PURE__ */ jsx2(ActivityIndicator, { testID: "activity-indicator", size: "large", color: theme.brand }),
+      /* @__PURE__ */ jsx2(Text, { variant: "label", color: theme.secondary, children: "Loading..." })
+    ] }) : /* @__PURE__ */ jsxs2(View2, { style: styles.buttonContainer, children: [
+      error && /* @__PURE__ */ jsx2(View2, { style: styles.errorContainer, children: /* @__PURE__ */ jsx2(Text, { style: styles.errorText, children: error.message }) }),
+      allowedProviders.includes("google") && /* @__PURE__ */ jsx2(
+        Button,
+        {
+          onClick: () => connectWithAuthProvider("google"),
+          disabled: isConnecting,
+          isLoading: isConnecting && providerType === "google",
+          fullWidth: true,
+          children: /* @__PURE__ */ jsxs2(View2, { style: styles.buttonContent, children: [
+            /* @__PURE__ */ jsxs2(View2, { style: styles.buttonContentLeft, children: [
+              /* @__PURE__ */ jsx2(Icon, { type: "google", size: 20, color: theme.text }),
+              /* @__PURE__ */ jsx2(Text, { variant: "captionBold", children: "Continue with Google" })
+            ] }),
+            /* @__PURE__ */ jsx2(Icon, { type: "chevron-right", size: 16, color: theme.secondary })
+          ] })
+        }
+      ),
+      allowedProviders.includes("apple") && /* @__PURE__ */ jsx2(
+        Button,
+        {
+          onClick: () => connectWithAuthProvider("apple"),
+          disabled: isConnecting,
+          isLoading: isConnecting && providerType === "apple",
+          fullWidth: true,
+          children: /* @__PURE__ */ jsxs2(View2, { style: styles.buttonContent, children: [
+            /* @__PURE__ */ jsxs2(View2, { style: styles.buttonContentLeft, children: [
+              /* @__PURE__ */ jsx2(Icon, { type: "apple", size: 20, color: theme.text }),
+              /* @__PURE__ */ jsx2(Text, { variant: "captionBold", children: "Continue with Apple" })
+            ] }),
+            /* @__PURE__ */ jsx2(Icon, { type: "chevron-right", size: 16, color: theme.secondary })
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2(View2, { style: styles.footer, children: [
+      /* @__PURE__ */ jsx2(Text, { variant: "label", color: theme.secondary, children: "Powered by" }),
+      /* @__PURE__ */ jsx2(Icon, { type: "phantom", size: 16, color: theme.secondary }),
+      /* @__PURE__ */ jsx2(Text, { variant: "label", color: theme.secondary, children: "Phantom" })
+    ] })
+  ] });
+}
+
+// src/components/ConnectedModalContent.tsx
+import { useState as useState3, useEffect } from "react";
+import { View as View3, StyleSheet as StyleSheet3 } from "react-native";
+import { Button as Button2, Text as Text2, useTheme as useTheme3, hexToRgba as hexToRgba2, ModalHeader as ModalHeader2 } from "@phantom/wallet-sdk-ui";
+
+// src/hooks/useDisconnect.ts
+import { useState as useState2, useCallback as useCallback3 } from "react";
+function useDisconnect() {
+  const { sdk } = usePhantom();
+  const [isDisconnecting, setIsDisconnecting] = useState2(false);
+  const [error, setError] = useState2(null);
+  const disconnect = useCallback3(async () => {
+    if (!sdk) {
+      throw new Error("SDK not initialized");
+    }
+    setIsDisconnecting(true);
+    setError(null);
+    try {
+      await sdk.disconnect();
+    } catch (err) {
+      const error2 = err;
+      setError(error2);
+      throw error2;
+    } finally {
+      setIsDisconnecting(false);
+    }
+  }, [sdk]);
+  return {
+    disconnect,
+    isDisconnecting,
+    error
+  };
+}
+
+// src/components/ConnectedModalContent.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function ConnectedModalContent({ onClose }) {
+  const theme = useTheme3();
+  const { addresses } = usePhantom();
+  const { disconnect } = useDisconnect();
+  const [isDisconnecting, setIsDisconnecting] = useState3(false);
+  const [disconnectError, setDisconnectError] = useState3(null);
+  const errorBackgroundColor = hexToRgba2(theme.error, 0.1);
+  const errorBorderColor = hexToRgba2(theme.error, 0.3);
+  useEffect(() => {
+    setDisconnectError(null);
+  }, []);
+  const handleDisconnect = async () => {
+    try {
+      setIsDisconnecting(true);
+      setDisconnectError(null);
+      await disconnect();
+      onClose();
+    } catch (err) {
+      const error = err instanceof Error ? err : new Error(String(err));
+      setDisconnectError(error);
+    } finally {
+      setIsDisconnecting(false);
+    }
+  };
+  const styles = StyleSheet3.create({
+    accountItem: {
+      flexDirection: "column",
+      gap: 8,
+      width: "100%"
+    },
+    accountList: {
+      flexDirection: "column",
+      gap: 16,
+      width: "100%"
+    },
+    accountTypeText: {
+      textTransform: "uppercase"
+    },
+    addressText: {
+      fontFamily: "monospace"
+    },
+    container: {
+      alignItems: "center",
+      flexDirection: "column",
+      gap: 24,
+      paddingBottom: 24,
+      paddingHorizontal: 32,
+      width: "100%"
+    },
+    errorContainer: {
+      backgroundColor: errorBackgroundColor,
+      borderColor: errorBorderColor,
+      borderRadius: theme.borderRadius,
+      borderWidth: 1,
+      padding: 12,
+      width: "100%"
+    }
+  });
+  return /* @__PURE__ */ jsxs3(View3, { style: styles.container, children: [
+    /* @__PURE__ */ jsx3(ModalHeader2, { title: "Wallet", onClose }),
+    addresses && addresses.length > 0 && /* @__PURE__ */ jsx3(View3, { style: styles.accountList, children: addresses.map((account, index) => /* @__PURE__ */ jsxs3(View3, { style: styles.accountItem, children: [
+      /* @__PURE__ */ jsx3(Text2, { variant: "label", color: theme.secondary, style: styles.accountTypeText, children: account.addressType }),
+      /* @__PURE__ */ jsx3(Text2, { variant: "caption", style: styles.addressText, children: account.address })
+    ] }, index)) }),
+    disconnectError && /* @__PURE__ */ jsx3(View3, { style: styles.errorContainer, children: /* @__PURE__ */ jsx3(Text2, { variant: "caption", color: theme.error, children: "Failed to disconnect" }) }),
+    /* @__PURE__ */ jsx3(Button2, { onClick: handleDisconnect, disabled: isDisconnecting, isLoading: isDisconnecting, fullWidth: true, children: /* @__PURE__ */ jsx3(Text2, { variant: "captionBold", children: isDisconnecting ? "Disconnecting..." : "Disconnect" }) })
+  ] });
+}
+
+// src/components/SpendingLimitModalContent.tsx
+import { View as View4, StyleSheet as StyleSheet4 } from "react-native";
+import { Button as Button3, Text as Text3, useTheme as useTheme4 } from "@phantom/wallet-sdk-ui";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function SpendingLimitModalContent({ onClose }) {
+  const theme = useTheme4();
+  const styles = StyleSheet4.create({
+    container: {
+      flexDirection: "column",
+      gap: 16,
+      padding: 32
+    }
+  });
+  return /* @__PURE__ */ jsxs4(View4, { style: styles.container, children: [
+    /* @__PURE__ */ jsx4(Text3, { variant: "caption", color: theme.secondary, children: "You've reached the maximum daily limit allowed to spend by this application." }),
+    /* @__PURE__ */ jsx4(Button3, { fullWidth: true, onClick: onClose, children: /* @__PURE__ */ jsx4(Text3, { variant: "captionBold", children: "Close" }) })
+  ] });
+}
+
+// src/ModalProvider.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function ModalProvider({ children, appIcon, appName }) {
+  const { isConnected, errors, clearError } = usePhantom();
+  const [isModalOpen, setIsModalOpen] = useState4(false);
+  const openModal = useCallback4(() => {
+    setIsModalOpen(true);
+  }, []);
+  const closeModal = useCallback4(() => {
+    setIsModalOpen(false);
+    clearError("spendingLimit");
+  }, [clearError]);
+  const isSpendingLimitOpen = !!errors.spendingLimit;
+  const modalContextValue = useMemo(
+    () => ({
+      isModalOpen,
+      openModal,
+      closeModal
+    }),
+    [isModalOpen, openModal, closeModal]
+  );
+  return /* @__PURE__ */ jsxs5(ModalContext.Provider, { value: modalContextValue, children: [
+    children,
+    /* @__PURE__ */ jsx5(
+      Modal,
+      {
+        isVisible: isModalOpen || isSpendingLimitOpen,
+        onClose: closeModal,
+        appIcon,
+        appName,
+        isMobile: true,
+        children: isSpendingLimitOpen ? /* @__PURE__ */ jsx5(SpendingLimitModalContent, { onClose: closeModal }) : isConnected ? /* @__PURE__ */ jsx5(ConnectedModalContent, { onClose: closeModal }) : /* @__PURE__ */ jsx5(ConnectModalContent, { appIcon, appName, onClose: closeModal })
+      }
+    )
+  ] });
+}
 
 // src/providers/embedded/storage.ts
 import * as SecureStore from "expo-secure-store";
 var ExpoSecureStorage = class {
   constructor(requireAuth = false) {
     this.sessionKey = "phantom_session";
+    this.logoutFlagKey = "phantom_should_clear_previous_session";
     this.requireAuth = requireAuth;
   }
   async saveSession(session) {
@@ -42,6 +449,36 @@ var ExpoSecureStorage = class {
       console.error("[ExpoSecureStorage] Failed to clear session", { error: error.message });
     }
   }
+  async getShouldClearPreviousSession() {
+    try {
+      const flagData = await SecureStore.getItemAsync(this.logoutFlagKey, {
+        requireAuthentication: false
+        // Don't require auth for this flag
+      });
+      if (!flagData) {
+        return false;
+      }
+      return flagData === "true";
+    } catch (error) {
+      console.error("[ExpoSecureStorage] Failed to get shouldClearPreviousSession flag", {
+        error: error.message
+      });
+      return false;
+    }
+  }
+  async setShouldClearPreviousSession(should) {
+    try {
+      await SecureStore.setItemAsync(this.logoutFlagKey, should.toString(), {
+        requireAuthentication: false,
+        // Don't require auth for this flag
+        keychainAccessible: SecureStore.WHEN_UNLOCKED_THIS_DEVICE_ONLY
+      });
+    } catch (error) {
+      console.error("[ExpoSecureStorage] Failed to set shouldClearPreviousSession flag", {
+        error: error.message
+      });
+    }
+  }
   async isAvailable() {
     return await SecureStore.isAvailableAsync();
   }
@@ -53,6 +490,7 @@ var ExpoSecureStorage = class {
 
 // src/providers/embedded/auth.ts
 import * as WebBrowser from "expo-web-browser";
+import { Platform } from "react-native";
 import { DEFAULT_AUTH_URL } from "@phantom/constants";
 var ExpoAuthProvider = class {
   async authenticate(options) {
@@ -60,22 +498,26 @@ var ExpoAuthProvider = class {
       return;
     }
     const phantomOptions = options;
-    const { authUrl, redirectUrl, organizationId, sessionId, provider, customAuthData, appId } = phantomOptions;
+    const { authUrl, redirectUrl, publicKey, sessionId, provider, appId } = phantomOptions;
     if (!redirectUrl) {
       throw new Error("redirectUrl is required for web browser authentication");
     }
-    if (!organizationId || !sessionId || !appId) {
-      throw new Error("organizationId, sessionId and appId are required for authentication");
+    if (!publicKey || !sessionId || !appId) {
+      throw new Error("publicKey, sessionId and appId are required for authentication");
     }
     try {
       const baseUrl = authUrl || DEFAULT_AUTH_URL;
       const params = new URLSearchParams({
-        organization_id: organizationId,
+        public_key: publicKey,
         app_id: appId,
         redirect_uri: redirectUrl,
         session_id: sessionId,
-        clear_previous_session: "true",
-        sdk_version: "1.0.0-beta.8"
+        // OAuth session management - defaults to allow refresh unless explicitly clearing after logout
+        clear_previous_session: (phantomOptions.clearPreviousSession ?? false).toString(),
+        allow_refresh: (phantomOptions.allowRefresh ?? true).toString(),
+        sdk_version: "1.0.0",
+        sdk_type: "react-native",
+        platform: Platform.OS
       });
       if (provider) {
         console.log("[ExpoAuthProvider] Provider specified, will skip selection", { provider });
@@ -84,18 +526,13 @@ var ExpoAuthProvider = class {
         console.log("[ExpoAuthProvider] No provider specified, defaulting to Google");
         params.append("provider", "google");
       }
-      if (customAuthData) {
-        console.log("[ExpoAuthProvider] Adding custom auth data");
-        params.append("authData", JSON.stringify(customAuthData));
-      }
       const fullAuthUrl = `${baseUrl}?${params.toString()}`;
       console.log("[ExpoAuthProvider] Starting authentication", {
         baseUrl,
         redirectUrl,
-        organizationId,
+        publicKey,
         sessionId,
-        provider,
-        hasCustomData: !!customAuthData
+        provider
       });
       await WebBrowser.warmUpAsync();
       const result = await WebBrowser.openAuthSessionAsync(fullAuthUrl, redirectUrl, {
@@ -109,15 +546,32 @@ var ExpoAuthProvider = class {
       if (result.type === "success" && result.url) {
         const url = new URL(result.url);
         const walletId = url.searchParams.get("wallet_id");
-        const provider2 = url.searchParams.get("provider");
+        const organizationId = url.searchParams.get("organization_id");
         const accountDerivationIndex = url.searchParams.get("selected_account_index");
+        const expiresInMs = url.searchParams.get("expires_in_ms");
+        const authUserId = url.searchParams.get("auth_user_id");
         if (!walletId) {
           throw new Error("Authentication failed: no walletId in redirect URL");
         }
+        if (!organizationId) {
+          console.error("[ExpoAuthProvider] Missing organizationId in redirect URL", { url: result.url });
+          throw new Error("Authentication failed: no organizationId in redirect URL");
+        }
+        console.log("[ExpoAuthProvider] Auth redirect parameters", {
+          walletId,
+          organizationId,
+          provider,
+          accountDerivationIndex,
+          expiresInMs,
+          authUserId
+        });
         return {
           walletId,
-          provider: provider2 || void 0,
-          accountDerivationIndex: accountDerivationIndex ? parseInt(accountDerivationIndex) : void 0
+          organizationId,
+          provider: provider || void 0,
+          accountDerivationIndex: accountDerivationIndex ? parseInt(accountDerivationIndex) : 0,
+          expiresInMs: expiresInMs ? parseInt(expiresInMs) : 0,
+          authUserId: authUserId || void 0
         };
       } else if (result.type === "cancel") {
         throw new Error("User cancelled authentication");
@@ -405,17 +859,31 @@ var ExpoLogger = class {
   }
 };
 
+// src/providers/embedded/phantom-app.ts
+var ReactNativePhantomAppProvider = class {
+  isAvailable() {
+    return false;
+  }
+  authenticate(_options) {
+    return Promise.reject(
+      new Error(
+        "Phantom app authentication is not available in React Native. Please use other authentication methods like Google, Apple, or JWT."
+      )
+    );
+  }
+};
+
 // src/PhantomProvider.tsx
-import { Platform } from "react-native";
-import { jsx } from "react/jsx-runtime";
-var PhantomContext = createContext(void 0);
-function PhantomProvider({ children, config, debugConfig }) {
-  const [isConnected, setIsConnected] = useState(false);
-  const [isConnecting, setIsConnecting] = useState(false);
-  const [connectError, setConnectError] = useState(null);
-  const [addresses, setAddresses] = useState([]);
-  const [walletId, setWalletId] = useState(null);
-  const memoizedConfig = useMemo(() => {
+import { Platform as Platform2 } from "react-native";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function PhantomProvider({ children, config, debugConfig, theme, appIcon, appName }) {
+  const [isConnected, setIsConnected] = useState5(false);
+  const [isConnecting, setIsConnecting] = useState5(false);
+  const [errors, setErrors] = useState5({});
+  const [addresses, setAddresses] = useState5([]);
+  const [walletId, setWalletId] = useState5(null);
+  const [user, setUser] = useState5(null);
+  const memoizedConfig = useMemo2(() => {
     const redirectUrl = config.authOptions?.redirectUrl || `${config.scheme}://phantom-auth-callback`;
     return {
       ...config,
@@ -428,7 +896,7 @@ function PhantomProvider({ children, config, debugConfig }) {
       }
     };
   }, [config]);
-  const sdk = useMemo(() => {
+  const sdk = useMemo2(() => {
     const storage = new ExpoSecureStorage();
     const authProvider = new ExpoAuthProvider();
     const urlParamsAccessor = new ExpoURLParamsAccessor();
@@ -437,34 +905,36 @@ function PhantomProvider({ children, config, debugConfig }) {
       keyPrefix: `phantom-rn-${memoizedConfig.appId}`,
       appId: memoizedConfig.appId
     });
-    const platformName = `${Platform.OS}-${Platform.Version}`;
+    const platformName = `${Platform2.OS}-${Platform2.Version}`;
     const platform = {
       storage,
       authProvider,
       urlParamsAccessor,
       stamper,
+      phantomAppProvider: new ReactNativePhantomAppProvider(),
       name: platformName,
       analyticsHeaders: {
         [ANALYTICS_HEADERS.SDK_TYPE]: "react-native",
-        [ANALYTICS_HEADERS.PLATFORM]: Platform.OS,
-        [ANALYTICS_HEADERS.PLATFORM_VERSION]: `${Platform.Version}`,
+        [ANALYTICS_HEADERS.PLATFORM]: Platform2.OS,
+        [ANALYTICS_HEADERS.PLATFORM_VERSION]: `${Platform2.Version}`,
         [ANALYTICS_HEADERS.APP_ID]: config.appId,
         [ANALYTICS_HEADERS.WALLET_TYPE]: config.embeddedWalletType,
-        [ANALYTICS_HEADERS.SDK_VERSION]: "1.0.0-beta.8"
+        [ANALYTICS_HEADERS.SDK_VERSION]: "1.0.0"
         // Replaced at build time
       }
     };
     return new EmbeddedProvider(memoizedConfig, platform, logger);
   }, [memoizedConfig, debugConfig, config.appId, config.embeddedWalletType]);
-  useEffect(() => {
+  useEffect2(() => {
     const handleConnectStart = () => {
       setIsConnecting(true);
-      setConnectError(null);
+      setErrors((prev) => ({ ...prev, connect: void 0 }));
     };
-    const handleConnect = async () => {
+    const handleConnect = async (data) => {
       try {
         setIsConnected(true);
         setIsConnecting(false);
+        setUser(data);
         const addrs = await sdk.getAddresses();
         setAddresses(addrs);
       } catch (err) {
@@ -478,110 +948,57 @@ function PhantomProvider({ children, config, debugConfig }) {
     };
     const handleConnectError = (errorData) => {
       setIsConnecting(false);
-      setConnectError(new Error(errorData.error || "Connection failed"));
+      setErrors((prev) => ({ ...prev, connect: new Error(errorData.error || "Connection failed") }));
+      setAddresses([]);
     };
     const handleDisconnect = () => {
       setIsConnected(false);
       setIsConnecting(false);
-      setConnectError(null);
+      setErrors({});
       setAddresses([]);
       setWalletId(null);
+      setUser(null);
+    };
+    const handleSpendingLimitReached = () => {
+      setErrors((prev) => ({ ...prev, spendingLimit: true }));
     };
     sdk.on("connect_start", handleConnectStart);
     sdk.on("connect", handleConnect);
     sdk.on("connect_error", handleConnectError);
     sdk.on("disconnect", handleDisconnect);
+    sdk.on("spending_limit_reached", handleSpendingLimitReached);
     return () => {
       sdk.off("connect_start", handleConnectStart);
       sdk.off("connect", handleConnect);
       sdk.off("connect_error", handleConnectError);
       sdk.off("disconnect", handleDisconnect);
+      sdk.off("spending_limit_reached", handleSpendingLimitReached);
     };
   }, [sdk]);
-  useEffect(() => {
-    if (config.autoConnect !== false) {
-      sdk.autoConnect().catch(() => {
-      });
-    }
-  }, [sdk, config.autoConnect]);
-  const value = useMemo(
+  useEffect2(() => {
+    sdk.autoConnect().catch(() => {
+    });
+  }, [sdk]);
+  const clearError = useCallback5((key) => {
+    setErrors(({ [key]: _, ...next }) => next);
+  }, []);
+  const value = useMemo2(
     () => ({
       sdk,
       isConnected,
       isConnecting,
-      connectError,
+      errors,
       addresses,
       walletId,
-      setWalletId
+      setWalletId,
+      user,
+      allowedProviders: config.providers,
+      clearError
     }),
-    [sdk, isConnected, isConnecting, connectError, addresses, walletId, setWalletId]
-  );
-  return /* @__PURE__ */ jsx(PhantomContext.Provider, { value, children });
-}
-function usePhantom() {
-  const context = useContext(PhantomContext);
-  if (context === void 0) {
-    throw new Error("usePhantom must be used within a PhantomProvider");
-  }
-  return context;
-}
-
-// src/hooks/useConnect.ts
-import { useCallback } from "react";
-function useConnect() {
-  const { sdk, isConnecting, connectError, setWalletId } = usePhantom();
-  const connect = useCallback(
-    async (_options) => {
-      if (!sdk) {
-        throw new Error("SDK not initialized");
-      }
-      try {
-        const result = await sdk.connect();
-        if (result.status === "completed" && result.walletId) {
-          setWalletId(result.walletId);
-        }
-        return result;
-      } catch (err) {
-        const error = err;
-        throw error;
-      }
-    },
-    [sdk, setWalletId]
+    [sdk, isConnected, isConnecting, errors, addresses, walletId, setWalletId, user, config.providers, clearError]
   );
-  return {
-    connect,
-    isConnecting,
-    error: connectError
-  };
-}
-
-// src/hooks/useDisconnect.ts
-import { useState as useState2, useCallback as useCallback2 } from "react";
-function useDisconnect() {
-  const { sdk } = usePhantom();
-  const [isDisconnecting, setIsDisconnecting] = useState2(false);
-  const [error, setError] = useState2(null);
-  const disconnect = useCallback2(async () => {
-    if (!sdk) {
-      throw new Error("SDK not initialized");
-    }
-    setIsDisconnecting(true);
-    setError(null);
-    try {
-      await sdk.disconnect();
-    } catch (err) {
-      const error2 = err;
-      setError(error2);
-      throw error2;
-    } finally {
-      setIsDisconnecting(false);
-    }
-  }, [sdk]);
-  return {
-    disconnect,
-    isDisconnecting,
-    error
-  };
+  const resolvedTheme = theme || darkTheme;
+  return /* @__PURE__ */ jsx6(ThemeProvider, { theme: resolvedTheme, children: /* @__PURE__ */ jsx6(PhantomContext.Provider, { value, children: /* @__PURE__ */ jsx6(ModalProvider, { appIcon, appName, children }) }) });
 }
 
 // src/hooks/useAccounts.ts
@@ -598,9 +1015,7 @@ function useAccounts() {
 function useSolana() {
   const { sdk, isConnected } = usePhantom();
   return {
-    // Chain instance with connection enforcement for signing methods
     solana: sdk.solana,
-    // State
     isAvailable: !!isConnected
   };
 }
@@ -619,14 +1034,18 @@ function useEthereum() {
 // src/index.ts
 import { AddressType } from "@phantom/client";
 import { NetworkId } from "@phantom/constants";
+import { darkTheme as darkTheme2, lightTheme } from "@phantom/wallet-sdk-ui";
 export {
   AddressType,
   NetworkId,
   PhantomProvider,
+  darkTheme2 as darkTheme,
+  lightTheme,
   useAccounts,
   useConnect,
   useDisconnect,
   useEthereum,
+  useModal,
   usePhantom,
   useSolana
 };