packages/components/containers/offers/hooks/useVisitedOffer.ts

   1 import { useEffect } from 'react';
   2
   3 import type { OfferConfig } from '../interface';
   4 import useOfferFlags from './useOfferFlags';
   5
   6 /**
   7  * Mark the offer as visited
   8  */
   9 const useVisitedOffer = (offerConfig: OfferConfig) => {
  10     const { handleVisit, isVisited, loading } = useOfferFlags(offerConfig);
  11
  12     useEffect(() => {
  13         if (!loading && !isVisited && offerConfig.autoPopUp === 'one-time') {
  14             // Only mark offer as visited for one-time offers to not show it again
  15             // if autoPopUp === 'each-time', it will still show the offer each time because the offer is not marked as visited
  16             void handleVisit();
  17         }
  18     }, [loading]);
  19 };
  20
  21 export default useVisitedOffer;