@phantom/react-native-sdk 1.0.0-beta.21 → 1.0.0-beta.24

package/dist/index.mjs

@@ -1,7 +1,414 @@
 // src/PhantomProvider.tsx
-import { createContext, useContext, useState, useEffect, useMemo } from "react";
+import { useState as useState5, useEffect as useEffect2, useMemo as useMemo2 } 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, connectError, 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: connectError
+  };
+}
+
+// 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 })
+          ] })
+        }
+      ),
+      allowedProviders.includes("x") && /* @__PURE__ */ jsx2(
+        Button,
+        {
+          onClick: () => connectWithAuthProvider("x"),
+          disabled: isConnecting,
+          isLoading: isConnecting && providerType === "x",
+          fullWidth: true,
+          children: /* @__PURE__ */ jsxs2(View2, { style: styles.buttonContent, children: [
+            /* @__PURE__ */ jsxs2(View2, { style: styles.buttonContentLeft, children: [
+              /* @__PURE__ */ jsx2(Icon, { type: "x", size: 20, color: theme.text }),
+              /* @__PURE__ */ jsx2(Text, { variant: "captionBold", children: "Continue with X" })
+            ] }),
+            /* @__PURE__ */ jsx2(Icon, { type: "chevron-right", size: 16, color: theme.secondary })
+          ] })
+        }
+      ),
+      allowedProviders.includes("tiktok") && /* @__PURE__ */ jsx2(
+        Button,
+        {
+          onClick: () => connectWithAuthProvider("tiktok"),
+          disabled: isConnecting,
+          isLoading: isConnecting && providerType === "tiktok",
+          fullWidth: true,
+          children: /* @__PURE__ */ jsxs2(View2, { style: styles.buttonContent, children: [
+            /* @__PURE__ */ jsxs2(View2, { style: styles.buttonContentLeft, children: [
+              /* @__PURE__ */ jsx2(Icon, { type: "tiktok", size: 20, color: theme.text }),
+              /* @__PURE__ */ jsx2(Text, { variant: "captionBold", children: "Continue with TikTok" })
+            ] }),
+            /* @__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/ModalProvider.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function ModalProvider({ children, appIcon, appName }) {
+  const { isConnected } = usePhantom();
+  const [isModalOpen, setIsModalOpen] = useState4(false);
+  const openModal = useCallback4(() => {
+    setIsModalOpen(true);
+  }, []);
+  const closeModal = useCallback4(() => {
+    setIsModalOpen(false);
+  }, []);
+  const modalContextValue = useMemo(
+    () => ({
+      isModalOpen,
+      openModal,
+      closeModal
+    }),
+    [isModalOpen, openModal, closeModal]
+  );
+  return /* @__PURE__ */ jsxs4(ModalContext.Provider, { value: modalContextValue, children: [
+    children,
+    /* @__PURE__ */ jsx4(Modal, { isVisible: isModalOpen, onClose: closeModal, appIcon, appName, isMobile: true, children: isConnected ? /* @__PURE__ */ jsx4(ConnectedModalContent, { onClose: closeModal }) : /* @__PURE__ */ jsx4(ConnectModalContent, { appIcon, appName, onClose: closeModal }) })
+  ] });
+}
 
 // src/providers/embedded/storage.ts
 import * as SecureStore from "expo-secure-store";
@@ -109,7 +516,7 @@ var ExpoAuthProvider = class {
         // 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-beta.21",
+        sdk_version: "1.0.0-beta.24",
         sdk_type: "react-native",
         platform: Platform.OS
       });
@@ -141,7 +548,6 @@ var ExpoAuthProvider = class {
         const url = new URL(result.url);
         const walletId = url.searchParams.get("wallet_id");
         const organizationId = url.searchParams.get("organization_id");
-        const provider2 = url.searchParams.get("provider");
         const accountDerivationIndex = url.searchParams.get("selected_account_index");
         const expiresInMs = url.searchParams.get("expires_in_ms");
         const authUserId = url.searchParams.get("auth_user_id");
@@ -155,7 +561,7 @@ var ExpoAuthProvider = class {
         console.log("[ExpoAuthProvider] Auth redirect parameters", {
           walletId,
           organizationId,
-          provider: provider2,
+          provider,
           accountDerivationIndex,
           expiresInMs,
           authUserId
@@ -163,7 +569,7 @@ var ExpoAuthProvider = class {
         return {
           walletId,
           organizationId,
-          provider: provider2 || void 0,
+          provider: provider || void 0,
           accountDerivationIndex: accountDerivationIndex ? parseInt(accountDerivationIndex) : 0,
           expiresInMs: expiresInMs ? parseInt(expiresInMs) : 0,
           authUserId: authUserId || void 0
@@ -470,16 +876,15 @@ var ReactNativePhantomAppProvider = class {
 
 // src/PhantomProvider.tsx
 import { Platform as Platform2 } 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 [user, setUser] = useState(null);
-  const memoizedConfig = useMemo(() => {
+import { jsx as jsx5 } from "react/jsx-runtime";
+function PhantomProvider({ children, config, debugConfig, theme, appIcon, appName }) {
+  const [isConnected, setIsConnected] = useState5(false);
+  const [isConnecting, setIsConnecting] = useState5(false);
+  const [connectError, setConnectError] = useState5(null);
+  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,
@@ -492,7 +897,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();
@@ -515,13 +920,13 @@ function PhantomProvider({ children, config, debugConfig }) {
         [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.21"
+        [ANALYTICS_HEADERS.SDK_VERSION]: "1.0.0-beta.24"
         // Replaced at build time
       }
     };
     return new EmbeddedProvider(memoizedConfig, platform, logger);
   }, [memoizedConfig, debugConfig, config.appId, config.embeddedWalletType]);
-  useEffect(() => {
+  useEffect2(() => {
     const handleConnectStart = () => {
       setIsConnecting(true);
       setConnectError(null);
@@ -566,13 +971,11 @@ function PhantomProvider({ children, config, debugConfig }) {
       sdk.off("disconnect", handleDisconnect);
     };
   }, [sdk]);
-  useEffect(() => {
-    if (config.autoConnect !== false) {
-      sdk.autoConnect().catch(() => {
-      });
-    }
-  }, [sdk, config.autoConnect]);
-  const value = useMemo(
+  useEffect2(() => {
+    sdk.autoConnect().catch(() => {
+    });
+  }, [sdk]);
+  const value = useMemo2(
     () => ({
       sdk,
       isConnected,
@@ -581,76 +984,13 @@ function PhantomProvider({ children, config, debugConfig }) {
       addresses,
       walletId,
       setWalletId,
-      user
+      user,
+      allowedProviders: config.providers
     }),
-    [sdk, isConnected, isConnecting, connectError, addresses, walletId, setWalletId, user]
+    [sdk, isConnected, isConnecting, connectError, addresses, walletId, setWalletId, user, config.providers]
   );
-  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(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: 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__ */ jsx5(ThemeProvider, { theme: resolvedTheme, children: /* @__PURE__ */ jsx5(PhantomContext.Provider, { value, children: /* @__PURE__ */ jsx5(ModalProvider, { appIcon, appName, children }) }) });
 }
 
 // src/hooks/useAccounts.ts
@@ -688,14 +1028,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
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phantom/react-native-sdk",
-  "version": "1.0.0-beta.21",
+  "version": "1.0.0-beta.24",
   "description": "Phantom Wallet SDK for React Native and Expo applications",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -41,18 +41,19 @@
   "author": "Phantom",
   "repository": {
     "type": "git",
-    "url": "https://github.com/phantom/wallet-sdk.git",
+    "url": "https://github.com/phantom/phantom-connect-sdk",
     "directory": "packages/react-native-sdk"
   },
   "dependencies": {
-    "@phantom/api-key-stamper": "^1.0.0-beta.9",
-    "@phantom/base64url": "^1.0.0-beta.9",
-    "@phantom/chain-interfaces": "^1.0.0-beta.9",
-    "@phantom/client": "^1.0.0-beta.21",
-    "@phantom/constants": "^1.0.0-beta.9",
-    "@phantom/crypto": "^1.0.0-beta.9",
-    "@phantom/embedded-provider-core": "^1.0.0-beta.21",
-    "@phantom/sdk-types": "^1.0.0-beta.9",
+    "@phantom/api-key-stamper": "^1.0.0-beta.12",
+    "@phantom/base64url": "^1.0.0-beta.12",
+    "@phantom/chain-interfaces": "^1.0.0-beta.12",
+    "@phantom/client": "^1.0.0-beta.24",
+    "@phantom/constants": "^1.0.0-beta.12",
+    "@phantom/crypto": "^1.0.0-beta.12",
+    "@phantom/embedded-provider-core": "^1.0.0-beta.24",
+    "@phantom/sdk-types": "^1.0.0-beta.12",
+    "@phantom/wallet-sdk-ui": "^1.0.0-beta.3",
     "@types/bs58": "^5.0.0",
     "bs58": "^6.0.0",
     "buffer": "^6.0.3"
@@ -64,9 +65,12 @@
     "expo-web-browser": ">=12.0.0",
     "react": ">=19.0.0",
     "react-native": ">=0.79.0",
-    "react-native-get-random-values": ">=1.8.0"
+    "react-native-get-random-values": ">=1.8.0",
+    "react-native-svg": ">=15.0.0"
   },
   "devDependencies": {
+    "@testing-library/jest-native": "^5.4.3",
+    "@testing-library/react-native": "14.0.0-alpha.1",
     "@types/jest": "^29.5.14",
     "@types/react": "~19.0.10",
     "@types/react-native": "^0.72.0",
@@ -81,12 +85,13 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "prettier": "^3.5.2",
-    "react": "19.1.1",
+    "react": "19.0.0",
     "react-native": "0.79.5",
     "rimraf": "^6.0.1",
     "ts-jest": "^29",
     "tsup": "^6.7.0",
-    "typescript": "^5.8.3"
+    "typescript": "^5.8.3",
+    "universal-test-renderer": "0.6.0"
   },
   "publishConfig": {
     "directory": "_release/package"