Fix next related issues

Author: tolgahan-arikan

examples/next/src/components/Connected.tsx

@@ -626,7 +626,6 @@ export const Connected = () => {
     const salesContractAddress = '0xf0056139095224f4eec53c578ab4de1e227b9597'
     const collectionAddress = '0x92473261f2c26f2264429c451f70b0192f858795'
     const price = '200000000000000'
-    const contractId = '674eb55a3d739107bbd18ecb'
 
     // // ERC-20 contract
     // const currencyAddress = '0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359'
@@ -689,10 +688,7 @@ export const Connected = () => {
       collectionAddress,
       creditCardProviders: [checkoutProvider || 'transak'],
       onRampProvider: onRampProvider ? (onRampProvider as TransactionOnRampProvider) : TransactionOnRampProvider.transak,
-      transakConfig: {
-        contractId
-      },
-      onSuccess: (txnHash: string) => {
+      onSuccess: (txnHash?: string) => {
         console.log('success!', txnHash)
       },
       onError: (error: Error) => {

examples/next/src/components/CustomCheckout/index.tsx

@@ -24,7 +24,6 @@ export const CustomCheckout = () => {
   const salesContractAddress = '0xe65b75eb7c58ffc0bf0e671d64d0e1c6cd0d3e5b'
   const collectionAddress = '0xdeb398f41ccd290ee5114df7e498cf04fac916cb'
   const price = '20000'
-  const contractId = '674eb5613d739107bbd18ed2'
 
   const chainId = 137
 
@@ -57,11 +56,7 @@ export const CustomCheckout = () => {
     currencyAddress,
     collectionAddress,
     creditCardProvider: 'transak' as CreditCardProviders,
-    transakConfig: {
-      contractId,
-      apiKey: '5911d9ec-46b5-48fa-a755-d59a715ff0cf'
-    },
-    onSuccess: (txnHash: string) => {
+    onSuccess: (txnHash?: string) => {
       console.log('success!', txnHash)
     },
     onError: (error: Error) => {

examples/next/src/config.ts

@@ -170,13 +170,4 @@ export const getErc1155SaleContractConfig = (walletAddress: string) => ({
   }
 })
 
-export const checkoutConfig: SequenceCheckoutConfig = {
-  env: isDev
-    ? {
-        sardineCheckoutUrl: 'https://sardine-checkout-sandbox.sequence.info',
-        sardineOnRampUrl: 'https://crypto.sandbox.sardine.ai/',
-        transakApiUrl: 'https://global-stg.transak.com',
-        transakApiKey: 'c20f2a0e-fe6a-4133-8fa7-77e9f84edf98'
-      }
-    : undefined
-}
+export const checkoutConfig: SequenceCheckoutConfig = {}

examples/next/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "compilerOptions": {
     "lib": ["dom", "dom.iterable", "esnext"],
+    "target": "ES2020",
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,

packages/connect/src/components/Connect/EmailWaasVerify.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { Button, CheckmarkIcon, PINCodeInput, Spinner, Text } from '@0xsequence/design-system'
 import { useEffect, useRef, useState } from 'react'
 

packages/connect/src/components/EpicAuthProvider/EpicAuthProvider.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { Modal, ModalPrimitive, Spinner } from '@0xsequence/design-system'
 import { useEffect, type ReactNode } from 'react'
 import { useAccount, useConnect } from 'wagmi'

packages/connect/src/hooks/useWaasEmailAuth.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import { SequenceWaaS, type SignInResponse } from '@0xsequence/waas'
 import { useState } from 'react'
 

packages/connect/src/hooks/useWaasEmailConflict.ts

@@ -1,3 +1,5 @@
+'use client'
+
 import { IdentityType, SequenceWaaS, type EmailConflictInfo } from '@0xsequence/waas'
 import { useEffect, useRef, useState } from 'react'
 import { useConnect } from 'wagmi'