thirdweb 5.47.1 → 5.48.0

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

@@ -26,6 +26,7 @@ import {
 import { setLastAuthProvider } from "../../../core/utils/storage.js";
 import {
   emailIcon,
+  getWalletIcon,
   passkeyIcon,
   phoneIcon,
   socialIcons,
@@ -52,6 +53,7 @@ export type ConnectWalletSelectUIState =
         connectionPromise: Promise<Account | Profile[]>;
       };
       passkeyLogin?: boolean;
+      walletLogin?: boolean;
     };
 
 const defaultAuthOptions: AuthOption[] = [
@@ -242,6 +244,13 @@ export const ConnectWalletSocialOptions = (
     props.select();
   }
 
+  function handleWalletLogin() {
+    setData({
+      walletLogin: true,
+    });
+    props.select();
+  }
+
   const showOnlyIcons = socialLogins.length > 2;
 
   return (
@@ -390,6 +399,19 @@ export const ConnectWalletSocialOptions = (
           />
         </>
       )}
+
+      {props.isLinking && (
+        <>
+          <WalletTypeRowButton
+            client={props.client}
+            icon={getWalletIcon("")}
+            onClick={() => {
+              handleWalletLogin();
+            }}
+            title={locale.linkWallet}
+          />
+        </>
+      )}
     </Container>
   );
 };

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

@@ -0,0 +1,29 @@
+import { iconSize } from "../../../../react/core/design-system/index.js";
+import { AccentFailIcon } from "../../ui/ConnectWallet/icons/AccentFailIcon.js";
+import { Spacer } from "../../ui/components/Spacer.js";
+import { Container } from "../../ui/components/basic.js";
+import { Button } from "../../ui/components/buttons.js";
+import { Text } from "../../ui/components/text.js";
+
+export function ErrorState(props: {
+  onTryAgain: () => void;
+  title: string;
+}) {
+  return (
+    <Container animate="fadein">
+      <Spacer y="xxl" />
+      <Container flex="row" center="x">
+        <AccentFailIcon size={iconSize["3xl"]} />
+      </Container>
+      <Spacer y="lg" />
+      <Text center color="primaryText" size="md">
+        {props.title}
+      </Text>
+      <Spacer y="xl" />
+      <Spacer y="xxl" />
+      <Button variant="accent" fullWidth onClick={props.onTryAgain}>
+        Try Again
+      </Button>
+    </Container>
+  );
+}

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

@@ -0,0 +1,47 @@
+import type { ReactNode } from "react";
+import { Spacer } from "../../ui/components/Spacer.js";
+import { Spinner } from "../../ui/components/Spinner.js";
+import { Container } from "../../ui/components/basic.js";
+import { Text } from "../../ui/components/text.js";
+
+export function LoadingState(props: {
+  title: string;
+  subtitle: string;
+  icon: ReactNode;
+}) {
+  return (
+    <Container animate="fadein">
+      <Spacer y="xxl" />
+      <Container
+        flex="row"
+        center="x"
+        style={{
+          position: "relative",
+        }}
+      >
+        <Spinner size="4xl" color="accentText" />
+        <Container
+          color="accentText"
+          style={{
+            position: "absolute",
+            top: "50%",
+            left: "50%",
+            transform: "translate(-50%, -50%)",
+          }}
+        >
+          {props.icon}
+        </Container>
+      </Container>
+      <Spacer y="xl" />
+      <Text center color="primaryText" size="lg">
+        {props.title}
+      </Text>
+      <Spacer y="md" />
+      <Text multiline center>
+        {props.subtitle}
+      </Text>
+      <Spacer y="xxl" />
+      <Spacer y="xxl" />
+    </Container>
+  );
+}

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

@@ -7,15 +7,14 @@ import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wa
 import { hasStoredPasskey } from "../../../../wallets/in-app/web/lib/auth/passkeys.js";
 import { iconSize } from "../../../core/design-system/index.js";
 import { setLastAuthProvider } from "../../../core/utils/storage.js";
-import { AccentFailIcon } from "../../ui/ConnectWallet/icons/AccentFailIcon.js";
 import { FingerPrintIcon } from "../../ui/ConnectWallet/icons/FingerPrintIcon.js";
 import type { ConnectLocale } from "../../ui/ConnectWallet/locale/types.js";
 import { Spacer } from "../../ui/components/Spacer.js";
-import { Spinner } from "../../ui/components/Spinner.js";
 import { Container, ModalHeader } from "../../ui/components/basic.js";
 import { Button } from "../../ui/components/buttons.js";
-import { Text } from "../../ui/components/text.js";
+import { ErrorState } from "./ErrorState.js";
 import { LoadingScreen } from "./LoadingScreen.js";
+import { LoadingState } from "./LoadingState.js";
 
 // is passkey stored?
 // - login
@@ -179,6 +178,7 @@ function LoginScreen(props: {
       <LoadingState
         title="Requesting Passkey"
         subtitle="A pop-up prompt will appear to sign-in and verify your passkey"
+        icon={<FingerPrintIcon size={iconSize.xxl} />}
       />
     );
   }
@@ -252,6 +252,7 @@ function SignupScreen(props: {
       <LoadingState
         title="Creating Passkey"
         subtitle="A pop-up prompt will appear to sign-in and verify your passkey"
+        icon={<FingerPrintIcon size={iconSize.xxl} />}
       />
     );
   }
@@ -297,67 +298,3 @@ function SelectLoginMethod(props: {
     </Container>
   );
 }
-
-function ErrorState(props: {
-  onTryAgain: () => void;
-  title: string;
-}) {
-  return (
-    <Container animate="fadein">
-      <Spacer y="xxl" />
-      <Container flex="row" center="x">
-        <AccentFailIcon size={iconSize["3xl"]} />
-      </Container>
-      <Spacer y="lg" />
-      <Text center color="primaryText" size="md">
-        {props.title}
-      </Text>
-      <Spacer y="xl" />
-      <Spacer y="xxl" />
-      <Button variant="accent" fullWidth onClick={props.onTryAgain}>
-        Try Again
-      </Button>
-    </Container>
-  );
-}
-
-function LoadingState(props: {
-  title: string;
-  subtitle: string;
-}) {
-  return (
-    <Container animate="fadein">
-      <Spacer y="xxl" />
-      <Container
-        flex="row"
-        center="x"
-        style={{
-          position: "relative",
-        }}
-      >
-        <Spinner size="4xl" color="accentText" />
-        <Container
-          color="accentText"
-          style={{
-            position: "absolute",
-            top: "50%",
-            left: "50%",
-            transform: "translate(-50%, -50%)",
-          }}
-        >
-          <FingerPrintIcon size={iconSize.xxl} />
-        </Container>
-      </Container>
-      <Spacer y="xl" />
-      <Text center color="primaryText" size="lg">
-        {props.title}
-      </Text>
-      <Spacer y="md" />
-      <Text multiline center>
-        {props.subtitle}
-      </Text>
-      <Spacer y="xxl" />
-      <Spacer y="xxl" />
-    </Container>
-  );
-}

package/src/react/web/wallets/shared/locale/de.ts

@@ -56,4 +56,5 @@ export default {
   signInWithPhone: "Mit Telefonnummer anmelden",
   phoneRequired: "Telefonnummer ist erforderlich",
   passkey: "Passkey",
+  linkWallet: "Link a Wallet",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/en.ts

@@ -53,6 +53,7 @@ export default {
   invalidPhone: "Invalid phone number",
   phonePlaceholder: "Phone number",
   signInWithPhone: "Sign in with phone number",
-  phoneRequired: "phone number is required",
+  phoneRequired: "Phone number is required",
   passkey: "Passkey",
+  linkWallet: "Link a Wallet",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/es.ts

@@ -55,4 +55,5 @@ export default {
   phoneRequired: "Se requiere número de teléfono",
   signInWithEmail: "Iniciar sesión con correo electrónico",
   passkey: "Clave de acceso",
+  linkWallet: "Link a Wallet",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/fr.ts

@@ -56,4 +56,5 @@ export default {
   signInWithPhone: "Se connecter avec le numéro de téléphone",
   phoneRequired: "Le numéro de téléphone est requis",
   passkey: "Passkey",
+  linkWallet: "Link a Wallet",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/ja.ts

@@ -54,4 +54,5 @@ export default {
   signInWithPhone: "電話番号でサインイン",
   phoneRequired: "電話番号は必須です",
   passkey: "パスキー",
+  linkWallet: "Link a Wallet",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/kr.ts

@@ -52,4 +52,5 @@ export default {
   signInWithPhone: "전화번호로 로그인",
   phoneRequired: "전화번호가 필요합니다",
   passkey: "비밀번호",
+  linkWallet: "Link a Wallet",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/tl.ts

@@ -55,4 +55,5 @@ export default {
   signInWithPhone: "Mag-login gamit ang numero ng telepono",
   phoneRequired: "Kinakailangan ang numero ng telepono",
   passkey: "Passkey",
+  linkWallet: "Link a Wallet",
 } satisfies InAppWalletLocale;

package/src/react/web/wallets/shared/locale/types.ts

@@ -50,4 +50,5 @@ export type InAppWalletLocale = {
   submitEmail: string;
   maxAccountsExceeded: string;
   passkey: string;
+  linkWallet: string;
 };

package/src/react/web/wallets/shared/locale/vi.ts

@@ -55,4 +55,5 @@ export default {
   signInWithPhone: "Đăng nhập bằng số điện thoại",
   phoneRequired: "Vui lòng nhập số điện thoại",
   passkey: "Passkey",
+  linkWallet: "Link a Wallet",
 } satisfies InAppWalletLocale;

package/src/transaction/actions/gasless/providers/biconomy.ts

@@ -10,6 +10,9 @@ import type { PreparedTransaction } from "../../../prepare-transaction.js";
 import { readContract } from "../../../read-contract.js";
 import type { WaitForReceiptOptions } from "../../wait-for-tx-receipt.js";
 
+/**
+ * @transaction
+ */
 export type BiconomyOptions = {
   provider: "biconomy";
   // you can find the correct forwarder for your network here: https://docs-gasless.biconomy.io/misc/contract-addresses

package/src/transaction/actions/gasless/providers/engine.ts

@@ -10,6 +10,9 @@ import {
   waitForReceipt,
 } from "../../wait-for-tx-receipt.js";
 
+/**
+ * @transaction
+ */
 export type EngineOptions = {
   provider: "engine";
   relayerUrl: string;

package/src/transaction/actions/gasless/providers/openzeppelin.ts

@@ -8,6 +8,9 @@ import type { PreparedTransaction } from "../../../prepare-transaction.js";
 import { readContract } from "../../../read-contract.js";
 import type { WaitForReceiptOptions } from "../../wait-for-tx-receipt.js";
 
+/**
+ * @transaction
+ */
 export type OpenZeppelinOptions = {
   provider: "openzeppelin";
   relayerUrl: string;

package/src/transaction/actions/gasless/types.ts

@@ -2,6 +2,18 @@ import type { BiconomyOptions } from "./providers/biconomy.js";
 import type { EngineOptions } from "./providers/engine.js";
 import type { OpenZeppelinOptions } from "./providers/openzeppelin.js";
 
+/**
+ * Gasless configs for sending gasless transactions.
+ * This config is used in:
+ * - [`TransactionButton`](https://portal.thirdweb.com/references/typescript/v5/TransactionButton)
+ * - [`sendTransaction`](https://portal.thirdweb.com/references/typescript/v5/sendTransaction)
+ * - [`useSendTransaction`](https://portal.thirdweb.com/references/typescript/v5/useSendTransaction)
+ * - [`sendAndConfirmTransaction`](https://portal.thirdweb.com/references/typescript/v5/sendAndConfirmTransaction)
+ * - [`useSendAndConfirmTransaction`](https://portal.thirdweb.com/references/typescript/v5/useSendAndConfirmTransaction)
+ *
+ * Please refer to the docs of those components above for more info.
+ * @transaction
+ */
 export type GaslessOptions =
   | EngineOptions
   | OpenZeppelinOptions

package/src/transaction/prepare-contract-call.ts

@@ -113,7 +113,7 @@ export type PrepareContractCallOptions<
  * });
  * ```
  *
- * ### Usage with a the ABI defined on the contract:
+ * ### Usage with the ABI defined on the contract:
  *
  * ```ts
  * import { getContract, prepareContractCall } from "thirdweb";

package/src/transaction/read-contract.ts

@@ -70,7 +70,7 @@ export type ReadContractOptions<
 >;
 
 /**
- * Reads state from a deployed smart contract.
+ * ### Reads state from a deployed smart contract.
  *
  * You can use raw read calls or read [extensions](https://portal.thirdweb.com/typescript/v5/extensions/use) to read from a contract.
  *
@@ -111,7 +111,26 @@ export type ReadContractOptions<
  *
  * const { data, isLoading } = useReadContract({
  *   contract,
- *   method: "function tokenURI(uint256 tokenId) returns (string)"});
+ *   method: "function tokenURI(uint256 tokenId) returns (string)"}),
+ *   params: [1n],
+ * });
+ * ```
+ *
+ * ### Using `resolveMethod`
+ * ```ts
+ * import { getContract, resolveMethod } from "thirdweb";
+ * import { sepolia } from "thirdweb/chains";
+ * import { useReadContract } from "thirdweb/react";
+ *
+ * const contract = getContract({
+ *   client,
+ *   address: "0x...",
+ *   chain: sepolia,
+ * });
+ *
+ * const { data, isLoading } = useReadContract({
+ *   contract,
+ *   method: resolveMethod("tokenURI"),
  *   params: [1n],
  * });
  * ```

package/src/utils/bigint.ts

@@ -5,6 +5,7 @@ import { uint8ArrayToHex } from "./encoding/hex.js";
  * @param a - The first BigInt value.
  * @param b - The second BigInt value.
  * @returns The smaller of the two BigInt values.
+ * @utils
  * @example
  * ```ts
  * min(1n, 2n)
@@ -19,6 +20,7 @@ export function min(a: bigint, b: bigint) {
  * @param a - The first BigInt value.
  * @param b - The second BigInt value.
  * @returns The larger of the two BigInt values.
+ * @utils
  * @example
  * ```ts
  * max(1n, 2n)

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.47.1";
+export const version = "5.48.0";

package/src/wallets/custom/smart/image.ts

@@ -1,4 +1,4 @@
 const image =
-  "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iMTIiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xXzkxKSIvPgo8cGF0aCBkPSJNMzkuOTk2OSAxOEw0MC4yMzMzIDE4LjAxNTZMNDAuMzUxMyAxOC4wMzMzTDQwLjQ3MzYgMTguMDYyMkw0MC42OTU4IDE4LjEzNzhDNDAuODQ5NCAxOC4yMDA2IDQwLjk5NTQgMTguMjg0MiA0MS4xMzA1IDE4LjM4NjdMNDEuMzM4NyAxOC41Njg5TDQxLjg0OTMgMTkuMDUzM0M0NS44ODkxIDIyLjc3NjggNTAuOTk0NyAyNC43NzYyIDU2LjI0NTggMjQuNjkxMUw1Ni45MzA3IDI0LjY2ODlDNTcuMzc4MyAyNC42NDYyIDU3LjgyIDI0Ljc5MDkgNTguMTg0OSAyNS4wNzk4QzU4LjU0OTggMjUuMzY4NyA1OC44MTY3IDI1Ljc4NSA1OC45NDMxIDI2LjI2MjJDNTkuOTI3MSAyOS45NzY5IDYwLjIyODMgMzMuODczMSA1OS44Mjg3IDM3LjcxOTRDNTkuNDI4OSA0MS41NjU4IDU4LjMzNjcgNDUuMjgzNiA1Ni42MTY1IDQ4LjY1MjNDNTQuODk2NSA1Mi4wMjA3IDUyLjU4MzYgNTQuOTcxNCA0OS44MTU2IDU3LjMyODVDNDcuMDQ3NiA1OS42ODU2IDQzLjg4MDkgNjEuNDAxMiA0MC41MDM2IDYyLjM3MzRDNDAuMTc0IDYyLjQ2ODMgMzkuODI4IDYyLjQ2ODMgMzkuNDk4MiA2Mi4zNzM0QzM2LjEyMDkgNjEuNDAxNCAzMi45NTM4IDU5LjY4NiAzMC4xODU2IDU3LjMyODlDMjcuNDE3NiA1NC45NzE4IDI1LjEwNDUgNTIuMDIxNCAyMy4zODQyIDQ4LjY1MjlDMjEuNjYzOCA0NS4yODQzIDIwLjU3MTMgNDEuNTY2MiAyMC4xNzE1IDM3LjcxOThDMTkuNzcxNyAzMy44NzM0IDIwLjA3MjcgMjkuOTc2OSAyMS4wNTY3IDI2LjI2MjJDMjEuMTgzMSAyNS43ODUgMjEuNDUwMSAyNS4zNjg3IDIxLjgxNSAyNS4wNzk4QzIyLjE3OTkgMjQuNzkwOSAyMi42MjE1IDI0LjY0NjIgMjMuMDY5MyAyNC42Njg5QzI4LjU1MTMgMjQuOTQ3IDMzLjkyOTMgMjIuOTQ0NCAzOC4xNTA3IDE5LjA1MzNMMzguNjc3MyAxOC41NTMzTDM4Ljg2OTYgMTguMzg2N0MzOS4wMDQ3IDE4LjI4NDIgMzkuMTUwNSAxOC4yMDA2IDM5LjMwNCAxOC4xMzc4TDM5LjUyODIgMTguMDYyMkMzOS42MDY5IDE4LjA0MTIgMzkuNjg2NSAxOC4wMjU2IDM5Ljc2NjcgMTguMDE1NkwzOS45OTY5IDE4Wk00MC4wMDA5IDMzLjU1NTZDMzguOTkwNSAzMy41NTUxIDM4LjAxNzMgMzMuOTc4NyAzNy4yNzY1IDM0Ljc0MTFDMzYuNTM1NiAzNS41MDM2IDM2LjA4MTYgMzYuNTQ4NSAzNi4wMDU4IDM3LjY2NjdMMzUuOTk1OCAzOEwzNi4wMDU4IDM4LjMzMzRDMzYuMDU1MSAzOS4wNTQ3IDM2LjI2MjUgMzkuNzUxOCAzNi42MDk4IDQwLjM2NEMzNi45NTY5IDQwLjk3NjIgMzcuNDMzNiA0MS40ODUxIDM3Ljk5ODUgNDEuODQ2N1Y0NS43Nzc4TDM4LjAxMjUgNDYuMDM3OEMzOC4wNzI3IDQ2LjYwMDMgMzguMzI0MiA0Ny4xMTU4IDM4LjcxNTYgNDcuNDc5NEMzOS4xMDcxIDQ3Ljg0MjkgMzkuNjA4NyA0OC4wMjY5IDQwLjExODIgNDcuOTkzOEM0MC42Mjc4IDQ3Ljk2MDUgNDEuMTA2NyA0Ny43MTI3IDQxLjQ1NzEgNDcuMzAwOUM0MS44MDc2IDQ2Ljg4ODkgNDIuMDAyOSA0Ni4zNDQzIDQyLjAwMzYgNDUuNzc3OEw0Mi4wMDU2IDQxLjg0ODlDNDIuNzY5MSA0MS4zNTk2IDQzLjM2NiA0MC42MDQyIDQzLjcwMzQgMzkuNzAwMkM0NC4wNDA3IDM4Ljc5NiA0NC4wOTk2IDM3Ljc5MzggNDMuODcxMSAzNi44NDg3QzQzLjY0MjcgMzUuOTAzNiA0My4xMzk2IDM1LjA2ODUgNDIuNDM5OCAzNC40NzMxQzQxLjc0IDMzLjg3NzYgNDAuODgyNyAzMy41NTUxIDQwLjAwMDkgMzMuNTU1NloiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl8xXzkxKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzFfOTEiIHgxPSI0MCIgeTE9IjAiIHgyPSI0MCIgeTI9IjgwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4MzU2QkQiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjN0MyMEY0Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8xXzkxIiB4MT0iNDAiIHkxPSIxOCIgeDI9IjQwIiB5Mj0iNjIuNDQ0NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNFMUQ4RkIiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K";
+  "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDEzLjAwMDRDMjAgMTguMDAwNCAxNi41IDIwLjUwMDUgMTIuMzQgMjEuOTUwNUMxMi4xMjIyIDIyLjAyNDMgMTEuODg1NSAyMi4wMjA3IDExLjY3IDIxLjk0MDVDNy41IDIwLjUwMDUgNCAxOC4wMDA0IDQgMTMuMDAwNFY2LjAwMDQ1QzQgNS43MzUyMyA0LjEwNTM2IDUuNDgwODggNC4yOTI4OSA1LjI5MzM0QzQuNDgwNDMgNS4xMDU4MSA0LjczNDc4IDUuMDAwNDUgNSA1LjAwMDQ1QzcgNS4wMDA0NSA5LjUgMy44MDA0NSAxMS4yNCAyLjI4MDQ1QzExLjQ1MTkgMi4wOTk0NSAxMS43MjE0IDIgMTIgMkMxMi4yNzg2IDIgMTIuNTQ4MSAyLjA5OTQ1IDEyLjc2IDIuMjgwNDVDMTQuNTEgMy44MTA0NSAxNyA1LjAwMDQ1IDE5IDUuMDAwNDVDMTkuMjY1MiA1LjAwMDQ1IDE5LjUxOTYgNS4xMDU4MSAxOS43MDcxIDUuMjkzMzRDMTkuODk0NiA1LjQ4MDg4IDIwIDUuNzM1MjMgMjAgNi4wMDA0NVYxMy4wMDA0WiIgc3Ryb2tlPSIjMzM4NUZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOSAxMkwxMSAxNEwxNSAxMCIgc3Ryb2tlPSIjMzM4NUZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
 
 export default image;

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

@@ -3,8 +3,8 @@ import { getThirdwebBaseUrl } from "../../../../utils/domains.js";
 import { type AuthOption, authOptions } from "../../../../wallets/types.js";
 import type { Ecosystem } from "../../web/types.js";
 
-const getLoginOptionRoute = (option: AuthOption) => {
-  if (!authOptions.includes(option)) {
+const getLoginOptionRoute = (option: AuthOption | "wallet") => {
+  if (!authOptions.includes(option as AuthOption) && option !== "wallet") {
     throw new Error(`Unknown auth option ${option}`);
   }
   switch (option) {
@@ -22,7 +22,7 @@ export const getLoginUrl = ({
   mode = "popup",
   redirectUrl,
 }: {
-  authOption: AuthOption;
+  authOption: AuthOption | "wallet";
   client: ThirdwebClient;
   ecosystem?: Ecosystem;
   mode?: "popup" | "redirect" | "mobile";
@@ -58,7 +58,7 @@ export const getLoginCallbackUrl = ({
   client,
   ecosystem,
 }: {
-  authOption: AuthOption;
+  authOption: AuthOption | "wallet";
   client: ThirdwebClient;
   ecosystem?: Ecosystem;
 }): string => {

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

@@ -93,7 +93,7 @@ export type OauthOption = {
 };
 
 export type Profile = {
-  type: AuthOption;
+  type: AuthOption | "wallet";
   details: {
     id?: string;
     email?: string;

package/src/wallets/manager/index.ts

@@ -138,8 +138,6 @@ export function createConnectionManager(storage: AsyncStorage) {
       });
     }
 
-    handleSetActiveWallet(activeWallet);
-
     // add personal wallet to connected wallets list
     addConnectedWallet(personalWallet);
 

package/src/wallets/types.ts

@@ -34,7 +34,6 @@ export const authOptions = [
   "email",
   "phone",
   "passkey",
-  "wallet",
 ] as const;
 export type AuthOption = (typeof authOptions)[number];