diff --git a/examples/react-waas/package.json b/examples/react-waas/package.json index 48d4db41..77a3aa53 100644 --- a/examples/react-waas/package.json +++ b/examples/react-waas/package.json @@ -12,9 +12,9 @@ "dependencies": { "react": "^18.2.0", "react-dom": "^18.2.0", - "0xsequence": "^1.9.17", - "@0xsequence/kit": "2.1.0", - "@0xsequence/kit-checkout": "2.1.0", + "0xsequence": "^1.9.19", + "@0xsequence/kit": "2.1.1", + "@0xsequence/kit-checkout": "2.1.1", "@tanstack/react-query": "^4.36.1", "viem": "^2.5.7", "wagmi": "^2.5.7" diff --git a/examples/react-waas/src/main.tsx b/examples/react-waas/src/main.tsx index 8a5e1df6..9c082e37 100644 --- a/examples/react-waas/src/main.tsx +++ b/examples/react-waas/src/main.tsx @@ -24,14 +24,13 @@ const googleClientId = '603294233249-6h5saeg2uiu8akpcbar3r2aqjp6j7oem.apps.googl const connectors = [ ...getDefaultWaasConnectors({ walletConnectProjectId: 'c65a6cb1aa83c4e24500130f23a437d8', - defaultChainId: 42170, + defaultChainId: 421614, waasConfigKey, googleClientId, // appleClientId, // appleRedirectURI, appName: 'Kit Demo', - projectAccessKey, - enableConfirmationModal: false + projectAccessKey }) ] diff --git a/examples/react/package.json b/examples/react/package.json index 3e51ff1c..4162d4ab 100644 --- a/examples/react/package.json +++ b/examples/react/package.json @@ -5,13 +5,13 @@ "homepage": "kit", "type": "module", "dependencies": { - "0xsequence": "^1.9.17", - "@0xsequence/core": "^1.9.17", + "0xsequence": "^1.9.19", + "@0xsequence/core": "^1.9.19", "@0xsequence/design-system": "^1.4.1", - "@0xsequence/kit": "2.1.0", - "@0xsequence/kit-checkout": "2.1.0", - "@0xsequence/kit-connectors": "2.1.0", - "@0xsequence/kit-wallet": "2.1.0", + "@0xsequence/kit": "2.1.1", + "@0xsequence/kit-checkout": "2.1.1", + "@0xsequence/kit-connectors": "2.1.1", + "@0xsequence/kit-wallet": "2.1.1", "@tanstack/react-query": "^4.36.1", "@vanilla-extract/css": "^1.9.3", "ethers": "^5.7.2", diff --git a/examples/react/src/App.tsx b/examples/react/src/App.tsx index 7f4129f1..75f9464f 100644 --- a/examples/react/src/App.tsx +++ b/examples/react/src/App.tsx @@ -29,20 +29,19 @@ function App() { polygon as Chain ] - const projectAccessKey = 'T3czhtWsTONJpbjFgAdLAuEAAAAAAAAA' + const projectAccessKey = 'AQAAAAAAAEGvyZiWA9FMslYeG_yayXaHnSI' /// Use this to test the waas connectors - // WaaS config - // const waasConfigKey = 'eyJwcm9qZWN0SWQiOjc1LCJycGNTZXJ2ZXIiOiJodHRwczovL3dhYXMuc2VxdWVuY2UuYXBwIn0=' - // const googleClientId = '603294233249-6h5saeg2uiu8akpcbar3r2aqjp6j7oem.apps.googleusercontent.com' + // const waasConfigKey = 'eyJwcm9qZWN0SWQiOjE2ODE1LCJycGNTZXJ2ZXIiOiJodHRwczovL3dhYXMuc2VxdWVuY2UuYXBwIn0=' + // const googleClientId = '970987756660-35a6tc48hvi8cev9cnknp0iugv9poa23.apps.googleusercontent.com' // const appleClientId = 'com.horizon.sequence.waas' // const appleRedirectURI = 'https://' + window.location.host // const connectors = [ // ...getDefaultWaasConnectors({ // walletConnectProjectId: 'c65a6cb1aa83c4e24500130f23a437d8', - // defaultChainId: 42170, + // defaultChainId: 421614, // waasConfigKey, // googleClientId, // appleClientId, diff --git a/examples/react/src/components/Alert.tsx b/examples/react/src/components/Alert.tsx new file mode 100644 index 00000000..6bde9809 --- /dev/null +++ b/examples/react/src/components/Alert.tsx @@ -0,0 +1,53 @@ +import { Box, Button, Text } from '@0xsequence/design-system' +import { ComponentProps } from 'react' + +export type AlertProps = { + title: string + description: string + secondaryDescription?: string + variant: 'negative' | 'warning' | 'positive' + buttonProps?: ComponentProps + children?: React.ReactNode +} + +export const Alert = ({ title, description, secondaryDescription, variant, buttonProps, children }: AlertProps) => { + return ( + + + + + + {title} + + + + {description} + + + {secondaryDescription && ( + + {secondaryDescription} + + )} + + + {buttonProps ? ( + +