thirdweb 5.58.4 → 5.59.0-nightly-e2b3484764275560aa899f3f894b767faedaa9a1-20240925000331

package/src/react/web/ui/ConnectWallet/screens/LinkedProfilesScreen.tsx

@@ -3,9 +3,9 @@ import type { ThirdwebClient } from "../../../../../client/client.js";
 import { shortenAddress } from "../../../../../utils/address.js";
 import type { Profile } from "../../../../../wallets/in-app/core/authentication/types.js";
 import { fontSize, iconSize } from "../../../../core/design-system/index.js";
-import { useProfiles } from "../../../../core/hooks/others/useProfiles.js";
 import { useSocialProfiles } from "../../../../core/social/useSocialProfiles.js";
 import { getWalletIcon } from "../../../../core/utils/walletIcon.js";
+import { useProfiles } from "../../../hooks/wallets/useProfiles.js";
 import { LoadingScreen } from "../../../wallets/shared/LoadingScreen.js";
 import { Img } from "../../components/Img.js";
 import { Spacer } from "../../components/Spacer.js";
@@ -44,7 +44,9 @@ export function LinkedProfilesScreen(props: {
   locale: ConnectLocale;
   client: ThirdwebClient;
 }) {
-  const { data: connectedProfiles, isLoading } = useProfiles();
+  const { data: connectedProfiles, isLoading } = useProfiles({
+    client: props.client,
+  });
 
   if (isLoading) {
     return <LoadingScreen />;

package/src/react/web/ui/ConnectWallet/screens/ManageWalletScreen.tsx

@@ -6,7 +6,7 @@ import { isInAppWallet } from "../../../../../wallets/in-app/core/wallet/index.j
 import { injectedProvider } from "../../../../../wallets/injected/mipdStore.js";
 import { fontSize, iconSize } from "../../../../core/design-system/index.js";
 import { useActiveWallet } from "../../../../core/hooks/wallets/useActiveWallet.js";
-import { useAdminWallet } from "../../../../core/hooks/wallets/useAdminAccount.js";
+import { useAdminWallet } from "../../../../core/hooks/wallets/useAdminWallet.js";
 import { Spacer } from "../../components/Spacer.js";
 import { Container, Line, ModalHeader } from "../../components/basic.js";
 import { Text } from "../../components/text.js";

package/src/react/web/ui/ConnectWallet/screens/SendFunds.tsx

@@ -283,7 +283,7 @@ function SendFundsForm(props: {
         <Input
           required
           id="receiver"
-          placeholder={"0x... or ENS name"}
+          placeholder="0x... or ENS name"
           variant="outline"
           value={receiverAddress}
           onChange={(e) => {

package/src/react/web/ui/ConnectWallet/screens/SignatureScreen.tsx

@@ -13,7 +13,7 @@ import { useSiweAuth } from "../../../../core/hooks/auth/useSiweAuth.js";
 import type { ConnectButtonProps } from "../../../../core/hooks/connection/ConnectButtonProps.js";
 import { useActiveAccount } from "../../../../core/hooks/wallets/useActiveAccount.js";
 import { useActiveWallet } from "../../../../core/hooks/wallets/useActiveWallet.js";
-import { useAdminWallet } from "../../../../core/hooks/wallets/useAdminAccount.js";
+import { useAdminWallet } from "../../../../core/hooks/wallets/useAdminWallet.js";
 import { useDisconnect } from "../../../../core/hooks/wallets/useDisconnect.js";
 import { wait } from "../../../../core/utils/wait.js";
 import { LoadingScreen } from "../../../wallets/shared/LoadingScreen.js";
@@ -115,7 +115,7 @@ export const SignatureScreen: React.FC<{
           <>
             <Container flex="row" center="x" animate="fadein" py="3xl">
               <PulsatingContainer>
-                <WalletImage id={wallet.id} client={props.client} size={"80"} />
+                <WalletImage id={wallet.id} client={props.client} size="80" />
               </PulsatingContainer>
             </Container>
 

package/src/react/web/ui/ConnectWallet/screens/StartScreen.tsx

@@ -68,7 +68,7 @@ export function StartScreen(props: {
             />
           ) : (
             <GlobalContainer>
-              <GlobeIcon size={"150"} />
+              <GlobeIcon size="150" />
             </GlobalContainer>
           )}
         </Container>

package/src/react/web/ui/ConnectWallet/screens/WalletConnectDisconnectScreen.tsx

@@ -41,7 +41,7 @@ export function WalletConnectDisconnectScreen(props: {
             <WalletLogoSpinner
               client={props.client}
               error={!!props.error}
-              id={"walletConnect"}
+              id="walletConnect"
               hideSpinner={true}
             />
           </Container>
@@ -83,7 +83,7 @@ export function WalletConnectDisconnectScreen(props: {
                       alignItems: "center",
                     }}
                   >
-                    <ReloadIcon width={iconSize.sm} height={iconSize.sm} />{" "}
+                    <ReloadIcon width={iconSize.sm} height={iconSize.sm} />
                     Retry
                   </Button>
                 </Container>

package/src/react/web/ui/ConnectWallet/screens/WalletConnectReceiverScreen.tsx

@@ -133,7 +133,7 @@ export function WalletConnectReceiverScreen(props: {
             <WalletLogoSpinner
               client={props.client}
               error={!!errorConnecting}
-              id={"walletConnect"}
+              id="walletConnect"
               hideSpinner={!loading}
             />
           </Container>
@@ -193,7 +193,7 @@ export function WalletConnectReceiverScreen(props: {
                       alignItems: "center",
                     }}
                   >
-                    <ReloadIcon width={iconSize.sm} height={iconSize.sm} />{" "}
+                    <ReloadIcon width={iconSize.sm} height={iconSize.sm} />
                     Retry
                   </Button>
                 </Container>

package/src/react/web/ui/ConnectWallet/screens/WalletLogoSpinner.tsx

@@ -59,7 +59,7 @@ export function WalletLogoSpinner(props: {
           )}
 
           <WalletBg>
-            <WalletImage id={props.id} size={"68"} client={props.client} />
+            <WalletImage id={props.id} size="68" client={props.client} />
           </WalletBg>
         </div>
       </div>

package/src/react/web/ui/ConnectWallet/screens/WalletTransactionHistory.tsx

@@ -176,12 +176,12 @@ function TransactionButton(props: {
       <Container flex="row" gap="xxs" center="y">
         {isLoading && <Spinner size="sm" color="primaryText" />}
         {!isLoading && receipt && receipt.status === "success" && (
-          <Text size="md" color={"success"}>
+          <Text size="md" color="success">
             <CheckIcon width={iconSize.md} height={iconSize.md} />
           </Text>
         )}
         {(error || (!isLoading && receipt && receipt.status !== "success")) && (
-          <Text size="md" color={"danger"}>
+          <Text size="md" color="danger">
             <CrossCircledIcon width={iconSize.md} height={iconSize.md} />
           </Text>
         )}

package/src/react/web/ui/TransactionButton/ExecutingScreen.tsx

@@ -115,7 +115,7 @@ export function ExecutingTxScreen(props: {
                   color: "inherit",
                 }}
               >
-                View on Explorer{" "}
+                View on Explorer
                 <ExternalLinkIcon width={iconSize.sm} height={iconSize.sm} />
               </ButtonLink>
             </>

package/src/react/web/ui/TransactionButton/index.tsx

@@ -156,7 +156,7 @@ export function TransactionButton(props: TransactionButtonProps) {
       <Button
         gap="xs"
         disabled={!account || disabled || isPending}
-        variant={"primary"}
+        variant="primary"
         unstyled={unstyled}
         data-is-loading={isPending}
         onClick={() => handleClick()}

package/src/react/web/ui/components/ChainName.tsx

@@ -24,7 +24,7 @@ export const ChainName: React.FC<{
     );
   }
 
-  return <Skeleton width={"50px"} height={fontSize[props.size]} />;
+  return <Skeleton width="50px" height={fontSize[props.size]} />;
 };
 
 function shorterChainName(name: string) {

package/src/react/web/ui/components/Modal.tsx

@@ -120,7 +120,7 @@ export const Modal: React.FC<{
               </Dialog.Title>
               {props.size === "compact" ? (
                 <DynamicHeight maxHeight={compactModalMaxHeight}>
-                  {props.children}{" "}
+                  {props.children}
                 </DynamicHeight>
               ) : (
                 props.children

package/src/react/web/ui/components/basic.tsx

@@ -57,7 +57,7 @@ export function ModalHeader(props: {
           }}
         />
       )}
-      <Container flex="row" gap="xs" center={"both"}>
+      <Container flex="row" gap="xs" center="both">
         {typeof title === "string" ? <ModalTitle>{title}</ModalTitle> : title}
       </Container>
     </div>

package/src/react/web/wallets/in-app/CountrySelector.tsx

@@ -60,7 +60,7 @@ export function CountrySelector({
               key={country.countryIsoCode}
               value={`${country.countryIsoCode} +${country.phoneNumberCode}`}
             >
-              {country.countryName} +{country.phoneNumberCode}{" "}
+              {country.countryName} +{country.phoneNumberCode}
             </Option>
           );
         })}

package/src/react/web/wallets/in-app/WalletAuth.tsx

@@ -1,7 +1,7 @@
 import { Suspense, useRef, useState } from "react";
 import { defineChain } from "../../../../chains/utils.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
-import { linkProfile } from "../../../../wallets/in-app/core/wallet/profiles.js";
+import { linkProfile } from "../../../../wallets/in-app/web/lib/auth/index.js";
 import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
 import type { EcosystemWalletId } from "../../../../wallets/wallet-types.js";
 import { iconSize } from "../../../core/design-system/index.js";
@@ -54,7 +54,8 @@ export function WalletAuth(props: {
     setStatus("loading");
     walletToConnect.current = walletToLink;
     try {
-      await linkProfile(wallet as Wallet<"inApp">, {
+      await linkProfile({
+        client: props.client,
         strategy: "wallet",
         wallet: walletToLink,
         chain: wallet.getChain() || defineChain(1),

package/src/react/web/wallets/shared/ConnectWalletSocialOptions.tsx

@@ -8,7 +8,7 @@ import { webLocalStorage } from "../../../../utils/storage/webStorage.js";
 import { getEcosystemWalletAuthOptions } from "../../../../wallets/ecosystem/get-ecosystem-wallet-auth-options.js";
 import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wallet.js";
 import type { Profile } from "../../../../wallets/in-app/core/authentication/types.js";
-import { linkProfile } from "../../../../wallets/in-app/core/wallet/profiles.js";
+import { linkProfile } from "../../../../wallets/in-app/web/lib/auth/index.js";
 import { loginWithOauthRedirect } from "../../../../wallets/in-app/web/lib/auth/oauth.js";
 import type { Account, Wallet } from "../../../../wallets/interfaces/wallet.js";
 import {
@@ -269,7 +269,7 @@ export const ConnectWalletSocialOptions = (
           if (wallet.id !== "inApp" && !isEcosystemWallet(wallet)) {
             throw new Error("Only in-app wallets support multi-auth");
           }
-          return linkProfile(wallet, connectOptions);
+          return linkProfile(connectOptions);
         }
 
         const connectPromise = wallet.connect(connectOptions);
@@ -350,7 +350,7 @@ export const ConnectWalletSocialOptions = (
                     aria-label={`Login with ${loginMethod}`}
                     data-variant={showOnlyIcons ? "icon" : "full"}
                     key={loginMethod}
-                    variant={"outline"}
+                    variant="outline"
                     disabled={props.disabled}
                     onClick={() => {
                       handleSocialLogin(loginMethod as SocialAuthOption);

package/src/react/web/wallets/shared/ConnectingScreen.tsx

@@ -86,7 +86,7 @@ export const ConnectingScreen: React.FC<{
                   alignItems: "center",
                 }}
               >
-                <ReloadIcon width={iconSize.sm} height={iconSize.sm} />{" "}
+                <ReloadIcon width={iconSize.sm} height={iconSize.sm} />
                 {locale.tryAgain}
               </Button>
             </Container>

package/src/react/web/wallets/shared/OTPLoginUI.tsx

@@ -4,8 +4,10 @@ import type { Chain } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { webLocalStorage } from "../../../../utils/storage/webStorage.js";
 import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wallet.js";
-import { linkProfile } from "../../../../wallets/in-app/core/wallet/profiles.js";
-import { preAuthenticate } from "../../../../wallets/in-app/web/lib/auth/index.js";
+import {
+  linkProfile,
+  preAuthenticate,
+} from "../../../../wallets/in-app/web/lib/auth/index.js";
 import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
 import type { EcosystemWalletId } from "../../../../wallets/wallet-types.js";
 import { useCustomTheme } from "../../../core/design-system/CustomThemeProvider.js";
@@ -126,13 +128,15 @@ export function OTPLoginUI(props: {
 
   async function link(otp: string) {
     if ("email" in userInfo) {
-      await linkProfile(wallet as Wallet<"inApp">, {
+      await linkProfile({
+        client: props.client,
         strategy: "email",
         email: userInfo.email,
         verificationCode: otp,
       });
     } else if ("phone" in userInfo) {
-      await linkProfile(wallet as Wallet<"inApp">, {
+      await linkProfile({
+        client: props.client,
         strategy: "phone",
         phoneNumber: userInfo.phone,
         verificationCode: otp,

package/src/react/web/wallets/shared/PassKeyLogin.tsx

@@ -1,10 +1,11 @@
 import { useEffect, useRef, useState } from "react";
 import type { Chain } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
-import { type Wallet, linkProfile } from "../../../../exports/wallets.js";
 import { webLocalStorage } from "../../../../utils/storage/webStorage.js";
 import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wallet.js";
+import { linkProfile } from "../../../../wallets/in-app/web/lib/auth/index.js";
 import { hasStoredPasskey } from "../../../../wallets/in-app/web/lib/auth/passkeys.js";
+import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
 import { iconSize } from "../../../core/design-system/index.js";
 import { setLastAuthProvider } from "../../../core/utils/storage.js";
 import { FingerPrintIcon } from "../../ui/ConnectWallet/icons/FingerPrintIcon.js";
@@ -141,7 +142,8 @@ function LoginScreen(props: {
     setStatus("loading");
     try {
       if (props.isLinking) {
-        await linkProfile(wallet as Wallet<"inApp">, {
+        await linkProfile({
+          client,
           strategy: "passkey",
           type: "sign-in",
         }).catch((e) => {
@@ -214,7 +216,8 @@ function SignupScreen(props: {
     setStatus("loading");
     try {
       if (props.isLinking) {
-        await linkProfile(wallet as Wallet<"inApp">, {
+        await linkProfile({
+          client,
           strategy: "passkey",
           type: "sign-up",
         });

package/src/react/web/wallets/shared/SocialLogin.tsx

@@ -4,8 +4,8 @@ import type { Chain } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { webLocalStorage } from "../../../../utils/storage/webStorage.js";
 import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wallet.js";
-import { linkProfile } from "../../../../wallets/in-app/core/wallet/profiles.js";
 import type { InAppWalletSocialAuth } from "../../../../wallets/in-app/core/wallet/types.js";
+import { linkProfile } from "../../../../wallets/in-app/web/lib/auth/index.js";
 import { loginWithOauthRedirect } from "../../../../wallets/in-app/web/lib/auth/oauth.js";
 import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
 import { useCustomTheme } from "../../../core/design-system/CustomThemeProvider.js";
@@ -92,7 +92,8 @@ export function SocialLogin(props: {
 
       setStatus("connecting");
       if (props.isLinking) {
-        await linkProfile(wallet as Wallet<"inApp">, {
+        await linkProfile({
+          client: props.client,
           strategy: props.socialAuth,
           openedWindow: socialWindow,
           closeOpenedWindow: (openedWindow) => {

package/src/react/web/wallets/shared/oauthSignIn.ts

@@ -1,10 +1,10 @@
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { getLoginUrl } from "../../../../wallets/in-app/core/authentication/getLoginPath.js";
 import type {
+  Ecosystem,
   InAppWalletOAuth,
   InAppWalletSocialAuth,
 } from "../../../../wallets/in-app/core/wallet/types.js";
-import type { Ecosystem } from "../../../../wallets/in-app/web/types.js";
 import type { Theme } from "../../../core/design-system/index.js";
 
 function getBodyTitle(authOption: InAppWalletSocialAuth) {

package/src/storage/upload/web-node.ts

@@ -30,6 +30,16 @@ export async function uploadBatch<const TFiles extends UploadableFile[]>(
         "Unauthorized - You don't have permission to use this service.",
       );
     }
+    if (res.status === 402) {
+      throw new Error(
+        "You have reached your storage limit. Please add a valid payment method to continue using the service.",
+      );
+    }
+    if (res.status === 403) {
+      throw new Error(
+        "Forbidden - You don't have permission to use this service.",
+      );
+    }
     throw new Error(
       `Failed to upload files to IPFS - ${res.status} - ${res.statusText}`,
     );

package/src/utils/fetch.test.ts

@@ -1,6 +1,6 @@
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import type { ThirdwebClient } from "../client/client.js";
-import type { Ecosystem } from "../wallets/in-app/web/types.js";
+import type { Ecosystem } from "../wallets/in-app/core/wallet/types.js";
 import {
   IS_THIRDWEB_URL_CACHE,
   getClientFetch,

package/src/utils/fetch.ts

@@ -1,6 +1,6 @@
 import type { ThirdwebClient } from "../client/client.js";
 import { version } from "../version.js";
-import type { Ecosystem } from "../wallets/in-app/web/types.js";
+import type { Ecosystem } from "../wallets/in-app/core/wallet/types.js";
 import { LruMap } from "./caching/lru.js";
 import {
   type OperatingSystem,

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.58.4";
+export const version = "5.59.0-nightly-e2b3484764275560aa899f3f894b767faedaa9a1-20240925000331";

package/src/wallets/in-app/core/authentication/client-scoped-storage.ts

@@ -3,6 +3,7 @@ import type { EcosystemWalletId } from "../../../wallet-types.js";
 import {
   AUTH_TOKEN_LOCAL_STORAGE_NAME,
   DEVICE_SHARE_LOCAL_STORAGE_NAME,
+  GUEST_SESSION_LOCAL_STORAGE_NAME,
   PASSKEY_CREDENTIAL_ID_LOCAL_STORAGE_NAME,
   WALLET_CONNECT_SESSIONS_LOCAL_STORAGE_NAME,
   WALLET_USER_ID_LOCAL_STORAGE_NAME,
@@ -154,6 +155,19 @@ export class ClientScopedStorage {
   async removeWalletUserId(): Promise<boolean> {
     return this.removeItem(WALLET_USER_ID_LOCAL_STORAGE_NAME(this.key));
   }
+
+  /**
+   * @internal
+   */
+  async getGuestSessionId(): Promise<string | null> {
+    return this.getItem(GUEST_SESSION_LOCAL_STORAGE_NAME(this.key));
+  }
+  /**
+   * @internal
+   */
+  async saveGuestSessionId(sessionId: string): Promise<void> {
+    await this.setItem(GUEST_SESSION_LOCAL_STORAGE_NAME(this.key), sessionId);
+  }
 }
 
 const getLocalStorageKey = (clientId: string, ecosystemId?: string) => {

package/src/wallets/in-app/core/authentication/getLoginPath.ts

@@ -1,7 +1,7 @@
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { getThirdwebBaseUrl } from "../../../../utils/domains.js";
 import { type AuthOption, authOptions } from "../../../../wallets/types.js";
-import type { Ecosystem } from "../../web/types.js";
+import type { Ecosystem } from "../wallet/types.js";
 
 const getLoginOptionRoute = (option: AuthOption | "wallet") => {
   if (!authOptions.includes(option as AuthOption) && option !== "wallet") {

package/src/wallets/in-app/core/authentication/guest.ts

@@ -1,6 +1,9 @@
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { getClientFetch } from "../../../../utils/fetch.js";
-import type { Ecosystem } from "../../web/types.js";
+import { randomBytesHex } from "../../../../utils/random.js";
+import type { AsyncStorage } from "../../../../utils/storage/AsyncStorage.js";
+import type { Ecosystem } from "../wallet/types.js";
+import { ClientScopedStorage } from "./client-scoped-storage.js";
 import { getLoginCallbackUrl } from "./getLoginPath.js";
 import type { AuthStoredTokenWithCookieReturnType } from "./types.js";
 
@@ -10,8 +13,21 @@ import type { AuthStoredTokenWithCookieReturnType } from "./types.js";
  */
 export async function guestAuthenticate(args: {
   client: ThirdwebClient;
+  storage: AsyncStorage;
   ecosystem?: Ecosystem;
 }): Promise<AuthStoredTokenWithCookieReturnType> {
+  const storage = new ClientScopedStorage({
+    storage: args.storage,
+    clientId: args.client.clientId,
+    ecosystemId: args.ecosystem?.id,
+  });
+
+  let sessionId = await storage.getGuestSessionId();
+  if (!sessionId) {
+    sessionId = randomBytesHex(32);
+    storage.saveGuestSessionId(sessionId);
+  }
+
   const clientFetch = getClientFetch(args.client, args.ecosystem);
   const authResult = await (async () => {
     const path = getLoginCallbackUrl({
@@ -25,7 +41,7 @@ export async function guestAuthenticate(args: {
         "Content-Type": "application/json",
       },
       body: JSON.stringify({
-        sessionId: "guest",
+        sessionId,
       }),
     });
 

package/src/wallets/in-app/core/authentication/linkAccount.ts

@@ -1,7 +1,8 @@
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { getThirdwebBaseUrl } from "../../../../utils/domains.js";
 import { getClientFetch } from "../../../../utils/fetch.js";
-import type { Ecosystem } from "../../web/types.js";
+import type { Ecosystem } from "../wallet/types.js";
+import type { ClientScopedStorage } from "./client-scoped-storage.js";
 import type { Profile } from "./types.js";
 
 /**
@@ -15,16 +16,16 @@ export async function linkAccount({
   client,
   ecosystem,
   tokenToLink,
+  storage,
 }: {
   client: ThirdwebClient;
   ecosystem?: Ecosystem;
   tokenToLink: string;
+  storage: ClientScopedStorage;
 }): Promise<Profile[]> {
   const clientFetch = getClientFetch(client, ecosystem);
   const IN_APP_URL = getThirdwebBaseUrl("inAppWallet");
-  const currentAccountToken = localStorage.getItem(
-    `walletToken-${client.clientId}${ecosystem?.id ? `-${ecosystem.id}` : ""}`,
-  );
+  const currentAccountToken = await storage.getAuthCookie();
 
   if (!currentAccountToken) {
     throw new Error("Failed to link account, no user logged in");
@@ -65,20 +66,23 @@ export async function linkAccount({
 export async function getLinkedProfilesInternal({
   client,
   ecosystem,
-}: { client: ThirdwebClient; ecosystem?: Ecosystem }): Promise<Profile[]> {
+  storage,
+}: {
+  client: ThirdwebClient;
+  ecosystem?: Ecosystem;
+  storage: ClientScopedStorage;
+}): Promise<Profile[]> {
   const clientFetch = getClientFetch(client, ecosystem);
   const IN_APP_URL = getThirdwebBaseUrl("inAppWallet");
-  const currentAccountToken = localStorage.getItem(
-    `walletToken-${client.clientId}${ecosystem?.id ? `-${ecosystem.id}` : ""}`,
-  );
+  const currentAccountToken = await storage.getAuthCookie();
+  if (!currentAccountToken) {
+    throw new Error("Failed to get linked accounts, no user logged in");
+  }
 
   const headers: Record<string, string> = {
     Authorization: `Bearer iaw-auth-token:${currentAccountToken}`,
     "Content-Type": "application/json",
   };
-  if (!currentAccountToken) {
-    throw new Error("Failed to get linked accounts, no user logged in");
-  }
 
   const linkedAccountsResp = await clientFetch(
     `${IN_APP_URL}/api/2024-05-05/accounts`,

package/src/wallets/in-app/core/authentication/passkeys.ts

@@ -2,7 +2,7 @@ import type { ThirdwebClient } from "../../../../client/client.js";
 import { getThirdwebBaseUrl } from "../../../../utils/domains.js";
 import { getClientFetch } from "../../../../utils/fetch.js";
 import type { AsyncStorage } from "../../../../utils/storage/AsyncStorage.js";
-import type { Ecosystem } from "../../web/types.js";
+import type { Ecosystem } from "../wallet/types.js";
 import { ClientScopedStorage } from "./client-scoped-storage.js";
 import type { AuthStoredTokenWithCookieReturnType } from "./types.js";
 

package/src/wallets/in-app/core/authentication/siwe.ts

@@ -4,7 +4,7 @@ import type { Chain } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { getClientFetch } from "../../../../utils/fetch.js";
 import type { Wallet } from "../../../interfaces/wallet.js";
-import type { Ecosystem } from "../../web/types.js";
+import type { Ecosystem } from "../wallet/types.js";
 import { getLoginCallbackUrl, getLoginUrl } from "./getLoginPath.js";
 import type { AuthStoredTokenWithCookieReturnType } from "./types.js";
 

package/src/wallets/in-app/core/authentication/types.ts

@@ -4,7 +4,7 @@ import type { Address } from "../../../../utils/address.js";
 import type { Account } from "../../../interfaces/wallet.js";
 import type { Wallet } from "../../../interfaces/wallet.js";
 import type { AuthOption, OAuthOption } from "../../../types.js";
-import type { Ecosystem } from "../../web/types.js";
+import type { Ecosystem } from "../wallet/types.js";
 
 export type MultiStepAuthProviderType =
   | {
@@ -24,14 +24,16 @@ export type MultiStepAuthArgsType = MultiStepAuthProviderType & {
   verificationCode: string;
 };
 
+export type SocialAuthArgsType = {
+  strategy: OAuthOption;
+  openedWindow?: Window;
+  closeOpenedWindow?: (window: Window) => void;
+  redirectUrl?: string;
+  mode?: "redirect" | "popup" | "window";
+};
+
 export type SingleStepAuthArgsType =
-  | {
-      strategy: OAuthOption;
-      openedWindow?: Window;
-      closeOpenedWindow?: (window: Window) => void;
-      redirectUrl?: string;
-      mode?: "redirect" | "popup" | "window";
-    }
+  | SocialAuthArgsType
   | { strategy: "jwt"; jwt: string; encryptionKey: string }
   | { strategy: "auth_endpoint"; payload: string; encryptionKey: string }
   | { strategy: "iframe_email_verification"; email: string }

package/src/wallets/in-app/core/constants/settings.ts

@@ -52,3 +52,9 @@ export const DEVICE_SHARE_LOCAL_STORAGE_NAME = (key: string, userId: string) =>
  */
 export const WALLET_CONNECT_SESSIONS_LOCAL_STORAGE_NAME = (key: string) =>
   `walletConnectSessions-${key}`;
+
+/**
+ * @internal
+ */
+export const GUEST_SESSION_LOCAL_STORAGE_NAME = (key: string) =>
+  `thirdweb_guest_session_id_${key}`;

package/src/wallets/in-app/core/interfaces/connector.ts

@@ -1,12 +1,14 @@
 import type { SocialAuthOption } from "../../../../wallets/types.js";
 import type { Account } from "../../../interfaces/wallet.js";
 import type {
+  AuthArgsType,
   AuthLoginReturnType,
   AuthStoredTokenWithCookieReturnType,
   GetUser,
   LogoutReturnType,
   MultiStepAuthArgsType,
   PreAuthArgsType,
+  Profile,
   SingleStepAuthArgsType,
 } from "../authentication/types.js";
 
@@ -33,4 +35,6 @@ export interface InAppConnector {
     args: MultiStepAuthArgsType | SingleStepAuthArgsType,
   ): Promise<AuthLoginReturnType>;
   logout(): Promise<LogoutReturnType>;
+  linkProfile(args: AuthArgsType): Promise<Profile[]>;
+  getProfiles(): Promise<Profile[]>;
 }