{"version":3,"mappings":"uMAAA,MAAeA,EAAA,gCCAAC,EAAA,gCCAAC,EAAA,gCCAAC,EAAA,gCCAAC,EAAA,+BCAAC,EAAA,+BCAAC,EAAA,+BCAAC,EAAA,+BCOTC,EAAiBA,CAAC,CAAEC,SAAQC,UAASC,OAAMC,UAAS,IAAM,CAC9D,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAASC,WAAOC,WAAa,GAAG,EAC1D,CAACC,EAAoBC,CAAqB,EAAIJ,WAAS,EAAK,EAC5DK,EAAcC,IAEpBC,YAAU,IAAM,CACd,MAAMC,EAAeA,IAAM,CACbP,IAAOC,WAAa,GAAG,GAG9BO,0BAAiB,SAAUD,CAAY,EAEvC,IAAM,CACJE,sBAAoB,SAAUF,CAAY,EAErD,EAAG,CAAE,GAEL,MAAMG,EAAqBA,IAAM,CAC/BP,EAAsB,EAAI,GAG5B,SACE,OAAKQ,UAAY,+CAA8CC,SAAA,CAC7DC,EAACC,WAAQ,CAACC,SAAUF,EAAA,QAAU,EAAED,WAC7BI,EAAmB,CAClBC,UAAWf,EACXgB,aAAcf,EACdgB,SAAU,aACVf,cACD,EACO,EACVS,EAAA,OACAO,QAASA,IAAM,CACTxB,IAAa,aACIc,IACVd,IAAa,cACLyB,IAEjBC,EAAc3B,CAAI,CAEtB,EAAEiB,WAEA,OACEW,IAAK1B,EAAWJ,EAASC,EACzB8B,IAAI,oBACJb,UAAU,6BACVc,MAAO,CAAEC,UAAW,6BAA8B,EAClDC,QAAQ,OACT,EACE,CAAC,EACH,CAET,EAEeC,SAAKpC,CAAc,EC5D5BqC,EAASC,OAAK,IAAMC,EAAA,WAAO,qBAAyB,EAAC,6BAkBrDC,EAAoBA,IAAM,CAE9B,MAAMC,EAAQC,IACRC,EAAc,CAClB,CAAE1C,OAAQL,EAAoBM,QAASV,EAAqBoD,KAAM,eAClE,CAAE3C,OAAQJ,EAAeK,QAAST,EAAgBU,KAAM,UAAWyC,KAAM,UACzE,CAAE3C,OAAQH,EAAmBI,QAASR,EAAoBkD,KAAM,cAChE,CAAE3C,OAAQF,EAAaG,QAASP,EAAcQ,KAAM,mCAAoCyC,KAAM,OAAQ,EAElGhC,EAAcC,IAEdgC,EAAeC,UACnB,IAAOlC,WAAamC,sBAAwBJ,EAAYK,OAAeC,KAAKL,OAAS,YAAY,EAAID,EACrG,CAAC/B,CAAW,CACd,EAGMsC,EAAWJ,UAAQ,KAAO,CAC9BK,KAAM,GACNC,SAAU,GACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,EAChBC,YAAYC,EAAS,CAACC,cAAc,uJAAwJ,EAC5LC,YAAYC,EAAS,CAACF,cAAc,uJAAwJ,EAC5LG,WAAsBxC,KAACyC,EAAU,CAACX,OAAYO,cAAc,oHAAqH,IAC/K,CAAE,GAIJjB,WACE,OAAKtB,UAAU,sBAAqBC,SAAC,aAAe,EAEpDC,EAAA0C,EAAA,CAAA3C,WACE,OAAKD,UAAU,iFAAgFC,WAC5FiB,EAAM,IAAKa,EAAU/B,UAAU,SAAQC,SACrCyB,EAAamB,IAAI,CAACf,EAAMgB,MACtBjE,EAAc,CAACC,OAAQgD,EAAKhD,OAAQC,QAAS+C,EAAK/C,QAAqBC,KAAM8C,EAAK9C,KAAMC,SAAU6C,EAAKL,IAAK,EAA5CqB,CAA8C,CAChH,EACK,EACL,EACL,CAGR,EAEe7B,SAAKI,CAAiB","names":["Desktop_Marketplace","Desktop_Events","Desktop_Newsletter","Desktop_News","Mobile_Marketplace","Mobile_Events","Mobile_Newsletter","Mobile_News","HighlightsCard","mobile","desktop","href","cardName","isMobile","setIsMobile","useState","window","innerWidth","openSubscribeModal","setOpenSubscribeModal","currentUser","useCurrentUser","useEffect","handleResize","addEventListener","removeEventListener","handleSignUpTopNav","className","children","_jsx","Suspense","fallback","LeadGenerationModal","openModal","setOpenModal","formType","onClick","openTallyChatbot","redirectToUrl","src","alt","style","boxShadow","loading","memo","Slider","lazy","__vitePreload","HighlightsSection","isSSR","useSSR","initialData","name","filteredData","useMemo","newsletter_subscribed","filter","item","settings","dots","infinite","speed","slidesToShow","slidesToScroll","prevArrow","PrevArrow","customClasses","nextArrow","NextArrow","appendDots","CustomDots","_Fragment","map","index"],"sources":["../../../app/assets/images/D1.webp","../../../app/assets/images/D2.webp","../../../app/assets/images/D3.webp","../../../app/assets/images/D4.webp","../../../app/assets/images/M1.png","../../../app/assets/images/M2.png","../../../app/assets/images/M3.png","../../../app/assets/images/M4.png","../../../app/javascript/components/organisms/highlightsSection/HighlightsCard.tsx","../../../app/javascript/components/organisms/highlightsSection/HighlightsSection.tsx"],"sourcesContent":["export default \"__VITE_ASSET__OmEcbXfE__\"","export default \"__VITE_ASSET__OdPqY4sq__\"","export default \"__VITE_ASSET__uUhYoaOC__\"","export default \"__VITE_ASSET__ligqT932__\"","export default \"__VITE_ASSET__yWStekz1__\"","export default \"__VITE_ASSET__fPrK6_Fk__\"","export default \"__VITE_ASSET__sn6G36rN__\"","export default \"__VITE_ASSET__dzpkhi9L__\"","import window from 'global'\nimport { useEffect, useState, lazy, Suspense, memo } from 'react'\nimport { redirectToUrl } from '@/utils/helperFunctions';\nimport LeadGenerationModal from '@/components/molecules/modals/LeadGenerationModal';\nimport useCurrentUser from '@/hooks/useCurrentUser';\nimport { openTallyChatbot } from \"@/utils/helperFunctions\"\n\nconst HighlightsCard = ({ mobile, desktop, href, cardName }) => {\n  const [isMobile, setIsMobile] = useState(window.innerWidth < 640);\n  const [openSubscribeModal, setOpenSubscribeModal] = useState(false)\n  const currentUser = useCurrentUser()\n\n  useEffect(() => {\n    const handleResize = () => {\n      setIsMobile(window.innerWidth < 640);\n    };\n\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n\n  const handleSignUpTopNav = () => {\n    setOpenSubscribeModal(true)\n  }\n\n  return (\n    <div className={`mb-[17px] content focus:outline-none sm:mb-5`}>\n      <Suspense fallback={<div></div>}>\n        <LeadGenerationModal\n          openModal={openSubscribeModal}\n          setOpenModal={setOpenSubscribeModal}\n          formType={'newsletter'}\n          currentUser={currentUser}\n        />\n      </Suspense>\n      <div\n      onClick={() => {\n        if (cardName === 'Newsletter') {\n          handleSignUpTopNav();\n        } else if (cardName === 'Marketplace') {\n          openTallyChatbot();\n        } else {\n          redirectToUrl(href);\n        }\n      }}\n      >\n        <img\n          src={isMobile ? mobile : desktop}\n          alt='Highlight 1 Image'\n          className='rounded-3xl cursor-pointer'\n          style={{ boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)' }}\n          loading='lazy'\n        />\n      </div>\n    </div>\n  );\n}\n\nexport default memo(HighlightsCard)\n","import { lazy, memo, useEffect, useMemo, useState } from \"react\"\nconst Slider = lazy(() => import('@ant-design/react-slick'));\nimport \"slick-carousel/slick/slick.css\"\nimport \"slick-carousel/slick/slick-theme.css\"\nimport Desktop_Marketplace from '../../../../assets/images/D1.webp'\nimport Desktop_Events from '../../../../assets/images/D2.webp'\nimport Desktop_Newsletter from '../../../../assets/images/D3.webp'\nimport Desktop_News from '../../../../assets/images/D4.webp'\nimport Mobile_Marketplace from '../../../../assets/images/M1.png'\nimport Mobile_Events from '../../../../assets/images/M2.png'\nimport Mobile_Newsletter from '../../../../assets/images/M3.png'\nimport Mobile_News from '../../../../assets/images/M4.png'\nimport { CustomDots, NextArrow, PrevArrow } from '@components/atoms/widgets/Carousel'\nimport HighlightsCard from \"./HighlightsCard\"\nimport useSSR from \"@/hooks/useSSR\";\n\nimport './styles.css'\nimport useCurrentUser from \"@/hooks/useCurrentUser\"\n\nconst HighlightsSection = () => {\n\n  const isSSR = useSSR();\n  const initialData = [\n    { mobile: Mobile_Marketplace, desktop: Desktop_Marketplace, name: 'Marketplace' },\n    { mobile: Mobile_Events, desktop: Desktop_Events, href: '/events', name: 'Events' },\n    { mobile: Mobile_Newsletter, desktop: Desktop_Newsletter, name: 'Newsletter' },\n    { mobile: Mobile_News, desktop: Desktop_News, href: 'https://talentjobs.niceboard.co/', name: 'Jobs' }\n  ]\n  const currentUser = useCurrentUser();\n\n  const filteredData = useMemo(\n    () => (currentUser?.newsletter_subscribed ? initialData.filter(item => item.name !== 'Newsletter') : initialData),\n    [currentUser]\n  )\n\n\n  const settings = useMemo(() => ({\n    dots: true,\n    infinite: true,\n    speed: 200,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    prevArrow: <PrevArrow customClasses=\"absolute left-[82%] sm:left-[75%] xl:left-[89%] lg:left-[89%] md:left-[84%] xl:top-[99%] lg:top-[99%] md:top-[99%] top-[100%] mt-[1rem] lg:mt-[1rem]\" />,\n    nextArrow: <NextArrow customClasses=\"absolute left-[92%] sm:left-[83%] xl:left-[93%] lg:left-[93%] md:left-[90%] xl:top-[99%] lg:top-[99%] md:top-[99%] top-[100%] mt-[1rem] lg:mt-[1rem]\" />,\n    appendDots: (dots) => <CustomDots dots={dots} customClasses=\"mt-[1rem] lg:mt-[1rem] absolute left-[-43%] sm:left-[-39%] xl:left-[-48%] lg:left-[-48%] md:left-[-47%] top-[99%]\" />,\n  }), [])\n\n\n  return (\n    isSSR ? (\n      <div className=\"flex justify-center\">Loading...</div>\n    ) : (\n      <>\n        <div className='max-w-[964px] w-[329px] xl:mx-auto sm:w-auto mx-auto md:px-10 lg:px-26 xl:px-0'>\n          <Slider {...settings} className='slider'>\n            {filteredData.map((item, index) => (\n              <HighlightsCard mobile={item.mobile} desktop={item.desktop} key={index} href={item.href} cardName={item.name} />\n            ))}\n          </Slider>\n        </div>\n      </>\n    )\n  )\n}\n\nexport default memo(HighlightsSection)\n"],"file":"assets/HighlightsSection-Kt72uLL5.js"}