WIP connect params

Author: joaquim-verges

.changeset/strong-panthers-notice.md

@@ -1,25 +1,56 @@
 ---
-"@thirdweb-dev/wagmi-adapter": major
+"@thirdweb-dev/wagmi-adapter": minor
 ---
 
 Wagmi connector for in-app wallets
 
 You can now connect to an in-app wallet in your wagmi applications.
 
+Install the wagmi adapter:
+
+```bash
+npm install @thirdweb-dev/wagmi-adapter
+```
+
+Create a wagmi config with the in-app wallet connector:
+
 ```ts
 import { http, createConfig } from "wagmi";
 import { inAppWalletConnector } from "@thirdweb-dev/wagmi-adapter";
+import { createThirdwebClient, defineChain as thirdwebChain } from "thirdweb";
+
+const client = createThirdwebClient({
+  clientId: "...",
+});
 
 export const config = createConfig({
   chains: [sepolia],
   connectors: [
     inAppWalletConnector({
-      clientId: "...",
-      strategy: "google",
+      client,
+      // optional: turn on smart accounts
+      smartAccounts: {
+        sponsorGas: true,
+        chain: thirdwebChain(sepolia),
+      },
     }),
   ],
   transports: {
     [sepolia.id]: http(),
   },
 });
 ```
+
+Then in your app, you can use the connector to connect with any supported strategy:
+
+```ts
+const { connect, connectors } = useConnect();
+
+const onClick = () => {
+  const inAppWallet = connectors.find((x) => x.id === "in-app-wallet");
+  connect({
+    connector: inAppWallet,
+    strategy: "google",
+  });
+};
+```

packages/thirdweb/src/exports/wallets.native.ts

@@ -89,8 +89,14 @@ export type {
    * @deprecated use InAppWalletSocialAuth instead
    */
   InAppWalletSocialAuth as EmbeddedWalletSocialAuth,
+  InAppWalletCreationOptions,
 } from "../wallets/in-app/core/wallet/types.js";
 
+export type {
+  MultiStepAuthArgsType,
+  SingleStepAuthArgsType,
+} from "../wallets/in-app/core/authentication/types.js";
+
 export {
   preAuthenticate,
   authenticate,

packages/thirdweb/src/exports/wallets.ts

@@ -96,8 +96,14 @@ export type {
    * @deprecated use InAppWalletSocialAuth instead
    */
   InAppWalletSocialAuth as EmbeddedWalletSocialAuth,
+  InAppWalletCreationOptions,
 } from "../wallets/in-app/core/wallet/types.js";
 
+export type {
+  MultiStepAuthArgsType,
+  SingleStepAuthArgsType,
+} from "../wallets/in-app/core/authentication/types.js";
+
 export {
   preAuthenticate,
   authenticate,

packages/thirdweb/src/exports/wallets/in-app.native.ts

@@ -17,6 +17,12 @@ export type {
   InAppWalletAuth,
   InAppWalletSocialAuth,
   InAppWalletConnectionOptions,
+  InAppWalletAutoConnectOptions,
 } from "../../wallets/in-app/core/wallet/types.js";
 
+export type {
+  MultiStepAuthArgsType,
+  SingleStepAuthArgsType,
+} from "../../wallets/in-app/core/authentication/types.js";
+
 export { hasStoredPasskey } from "../../wallets/in-app/native/auth/passkeys.js";

packages/thirdweb/src/exports/wallets/in-app.ts

@@ -17,8 +17,14 @@ export type {
   InAppWalletAuth,
   InAppWalletSocialAuth,
   InAppWalletConnectionOptions,
+  InAppWalletAutoConnectOptions,
 } from "../../wallets/in-app/core/wallet/types.js";
 
+export type {
+  MultiStepAuthArgsType,
+  SingleStepAuthArgsType,
+} from "../../wallets/in-app/core/authentication/types.js";
+
 export { hasStoredPasskey } from "../../wallets/in-app/web/lib/auth/passkeys.js";
 
 export {

packages/thirdweb/src/wallets/in-app/core/wallet/types.ts

@@ -1,5 +1,6 @@
 import type { Chain } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
+import type { Prettify } from "../../../../utils/type-utils.js";
 import type { SmartWalletOptions } from "../../../smart/types.js";
 import type {
   AuthOption,
@@ -19,14 +20,12 @@ export type Ecosystem = {
   partnerId?: string;
 };
 
-export type InAppWalletConnectionOptions = (
-  | MultiStepAuthArgsType
-  | SingleStepAuthArgsType
-) & {
-  client: ThirdwebClient;
-  chain?: Chain;
-  redirect?: boolean;
-};
+export type InAppWalletConnectionOptions = Prettify<
+  (MultiStepAuthArgsType | SingleStepAuthArgsType) & {
+    client: ThirdwebClient;
+    chain?: Chain;
+  }
+>;
 
 export type InAppWalletAutoConnectOptions = {
   client: ThirdwebClient;