{"version":3,"file":"static/js/5740.69c314b0.chunk.js","mappings":"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","sources":["pages/convergence-2023/convergence-2023-About.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { Helmet } from \"react-helmet-async\";\r\nimport { useSelector } from \"react-redux\";\r\nimport Slider from \"react-slick\";\r\nimport { retrievePageMenu } from \"../../redux/slice/page-menu.slice\";\r\nimport { retrieveSlider } from \"../../redux/slice/slider-slice\";\r\nimport { useAppDispatch, RootState } from \"../../redux/store\";\r\nimport Convergence2023Banner from \"./components/convergence-2023-banner\";\r\nimport PastConvergenceAgendas from \"../../assets/images/Past-Convergence-Agendas-1600x400.png\";\r\nimport { retrieveSliderPhiladelphia } from \"../../redux/slice/slider-philadelphia-slice\";\r\nimport { useDynamicScripts } from \"../../hooks/useDynamicScript\";\r\n\r\nconst Convergence2023About = () => {\r\n  const path = \"Convergence-2023%2FAbout\";\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 { SliderPhiladelphiaData } = useSelector((state: RootState) => state.SliderPhiladelphia);\r\n\r\n  const [width, setWidth] = useState(window.innerWidth);\r\n\r\n  const xxlarge = width >= 1201;\r\n  const xlarge = width >= 1025 && width <= 1200;\r\n  const large = width >= 601 && width <= 1024;\r\n  const medium = width >= 401 && width <= 600;\r\n\r\n  const settings = {\r\n    dots: false,\r\n    infinite: false,\r\n    arrows: true,\r\n    speed: 500,\r\n    slidesToShow: xxlarge ? 5 : xlarge ? 4 : large ? 3 : medium ? 2 : 1,\r\n    slidesToScroll: xxlarge ? 5 : xlarge ? 4 : large ? 3 : medium ? 2 : 1,\r\n    centerMode: true,\r\n    variableWidth: false,\r\n    focusOnSelect: true,\r\n  };\r\n\r\n  useEffect(() => {\r\n    dispatch(retrievePageMenu(`%2F${path}`));\r\n    dispatch(retrieveSlider(`%2FConvergence-2023%2FAbout%2FPhoenix-Slider`));\r\n    dispatch(retrieveSliderPhiladelphia(`%2FConvergence-2023%2FAbout%2FPhiladelphia-Slider`));\r\n  }, [dispatch]);\r\n\r\n  useEffect(() => {\r\n    const handleResize = () => {\r\n      setWidth(window.innerWidth);\r\n    };\r\n\r\n    window.addEventListener(\"resize\", handleResize);\r\n\r\n    return () => {\r\n      window.removeEventListener(\"resize\", handleResize);\r\n    };\r\n  }, []);\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\r\n  }, [pageMenuData]);\r\n\r\n  useDynamicScripts({ htmlScriptString: scriptHtmlString, divId: \"convergence-2023-about-script\" });\r\n  // End Dynamic Scripts\r\n\r\n  return (\r\n    <>\r\n      <Convergence2023AboutStyleComponent />\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 className=\"container\">\r\n        <p>&nbsp;</p>\r\n        <div dangerouslySetInnerHTML={{ __html: pageMenuData[0]?.result[0]?.description }}></div>\r\n      </div>\r\n      <p>&nbsp;</p>\r\n      <div className=\"container \" style={{ padding: \"0 0px\" }}>\r\n        <div style={{ textAlign: \"center\", minHeight: \"650px\", backgroundImage: `url(${PastConvergenceAgendas})` }}>\r\n          <div dangerouslySetInnerHTML={{ __html: pageMenuData[0]?.result[0]?.extraDescriptionFieldOne }}></div>\r\n          <div className=\"hero convergence pink-arrow\">\r\n            <div className=\"gallery cursor-grab\">\r\n              <Slider {...settings}>\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\r\n            <div dangerouslySetInnerHTML={{ __html: pageMenuData[0]?.result[0]?.extraDescriptionFieldTwo }}></div>\r\n            <div className=\"gallery cursor-grab\">\r\n              <Slider {...settings}>\r\n                {SliderPhiladelphiaData[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          <div dangerouslySetInnerHTML={{ __html: pageMenuData[0]?.result[0]?.extraDescriptionFieldThree }}></div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Convergence2023About;\r\n\r\nconst Convergence2023AboutStyleComponent = () => {\r\n  return (\r\n    <>\r\n      <style>\r\n        {`\r\n        .benefits {\r\n          text-align: center;\r\n         }\r\n         .benefits .description {\r\n           font-size: 17px;\r\n           color: #19204A;\r\n           font-style: italic;\r\n           margin-top: 20px;\r\n         }\r\n         \r\n         .gallery { margin-bottom: 40px; }\r\n         .gallery-cell { margin-right: 10px; }\r\n         .gallery-cell img { width: 266px; }\r\n         .flickity-button { \r\n           background: hsla(338, 59.1%,36.5%,.75) !important;\r\n         }\r\n         .flickity-button-icon { \r\n           fill: hsla(40, 100%, 50%, .6) !important; \r\n         }\r\n         .flickity-page-dots { display: none; }\r\n         @media (max-width: 767px) {\r\n         }\r\n         .convergence .slick-slide{\r\n            padding-left: 5px;\r\n            padding-right: 5px;\r\n         }\r\n         .gallery-cell{\r\n          margin-right: 0;\r\n         }\r\n         .hero.convergence{\r\n          padding-bottom: 0;\r\n         }\r\n         .slick-track{\r\n          left: calc(50% - 40vw);\r\n         }\r\n         @media(min-width: 401px){\r\n          .slick-track{\r\n            left: calc(50% - 75vw)\r\n           }\r\n         }\r\n         @media(min-width: 601px){\r\n          .slick-track{\r\n            left: calc(50% - 75vw)\r\n           }\r\n         }\r\n         @media(min-width: 768px){\r\n          .slick-track{\r\n            left: calc(50% - 65vw)\r\n           }\r\n         }\r\n         @media(min-width: 1024px){\r\n          .slick-track{\r\n            left: calc(50% - 68vw)\r\n           }\r\n         }\r\n         @media(min-width: 1200px){\r\n          .slick-track{\r\n            left: -420px\r\n           }\r\n         }\r\n      `}\r\n      </style>\r\n    </>\r\n  );\r\n};\r\n"],"names":["dispatch","useAppDispatch","RapsEuropeData","pageMenuData","useSelector","state","rapsEurope","SliderData","Slider","SliderPhiladelphiaData","SliderPhiladelphia","width","setWidth","useState","window","innerWidth","xxlarge","xlarge","large","medium","settings","dots","infinite","arrows","speed","slidesToShow","slidesToScroll","centerMode","variableWidth","focusOnSelect","useEffect","retrievePageMenu","retrieveSlider","retrieveSliderPhiladelphia","handleResize","addEventListener","removeEventListener","scriptHtmlString","setScriptHtmlString","result","javaScriptField","runGlobalScripts","useDynamicScripts","htmlScriptString","divId","Convergence2023AboutStyleComponent","menuItemName","bannerImage","mainHeaderImage","mobileBanner","mobileHeaderImage","headerText","topCommonMesage","className","dangerouslySetInnerHTML","__html","description","style","padding","textAlign","minHeight","backgroundImage","PastConvergenceAgendas","extraDescriptionFieldOne","sliderItemsList","map","item","index","sliderContents","extraDescriptionFieldTwo","extraDescriptionFieldThree"],"sourceRoot":""}