thirdweb 5.58.4 → 5.58.5

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/ui/prebuilt/NFT/NFT.test.tsx

@@ -58,8 +58,8 @@ describe.runIf(process.env.TW_SECRET_KEY)("NFT prebuilt component", () => {
       }
       return (
         <div>
-          Contract: {String(context.contract)}, Token ID:{" "}
-          {context.tokenId.toString()}
+          Contract: {String(context.contract.address)}
+          Token ID: {context.tokenId.toString()}
         </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/shared/ConnectWalletSocialOptions.tsx

@@ -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/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/version.ts

@@ -1 +1 @@
-export const version = "5.58.4";
+export const version = "5.58.5";

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/guest.ts

@@ -1,6 +1,9 @@
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { getClientFetch } from "../../../../utils/fetch.js";
+import { randomBytesHex } from "../../../../utils/random.js";
+import type { AsyncStorage } from "../../../../utils/storage/AsyncStorage.js";
 import type { Ecosystem } from "../../web/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/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/native/auth/native-auth.ts

@@ -1,6 +1,7 @@
 import * as WebBrowser from "expo-web-browser";
 import type { Chain } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
+import { nativeLocalStorage } from "../../../../utils/storage/nativeStorage.js";
 import type { Wallet } from "../../../interfaces/wallet.js";
 import { getLoginUrl } from "../../core/authentication/getLoginPath.js";
 import { guestAuthenticate } from "../../core/authentication/guest.js";
@@ -166,6 +167,7 @@ export async function guestLogin(
   const { storedToken } = await guestAuthenticate({
     client,
     ecosystem,
+    storage: nativeLocalStorage,
   });
   try {
     const toStoreToken: AuthStoredTokenWithCookieReturnType["storedToken"] = {

package/src/wallets/in-app/native/native-connector.ts

@@ -105,6 +105,7 @@ export class InAppNativeConnector implements InAppConnector {
         return guestAuthenticate({
           client: this.options.client,
           ecosystem: params.ecosystem,
+          storage: nativeLocalStorage,
         });
       }
       case "wallet": {

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

@@ -316,6 +316,7 @@ export class InAppWebConnector implements InAppConnector {
         return guestAuthenticate({
           client: this.client,
           ecosystem: this.ecosystem,
+          storage: webLocalStorage,
         });
       }
       case "wallet": {