[React/RN] Move usePersonalWalletAddress hook to core (#1971)

Co-authored-by: Manan Tank <[email protected]>

Author: iketw

.changeset/rotten-tigers-shake.md

@@ -0,0 +1,20 @@
+---
+"@thirdweb-dev/react-native": patch
+"@thirdweb-dev/react-core": patch
+---
+
+Adds usePersonalWalletAddress hook to React/RN
+
+```typescript
+// React
+import { usePersonalWalletAddress } from "@thirdweb-dev/react";
+
+const personalWalletAddress = usePersonalWalletAddress();
+```
+
+```typescript
+// React-Native
+import { usePersonalWalletAddress } from "@thirdweb-dev/react-native";
+
+const personalWalletAddress = usePersonalWalletAddress();
+```

packages/react-core/src/evm/hooks/usePersonalWalletAddress.ts

@@ -0,0 +1,27 @@
+import { useEffect, useState } from "react";
+import { useWallet } from "../../core/hooks/wallet-hooks";
+
+export const usePersonalWalletAddress = () => {
+  const [personalWalletAddress, setPersonalWalletAddress] = useState<
+    string | undefined
+  >();
+  const activeWallet = useWallet();
+
+  useEffect(() => {
+    (async () => {
+      const possiblePersonalWallet = activeWallet?.getPersonalWallet();
+
+      if (!possiblePersonalWallet) {
+        setPersonalWalletAddress(undefined);
+        return;
+      }
+
+      const address = await (
+        await possiblePersonalWallet?.getSigner()
+      )?.getAddress();
+      setPersonalWalletAddress(address);
+    })();
+  }, [activeWallet]);
+
+  return personalWalletAddress;
+};

packages/react-core/src/evm/index.ts

@@ -22,6 +22,7 @@ export {
 } from "../core/hooks/wallet-hooks";
 export { useNetwork } from "../core/hooks/useNetwork";
 export { useWalletContext } from "../core/providers/thirdweb-wallet-provider";
+export { usePersonalWalletAddress } from "./hooks/usePersonalWalletAddress";
 
 // connected wallet hooks
 export {

packages/react-native/src/evm/components/ConnectWalletDetails/ExportLocalWalletModal.tsx

@@ -13,12 +13,12 @@ import { ModalHeaderTextClose } from "../base/modal/ModalHeaderTextClose";
 import {
   shortenAddress,
   useAddress,
+  usePersonalWalletAddress,
   useWallet,
 } from "@thirdweb-dev/react-core";
 import { PasswordInput } from "../PasswordInput";
 import * as FileSystem from "expo-file-system";
 import { SmartWallet } from "@thirdweb-dev/wallets";
-import { usePersonalWalletAddress } from "../../wallets/hooks/usePersonalWalletAddress";
 import { LocalWallet } from "../../wallets/wallets/LocalWallet";
 import { TWModal } from "../base/modal/TWModal";
 import { useLocale } from "../../providers/ui-context-provider";