initial v2

Author: jnsdls

.gitignore

@@ -1,2 +1,4 @@
 node_modules/
-dist/
+dist/
+.yalc
+yalc.lock

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thirdweb-dev/react",
-  "version": "1.0.0-alpha.3",
+  "version": "2.0.0-alpha.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com:thirdweb-dev/react.git"
@@ -44,7 +44,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@3rdweb/sdk": "^1.41.0",
+    "@thirdweb-dev/sdk": "^2.0.0-nightly.8",
     "react-query": "^3.34.15",
     "tiny-invariant": "^1.2.0",
     "wagmi": "^0.2.12"

src/Provider.tsx

@@ -1,5 +1,5 @@
 import React, { createContext, useEffect, useMemo, useState } from "react";
-import { ISDKOptions, ThirdwebSDK } from "@3rdweb/sdk";
+import { ThirdwebSDK, SDKOptions } from "@thirdweb-dev/sdk";
 import {
   WagmiProvider,
   ProviderProps as WagmiproviderProps,
@@ -52,7 +52,7 @@ export interface ThirdwebPoviderProps {
    * The Thirdweb SDK options.
    * @see {@link https://thirdweb-dev.github.io/typescript-sdk/sdk.isdkoptions.html | ISDKOptions}
    */
-  sdkOptions?: Partial<ISDKOptions>;
+  sdkOptions?: Partial<SDKOptions>;
   /**
    *
    * Advanced options.
@@ -182,7 +182,7 @@ const ThirdwebSDKProvider: React.FC<
   useEffect(() => {
     if (desiredChainId) {
       const _sdk = new ThirdwebSDK(
-        sdkOptions?.readOnlyRpcUrl || provider,
+        sdkOptions?.readonlySettings?.rpcUrl || provider,
         sdkOptions,
       );
       (_sdk as any)._chainId = desiredChainId;
@@ -192,7 +192,7 @@ const ThirdwebSDKProvider: React.FC<
 
   useEffect(() => {
     if (signer.data && sdk && (sdk as any)._chainId === desiredChainId) {
-      sdk.setProviderOrSigner(signer.data);
+      sdk.updateSignerOrProvider(signer.data);
     }
   }, [signer.data, sdk, desiredChainId]);
 

src/hooks/modules/index.ts

@@ -1,11 +1,9 @@
-export * from "./useBundleDropModule";
-export * from "./useBundleModule";
-export * from "./useBundleSignatureModule";
-export * from "./useDropModule";
-export * from "./useMarketModule";
-export * from "./useMarketplaceModule";
-export * from "./useModule";
-export * from "./useNFTModule";
-export * from "./usePackModule";
+export * from "./useEditionDrop";
+export * from "./useEdition";
+export * from "./useNFTDrop";
+export * from "./useMarketplace";
+export * from "./useContract";
+export * from "./useNFTCollection";
+export * from "./usePack";
 export * from "./useTokenModule";
 export * from "./useVoteModule";

src/hooks/modules/useBundleDropModule.ts

@@ -0,0 +1,19 @@
+import { ContractForContractType, ContractType } from "@thirdweb-dev/sdk";
+import { useSDK } from "../../Provider";
+
+/**
+ * @internal
+ * @param contractType - the module type
+ * @param contractAddress - the module address
+ * @returns the instance of the module for the given type and address
+ */
+export function useContract<TContractType extends ContractType>(
+  contractType: TContractType,
+  contractAddress: string,
+): ContractForContractType<TContractType> {
+  const sdk = useSDK();
+  if (!sdk) {
+    return undefined;
+  }
+  return sdk.getContract(contractAddress, contractType);
+}

src/hooks/modules/useBundleModule.ts

@@ -0,0 +1,6 @@
+import { Edition } from "@thirdweb-dev/sdk";
+import { useContract } from "./useContract";
+
+export function useEdition(moduleAddress: string) {
+  return useContract("edition", moduleAddress) as Edition;
+}