feat: twitch login

Author: gregfromstl

apps/dashboard/src/app/(dashboard)/dashboard/connect/ecosystem/types.ts

@@ -5,6 +5,7 @@ export const authOptions = [
   "discord",
   "farcaster",
   "telegram",
+  "twitch",
   "phone",
   "email",
   "guest",

apps/dashboard/src/components/wallets/ConnectWalletMiniPlayground/MiniPlayground.tsx

@@ -69,6 +69,7 @@ function usePlaygroundWallets() {
     google: true,
     discord: true,
     telegram: true,
+    twitch: false,
     farcaster: true,
     facebook: false,
     apple: false,

apps/playground-web/src/app/connect/sign-in/components/InAppWalletFormGroup.tsx

@@ -10,6 +10,7 @@ const allInAppWalletLoginMethods: InAppWalletAuth[] = [
   "google",
   "discord",
   "telegram",
+  "twitch",
   "farcaster",
   "email",
   "passkey",

packages/thirdweb/src/react/core/utils/walletIcon.ts

@@ -15,6 +15,8 @@ const farcasterIconUri =
   "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgaGVpZ2h0PSIxMDAwIiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iMTAwMCIgaGVpZ2h0PSIxMDAwIiByeD0iMjAwIiBmaWxsPSIjODU1RENEIi8+CjxwYXRoIGQ9Ik0yNTcuNzc4IDE1NS41NTZINzQyLjIyMlY4NDQuNDQ0SDY3MS4xMTFWNTI4Ljg4OUg2NzAuNDE0QzY2Mi41NTQgNDQxLjY3NyA1ODkuMjU4IDM3My4zMzMgNTAwIDM3My4zMzNDNDEwLjc0MiAzNzMuMzMzIDMzNy40NDYgNDQxLjY3NyAzMjkuNTg2IDUyOC44ODlIMzI4Ljg4OVY4NDQuNDQ0SDI1Ny43NzhWMTU1LjU1NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMjguODg5IDI1My4zMzNMMTU3Ljc3OCAzNTEuMTExSDE4Mi4yMjJWNzQ2LjY2N0MxNjkuOTQ5IDc0Ni42NjcgMTYwIDc1Ni42MTYgMTYwIDc2OC44ODlWNzk1LjU1NkgxNTUuNTU2QzE0My4yODMgNzk1LjU1NiAxMzMuMzMzIDgwNS41MDUgMTMzLjMzMyA4MTcuNzc4Vjg0NC40NDRIMzgyLjIyMlY4MTcuNzc4QzM4Mi4yMjIgODA1LjUwNSAzNzIuMjczIDc5NS41NTYgMzYwIDc5NS41NTZIMzU1LjU1NlY3NjguODg5QzM1NS41NTYgNzU2LjYxNiAzNDUuNjA2IDc0Ni42NjcgMzMzLjMzMyA3NDYuNjY3SDMwNi42NjdWMjUzLjMzM0gxMjguODg5WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTY3NS41NTYgNzQ2LjY2N0M2NjMuMjgzIDc0Ni42NjcgNjUzLjMzMyA3NTYuNjE2IDY1My4zMzMgNzY4Ljg4OVY3OTUuNTU2SDY0OC44ODlDNjM2LjYxNiA3OTUuNTU2IDYyNi42NjcgODA1LjUwNSA2MjYuNjY3IDgxNy43NzhWODQ0LjQ0NEg4NzUuNTU2VjgxNy43NzhDODc1LjU1NiA4MDUuNTA1IDg2NS42MDYgNzk1LjU1NiA4NTMuMzMzIDc5NS41NTZIODQ4Ljg4OVY3NjguODg5Qzg0OC44ODkgNzU2LjYxNiA4MzguOTQgNzQ2LjY2NyA4MjYuNjY3IDc0Ni42NjdWMzUxLjExMUg4NTEuMTExTDg4MCAyNTMuMzMzSDcwMi4yMjJWNzQ2LjY2N0g2NzUuNTU2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";
 const telegramIconUri =
   "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwMHB4IiBoZWlnaHQ9IjEwMDBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTMuMiAoNzI2NDMpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPkFydGJvYXJkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9Ijk5LjI1ODM0MDQlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyQUFCRUUiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzIyOUVEOSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJBcnRib2FyZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgY3g9IjUwMCIgY3k9IjUwMCIgcj0iNTAwIj48L2NpcmNsZT4KICAgICAgICA8cGF0aCBkPSJNMjI2LjMyODQxOSw0OTQuNzIyMDY5IEMzNzIuMDg4NTczLDQzMS4yMTY2ODUgNDY5LjI4NDgzOSwzODkuMzUwMDQ5IDUxNy45MTcyMTYsMzY5LjEyMjE2MSBDNjU2Ljc3MjUzNSwzMTEuMzY3NDMgNjg1LjYyNTQ4MSwzMDEuMzM0ODE1IDcwNC40MzE0MjcsMzAxLjAwMzUzMiBDNzA4LjU2NzYyMSwzMDAuOTMwNjcgNzE3LjgxNTgzOSwzMDEuOTU1NzQzIDcyMy44MDY0NDYsMzA2LjgxNjcwNyBDNzI4Ljg2NDc5NywzMTAuOTIxMjEgNzMwLjI1NjU1MiwzMTYuNDY1ODEgNzMwLjkyMjU1MSwzMjAuMzU3MzI5IEM3MzEuNTg4NTUxLDMyNC4yNDg4NDggNzMyLjQxNzg3OSwzMzMuMTEzODI4IDczMS43NTg2MjYsMzQwLjA0MDY2NiBDNzI0LjIzNDAwNyw0MTkuMTAyNDg2IDY5MS42NzUxMDQsNjEwLjk2NDY3NCA2NzUuMTEwOTgyLDY5OS41MTUyNjcgQzY2OC4xMDIwOCw3MzYuOTg0MzQyIDY1NC4zMDEzMzYsNzQ5LjU0NzUzMiA2NDAuOTQwNjE4LDc1MC43NzcwMDYgQzYxMS45MDQ2ODQsNzUzLjQ0ODkzOCA1ODkuODU2MTE1LDczMS41ODgwMzUgNTYxLjczMzM5Myw3MTMuMTUzMjM3IEM1MTcuNzI2ODg2LDY4NC4zMDY0MTYgNDkyLjg2NjAwOSw2NjYuMzQ5MTgxIDQ1MC4xNTAwNzQsNjM4LjIwMDAxMyBDNDAwLjc4NDQyLDYwNS42Njg3OCA0MzIuNzg2MTE5LDU4Ny43ODkwNDggNDYwLjkxOTQ2Miw1NTguNTY4NTYzIEM0NjguMjgyMDkxLDU1MC45MjE0MjMgNTk2LjIxNTA4LDQzNC41NTY0NzkgNTk4LjY5MTIyNyw0MjQuMDAwMzU1IEM1OTkuMDAwOTEsNDIyLjY4MDEzNSA1OTkuMjg4MzEyLDQxNy43NTg5ODEgNTk2LjM2NDc0LDQxNS4xNjA0MzEgQzU5My40NDExNjgsNDEyLjU2MTg4MSA1ODkuMTI2MjI5LDQxMy40NTA0ODQgNTg2LjAxMjQ0OCw0MTQuMTU3MTk4IEM1ODEuNTk4NzU4LDQxNS4xNTg5NDMgNTExLjI5Nzc5Myw0NjEuNjI1Mjc0IDM3NS4xMDk1NTMsNTUzLjU1NjE4OSBDMzU1LjE1NDg1OCw1NjcuMjU4NjIzIDMzNy4wODA1MTUsNTczLjkzNDkwOCAzMjAuODg2NTI0LDU3My41ODUwNDYgQzMwMy4wMzM5NDgsNTczLjE5OTM1MSAyNjguNjkyNzU0LDU2My40OTA5MjggMjQzLjE2MzYwNiw1NTUuMTkyNDA4IEMyMTEuODUxMDY3LDU0NS4wMTM5MzYgMTg2Ljk2NDQ4NCw1MzkuNjMyNTA0IDE4OS4xMzE1NDcsNTIyLjM0NjMwOSBDMTkwLjI2MDI4Nyw1MTMuMzQyNTg5IDIwMi42NTkyNDQsNTA0LjEzNDUwOSAyMjYuMzI4NDE5LDQ5NC43MjIwNjkgWiIgaWQ9IlBhdGgtMyIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=";
+const twitchIconUri =
+  "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQwMCAyODAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNDAwIDI4MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KCS5zdDF7ZmlsbDojOTE0NkZGO30KPC9zdHlsZT4KPHRpdGxlPkFzc2V0IDI8L3RpdGxlPgo8Zz4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjIwMCwxMzAwIDE4MDAsMTcwMCAxNDAwLDE3MDAgMTA1MCwyMDUwIDEwNTAsMTcwMCA2MDAsMTcwMCA2MDAsMjAwIDIyMDAsMjAwIAkiLz4KCTxnPgoJCTxnIGlkPSJMYXllcl8xLTIiPgoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTAwLDBMMCw1MDB2MTgwMGg2MDB2NTAwbDUwMC01MDBoNDAwbDkwMC05MDBWMEg1MDB6IE0yMjAwLDEzMDBsLTQwMCw0MDBoLTQwMGwtMzUwLDM1MHYtMzUwSDYwMFYyMDBoMTYwMAoJCQkJVjEzMDB6Ii8+CgkJCTxyZWN0IHg9IjE3MDAiIHk9IjU1MCIgY2xhc3M9InN0MSIgd2lkdGg9IjIwMCIgaGVpZ2h0PSI2MDAiLz4KCQkJPHJlY3QgeD0iMTE1MCIgeT0iNTUwIiBjbGFzcz0ic3QxIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjYwMCIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K";
 const xIcon =
   "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjMyMCIgdmlld0JveD0iMCAwIDMyMCAzMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIzMjAiIGhlaWdodD0iMzIwIiByeD0iMjQiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0xNzcuMzE1IDE0NS4zMzVMMjQ1LjA2OCA2N0gyMjkuMDEzTDE3MC4xODIgMTM1LjAxN0wxMjMuMTk1IDY3SDY5TDE0MC4wNTUgMTY5Ljg1NEw2OSAyNTJIODUuMDU2M0wxNDcuMTgzIDE4MC4xNzJMMTk2LjgwNSAyNTJIMjUxTDE3Ny4zMTEgMTQ1LjMzNUgxNzcuMzE1Wk0xNTUuMzIzIDE3MC43NkwxNDguMTI0IDE2MC41MThMOTAuODQxNyA3OS4wMjJIMTE1LjUwM0wxNjEuNzMxIDE0NC43OTJMMTY4LjkzIDE1NS4wMzRMMjI5LjAyIDI0MC41MjVIMjA0LjM1OUwxNTUuMzIzIDE3MC43NjRWMTcwLjc2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";
 export const emailIcon =
@@ -40,6 +42,7 @@ export const socialIcons = {
   x: xIcon,
   farcaster: farcasterIconUri,
   telegram: telegramIconUri,
+  twitch: twitchIconUri,
 };
 
 // TODO: this should return actual <svg> elements so they can be themed
@@ -69,6 +72,8 @@ export function getWalletIcon(provider: string) {
       return farcasterIconUri;
     case "telegram":
       return telegramIconUri;
+    case "twitch":
+      return twitchIconUri;
     case "guest":
       return guestIcon;
     default:

packages/thirdweb/src/react/native/ui/components/WalletImage.tsx

@@ -19,6 +19,7 @@ import {
   PASSKEY_ICON,
   PHONE_ICON,
   TELEGRAM_ICON,
+  TWITCH_ICON,
   WALLET_ICON,
   X_ICON,
 } from "../icons/svgs.js";
@@ -60,7 +61,7 @@ export const WalletImage = (props: {
         if (externalWalletImage) {
           return resolveScheme({ client, uri: externalWalletImage });
         }
-      } catch {}
+      } catch { }
 
       return WALLET_ICON;
     },
@@ -102,6 +103,8 @@ export function getAuthProviderImage(authProvider: string | null): string {
       return FARCASTER_ICON;
     case "telegram":
       return TELEGRAM_ICON;
+    case "twitch":
+      return TWITCH_ICON;
     case "guest":
       return GUEST_ICON;
     default:

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

@@ -36,6 +36,7 @@ import {
   FARCASTER_ICON,
   GOOGLE_ICON,
   LINE_ICON,
+  TWITCH_ICON,
   TELEGRAM_ICON,
   X_ICON,
 } from "../icons/svgs.js";
@@ -61,6 +62,7 @@ const socialIcons = {
   x: X_ICON,
   farcaster: FARCASTER_ICON,
   telegram: TELEGRAM_ICON,
+  twitch: TWITCH_ICON,
 };
 
 type InAppWalletFormUIProps = {

packages/thirdweb/src/react/native/ui/icons/svgs.ts

@@ -71,6 +71,26 @@ export const TELEGRAM_ICON = `<svg width={width} height={height} viewBox="0 0 10
     </g>
 </svg>`;
 
+export const TWITCH_ICON = `<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2400 2800" style="enable-background:new 0 0 2400 2800;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#9146FF;}
+</style>
+<title>Asset 2</title>
+<g>
+	<polygon class="st0" points="2200,1300 1800,1700 1400,1700 1050,2050 1050,1700 600,1700 600,200 2200,200 	"/>
+	<g>
+		<g id="Layer_1-2">
+			<path class="st1" d="M500,0L0,500v1800h600v500l500-500h400l900-900V0H500z M2200,1300l-400,400h-400l-350,350v-350H600V200h1600
+				V1300z"/>
+			<rect x="1700" y="550" class="st1" width="200" height="600"/>
+			<rect x="1150" y="550" class="st1" width="200" height="600"/>
+		</g>
+	</g>
+</g>
+</svg>`;
+
 export const EMAIL_ICON = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M13.3335 2.6665H2.66683C1.93045 2.6665 1.3335 3.26346 1.3335 3.99984V11.9998C1.3335 12.7362 1.93045 13.3332 2.66683 13.3332H13.3335C14.0699 13.3332 14.6668 12.7362 14.6668 11.9998V3.99984C14.6668 3.26346 14.0699 2.6665 13.3335 2.6665Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M14.6668 4.6665L8.68683 8.4665C8.48101 8.59545 8.24304 8.66384 8.00016 8.66384C7.75728 8.66384 7.51931 8.59545 7.3135 8.4665L1.3335 4.6665" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>

packages/thirdweb/src/react/web/wallets/shared/ConnectWalletSocialOptions.tsx

@@ -47,18 +47,18 @@ import { openOauthSignInWindow } from "./oauthSignIn.js";
 export type ConnectWalletSelectUIState =
   | undefined
   | {
-      emailLogin?: string;
-      phoneLogin?: string;
-      socialLogin?: {
-        type: SocialAuthOption;
-        connectionPromise: Promise<Account | Profile[]>;
-      };
-      guestLogin?: {
-        connectionPromise: Promise<Account | Profile[]>;
-      };
-      passkeyLogin?: boolean;
-      walletLogin?: boolean;
+    emailLogin?: string;
+    phoneLogin?: string;
+    socialLogin?: {
+      type: SocialAuthOption;
+      connectionPromise: Promise<Account | Profile[]>;
+    };
+    guestLogin?: {
+      connectionPromise: Promise<Account | Profile[]>;
     };
+    passkeyLogin?: boolean;
+    walletLogin?: boolean;
+  };
 
 const defaultAuthOptions: AuthOption[] = [
   "email",
@@ -114,6 +114,7 @@ export const ConnectWalletSocialOptions = (
     coinbase: "Coinbase",
     farcaster: "Farcaster",
     telegram: "Telegram",
+    twitch: "Twitch",
   };
 
   const { data: ecosystemAuthOptions, isLoading } = useQuery({
@@ -128,8 +129,8 @@ export const ConnectWalletSocialOptions = (
     retry: false,
   });
   const authOptions = isEcosystemWallet(wallet)
-    ? (ecosystemAuthOptions ?? defaultAuthOptions)
-    : (wallet.getConfig()?.auth?.options ?? defaultAuthOptions);
+    ? ecosystemAuthOptions ?? defaultAuthOptions
+    : wallet.getConfig()?.auth?.options ?? defaultAuthOptions;
 
   const emailIndex = authOptions.indexOf("email");
   const isEmailEnabled = emailIndex !== -1;
@@ -199,9 +200,9 @@ export const ConnectWalletSocialOptions = (
   const hasSocialLogins = socialLogins.length > 0;
   const ecosystemInfo = isEcosystemWallet(wallet)
     ? {
-        id: wallet.id,
-        partnerId: wallet.getConfig()?.partnerId,
-      }
+      id: wallet.id,
+      partnerId: wallet.getConfig()?.partnerId,
+    }
     : undefined;
 
   const handleGuestLogin = async () => {

packages/thirdweb/src/react/web/wallets/shared/oauthSignIn.ts

@@ -38,6 +38,7 @@ function getOauthLoginPath(
     case "google":
     case "farcaster":
     case "telegram":
+    case "twitch":
     case "line":
     case "x":
     case "guest":

packages/thirdweb/src/wallets/in-app/core/authentication/types.ts

@@ -8,13 +8,13 @@ import type { Ecosystem } from "../wallet/types.js";
 
 export type MultiStepAuthProviderType =
   | {
-      strategy: "email";
-      email: string;
-    }
+    strategy: "email";
+    email: string;
+  }
   | {
-      strategy: "phone";
-      phoneNumber: string;
-    };
+    strategy: "phone";
+    phoneNumber: string;
+  };
 export type PreAuthArgsType = MultiStepAuthProviderType & {
   client: ThirdwebClient;
   ecosystem?: Ecosystem;
@@ -37,45 +37,45 @@ export type SingleStepAuthArgsType =
   | { strategy: "jwt"; jwt: string; encryptionKey: string }
   | { strategy: "auth_endpoint"; payload: string; encryptionKey: string }
   | {
-      /**
-       * @deprecated
-       */
-      strategy: "iframe_email_verification";
-      email: string;
-    }
-  | {
-      /**
-       * @deprecated
-       */
-      strategy: "iframe";
-    }
-  | {
-      strategy: "passkey";
-      /**
-       * Whether to create a new passkey (sign up) or login to an existing one (sign in).
-       * You can use `hasStoredPasskey()` to check if a user has previously logged in with a passkey on this device.
-       */
-      type: "sign-up" | "sign-in";
-      /**
-       * Optional name of the passkey to create, defaults to a generated name
-       */
-      passkeyName?: string;
-      /**
-       * Whether to store the last used passkey from local storage.
-       * This is useful if you want to automatically log in the user with their last used passkey.
-       * Defaults to true.
-       */
-      storeLastUsedPasskey?: boolean;
-    }
-  | {
-      strategy: "wallet";
-      wallet: Wallet;
-      chain: Chain;
-    }
-  | {
-      strategy: "guest";
-      client: ThirdwebClient;
-    };
+    /**
+     * @deprecated
+     */
+    strategy: "iframe_email_verification";
+    email: string;
+  }
+  | {
+    /**
+     * @deprecated
+     */
+    strategy: "iframe";
+  }
+  | {
+    strategy: "passkey";
+    /**
+     * Whether to create a new passkey (sign up) or login to an existing one (sign in).
+     * You can use `hasStoredPasskey()` to check if a user has previously logged in with a passkey on this device.
+     */
+    type: "sign-up" | "sign-in";
+    /**
+     * Optional name of the passkey to create, defaults to a generated name
+     */
+    passkeyName?: string;
+    /**
+     * Whether to store the last used passkey from local storage.
+     * This is useful if you want to automatically log in the user with their last used passkey.
+     * Defaults to true.
+     */
+    storeLastUsedPasskey?: boolean;
+  }
+  | {
+    strategy: "wallet";
+    wallet: Wallet;
+    chain: Chain;
+  }
+  | {
+    strategy: "guest";
+    client: ThirdwebClient;
+  };
 
 export type AuthArgsType = (MultiStepAuthArgsType | SingleStepAuthArgsType) & {
   client: ThirdwebClient;
@@ -100,6 +100,7 @@ export type AuthProvider =
   | "Coinbase"
   | "X"
   | "Line"
+  | "Twitch"
   | "Farcaster"
   | "Telegram";
 
@@ -157,11 +158,11 @@ export type AuthLoginReturnType = { user: InitializedUser };
 // Auth Types
 export type AuthDetails = (
   | {
-      email?: string;
-    }
+    email?: string;
+  }
   | {
-      phoneNumber?: string;
-    }
+    phoneNumber?: string;
+  }
 ) & {
   userWalletId: string;
   encryptionKey?: string;
@@ -211,36 +212,36 @@ export type LogoutReturnType = { success: boolean };
 // this is the return type from the InAppWallet Class getUserWalletStatus method iframe call
 export type GetUserWalletStatusRpcReturnType =
   | {
-      status: "Logged Out";
-      user: undefined;
-    }
+    status: "Logged Out";
+    user: undefined;
+  }
   | {
-      status: "Logged In, Wallet Uninitialized";
-      user: { authDetails: AuthDetails };
-    }
+    status: "Logged In, Wallet Uninitialized";
+    user: { authDetails: AuthDetails };
+  }
   | {
-      status: "Logged In, New Device";
-      user: { authDetails: AuthDetails; walletAddress: string };
-    }
+    status: "Logged In, New Device";
+    user: { authDetails: AuthDetails; walletAddress: string };
+  }
   | {
-      status: "Logged In, Wallet Initialized";
-      user: Omit<InitializedUser, "account" | "status">;
-    };
+    status: "Logged In, Wallet Initialized";
+    user: Omit<InitializedUser, "account" | "status">;
+  };
 
 // this is the return type from the InAppWallet Class getUserWalletStatus method
 export type GetUser =
   | {
-      status: "Logged Out";
-    }
+    status: "Logged Out";
+  }
   | {
-      status: "Logged In, Wallet Uninitialized";
-      authDetails: AuthDetails;
-    }
+    status: "Logged In, Wallet Uninitialized";
+    authDetails: AuthDetails;
+  }
   | {
-      status: "Logged In, New Device";
-      authDetails: AuthDetails;
-      walletAddress: string;
-    }
+    status: "Logged In, New Device";
+    authDetails: AuthDetails;
+    walletAddress: string;
+  }
   | InitializedUser;
 
 export type GetAuthenticatedUserParams = {