lint

Author: gregfromstl

apps/playground-web/src/components/auth/auth-button.tsx

@@ -8,11 +8,25 @@ import {
 } from "@/app/connect/auth/server/actions/auth";
 import { THIRDWEB_CLIENT } from "@/lib/client";
 import { ConnectButton } from "thirdweb/react";
+import { createWallet, inAppWallet } from "thirdweb/wallets";
 
 export function AuthButton() {
   return (
     <ConnectButton
       client={THIRDWEB_CLIENT}
+      wallets={[
+        inAppWallet({
+          auth: {
+            options: ["google", "telegram", "github"],
+            mode: "redirect",
+          },
+        }),
+        createWallet("io.metamask"),
+        createWallet("com.coinbase.wallet"),
+        createWallet("me.rainbow"),
+        createWallet("io.rabby"),
+        createWallet("io.zerion.wallet"),
+      ]}
       auth={{
         isLoggedIn: (address) => isLoggedIn(address),
         doLogin: (params) => login(params),

packages/thirdweb/src/react/core/hooks/connection/ConnectEmbedProps.ts

@@ -289,11 +289,6 @@ export type ConnectEmbedProps = {
    */
   auth?: SiweAuthOptions;
 
-  /**
-   * @hidden
-   */
-  siweLogin?: () => Promise<void>;
-
   /**
    * Customize the welcome screen. This prop is only applicable when modalSize prop is set to "wide". On "wide" Modal size, a welcome screen is shown on the right side of the modal.
    *

packages/thirdweb/src/react/native/ui/connect/ConnectButton.tsx

@@ -122,9 +122,9 @@ export function ConnectButton(props: ConnectButtonProps) {
       ) : (
         <ThemedButton theme={theme} onPress={() => openModal()}>
           {status === "connecting" ||
-            siweAuth.isLoggingIn ||
-            siweAuth.isLoading ||
-            siweAuth.isLoggingOut ? (
+          siweAuth.isLoggingIn ||
+          siweAuth.isLoading ||
+          siweAuth.isLoggingOut ? (
             <>
               <ThemedSpinner color={theme.colors.primaryButtonText} />
             </>

packages/thirdweb/src/react/web/ui/ConnectWallet/Modal/ConnectEmbed.tsx

@@ -11,8 +11,8 @@ import {
 } from "../../../../core/design-system/CustomThemeProvider.js";
 import { radius } from "../../../../core/design-system/index.js";
 import {
-  useSiweAuth,
   type SiweAuthOptions,
+  useSiweAuth,
 } from "../../../../core/hooks/auth/useSiweAuth.js";
 import type { ConnectEmbedProps } from "../../../../core/hooks/connection/ConnectEmbedProps.js";
 import { useActiveAccount } from "../../../../core/hooks/wallets/useActiveAccount.js";
@@ -327,21 +327,21 @@ const ConnectEmbedContent = (props: {
   };
   size: "compact" | "wide";
   header:
-  | {
-    title?: string;
-    titleIcon?: string;
-  }
-  | true
-  | undefined;
+    | {
+        title?: string;
+        titleIcon?: string;
+      }
+    | true
+    | undefined;
   localeId: LocaleId;
   onConnect: ((wallet: Wallet) => void) | undefined;
   recommendedWallets: Wallet[] | undefined;
   showAllWallets: boolean | undefined;
   walletConnect:
-  | {
-    projectId?: string;
-  }
-  | undefined;
+    | {
+        projectId?: string;
+      }
+    | undefined;
   wallets: Wallet[];
   welcomeScreen: WelcomeScreen | undefined;
 }) => {

packages/thirdweb/src/react/web/ui/PayEmbed.tsx

@@ -10,25 +10,25 @@ import type { WalletId } from "../../../wallets/wallet-types.js";
 import { CustomThemeProvider } from "../../core/design-system/CustomThemeProvider.js";
 import type { Theme } from "../../core/design-system/index.js";
 import {
-  useSiweAuth,
   type SiweAuthOptions,
+  useSiweAuth,
 } from "../../core/hooks/auth/useSiweAuth.js";
 import type {
   ConnectButton_connectModalOptions,
   PayUIOptions,
 } from "../../core/hooks/connection/ConnectButtonProps.js";
+import { useActiveAccount } from "../../core/hooks/wallets/useActiveAccount.js";
+import { useActiveWallet } from "../../core/hooks/wallets/useActiveWallet.js";
 import { useConnectionManager } from "../../core/providers/connection-manager.js";
 import type { SupportedTokens } from "../../core/utils/defaultTokens.js";
+import { AutoConnect } from "../../web/ui/AutoConnect/AutoConnect.js";
 import { EmbedContainer } from "./ConnectWallet/Modal/ConnectEmbed.js";
 import { useConnectLocale } from "./ConnectWallet/locale/getConnectLocale.js";
 import BuyScreen from "./ConnectWallet/screens/Buy/BuyScreen.js";
 import { ExecutingTxScreen } from "./TransactionButton/ExecutingScreen.js";
 import { DynamicHeight } from "./components/DynamicHeight.js";
 import { Spinner } from "./components/Spinner.js";
 import type { LocaleId } from "./types.js";
-import { useActiveAccount } from "../../core/hooks/wallets/useActiveAccount.js";
-import { useActiveWallet } from "../../core/hooks/wallets/useActiveWallet.js";
-import { AutoConnect } from "../../web/ui/AutoConnect/AutoConnect.js";
 
 /**
  * Props of [`PayEmbed`](https://portal.thirdweb.com/references/typescript/v5/PayEmbed) component
@@ -473,10 +473,10 @@ export type PayEmbedConnectOptions = {
    * ```
    */
   autoConnect?:
-  | {
-    timeout: number;
-  }
-  | boolean;
+    | {
+        timeout: number;
+      }
+    | boolean;
 
   /**
    * Metadata of the app that will be passed to connected wallet. Setting this is highly recommended.

packages/thirdweb/src/wallets/connection/autoConnectCore.ts

@@ -92,9 +92,9 @@ const _autoConnectCore = async ({
       clientId: props.client.clientId,
       ecosystem: isEcosystemWallet(wallet)
         ? {
-          id: wallet.id,
-          partnerId: wallet.getConfig()?.partnerId,
-        }
+            id: wallet.id,
+            partnerId: wallet.getConfig()?.partnerId,
+          }
         : undefined,
     });
     await clientStorage.saveAuthCookie(urlToken.authCookie);
@@ -150,9 +150,9 @@ const _autoConnectCore = async ({
       const connectedWallet = await (connectOverride
         ? connectOverride(activeWallet)
         : manager.connect(activeWallet, {
-          client: props.client,
-          accountAbstraction: props.accountAbstraction,
-        }));
+            client: props.client,
+            accountAbstraction: props.accountAbstraction,
+          }));
       if (connectedWallet) {
         autoConnected = true;
         try {