updated auth options

0xsequence · Nov 21, 2023 · f2e919c · f2e919c
1 parent 6ff0abd
commit f2e919c
Show file tree

Hide file tree

Showing 14 changed files with 159 additions and 116 deletions.
diff --git a/README.md b/README.md
@@ -135,8 +135,8 @@ The settings are described in more detailed in the Sequence Kit documentation.
       logoUrl: 'https://logo-dark-mode.svg',
       projectName: 'my app',
       showEmailInput: true,
-      miniAuthOptions: ['google', 'facebook', 'twitch', 'apple'],
-      authOptions: ['metamask', 'wallet-connect'],
+      socialAuthOptions: ['google', 'facebook', 'twitch', 'apple'],
+      walletAuthOptions: ['metamask', 'wallet-connect'],
     };
     // limits the digital assets displayed on the assets summary screen
     displayedAssets: [

diff --git a/examples/react/package.json b/examples/react/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "homepage": "kit",
   "dependencies": {
-    "0xsequence": "^1.4.4",
+    "0xsequence": "^1.4.5",
     "@0xsequence/design-system": "^1.0.20",
     "@0xsequence/kit": "workspace:*",
     "@0xsequence/kit-checkout": "workspace:*",

diff --git a/examples/react/src/components/Homepage.tsx b/examples/react/src/components/Homepage.tsx
@@ -3,7 +3,7 @@ import qs from 'query-string'
 import { useOpenConnectModal, signEthAuthProof, validateEthProof, useTheme as useKitTheme } from '@0xsequence/kit'
 import { useOpenWalletModal } from '@0xsequence/kit-wallet'
 import { useCheckoutModal } from '@0xsequence/kit-checkout'
-import { useDisconnect, useAccount, useWalletClient, usePublicClient } from 'wagmi'
+import { useDisconnect, useAccount, useWalletClient, usePublicClient, useSwitchNetwork, useChainId } from 'wagmi'
 import {
   Box,
   Button,
@@ -30,6 +30,9 @@ function Homepage() {
   const { triggerCheckout } = useCheckoutModal()
   const { disconnect } = useDisconnect()
   const { data: walletClient } = useWalletClient()
+  const { switchNetwork } = useSwitchNetwork()
+  const chainId = useChainId()
+
   const publicClient = usePublicClient()
 
   // append ?debug=true to url to enable debug mode 
@@ -168,6 +171,14 @@ function Homepage() {
     )
   }
 
+  const onSwitchNetwork = () => {
+    if (chainId === 1) {
+      switchNetwork(137)
+    } else {
+      switchNetwork(1)
+    }
+  }
+
   return (
     <Box background="backgroundPrimary">
       {isDebugMode && (
@@ -205,6 +216,13 @@ function Homepage() {
                   onClick={generateEthAuthProof}
                 />
               )}
+              {isDebugMode && (
+                <ClickableCard
+                  title="Switch network"
+                  description="Switch network"
+                  onClick={onSwitchNetwork}
+                />
+              )}
             </Box>
             <Box width="full" gap="2" flexDirection="row" justifyContent="flex-end" >
               <Button onClick={() => disconnect()} leftIcon={SignoutIcon} label="Sign out" />

diff --git a/packages/checkout/package.json b/packages/checkout/package.json
@@ -13,11 +13,11 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "0xsequence": "^1.4.4",
-    "@0xsequence/api": "^1.4.4",
-    "@0xsequence/indexer": "^1.4.4",
-    "@0xsequence/metadata": "^1.4.4",
-    "@0xsequence/network": "^1.4.4",
+    "0xsequence": "^1.4.5",
+    "@0xsequence/api": "^1.4.5",
+    "@0xsequence/indexer": "^1.4.5",
+    "@0xsequence/metadata": "^1.4.5",
+    "@0xsequence/network": "^1.4.5",
     "@tanstack/react-query": "^4.29.5",
     "react-copy-to-clipboard": "^5.1.0",
     "@paperxyz/react-client-sdk": "^1.1.3"

diff --git a/packages/connectors/package.json b/packages/connectors/package.json
@@ -13,15 +13,15 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@0xsequence/provider": "^1.4.4",
+    "@0xsequence/provider": "^1.4.5",
     "@0xsequence/wagmi-connector": "^2.1.4"
   },
   "devDependencies": {
     "@0xsequence/design-system": "^1.0.20",
     "@0xsequence/kit": "workspace:*"
   },
   "peerDependencies": {
-    "0xsequence": ">=1.4.4",
+    "0xsequence": ">=1.4.5",
     "ethers": ">=5.7.2",
     "@0xsequence/design-system": ">=1.0.20",
     "react": ">=17",

diff --git a/packages/connectors/src/connectors/twitch/TwitchLogo.tsx b/packages/connectors/src/connectors/twitch/TwitchLogo.tsx
@@ -2,11 +2,16 @@ import React from 'react'
 import { Box } from '@0xsequence/design-system'
 
 interface GetTwitchLogo {
-  isDarkMode: boolean
+  isDarkMode?: boolean
 }
 
 export const getTwitchLogo = ({ isDarkMode }: GetTwitchLogo) => {
-  const fillColor = isDarkMode ? 'white' : 'black'
+  let fillColor: string
+  if (isDarkMode === undefined) {
+    fillColor = '#9146FF'
+  } else {
+    fillColor = isDarkMode ? 'white' : 'black'
+  }
 
   const TwitchLogo: React.FunctionComponent = ({...props}) => {
     return (

diff --git a/packages/connectors/src/connectors/twitch/twitch.ts b/packages/connectors/src/connectors/twitch/twitch.ts
@@ -11,8 +11,8 @@ export interface TwitchOptions {
 export const twitch = ({ chains, options = {} }: TwitchOptions) => ({
   id: 'twitch',
   isSequenceBased: true,
-  logoDark: getTwitchLogo({ isDarkMode: true }),
-  logoLight: getTwitchLogo({ isDarkMode: false }),
+  logoDark: getTwitchLogo({}),
+  logoLight: getTwitchLogo({}),
   miniLogoDark: getTwitchLogo({ isDarkMode: true }),
   miniLogoLight: getTwitchLogo({ isDarkMode: false }),
   // iconBackground: '#fff',

diff --git a/packages/kit/README.md b/packages/kit/README.md
@@ -136,8 +136,8 @@ The settings are described in more detailed in the Sequence Kit documentation.
       logoUrl: 'https://logo-dark-mode.svg',
       projectName: 'my app',
       showEmailInput: true,
-      miniAuthOptions: ['google', 'facebook', 'twitch', 'apple'],
-      authOptions: ['metamask', 'wallet-connect'],
+      socialAuthOptions: ['google', 'facebook', 'twitch', 'apple'],
+      walletAuthOptions: ['metamask', 'wallet-connect'],
     },
     // limits the digital assets displayed on the assets summary screen
     displayedAssets: [

diff --git a/packages/kit/package.json b/packages/kit/package.json
@@ -18,22 +18,22 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@0xsequence/auth": "^1.4.4",
-    "@0xsequence/api": "^1.4.4",
-    "@0xsequence/indexer": "^1.4.4",
-    "@0xsequence/metadata": "^1.4.4",
-    "@0xsequence/network": "^1.4.4",
+    "@0xsequence/auth": "^1.4.5",
+    "@0xsequence/api": "^1.4.5",
+    "@0xsequence/indexer": "^1.4.5",
+    "@0xsequence/metadata": "^1.4.5",
+    "@0xsequence/network": "^1.4.5",
     "@0xsequence/design-system": "^1.0.20",
     "@0xsequence/ethauth": "^0.8.1",
     "@0xsequence/kit-connectors": "workspace:*",
-    "@0xsequence/utils": "1.4.4",
+    "@0xsequence/utils": "1.4.5",
     "@0xsequence/wagmi-connector": "^2.1.4",
     "@vanilla-extract/css": "^1.9.3",
     "@vanilla-extract/recipes": "^0.3.0",
     "framer-motion": "^8.5.2"
   },
   "peerDependencies": {
-    "0xsequence": ">=1.4.4",
+    "0xsequence": ">=1.4.5",
     "ethers": ">=5.7.2",
     "react": ">=17",
     "react-dom": ">=17",
@@ -42,7 +42,7 @@
   },
   "devDependencies": {
     "ethers": "5.7.2",
-    "0xsequence": "^1.4.4",
+    "0xsequence": "^1.4.5",
     "viem": "1.10.7",
     "wagmi": "1.3.9"
   },