ecosystem wallet refactor (part 2)

packages/thirdweb/src/wallets/create-wallet.ts

@@ -140,6 +140,13 @@ export function createWallet<const ID extends WalletId>(
         creationOptions as CreateWalletArgs<"inApp">[1],
       ) as Wallet<ID>;
     }
+    /**
+     * ECOSYSTEM WALLET
+     */
+    case isEcosystemWallet(id):
+      return ecosystemWallet(
+        ...(args as CreateWalletArgs<EcosystemWalletId>),
+      ) as Wallet<ID>;
 
     /**
      * COINBASE WALLET VIA SDK
@@ -160,11 +167,6 @@ export function createWallet<const ID extends WalletId>(
         },
       }) as Wallet<ID>;
     }
-    case isEcosystemWallet(id):
-      return ecosystemWallet(
-        ...(args as CreateWalletArgs<EcosystemWalletId>),
-      ) as Wallet<ID>;
-
     /**
      * WALLET CONNECT AND INJECTED WALLETS + walletConnect standalone
      */

packages/thirdweb/src/wallets/ecosystem/types.ts

@@ -1,14 +1,11 @@
 import type {
   InAppWalletAutoConnectOptions,
   InAppWalletConnectionOptions,
+  InAppWalletCreationOptions,
 } from "../in-app/core/wallet/types.js";
 
-export type EcosystemWalletCreationOptions = {
+export type EcosystemWalletCreationOptions = InAppWalletCreationOptions & {
   partnerId?: string;
-  auth?: {
-    mode?: "popup" | "redirect" | "window";
-    redirectUrl?: string;
-  };
 };
 
 export type EcosystemWalletConnectionOptions = InAppWalletConnectionOptions;

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

@@ -4,7 +4,10 @@
 import type { ThirdwebClient } from "../../../../client/client.js";
 import type { Account, Wallet } from "../../../interfaces/wallet.js";
 import { createWalletEmitter } from "../../../wallet-emitter.js";
-import type { CreateWalletArgs } from "../../../wallet-types.js";
+import type {
+  CreateWalletArgs,
+  EcosystemWalletId,
+} from "../../../wallet-types.js";
 import type { InAppConnector } from "../interfaces/connector.js";
 import type { Ecosystem } from "./types.js";
 
@@ -33,15 +36,17 @@
 export function createInAppWallet(args: {
   createOptions?: CreateWalletArgs<"inApp">[1];
   connectorFactory: (client: ThirdwebClient) => Promise<InAppConnector>;
-}): Wallet<"inApp"> {
-  const { createOptions, connectorFactory } = args;
+  ecosystem?: Ecosystem;
+}): Wallet<"inApp" | EcosystemWalletId> {
+  const { createOptions, connectorFactory, ecosystem } = args;
+  const walletId = ecosystem ? ecosystem.id : "inApp";
   const emitter = createWalletEmitter<"inApp">();
   let account: Account | undefined = undefined;
   let chain: Chain | undefined = undefined;
   let client: ThirdwebClient | undefined;
 
   return {
-    id: "inApp",
+    id: walletId,
     subscribe: emitter.subscribe,
     getChain() {
       if (!chain) {
@@ -59,6 +64,7 @@
       const connector = await getOrCreateInAppWalletConnector(
         options.client,
         connectorFactory,
+        ecosystem,
       );
       const [connectedAccount, connectedChain] = await autoConnectInAppWallet(
         options,
@@ -72,7 +78,7 @@
       chain = connectedChain;
       trackConnect({
         client: options.client,
-        walletType: "inApp",
+        walletType: walletId,
         walletAddress: account.address,
       });
       // return only the account
@@ -83,6 +89,7 @@
       const connector = await getOrCreateInAppWalletConnector(
         options.client,
         connectorFactory,
+        ecosystem,
       );
 
       const [connectedAccount, connectedChain] = await connectInAppWallet(
@@ -96,7 +103,7 @@
       chain = connectedChain;
       trackConnect({
         client: options.client,
-        walletType: "inApp",
+        walletType: walletId,
         walletAddress: account.address,
       });
       // return only the account
@@ -108,6 +115,7 @@
         const connector = await getOrCreateInAppWalletConnector(
           client,
           connectorFactory,
+          ecosystem,
         );
         const result = await connector.logout();
         if (!result.success) {
@@ -125,6 +133,7 @@
         const connector = await getOrCreateInAppWalletConnector(
           client,
           connectorFactory,
+          ecosystem,
         );
         const [connectedAccount, connectedChain] = await autoConnectInAppWallet(
           {
@@ -142,5 +151,5 @@
       }
       emitter.emit("chainChanged", newChain);
     },
-  } as Wallet<"inApp">;
+  };
 }

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

@@ -67,5 +67,5 @@ export function inAppWallet(
         passkeyDomain: createOptions?.auth?.passkeyDomain,
       });
     },
-  });
+  }) as Wallet<"inApp">;
 }

packages/thirdweb/src/wallets/in-app/web/ecosystem.ts

@@ -4,7 +4,7 @@ import type {
   CreateWalletArgs,
   EcosystemWalletId,
 } from "../../wallet-types.js";
-import { createEcosystemWallet } from "../core/wallet/ecosystem-core.js";
+import { createInAppWallet } from "../core/wallet/in-app-core.js";
 
 /**
  * Creates an [Ecosystem Wallet](https://portal.thirdweb.com/connect/ecosystems/overview) based on various authentication methods.
@@ -65,8 +65,11 @@ export function ecosystemWallet(
   ...args: CreateWalletArgs<EcosystemWalletId>
 ): Wallet<EcosystemWalletId> {
   const [ecosystemId, createOptions] = args;
-  return createEcosystemWallet({
-    id: ecosystemId,
+  return createInAppWallet({
+    ecosystem: {
+      id: ecosystemId,
+      partnerId: createOptions?.partnerId,
+    },
     createOptions,
     connectorFactory: async (client: ThirdwebClient) => {
       const { InAppWebConnector } = await import("./lib/web-connector.js");
@@ -78,5 +81,5 @@ export function ecosystemWallet(
         },
       });
     },
-  });
+  }) as Wallet<EcosystemWalletId>;
 }

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

@@ -206,5 +206,5 @@ export function inAppWallet(
         passkeyDomain: createOptions?.auth?.passkeyDomain,
       });
     },
-  });
+  }) as Wallet<"inApp">;
 }

packages/thirdweb/src/wallets/in-app/web/lib/actions/sign-message.enclave.ts

@@ -2,23 +2,25 @@ import type { ThirdwebClient } from "../../../../../client/client.js";
 import { getThirdwebBaseUrl } from "../../../../../utils/domains.js";
 import { getClientFetch } from "../../../../../utils/fetch.js";
 import { stringify } from "../../../../../utils/json.js";
+import type { ClientScopedStorage } from "../../../core/authentication/client-scoped-storage.js";
 import type { Ecosystem } from "../../../core/wallet/types.js";
-import { getAuthToken } from "../get-auth-token.js";
 
 export async function signMessage({
   client,
   ecosystem,
   payload: { message, isRaw },
+  storage,
 }: {
   client: ThirdwebClient;
   ecosystem?: Ecosystem;
   payload: {
     message: string;
     isRaw: boolean;
   };
+  storage: ClientScopedStorage;
 }) {
   const clientFetch = getClientFetch(client, ecosystem);
-  const authToken = await getAuthToken(client, ecosystem); // TODO (enclave): pass storage from web/native
+  const authToken = await storage.getAuthCookie();
 
   const response = await clientFetch(
     `${getThirdwebBaseUrl("inAppWallet")}/api/v1/enclave-wallet/sign-message`,

packages/thirdweb/src/wallets/in-app/web/lib/actions/sign-transaction.enclave.ts

@@ -3,21 +3,23 @@ import { getThirdwebBaseUrl } from "../../../../../utils/domains.js";
 import type { Hex } from "../../../../../utils/encoding/hex.js";
 import { getClientFetch } from "../../../../../utils/fetch.js";
 import { stringify } from "../../../../../utils/json.js";
+import type { ClientScopedStorage } from "../../../core/authentication/client-scoped-storage.js";
 import type { Ecosystem } from "../../../core/wallet/types.js";
-import { getAuthToken } from "../get-auth-token.js";
 
 export async function signTransaction({
   client,
   ecosystem,
   payload,
+  storage,
 }: {
   client: ThirdwebClient;
   ecosystem?: Ecosystem;
   payload: Record<string, Hex | number | undefined>;
+  storage: ClientScopedStorage;
 }) {
   console.log("payload", payload);
   const clientFetch = getClientFetch(client, ecosystem);
-  const authToken = await getAuthToken(client, ecosystem); // TODO (enclave): pass storage from web/native
+  const authToken = await storage.getAuthCookie();
 
   const response = await clientFetch(
     `${getThirdwebBaseUrl("inAppWallet")}/api/v1/enclave-wallet/sign-transaction`,

packages/thirdweb/src/wallets/in-app/web/lib/actions/sign-typed-data.enclave.ts

@@ -4,8 +4,8 @@ import type { ThirdwebClient } from "../../../../../client/client.js";
 import { getThirdwebBaseUrl } from "../../../../../utils/domains.js";
 import { getClientFetch } from "../../../../../utils/fetch.js";
 import { stringify } from "../../../../../utils/json.js";
+import type { ClientScopedStorage } from "../../../core/authentication/client-scoped-storage.js";
 import type { Ecosystem } from "../../../core/wallet/types.js";
-import { getAuthToken } from "../get-auth-token.js";
 
 export async function signTypedData<
   const typedData extends TypedData | Record<string, unknown>,
@@ -14,13 +14,15 @@ export async function signTypedData<
   client,
   ecosystem,
   payload,
+  storage,
 }: {
   client: ThirdwebClient;
   ecosystem?: Ecosystem;
   payload: TypedDataDefinition<typedData, primaryType>;
+  storage: ClientScopedStorage;
 }) {
   const clientFetch = getClientFetch(client, ecosystem);
-  const authToken = await getAuthToken(client, ecosystem); // TODO (enclave): pass storage from web/native
+  const authToken = await storage.getAuthCookie();
 
   const response = await clientFetch(
     `${getThirdwebBaseUrl("inAppWallet")}/api/v1/enclave-wallet/sign-typed-data`,