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

package/dist/index.js

@@ -33,25 +33,430 @@ __export(src_exports, {
   AddressType: () => import_client.AddressType,
   NetworkId: () => import_constants3.NetworkId,
   PhantomProvider: () => PhantomProvider,
+  darkTheme: () => import_wallet_sdk_ui6.darkTheme,
+  lightTheme: () => import_wallet_sdk_ui6.lightTheme,
   useAccounts: () => useAccounts,
   useConnect: () => useConnect,
   useDisconnect: () => useDisconnect,
   useEthereum: () => useEthereum,
+  useModal: () => useModal,
   usePhantom: () => usePhantom,
   useSolana: () => useSolana
 });
 module.exports = __toCommonJS(src_exports);
 
 // src/PhantomProvider.tsx
-var import_react = require("react");
+var import_react8 = require("react");
 var import_embedded_provider_core = require("@phantom/embedded-provider-core");
 var import_constants2 = require("@phantom/constants");
+var import_wallet_sdk_ui5 = require("@phantom/wallet-sdk-ui");
+
+// src/ModalProvider.tsx
+var import_react7 = require("react");
+
+// src/ModalContext.ts
+var import_react = require("react");
+var ModalContext = (0, import_react.createContext)(void 0);
+function useModal() {
+  const context = (0, import_react.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
+var import_react_native = require("react-native");
+var import_wallet_sdk_ui = require("@phantom/wallet-sdk-ui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Modal({ isVisible, onClose, children }) {
+  const theme = (0, import_wallet_sdk_ui.useTheme)();
+  const styles = import_react_native.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__ */ (0, import_jsx_runtime.jsx)(import_react_native.Modal, { visible: isVisible, transparent: true, animationType: "slide", onRequestClose: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.SafeAreaView, { style: styles.bottomSheet, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { style: styles.handle }),
+    children
+  ] }) });
+}
+
+// src/PhantomContext.tsx
+var import_react2 = require("react");
+var PhantomContext = (0, import_react2.createContext)(void 0);
+function usePhantom() {
+  const context = (0, import_react2.useContext)(PhantomContext);
+  if (context === void 0) {
+    throw new Error("usePhantom must be used within a PhantomProvider");
+  }
+  return context;
+}
+
+// src/components/ConnectModalContent.tsx
+var import_react4 = require("react");
+var import_react_native2 = require("react-native");
+var import_wallet_sdk_ui2 = require("@phantom/wallet-sdk-ui");
+
+// src/hooks/useConnect.ts
+var import_react3 = require("react");
+function useConnect() {
+  const { sdk, isConnecting, errors, setWalletId } = usePhantom();
+  const connect = (0, import_react3.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
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function ConnectModalContent({ appIcon, onClose }) {
+  const theme = (0, import_wallet_sdk_ui2.useTheme)();
+  const { isConnecting: contextIsConnecting, allowedProviders } = usePhantom();
+  const { connect } = useConnect();
+  const [isConnecting, setIsConnecting] = (0, import_react4.useState)(false);
+  const [error, setError] = (0, import_react4.useState)(null);
+  const [providerType, setProviderType] = (0, import_react4.useState)(null);
+  const isLoading = contextIsConnecting || isConnecting;
+  const errorBackgroundColor = (0, import_wallet_sdk_ui2.hexToRgba)(theme.error, 0.1);
+  const errorBorderColor = (0, import_wallet_sdk_ui2.hexToRgba)(theme.error, 0.3);
+  const errorTextColor = theme.error;
+  const connectWithAuthProvider = (0, import_react4.useCallback)(
+    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 = import_react_native2.StyleSheet.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__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.ModalHeader, { title: "Login or Sign Up", onClose }),
+    appIcon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Image, { testID: "app-icon", source: { uri: appIcon }, style: styles.appIcon }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.loadingContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.ActivityIndicator, { testID: "activity-indicator", size: "large", color: theme.brand }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Text, { variant: "label", color: theme.secondary, children: "Loading..." })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.buttonContainer, children: [
+      error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles.errorContainer, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Text, { style: styles.errorText, children: error.message }) }),
+      allowedProviders.includes("google") && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_wallet_sdk_ui2.Button,
+        {
+          onClick: () => connectWithAuthProvider("google"),
+          disabled: isConnecting,
+          isLoading: isConnecting && providerType === "google",
+          fullWidth: true,
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.buttonContent, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.buttonContentLeft, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Icon, { type: "google", size: 20, color: theme.text }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Text, { variant: "captionBold", children: "Continue with Google" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Icon, { type: "chevron-right", size: 16, color: theme.secondary })
+          ] })
+        }
+      ),
+      allowedProviders.includes("apple") && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_wallet_sdk_ui2.Button,
+        {
+          onClick: () => connectWithAuthProvider("apple"),
+          disabled: isConnecting,
+          isLoading: isConnecting && providerType === "apple",
+          fullWidth: true,
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.buttonContent, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.buttonContentLeft, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Icon, { type: "apple", size: 20, color: theme.text }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Text, { variant: "captionBold", children: "Continue with Apple" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Icon, { type: "chevron-right", size: 16, color: theme.secondary })
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles.footer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Text, { variant: "label", color: theme.secondary, children: "Powered by" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Icon, { type: "phantom", size: 16, color: theme.secondary }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_wallet_sdk_ui2.Text, { variant: "label", color: theme.secondary, children: "Phantom" })
+    ] })
+  ] });
+}
+
+// src/components/ConnectedModalContent.tsx
+var import_react6 = require("react");
+var import_react_native3 = require("react-native");
+var import_wallet_sdk_ui3 = require("@phantom/wallet-sdk-ui");
+
+// src/hooks/useDisconnect.ts
+var import_react5 = require("react");
+function useDisconnect() {
+  const { sdk } = usePhantom();
+  const [isDisconnecting, setIsDisconnecting] = (0, import_react5.useState)(false);
+  const [error, setError] = (0, import_react5.useState)(null);
+  const disconnect = (0, import_react5.useCallback)(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
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function ConnectedModalContent({ onClose }) {
+  const theme = (0, import_wallet_sdk_ui3.useTheme)();
+  const { addresses } = usePhantom();
+  const { disconnect } = useDisconnect();
+  const [isDisconnecting, setIsDisconnecting] = (0, import_react6.useState)(false);
+  const [disconnectError, setDisconnectError] = (0, import_react6.useState)(null);
+  const errorBackgroundColor = (0, import_wallet_sdk_ui3.hexToRgba)(theme.error, 0.1);
+  const errorBorderColor = (0, import_wallet_sdk_ui3.hexToRgba)(theme.error, 0.3);
+  (0, import_react6.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 = import_react_native3.StyleSheet.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__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_wallet_sdk_ui3.ModalHeader, { title: "Wallet", onClose }),
+    addresses && addresses.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: styles.accountList, children: addresses.map((account, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: styles.accountItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_wallet_sdk_ui3.Text, { variant: "label", color: theme.secondary, style: styles.accountTypeText, children: account.addressType }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_wallet_sdk_ui3.Text, { variant: "caption", style: styles.addressText, children: account.address })
+    ] }, index)) }),
+    disconnectError && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: styles.errorContainer, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_wallet_sdk_ui3.Text, { variant: "caption", color: theme.error, children: "Failed to disconnect" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_wallet_sdk_ui3.Button, { onClick: handleDisconnect, disabled: isDisconnecting, isLoading: isDisconnecting, fullWidth: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_wallet_sdk_ui3.Text, { variant: "captionBold", children: isDisconnecting ? "Disconnecting..." : "Disconnect" }) })
+  ] });
+}
+
+// src/components/SpendingLimitModalContent.tsx
+var import_react_native4 = require("react-native");
+var import_wallet_sdk_ui4 = require("@phantom/wallet-sdk-ui");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function SpendingLimitModalContent({ onClose }) {
+  const theme = (0, import_wallet_sdk_ui4.useTheme)();
+  const styles = import_react_native4.StyleSheet.create({
+    container: {
+      flexDirection: "column",
+      gap: 16,
+      padding: 32
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native4.View, { style: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_wallet_sdk_ui4.Text, { variant: "caption", color: theme.secondary, children: "You've reached the maximum daily limit allowed to spend by this application." }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_wallet_sdk_ui4.Button, { fullWidth: true, onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_wallet_sdk_ui4.Text, { variant: "captionBold", children: "Close" }) })
+  ] });
+}
+
+// src/ModalProvider.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function ModalProvider({ children, appIcon, appName }) {
+  const { isConnected, errors, clearError } = usePhantom();
+  const [isModalOpen, setIsModalOpen] = (0, import_react7.useState)(false);
+  const openModal = (0, import_react7.useCallback)(() => {
+    setIsModalOpen(true);
+  }, []);
+  const closeModal = (0, import_react7.useCallback)(() => {
+    setIsModalOpen(false);
+    clearError("spendingLimit");
+  }, [clearError]);
+  const isSpendingLimitOpen = !!errors.spendingLimit;
+  const modalContextValue = (0, import_react7.useMemo)(
+    () => ({
+      isModalOpen,
+      openModal,
+      closeModal
+    }),
+    [isModalOpen, openModal, closeModal]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(ModalContext.Provider, { value: modalContextValue, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      Modal,
+      {
+        isVisible: isModalOpen || isSpendingLimitOpen,
+        onClose: closeModal,
+        appIcon,
+        appName,
+        isMobile: true,
+        children: isSpendingLimitOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SpendingLimitModalContent, { onClose: closeModal }) : isConnected ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ConnectedModalContent, { onClose: closeModal }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ConnectModalContent, { appIcon, appName, onClose: closeModal })
+      }
+    )
+  ] });
+}
 
 // src/providers/embedded/storage.ts
 var SecureStore = __toESM(require("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) {
@@ -86,6 +491,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();
   }
@@ -97,6 +532,7 @@ var ExpoSecureStorage = class {
 
 // src/providers/embedded/auth.ts
 var WebBrowser = __toESM(require("expo-web-browser"));
+var import_react_native5 = require("react-native");
 var import_constants = require("@phantom/constants");
 var ExpoAuthProvider = class {
   async authenticate(options) {
@@ -104,22 +540,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 || import_constants.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.9"
+        // 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: import_react_native5.Platform.OS
       });
       if (provider) {
         console.log("[ExpoAuthProvider] Provider specified, will skip selection", { provider });
@@ -128,18 +568,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, {
@@ -153,15 +588,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");
@@ -181,7 +633,7 @@ var ExpoAuthProvider = class {
 };
 
 // src/providers/embedded/url-params.ts
-var import_react_native = require("react-native");
+var import_react_native6 = require("react-native");
 var ExpoURLParamsAccessor = class {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set();
@@ -193,7 +645,7 @@ var ExpoURLParamsAccessor = class {
   }
   async getInitialParams() {
     try {
-      const url = await import_react_native.Linking.getInitialURL();
+      const url = await import_react_native6.Linking.getInitialURL();
       if (!url) {
         return null;
       }
@@ -209,7 +661,7 @@ var ExpoURLParamsAccessor = class {
     if (this.subscription) {
       return;
     }
-    this.subscription = import_react_native.Linking.addEventListener("url", ({ url }) => {
+    this.subscription = import_react_native6.Linking.addEventListener("url", ({ url }) => {
       const params = this.parseURLParams(url);
       if (params && Object.keys(params).length > 0) {
         this.currentParams = { ...this.currentParams, ...params };
@@ -449,17 +901,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
-var import_react_native2 = require("react-native");
-var import_jsx_runtime = require("react/jsx-runtime");
-var PhantomContext = (0, import_react.createContext)(void 0);
-function PhantomProvider({ children, config, debugConfig }) {
-  const [isConnected, setIsConnected] = (0, import_react.useState)(false);
-  const [isConnecting, setIsConnecting] = (0, import_react.useState)(false);
-  const [connectError, setConnectError] = (0, import_react.useState)(null);
-  const [addresses, setAddresses] = (0, import_react.useState)([]);
-  const [walletId, setWalletId] = (0, import_react.useState)(null);
-  const memoizedConfig = (0, import_react.useMemo)(() => {
+var import_react_native7 = require("react-native");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function PhantomProvider({ children, config, debugConfig, theme, appIcon, appName }) {
+  const [isConnected, setIsConnected] = (0, import_react8.useState)(false);
+  const [isConnecting, setIsConnecting] = (0, import_react8.useState)(false);
+  const [errors, setErrors] = (0, import_react8.useState)({});
+  const [addresses, setAddresses] = (0, import_react8.useState)([]);
+  const [walletId, setWalletId] = (0, import_react8.useState)(null);
+  const [user, setUser] = (0, import_react8.useState)(null);
+  const memoizedConfig = (0, import_react8.useMemo)(() => {
     const redirectUrl = config.authOptions?.redirectUrl || `${config.scheme}://phantom-auth-callback`;
     return {
       ...config,
@@ -472,7 +938,7 @@ function PhantomProvider({ children, config, debugConfig }) {
       }
     };
   }, [config]);
-  const sdk = (0, import_react.useMemo)(() => {
+  const sdk = (0, import_react8.useMemo)(() => {
     const storage = new ExpoSecureStorage();
     const authProvider = new ExpoAuthProvider();
     const urlParamsAccessor = new ExpoURLParamsAccessor();
@@ -481,34 +947,36 @@ function PhantomProvider({ children, config, debugConfig }) {
       keyPrefix: `phantom-rn-${memoizedConfig.appId}`,
       appId: memoizedConfig.appId
     });
-    const platformName = `${import_react_native2.Platform.OS}-${import_react_native2.Platform.Version}`;
+    const platformName = `${import_react_native7.Platform.OS}-${import_react_native7.Platform.Version}`;
     const platform = {
       storage,
       authProvider,
       urlParamsAccessor,
       stamper,
+      phantomAppProvider: new ReactNativePhantomAppProvider(),
       name: platformName,
       analyticsHeaders: {
         [import_constants2.ANALYTICS_HEADERS.SDK_TYPE]: "react-native",
-        [import_constants2.ANALYTICS_HEADERS.PLATFORM]: import_react_native2.Platform.OS,
-        [import_constants2.ANALYTICS_HEADERS.PLATFORM_VERSION]: `${import_react_native2.Platform.Version}`,
+        [import_constants2.ANALYTICS_HEADERS.PLATFORM]: import_react_native7.Platform.OS,
+        [import_constants2.ANALYTICS_HEADERS.PLATFORM_VERSION]: `${import_react_native7.Platform.Version}`,
         [import_constants2.ANALYTICS_HEADERS.APP_ID]: config.appId,
         [import_constants2.ANALYTICS_HEADERS.WALLET_TYPE]: config.embeddedWalletType,
-        [import_constants2.ANALYTICS_HEADERS.SDK_VERSION]: "1.0.0-beta.9"
+        [import_constants2.ANALYTICS_HEADERS.SDK_VERSION]: "1.0.0"
         // Replaced at build time
       }
     };
     return new import_embedded_provider_core.EmbeddedProvider(memoizedConfig, platform, logger);
   }, [memoizedConfig, debugConfig, config.appId, config.embeddedWalletType]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     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) {
@@ -522,110 +990,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]);
-  (0, import_react.useEffect)(() => {
-    if (config.autoConnect !== false) {
-      sdk.autoConnect().catch(() => {
-      });
-    }
-  }, [sdk, config.autoConnect]);
-  const value = (0, import_react.useMemo)(
+  (0, import_react8.useEffect)(() => {
+    sdk.autoConnect().catch(() => {
+    });
+  }, [sdk]);
+  const clearError = (0, import_react8.useCallback)((key) => {
+    setErrors(({ [key]: _, ...next }) => next);
+  }, []);
+  const value = (0, import_react8.useMemo)(
     () => ({
       sdk,
       isConnected,
       isConnecting,
-      connectError,
+      errors,
       addresses,
       walletId,
-      setWalletId
+      setWalletId,
+      user,
+      allowedProviders: config.providers,
+      clearError
     }),
-    [sdk, isConnected, isConnecting, connectError, addresses, walletId, setWalletId]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PhantomContext.Provider, { value, children });
-}
-function usePhantom() {
-  const context = (0, import_react.useContext)(PhantomContext);
-  if (context === void 0) {
-    throw new Error("usePhantom must be used within a PhantomProvider");
-  }
-  return context;
-}
-
-// src/hooks/useConnect.ts
-var import_react2 = require("react");
-function useConnect() {
-  const { sdk, isConnecting, connectError, setWalletId } = usePhantom();
-  const connect = (0, import_react2.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
-var import_react3 = require("react");
-function useDisconnect() {
-  const { sdk } = usePhantom();
-  const [isDisconnecting, setIsDisconnecting] = (0, import_react3.useState)(false);
-  const [error, setError] = (0, import_react3.useState)(null);
-  const disconnect = (0, import_react3.useCallback)(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 || import_wallet_sdk_ui5.darkTheme;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_wallet_sdk_ui5.ThemeProvider, { theme: resolvedTheme, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PhantomContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModalProvider, { appIcon, appName, children }) }) });
 }
 
 // src/hooks/useAccounts.ts
@@ -642,9 +1057,7 @@ function useAccounts() {
 function useSolana() {
   const { sdk, isConnected } = usePhantom();
   return {
-    // Chain instance with connection enforcement for signing methods
     solana: sdk.solana,
-    // State
     isAvailable: !!isConnected
   };
 }
@@ -663,15 +1076,19 @@ function useEthereum() {
 // src/index.ts
 var import_client = require("@phantom/client");
 var import_constants3 = require("@phantom/constants");
+var import_wallet_sdk_ui6 = require("@phantom/wallet-sdk-ui");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddressType,
   NetworkId,
   PhantomProvider,
+  darkTheme,
+  lightTheme,
   useAccounts,
   useConnect,
   useDisconnect,
   useEthereum,
+  useModal,
   usePhantom,
   useSolana
 });