update navigation to include information related to first visit

Author: SamueleA

packages/checkout/src/components/SequenceCheckoutProvider/SequenceCheckoutProvider.tsx

@@ -56,7 +56,9 @@ export type SequenceCheckoutProviderProps = {
 const getDefaultLocationCheckout = (): NavigationCheckout => {
   return {
     location: 'payment-method-selection',
-    params: {}
+    params: {
+      isFirstVisit: true
+    }
   }
 }
 export const SequenceCheckoutProvider = ({ children, config }: SequenceCheckoutProviderProps) => {

packages/checkout/src/contexts/NavigationCheckout.ts

@@ -7,6 +7,7 @@ export interface PaymentMethodSelectionParams {
     address: string
     chainId: number
   }
+  isFirstVisit: boolean
 }
 
 export interface PaymentMehodSelection {

packages/checkout/src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx

@@ -24,6 +24,7 @@ import { useAccount, useChainId, usePublicClient, useReadContract, useSwitchChai
 
 import { ERC_20_CONTRACT_ABI } from '../../../../constants/abi.js'
 import { EVENT_SOURCE } from '../../../../constants/index.js'
+import { type PaymentMethodSelectionParams } from '../../../../contexts/NavigationCheckout.js'
 import type { SelectPaymentSettings } from '../../../../contexts/SelectPaymentModal.js'
 import { useAddFundsModal } from '../../../../hooks/index.js'
 import { useSelectPaymentModal, useTransactionStatusModal } from '../../../../hooks/index.js'
@@ -46,6 +47,21 @@ export const PayWithCryptoTab = ({ skipOnCloseCallback, isSwitchingChainRef }: P
   const [isError, setIsError] = useState<boolean>(false)
   const { navigation, setNavigation } = useNavigationCheckout()
 
+  const isFirstVisit = (navigation.params as PaymentMethodSelectionParams).isFirstVisit
+  console.log('isFirstVisit', isFirstVisit)
+
+  useEffect(() => {
+    setTimeout(() => {
+      setNavigation({
+        location: 'payment-method-selection',
+        params: {
+          ...navigation.params,
+          isFirstVisit: false
+        }
+      })
+    }, 5000)
+  }, [])
+
   const {
     chain,
     collectibles,

packages/checkout/src/views/Checkout/TokenSelection/index.tsx

@@ -124,7 +124,8 @@ export const TokenSelectionContent = () => {
                       selectedCurrency: {
                         address: token.contractAddress,
                         chainId: token.chainId
-                      }
+                      },
+                      isFirstVisit: false
                     }
                   }
                 ])

packages/connect/src/styles.ts

@@ -2500,6 +2500,4 @@ export const styles = String.raw`
       --tw-gradient-to-position: 100%;
     }
   }
-}
-
-`
+}`