{"version":3,"file":"static/js/3867.1aa4e39e.chunk.js","mappings":"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","sources":["pages/convergence-2023/convergence-2023-home.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { Helmet } from \"react-helmet-async\";\r\nimport ReactPlayer from \"react-player\";\r\nimport { useSelector } from \"react-redux\";\r\nimport Slider from \"react-slick\";\r\nimport { useDynamicScripts } from \"../../hooks/useDynamicScript\";\r\nimport { HeroJoinType } from \"../../models/hero-join.model\";\r\nimport { retrieveHeroJoin } from \"../../redux/slice/hero-join.slice\";\r\nimport { retrievePageMenu } from \"../../redux/slice/page-menu.slice\";\r\nimport { retrieveSlider } from \"../../redux/slice/slider-slice\";\r\nimport { RootState, useAppDispatch } from \"../../redux/store\";\r\nimport Convergence2023Banner from \"./components/convergence-2023-banner\";\r\n\r\nconst settingsTestimonial = {\r\n  dots: false,\r\n  infinite: true,\r\n  arrows: true,\r\n  speed: 1000,\r\n  slidesToShow: 1,\r\n  slidesToScroll: 1,\r\n  autoplay: true,\r\n  autoplaySpeed: 3500,\r\n};\r\n\r\nconst settingsSponsors = {\r\n  dots: false,\r\n  infinite: true,\r\n  arrows: true,\r\n  speed: 500,\r\n  slidesToShow: 4,\r\n  slidesToScroll: 2,\r\n  autoplay: true,\r\n  autoplaySpeed: 3000,\r\n  responsive: [\r\n    {\r\n      breakpoint: 1024,\r\n      settings: {\r\n        slidesToShow: 3,\r\n        slidesToScroll: 1,\r\n        infinite: true,\r\n        dots: true,\r\n      },\r\n    },\r\n    {\r\n      breakpoint: 600,\r\n      settings: {\r\n        slidesToShow: 2,\r\n        slidesToScroll: 1,\r\n        initialSlide: 2,\r\n      },\r\n    },\r\n    {\r\n      breakpoint: 480,\r\n      settings: {\r\n        slidesToShow: 1,\r\n        slidesToScroll: 1,\r\n      },\r\n    },\r\n  ],\r\n};\r\n\r\nconst Convergence2023Home = () => {\r\n  const path = \"Convergence-2023%2FHome\";\r\n  const memberSliderPath  = `%2F${path}%2FMemberSlider`;\r\n  const sponsorSliderPath = `%2F${path}%2FSponsorSlider`;\r\n  const dispatch = useAppDispatch();\r\n  const { RapsEuropeData: pageMenuData } = useSelector((state: RootState) => state.rapsEurope);\r\n  const { SliderData } = useSelector((state: RootState) => state.Slider);\r\n  const { loading: heroJoinLoading, data: heroJoinData } = useSelector((state: RootState) => state.heroJoin);\r\n\r\n  const [sliderHtmlString, setSliderHtmlString] = useState([] as HeroJoinType[]);\r\n  const sliderRef = React.useRef<Slider>(null);\r\n\r\n  const pause = () => {\r\n    sliderRef.current?.slickPause();\r\n  };\r\n\r\n  const play = () => {\r\n    sliderRef.current?.slickPlay();\r\n  };\r\n\r\n  useEffect(() => {\r\n    dispatch(retrievePageMenu(`%2F${path}`));\r\n    dispatch(retrieveSlider(`${sponsorSliderPath}`));\r\n    dispatch(retrieveHeroJoin(`${memberSliderPath}`));\r\n  }, [dispatch]);\r\n\r\n  useEffect(() => {\r\n    if (!heroJoinLoading && heroJoinData?.data) {\r\n      setSliderHtmlString(heroJoinData.data);\r\n    }\r\n  }, [heroJoinData]);\r\n\r\n  // Dynamic Scripts\r\n  const [scriptHtmlString, setScriptHtmlString] = useState(\"\");\r\n\r\n  useEffect(() => {\r\n    if (pageMenuData[0]?.result[0]) {\r\n      if (pageMenuData[0]?.result[0].javaScriptField) {\r\n        setScriptHtmlString(pageMenuData[0].result[0].javaScriptField);\r\n      }\r\n\r\n      if (window.runGlobalScripts) {\r\n        window.runGlobalScripts();\r\n      }\r\n    }\r\n  }, [pageMenuData]);\r\n\r\n  useDynamicScripts({ htmlScriptString: scriptHtmlString, divId: \"convergence-2023-home-script\" });\r\n  // End Dynamic Scripts\r\n\r\n  return (\r\n    <>\r\n      <Convergence2023HomeStyleComponent />\r\n      <Helmet>\r\n        <title>{pageMenuData[0]?.result[0]?.menuItemName}</title>\r\n      </Helmet>\r\n      <Convergence2023Banner\r\n        bannerImage={pageMenuData[0]?.result[0]?.mainHeaderImage}\r\n        mobileBanner={pageMenuData[0]?.result[0]?.mobileHeaderImage}\r\n        headerText={pageMenuData[0]?.result[0]?.headerText}\r\n        topCommonMesage={pageMenuData[0]?.result[0]?.topCommonMesage}\r\n      />\r\n      <div dangerouslySetInnerHTML={{ __html: pageMenuData[0]?.result[0]?.description }}></div>\r\n      <div>&nbsp;</div>\r\n      <div>&nbsp;</div>\r\n      <div className=\"container-sm blue-bg hero convergence\">\r\n        <Slider className=\"cursor-grab\" {...settingsTestimonial} ref={sliderRef}>\r\n          {sliderHtmlString.map((item, index) => {\r\n            let isYoutube = item.media.includes(\"youtube\");\r\n            return (\r\n              <div key={index} className=\"carousel-cell\">\r\n                <div className=\"row\">\r\n                  {isYoutube ? (\r\n                    <>\r\n                      <ReactPlayer url={item.media} height={315} width={560} className=\"col-md-6 youtube\" onStart={pause} onPlay={pause} onPause={play} onEnded={play} />\r\n                    </>\r\n                  ) : (\r\n                    <div className=\"col-md-6 media\">\r\n                      <img src={item.media} alt=\"\" className=\"img-fluid heroimg\" />\r\n                    </div>\r\n                  )}\r\n                  <div className=\"col-md-6 content\" dangerouslySetInnerHTML={{ __html: item.content }}></div>\r\n                </div>\r\n              </div>\r\n            );\r\n          })}\r\n        </Slider>\r\n      </div>\r\n      <div>&nbsp;</div>\r\n      <div dangerouslySetInnerHTML={{ __html: pageMenuData[0]?.result[0]?.councilDescription }}></div>\r\n      <div className=\"container hero convergence\">\r\n        <div className=\"gallery\">\r\n          <Slider className=\"cursor-hand\" {...settingsSponsors}>\r\n            {SliderData[0]?.sliderItemsList?.map((item, index) => {\r\n              return <div key={index} dangerouslySetInnerHTML={{ __html: item.sliderContents }}></div>;\r\n            })}\r\n          </Slider>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Convergence2023Home;\r\n\r\nconst Convergence2023HomeStyleComponent = () => {\r\n  return (\r\n    <>\r\n      <style>\r\n        {`\r\n          .blue-bg.hero {\r\n            background-color: #6EB9E0 !important\r\n          }\r\n        `}\r\n      </style>\r\n    </>\r\n  );\r\n};\r\n"],"names":["settingsTestimonial","dots","infinite","arrows","speed","slidesToShow","slidesToScroll","autoplay","autoplaySpeed","settingsSponsors","responsive","breakpoint","settings","initialSlide","path","memberSliderPath","sponsorSliderPath","dispatch","useAppDispatch","RapsEuropeData","pageMenuData","useSelector","state","rapsEurope","SliderData","Slider","loading","heroJoinLoading","data","heroJoinData","heroJoin","sliderHtmlString","setSliderHtmlString","useState","sliderRef","React","pause","current","slickPause","play","slickPlay","useEffect","retrievePageMenu","retrieveSlider","retrieveHeroJoin","scriptHtmlString","setScriptHtmlString","result","javaScriptField","window","runGlobalScripts","useDynamicScripts","htmlScriptString","divId","Convergence2023HomeStyleComponent","menuItemName","bannerImage","mainHeaderImage","mobileBanner","mobileHeaderImage","headerText","topCommonMesage","dangerouslySetInnerHTML","__html","description","className","ref","map","item","index","isYoutube","media","includes","url","height","width","onStart","onPlay","onPause","onEnded","src","alt","content","councilDescription","sliderItemsList","sliderContents"],"sourceRoot":""}