thirdweb 5.46.0-nightly-814024ae249141ad1446ce7f21793b1d37b95d13-20240814000405 → 5.46.0

package/src/wallets/in-app/web/lib/auth/passkeys.ts

@@ -1,160 +1,76 @@
 import { client } from "@passwordless-id/webauthn";
-import type { AuthType } from "@passwordless-id/webauthn/dist/esm/types.js";
 import type { ThirdwebClient } from "../../../../../client/client.js";
-import { getThirdwebBaseUrl } from "../../../../../utils/domains.js";
-import { getClientFetch } from "../../../../../utils/fetch.js";
+import { webLocalStorage } from "../../../../../utils/storage/webStorage.js";
+import {
+  base64ToString,
+  base64UrlToBase64,
+} from "../../../../../utils/uint8-array.js";
 import type { EcosystemWalletId } from "../../../../wallet-types.js";
-import type { AuthStoredTokenWithCookieReturnType } from "../../../core/authentication/types.js";
-import type { Ecosystem } from "../../types.js";
-import { LocalStorage } from "../../utils/Storage/LocalStorage.js";
+import { ClientScopedStorage } from "../../../core/authentication/client-scoped-storage.js";
+import type {
+  AuthenticateResult,
+  PasskeyClient,
+  RegisterResult,
+  RpInfo,
+} from "../../../core/authentication/passkeys.js";
 
-function getVerificationPath() {
-  return `${getThirdwebBaseUrl(
-    "inAppWallet",
-  )}/api/2024-05-05/login/passkey/callback`;
-}
-function getChallengePath(type: "sign-in" | "sign-up", username?: string) {
-  return `${getThirdwebBaseUrl(
-    "inAppWallet",
-  )}/api/2024-05-05/login/passkey?type=${type}${
-    username ? `&username=${username}` : ""
-  }`;
-}
-
-export async function registerPasskey(options: {
-  client: ThirdwebClient;
-  ecosystem?: Ecosystem;
-  authenticatorType?: AuthType;
-  username?: string;
-}): Promise<AuthStoredTokenWithCookieReturnType> {
-  if (!client.isAvailable()) {
-    throw new Error("Passkeys are not available on this device");
+export class PasskeyWebClient implements PasskeyClient {
+  isAvailable(): boolean {
+    return client.isAvailable();
   }
-  // TODO inject this
-  const storage = new LocalStorage({
-    clientId: options.client.clientId,
-    ecosystemId: options.ecosystem?.id,
-  });
-  const fetchWithId = getClientFetch(options.client, options.ecosystem);
-  const generatedName = options.username ?? generateUsername(options.ecosystem);
-  // 1. request challenge from  server
-  const res = await fetchWithId(getChallengePath("sign-up", generatedName));
-  const challengeData = await res.json();
-  if (!challengeData.challenge) {
-    throw new Error("No challenge received");
-  }
-  const challenge = challengeData.challenge;
-  // 2. initiate registration
-  const registration = await client.register(generatedName, challenge, {
-    authenticatorType: options.authenticatorType ?? "auto",
-    userVerification: "required",
-    attestation: true,
-    debug: false,
-  });
-  // 3. store the credentialId in local storage
-  await storage.savePasskeyCredentialId(registration.credential.id);
 
-  const customHeaders: Record<string, string> = {};
-  if (options.ecosystem?.partnerId) {
-    customHeaders["x-ecosystem-partner-id"] = options.ecosystem.partnerId;
-  }
-  if (options.ecosystem?.id) {
-    customHeaders["x-ecosystem-id"] = options.ecosystem.id;
-  }
-
-  // 4. send the registration object to the server
-  const verifRes = await fetchWithId(getVerificationPath(), {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...customHeaders,
-    },
-    body: JSON.stringify({
-      type: "sign-up",
+  async register(args: {
+    name: string;
+    challenge: string;
+    rp: RpInfo;
+  }): Promise<RegisterResult> {
+    const { name, challenge, rp } = args;
+    const registration = await client.register(name, challenge, {
+      authenticatorType: "auto",
+      userVerification: "required",
+      domain: rp.id,
+      attestation: true,
+      debug: false,
+    });
+    const clientDataB64 = base64UrlToBase64(registration.clientData);
+    const clientDataParsed = JSON.parse(base64ToString(clientDataB64));
+    return {
       authenticatorData: registration.authenticatorData,
       credentialId: registration.credential.id,
-      serverVerificationId: challengeData.serverVerificationId,
       clientData: registration.clientData,
-      username: generatedName,
       credential: {
         publicKey: registration.credential.publicKey,
         algorithm: registration.credential.algorithm,
       },
-    }),
-  });
-  const verifData = await verifRes.json();
-
-  if (!verifData) {
-    throw new Error("No token received");
-  }
-  // 5. returns back the IAW authentication token
-  return verifData;
-}
-
-export async function loginWithPasskey(options: {
-  client: ThirdwebClient;
-  ecosystem?: Ecosystem;
-  authenticatorType?: AuthType;
-}): Promise<AuthStoredTokenWithCookieReturnType> {
-  if (!client.isAvailable()) {
-    throw new Error("Passkeys are not available on this device");
-  }
-  // TODO inject this
-  const storage = new LocalStorage({
-    clientId: options.client.clientId,
-    ecosystemId: options.ecosystem?.id,
-  });
-  const fetchWithId = getClientFetch(options.client, options.ecosystem);
-  // 1. request challenge from  server/iframe
-  const res = await fetchWithId(getChallengePath("sign-in"));
-  const challengeData = await res.json();
-  if (!challengeData.challenge) {
-    throw new Error("No challenge received");
-  }
-  const challenge = challengeData.challenge;
-  // 1.2. find the user's credentialId in local storage
-  const credentialId = await storage.getPasskeyCredentialId();
-  const credentials = credentialId ? [credentialId] : [];
-  // 2. initiate login
-  const authentication = await client.authenticate(credentials, challenge, {
-    authenticatorType: options.authenticatorType ?? "auto",
-    userVerification: "required",
-  });
-
-  const customHeaders: Record<string, string> = {};
-  if (options.ecosystem?.partnerId) {
-    customHeaders["x-ecosystem-partner-id"] = options.ecosystem.partnerId;
-  }
-  if (options.ecosystem?.id) {
-    customHeaders["x-ecosystem-id"] = options.ecosystem.id;
+      origin: clientDataParsed.origin,
+    };
   }
 
-  // 3. send the authentication object to the server/iframe
-  const verifRes = await fetchWithId(getVerificationPath(), {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...customHeaders,
-    },
-    body: JSON.stringify({
-      type: "sign-in",
-      authenticatorData: authentication.authenticatorData,
-      credentialId: authentication.credentialId,
-      serverVerificationId: challengeData.serverVerificationId,
-      clientData: authentication.clientData,
-      signature: authentication.signature,
-    }),
-  });
-  // 5. store the credentialId in local storage
-  await storage.savePasskeyCredentialId(authentication.credentialId);
-
-  const verifData = await verifRes.json();
-
-  if (!verifData) {
-    throw new Error("No token received");
+  async authenticate(args: {
+    credentialId: string | undefined;
+    challenge: string;
+    rp: RpInfo;
+  }): Promise<AuthenticateResult> {
+    const { credentialId, challenge, rp } = args;
+    const result = await client.authenticate(
+      credentialId ? [credentialId] : [],
+      challenge,
+      {
+        authenticatorType: "auto",
+        userVerification: "required",
+        domain: rp.id,
+      },
+    );
+    const clientDataB64 = base64UrlToBase64(result.clientData);
+    const clientDataParsed = JSON.parse(base64ToString(clientDataB64));
+    return {
+      authenticatorData: result.authenticatorData,
+      credentialId: result.credentialId,
+      clientData: result.clientData,
+      signature: result.signature,
+      origin: clientDataParsed.origin,
+    };
   }
-  // 6. return the auth'd user type
-  return verifData;
 }
 
 /**
@@ -167,14 +83,11 @@ export async function hasStoredPasskey(
   client: ThirdwebClient,
   ecosystemId?: EcosystemWalletId,
 ) {
-  const storage = new LocalStorage({
+  const storage = new ClientScopedStorage({
+    storage: webLocalStorage, // TODO (passkey) react native variant of this fn
     clientId: client.clientId,
     ecosystemId: ecosystemId,
   });
   const credId = await storage.getPasskeyCredentialId();
   return !!credId;
 }
-
-function generateUsername(ecosystem?: Ecosystem) {
-  return `${ecosystem?.id ?? "wallet"}-${new Date().toISOString()}`;
-}

package/src/wallets/in-app/web/lib/in-app-account.ts

@@ -8,12 +8,14 @@ import { getAddress } from "../../../../utils/address.js";
 import { getThirdwebDomains } from "../../../../utils/domains.js";
 import { type Hex, hexToString } from "../../../../utils/encoding/hex.js";
 import { parseTypedData } from "../../../../utils/signatures/helpers/parseTypedData.js";
+import { webLocalStorage } from "../../../../utils/storage/webStorage.js";
 import type { Prettify } from "../../../../utils/type-utils.js";
 import { getEcosystemPartnerPermissions } from "../../../ecosystem/get-ecosystem-partner-permissions.js";
 import type {
   Account,
   SendTransactionOption,
 } from "../../../interfaces/wallet.js";
+import { ClientScopedStorage } from "../../core/authentication/client-scoped-storage.js";
 import {
   type GetUser,
   type GetUserWalletStatusRpcReturnType,
@@ -29,7 +31,6 @@ import type {
   SignTransactionReturnType,
   SignedTypedDataReturnType,
 } from "../types.js";
-import { LocalStorage } from "../utils/Storage/LocalStorage.js";
 import type { InAppWalletIframeCommunicator } from "../utils/iFrameCommunication/InAppWalletIframeCommunicator.js";
 
 export type WalletManagementTypes = {
@@ -82,7 +83,7 @@ export class IFrameWallet {
   protected walletManagerQuerier: InAppWalletIframeCommunicator<
     WalletManagementTypes & WalletManagementUiTypes
   >;
-  protected localStorage: LocalStorage;
+  protected localStorage: ClientScopedStorage;
 
   /**
    * Not meant to be initialized directly. Call {@link initializeUser} to get an instance
@@ -101,7 +102,8 @@ export class IFrameWallet {
     this.ecosystem = ecosystem;
     this.walletManagerQuerier = querier;
 
-    this.localStorage = new LocalStorage({
+    this.localStorage = new ClientScopedStorage({
+      storage: webLocalStorage,
       clientId: client.clientId,
       ecosystemId: ecosystem?.id,
     });

package/src/wallets/in-app/web/lib/web-connector.ts

@@ -1,7 +1,12 @@
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { getThirdwebBaseUrl } from "../../../../utils/domains.js";
+import { webLocalStorage } from "../../../../utils/storage/webStorage.js";
 import type { SocialAuthOption } from "../../../../wallets/types.js";
 import type { Account } from "../../../interfaces/wallet.js";
+import {
+  loginWithPasskey,
+  registerPasskey,
+} from "../../core/authentication/passkeys.js";
 import { siweAuthenticate } from "../../core/authentication/siwe.js";
 import {
   type AuthLoginReturnType,
@@ -19,7 +24,6 @@ import { InAppWalletIframeCommunicator } from "../utils/iFrameCommunication/InAp
 import { Auth, type AuthQuerierTypes } from "./auth/iframe-auth.js";
 import { loginWithOauth, loginWithOauthRedirect } from "./auth/oauth.js";
 import { sendOtp, verifyOtp } from "./auth/otp.js";
-import { loginWithPasskey, registerPasskey } from "./auth/passkeys.js";
 import { IFrameWallet } from "./in-app-account.js";
 
 /**
@@ -34,6 +38,7 @@ export class InAppWebConnector implements InAppConnector {
    * Used to manage the Auth state of the user.
    */
   auth: Auth;
+  private passkeyDomain?: string;
 
   private isClientIdLegacyPaper(clientId: string): boolean {
     if (clientId.indexOf("-") > 0 && clientId.length === 36) {
@@ -51,6 +56,7 @@ export class InAppWebConnector implements InAppConnector {
     client,
     onAuthSuccess,
     ecosystem,
+    passkeyDomain,
   }: InAppWalletConstructorType) {
     if (this.isClientIdLegacyPaper(client.clientId)) {
       throw new Error(
@@ -59,6 +65,7 @@ export class InAppWebConnector implements InAppConnector {
     }
     const baseUrl = getThirdwebBaseUrl("inAppWallet");
     this.client = client;
+    this.passkeyDomain = passkeyDomain;
     this.querier = new InAppWalletIframeCommunicator({
       clientId: client.clientId,
       ecosystem,
@@ -180,20 +187,9 @@ export class InAppWebConnector implements InAppConnector {
           jwt: args.jwt,
           encryptionKey: args.encryptionKey,
         });
-      case "passkey":
-        if (args.type === "sign-up") {
-          return registerPasskey({
-            client: this.wallet.client,
-            ecosystem: this.wallet.ecosystem,
-            authenticatorType: args.authenticatorType,
-            username: args.passkeyName,
-          });
-        }
-        return loginWithPasskey({
-          client: this.wallet.client,
-          ecosystem: this.wallet.ecosystem,
-          authenticatorType: args.authenticatorType,
-        });
+      case "passkey": {
+        return this.passkeyAuth(args);
+      }
       case "auth_endpoint": {
         return this.auth.authenticateWithCustomAuthEndpoint({
           payload: args.payload,
@@ -262,20 +258,7 @@ export class InAppWebConnector implements InAppConnector {
         return this.auth.loginWithModal();
       }
       case "passkey": {
-        if (args.type === "sign-up") {
-          const authToken = await registerPasskey({
-            client: this.wallet.client,
-            ecosystem: this.wallet.ecosystem,
-            authenticatorType: args.authenticatorType,
-            username: args.passkeyName,
-          });
-          return this.loginWithAuthToken(authToken);
-        }
-        const authToken = await loginWithPasskey({
-          client: this.wallet.client,
-          ecosystem: this.wallet.ecosystem,
-          authenticatorType: args.authenticatorType,
-        });
+        const authToken = await this.passkeyAuth(args);
         return this.loginWithAuthToken(authToken);
       }
       case "phone":
@@ -299,6 +282,37 @@ export class InAppWebConnector implements InAppConnector {
   async logout(): Promise<LogoutReturnType> {
     return await this.auth.logout();
   }
+
+  private async passkeyAuth(
+    args: Extract<SingleStepAuthArgsType, { strategy: "passkey" }>,
+  ) {
+    const { PasskeyWebClient } = await import("./auth/passkeys.js");
+    const passkeyClient = new PasskeyWebClient();
+    const storage = webLocalStorage;
+    if (args.type === "sign-up") {
+      return registerPasskey({
+        client: this.wallet.client,
+        ecosystem: this.wallet.ecosystem,
+        username: args.passkeyName,
+        passkeyClient,
+        storage,
+        rp: {
+          id: this.passkeyDomain ?? window.location.hostname,
+          name: this.passkeyDomain ?? window.document.title,
+        },
+      });
+    }
+    return loginWithPasskey({
+      client: this.wallet.client,
+      ecosystem: this.wallet.ecosystem,
+      passkeyClient,
+      storage,
+      rp: {
+        id: args.domain?.hostname ?? window.location.hostname,
+        name: args.domain?.displayName ?? window.document.title,
+      },
+    });
+  }
 }
 
 function assertUnreachable(x: never, message?: string): never {

package/src/wallets/in-app/web/types.ts

@@ -39,6 +39,11 @@ export type InAppWalletConstructorType = ClientIdConstructorType & {
    * @param ecosystem - An optional set of options to connect to an ecosystem wallet.
    */
   ecosystem?: Ecosystem;
+
+  /**
+   * The domain of the passkey to use for authentication
+   */
+  passkeyDomain?: string;
 };
 
 export type ClientIdWithQuerierType = ClientIdConstructorType & {

package/src/wallets/in-app/web/utils/iFrameCommunication/InAppWalletIframeCommunicator.ts

@@ -1,6 +1,7 @@
+import { webLocalStorage } from "../../../../../utils/storage/webStorage.js";
+import { ClientScopedStorage } from "../../../core/authentication/client-scoped-storage.js";
 import { IN_APP_WALLET_PATH } from "../../../core/constants/settings.js";
 import type { Ecosystem } from "../../types.js";
-import { LocalStorage } from "../Storage/LocalStorage.js";
 import { IframeCommunicator } from "./IframeCommunicator.js";
 
 /**
@@ -43,7 +44,8 @@ export class InAppWalletIframeCommunicator<
    * @internal
    */
   override async onIframeLoadedInitVariables() {
-    const localStorage = new LocalStorage({
+    const localStorage = new ClientScopedStorage({
+      storage: webLocalStorage,
       clientId: this.clientId,
       ecosystemId: this.ecosystem?.id,
     });

package/src/wallets/wallet-connect/controller.ts

@@ -15,12 +15,21 @@ import {
   getChainMetadata,
   getRpcUrlForChain,
 } from "../../chains/utils.js";
+import type { ThirdwebClient } from "../../client/client.js";
+import { getAddress } from "../../utils/address.js";
 import {
   type Hex,
   numberToHex,
   stringToHex,
   uint8ArrayToHex,
 } from "../../utils/encoding/hex.js";
+import { parseTypedData } from "../../utils/signatures/helpers/parseTypedData.js";
+import type { AsyncStorage } from "../../utils/storage/AsyncStorage.js";
+import {
+  getSavedConnectParamsFromStorage,
+  saveConnectParamsToStorage,
+} from "../../utils/storage/walletStorage.js";
+import { formatWalletConnectUrl } from "../../utils/url.js";
 import { getWalletInfo } from "../__generated__/getWalletInfo.js";
 import type { WCSupportedWalletIds } from "../__generated__/wallet-ids.js";
 import type {
@@ -33,19 +42,9 @@ import { getValidPublicRPCUrl } from "../utils/chains.js";
 import { getDefaultAppMetadata } from "../utils/defaultDappMetadata.js";
 import { normalizeChainId } from "../utils/normalizeChainId.js";
 import type { WalletEmitter } from "../wallet-emitter.js";
-import type { WCAutoConnectOptions, WCConnectOptions } from "./types.js";
-
-import type { ThirdwebClient } from "../../client/client.js";
-import { getAddress } from "../../utils/address.js";
-import { parseTypedData } from "../../utils/signatures/helpers/parseTypedData.js";
-import type { AsyncStorage } from "../../utils/storage/AsyncStorage.js";
-import {
-  getSavedConnectParamsFromStorage,
-  saveConnectParamsToStorage,
-} from "../../utils/storage/walletStorage.js";
-import { formatWalletConnectUrl } from "../../utils/url.js";
 import type { WalletId } from "../wallet-types.js";
 import { DEFAULT_PROJECT_ID, NAMESPACE } from "./constants.js";
+import type { WCAutoConnectOptions, WCConnectOptions } from "./types.js";
 
 type WCProvider = InstanceType<typeof EthereumProvider>;
 
@@ -109,10 +108,21 @@ export async function connectWC(
     provider.events.addListener("display_uri", onDisplayUri);
   }
 
+  let optionalChains: Chain[] | undefined = wcOptions?.optionalChains;
+  let chainToRequest = options.chain;
+
+  // ignore the given options chains - and set the safe supported chains
+  if (walletId === "global.safe") {
+    optionalChains = chainsToRequestForSafe.map(getCachedChain);
+    if (chainToRequest && !optionalChains.includes(chainToRequest)) {
+      chainToRequest = undefined;
+    }
+  }
+
   const { rpcMap, chainsToRequest } = getChainsToRequest({
     client: options.client,
-    chain: options.chain,
-    optionalChains: options.walletConnect?.optionalChains,
+    chain: chainToRequest,
+    optionalChains: optionalChains,
   });
 
   if (provider.session) {
@@ -121,8 +131,8 @@ export async function connectWC(
         ? { pairingTopic: wcOptions?.pairingTopic }
         : {}),
       optionalChains: chainsToRequest,
-      chains: options.chain
-        ? [options.chain.id]
+      chains: chainToRequest
+        ? [chainToRequest.id]
         : chainsToRequest.length > 0
           ? [chainsToRequest[0]]
           : [1],
@@ -228,10 +238,21 @@ async function initProvider(
     "@walletconnect/ethereum-provider"
   );
 
+  let optionalChains: Chain[] | undefined = wcOptions?.optionalChains;
+  let chainToRequest = options.chain;
+
+  // ignore the given options chains - and set the safe supported chains
+  if (walletId === "global.safe") {
+    optionalChains = chainsToRequestForSafe.map(getCachedChain);
+    if (chainToRequest && !optionalChains.includes(chainToRequest)) {
+      chainToRequest = undefined;
+    }
+  }
+
   const { rpcMap, chainsToRequest } = getChainsToRequest({
     client: options.client,
-    chain: options.chain,
-    optionalChains: options.walletConnect?.optionalChains,
+    chain: chainToRequest,
+    optionalChains: optionalChains,
   });
 
   const provider = await EthereumProvider.init({
@@ -245,8 +266,8 @@ async function initProvider(
     optionalMethods: OPTIONAL_METHODS,
     optionalEvents: OPTIONAL_EVENTS,
     optionalChains: chainsToRequest,
-    chains: options.chain
-      ? [options.chain.id]
+    chains: chainToRequest
+      ? [chainToRequest.id]
       : chainsToRequest.length > 0
         ? [chainsToRequest[0]]
         : [1],
@@ -546,3 +567,21 @@ function getChainsToRequest(options: {
     chainsToRequest,
   };
 }
+
+const chainsToRequestForSafe = [
+  1, // Ethereum Mainnet
+  11155111, // Sepolia Testnet
+  42161, // Arbitrum One Mainnet
+  43114, // Avalanche Mainnet
+  8453, // Base Mainnet
+  1313161554, // Aurora Mainnet
+  84532, // Base Sepolia Testnet
+  56, // Binance Smart Chain Mainnet
+  42220, // Celo Mainnet
+  100, // Gnosis Mainnet
+  10, // Optimism Mainnet
+  137, // Polygon Mainnet
+  1101, // Polygon zkEVM Mainnet
+  324, // zkSync Era mainnet
+  534352, // Scroll mainnet
+];

package/src/wallets/wallet-connect/receiver/session-store.test.ts

@@ -1,5 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from "vitest";
-import { LocalStorage } from "../../in-app/web/utils/Storage/LocalStorage.js";
+import { ClientScopedStorage } from "../../in-app/core/authentication/client-scoped-storage.js";
 import * as SessionStore from "./session-store.js";
 
 vi.mock("../../in-app/web/utils/Storage/LocalStorage.js");
@@ -19,12 +19,14 @@ describe("SessionStore", () => {
     it("initializes the session store with a new LocalStorage instance if not already initialized", () => {
       expect(SessionStore.walletConnectSessions).toBeUndefined();
       SessionStore.initializeSessionStore({ clientId: "test-client-id" });
-      expect(SessionStore.walletConnectSessions).toBeInstanceOf(LocalStorage);
+      expect(SessionStore.walletConnectSessions).toBeInstanceOf(
+        ClientScopedStorage,
+      );
     });
 
     it("does not reinitialize the session store if it is already initialized", () => {
       SessionStore.setWalletConnectSessions(
-        mockLocalStorage as unknown as LocalStorage,
+        mockLocalStorage as unknown as ClientScopedStorage,
       );
       SessionStore.initializeSessionStore({ clientId: "test-client-id" });
       expect(SessionStore.walletConnectSessions).toBe(mockLocalStorage);
@@ -39,7 +41,7 @@ describe("SessionStore", () => {
 
     it("returns parsed sessions from storage", async () => {
       SessionStore.setWalletConnectSessions(
-        mockLocalStorage as unknown as LocalStorage,
+        mockLocalStorage as unknown as ClientScopedStorage,
       );
       mockLocalStorage.getWalletConnectSessions.mockResolvedValue(
         JSON.stringify([{ topic: "123" }]),
@@ -57,7 +59,7 @@ describe("SessionStore", () => {
 
     it("saves a new session to the existing sessions", async () => {
       SessionStore.setWalletConnectSessions(
-        mockLocalStorage as unknown as LocalStorage,
+        mockLocalStorage as unknown as ClientScopedStorage,
       );
       mockLocalStorage.getWalletConnectSessions.mockResolvedValue(
         JSON.stringify([{ topic: "123" }]),
@@ -77,7 +79,7 @@ describe("SessionStore", () => {
 
     it("removes a session from the existing sessions", async () => {
       SessionStore.setWalletConnectSessions(
-        mockLocalStorage as unknown as LocalStorage,
+        mockLocalStorage as unknown as ClientScopedStorage,
       );
       mockLocalStorage.getWalletConnectSessions.mockResolvedValue(
         JSON.stringify([{ topic: "123" }, { topic: "456" }]),

package/src/wallets/wallet-connect/receiver/session-store.ts

@@ -1,10 +1,10 @@
-import { LocalStorage } from "../../in-app/web/utils/Storage/LocalStorage.js";
+import { ClientScopedStorage } from "../../in-app/core/authentication/client-scoped-storage.js";
 import type { WalletConnectSession } from "./types.js";
 
 /**
  * @internal
  */
-export let walletConnectSessions: LocalStorage | undefined;
+export let walletConnectSessions: ClientScopedStorage | undefined;
 
 /**
  * @internal
@@ -25,7 +25,8 @@ export function initializeSessionStore(options: {
   clientId: string;
 }) {
   if (!walletConnectSessions) {
-    walletConnectSessions = new LocalStorage({
+    walletConnectSessions = new ClientScopedStorage({
+      storage: null, // TODO: inject storage
       clientId: options.clientId,
     });
   }
@@ -73,7 +74,7 @@ export async function removeSession(
  * @internal FOR TESTING ONLY
  */
 export function setWalletConnectSessions(
-  storage: LocalStorage | undefined,
+  storage: ClientScopedStorage | undefined,
 ): void {
   walletConnectSessions = storage;
 }