{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/modules/news-and-insights/hooks/useNewsAndInsights.js","webpack://@verndale/toolkit/./src/js/modules/news-and-insights/NewsAndInsights.js","webpack://@verndale/toolkit/./src/js/modules/news-and-insights/index.js"],"names":["useNewsAndInsights","props","dataLabels","error","setError","useState","isLoading","setIsLoading","firstLoad","setFirstLoad","webinarsData","setWebinarsData","newsData","setNewsData","blogsData","setBlogsData","resourcesData","setResourcesData","seeAllData","setSeeAllData","activeDataGroup","setActiveDataGroup","showWebinars","setShowWebinars","showNews","setShowNews","showBlogs","setShowBlogs","showResources","setShowResources","showSeeAll","setShowSeeAll","mobileActiveTabText","setMobileActiveTabText","mobileActiveTabId","setMobileActiveTabId","mobileFilterExpanded","setMobileFilterExpanded","processData","data","webinars","item","news","blogs","resources","lastPerEachCategory","a","b","fetchData","endpoint","r","init","createSwiper","Swiper","Keyboard","Pagination","Navigation","swiper","current","total","out","i","handleSelectClick","isActive","handleToggleTabs","tab","swiperContainer","tabCleaned","activeGroup","useEffect","NewsAndInsights","config","tabs","React","mobileSelectRender","renderSwiperWithGroupData","groupData","cleanGroupData","index","Module"],"mappings":"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","file":"scripts/377.248210a3.js","sourcesContent":["import { useState, useEffect } from 'react';\nimport Swiper, { Navigation, Keyboard, Pagination } from 'swiper';\n\nfunction useNewsAndInsights(props) {\n\n  const dataLabels = JSON.parse(props.labels);\n  const [error, setError] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  const [firstLoad, setFirstLoad] = useState(false);\n\n  const [webinarsData, setWebinarsData] = useState([]);\n  const [newsData, setNewsData] = useState([]);\n  const [blogsData, setBlogsData] = useState([]);\n  const [resourcesData, setResourcesData] = useState([]);\n  const [seeAllData, setSeeAllData] = useState([]);\n  const [activeDataGroup, setActiveDataGroup] = useState([]);\n\n  const [showWebinars, setShowWebinars] = useState(false);\n  const [showNews, setShowNews] = useState(false);\n  const [showBlogs, setShowBlogs] = useState(false);\n  const [showResources, setShowResources] = useState(false);\n  const [showSeeAll, setShowSeeAll] = useState(false);\n\n  const [mobileActiveTabText, setMobileActiveTabText] = useState(\n    (dataLabels && dataLabels.seeAll) ? dataLabels.seeAll : 'See All'\n  );\n\n  const [mobileActiveTabId, setMobileActiveTabId] = useState('seeAll');\n    const [mobileFilterExpanded, setMobileFilterExpanded] = useState(false);\n\n  \n\n\n  const processData = data => {   \n   // get the webinars from data:\n    const webinars = data.filter(item => item.type === 'Webinars');\n    setWebinarsData(webinars);\n    // get the news from data:\n    const news = data.filter(item => item.type === 'News');\n    setNewsData(news);\n    // get the blogs from data:\n    const blogs = data.filter(item => item.type === 'Blog');\n    setBlogsData(blogs);\n    // get the resources from data:\n    const resources = data.filter(item => item.type === 'Resources');\n    setResourcesData(resources);\n    // get the lastest item from webinars, the latest item from news, the latest item from blogs, the latest item from resources; order them by date and set them to seeAll\n    let lastPerEachCategory = [\n      webinars.sort((a, b) => new Date(b.date) - new Date(a.date))[0],\n      news.sort((a, b) => new Date(b.date) - new Date(a.date))[0],\n      blogs.sort((a, b) => new Date(b.date) - new Date(a.date))[0],\n      resources.sort((a, b) => new Date(b.date) - new Date(a.date))[0]\n    ];\n    lastPerEachCategory = lastPerEachCategory.sort((a, b) => new Date(b.date) - new Date(a.date));\n    setSeeAllData(lastPerEachCategory);\n  }\n\n  const fetchData = () => {\n    const endpoint = new URL(`${props.endpoint}`, window.location.origin);\n    setIsLoading(true);\n\n    window\n      .fetch(endpoint.toString(), {\n        method: 'GET',\n        headers: {\n          Accept: 'application/json',\n          'Content-Type': 'application/json'\n        }\n      })\n      .then(r => r.json())\n      .then(data => {\n        if (data.results) {\n          processData(data.results);\n        } else {\n          setError(true);\n        }\n        setIsLoading(false);\n        if (!firstLoad) {\n          setFirstLoad(true);\n        }\n      })\n      .catch(() => {\n        // setError(e);\n        setError(true);\n        setIsLoading(false);\n        if (!firstLoad) {\n          setFirstLoad(true);\n        }\n      });\n  };\n\n  const init = () => {\n    fetchData();\n  };\n\n\n  const createSwiper = () => {\n    Swiper.use([Keyboard, Pagination, Navigation]);\n    new Swiper('.content-cards__container', {\n      loop: false,\n      slidesPerView: 1,\n      spaceBetween: 20,\n      grabCursor: true,\n      watchOverflow: true,\n      resizeObserver: true,\n      centeredSlides: true,\n      direction: 'horizontal',\n      slidesOffsetBefore: 0,\n      slidesOffsetAfter: 0,\n      autoHeight: true,\n      keyboard: {\n        enabled: true,\n        onlyInViewport: true,\n      },\n      pagination: {\n        el: '.swiper-pagination',\n        clickable: true,\n        type: 'custom',\n        renderCustom (swiper, current, total) {   \n          let out = ''\n          for (let i = 1; i < total+1; i++) {\n            if (i === current) {\n              out = `${out  }<button class=\"swiper-pagination-bullet swiper-pagination-bullet-active\" aria-label=\"Go to slide ${i}\"></button>`;\n            }\n            else {\n              out = `${out  }<button class=\"swiper-pagination-bullet\" aria-label=\"Go to slide ${i}\"></button>`;\n            }\n          };\n          return out;\n        },\n      },\n      breakpoints: {\n        768: {\n          slidesPerView: 2,\n          centeredSlides: false,\n          autoHeight: true,\n        },\n        1024: {\n          slidesPerView: 3,\n          centeredSlides: false,\n          autoHeight: true,\n        }\n      },\n      navigation: {\n        nextEl: '.swiper-button-next',\n        prevEl: '.swiper-button-prev',\n      },\n    });\n  }\n\n  const handleSelectClick = (isActive) => {\n    if (isActive) {\n      setMobileFilterExpanded(false);\n    } else {\n      setMobileFilterExpanded(true);\n    }\n  }\n\n  const handleToggleTabs = (tab) => {\n    const swiperContainer = document.querySelector('.content-cards__container');\n    if (swiperContainer) {\n      swiperContainer.swiper.destroy();\n    }\n\n    const tabCleaned = tab.toLowerCase().replace(' ', '');\n\n    setShowWebinars(false);\n    setShowNews(false);\n    setShowBlogs(false);\n    setShowResources(false);\n    setShowSeeAll(false);\n\n    let activeGroup;\n    switch (tabCleaned) {\n      case 'webinars':\n        activeGroup = webinarsData;\n        setShowWebinars(true);\n        setMobileActiveTabId('webinars');\n        setMobileActiveTabText((dataLabels && dataLabels.webinars) ? dataLabels.webinars : 'Webinars');\n        break;\n      case 'news':\n        activeGroup = newsData;\n        setShowNews(true);\n        setMobileActiveTabId('news');\n        setMobileActiveTabText((dataLabels && dataLabels.news) ? dataLabels.news : 'News');\n        break;\n      case 'blogs':\n        activeGroup = blogsData;\n        setShowBlogs(true);\n        setMobileActiveTabId('blogs');\n        setMobileActiveTabText((dataLabels && dataLabels.blogs) ? dataLabels.blogs : 'Blogs');\n        break;\n      case 'resources':\n        activeGroup = resourcesData;\n        setShowResources(true);\n        setMobileActiveTabId('resources');\n        setMobileActiveTabText((dataLabels && dataLabels.resources) ? dataLabels.resources : 'Resources');\n        break;\n      default:\n        activeGroup = seeAllData;\n        setShowSeeAll(true);\n        setMobileActiveTabId('seeAll');\n        setMobileActiveTabText((dataLabels && dataLabels.seeAll) ? dataLabels.seeAll : 'See All');\n    }\n    setActiveDataGroup(activeGroup);\n  }\n\n  useEffect(init, []);\n\n  useEffect(() => {\n    if (firstLoad) {\n      setActiveDataGroup(seeAllData);\n      setShowSeeAll(true);\n    }\n  }, [firstLoad]);\n\n  const resultsData = {\n    webinarsData,\n    newsData,\n    blogsData,\n    resourcesData,\n    seeAllData\n  };\n\n  return {\n    isLoading,\n    error,\n    resultsData,\n    handleToggleTabs,\n    handleSelectClick,\n    activeDataGroup,\n    createSwiper,\n    showWebinars,\n    showNews,\n    showBlogs,\n    showResources,\n    showSeeAll,\n    mobileActiveTabId,\n    mobileActiveTabText,\n    mobileFilterExpanded\n    // renderSwiperWithGroupData\n  };\n}\n\nexport default useNewsAndInsights;\n","import React from 'react';\nimport useNewsAndInsights from './hooks/useNewsAndInsights';\n\nfunction NewsAndInsights(props) {\n  const { ...config } = useNewsAndInsights(props);  \n  // eslint-disable-next-line react/prop-types\n  const dataLabels = JSON.parse(props.labels);\n \n  const tabs = (\n    <div className=\"tabbed-content__tabs\">\n      <div className=\"container\">\n        <button\n          className=\"tabbed-content__tab\"\n          aria-selected={config.showSeeAll ? 'true' : 'false'}\n          onClick={() => {\n            config.handleToggleTabs('seeAll');\n          }}\n        >\n          {(dataLabels && dataLabels.seeAll) ? dataLabels.seeAll : 'See All'}\n        </button>\n        <button\n          className=\"tabbed-content__tab\"\n          aria-selected={config.showNews ? 'true' : 'false'}\n          onClick={() => {\n            config.handleToggleTabs('news');\n          }}\n        >\n          {(dataLabels && dataLabels.news) ? dataLabels.news : 'News'}\n        </button>\n        <button\n          className=\"tabbed-content__tab\"\n          aria-selected={config.showWebinars ? 'true' : 'false'}\n          onClick={() => {\n            config.handleToggleTabs('webinars');\n          }}\n        >\n          {(dataLabels && dataLabels.webinars) ? dataLabels.webinars : 'Webinars'}\n        </button>\n        <button\n          className=\"tabbed-content__tab\"\n          aria-selected={config.showBlogs ? 'true' : 'false'}\n          onClick={() => {\n            config.handleToggleTabs('blogs');\n          }}\n        >\n          {(dataLabels && dataLabels.blogs) ? dataLabels.blogs : 'Blogs'}\n        </button>\n        <button\n          className=\"tabbed-content__tab\"\n          aria-selected={config.showResources ? 'true' : 'false'}\n          onClick={() => {\n            config.handleToggleTabs('resources');\n          }}\n        >\n          {(dataLabels && dataLabels.resources) ? dataLabels.resources : 'Resources'}\n        </button>\n      </div>\n    </div>\n  );\n\n  const mobileSelectRender = (\n    <div \n      className=\"news-and-insights__facets-wrapper\"\n      onClick={() => {\n        config.handleSelectClick(config.mobileFilterExpanded);\n      }}\n    >\n      <div className=\"news-and-insights__narrow-results-heading\">\n        <span>\n          {config.mobileActiveTabText}\n        </span>\n        <div className=\"news-and-insights__filters-actions\">\n            <button\n              aria-label=\"News and Insights Narrow Results\"\n              onClick={() => {\n                config.handleSelectClick(config.mobileFilterExpanded);\n              }}\n              aria-expanded={config.mobileFilterExpanded}\n              aria-controls=\"news-and-insights__facets-content\"\n              className=\"news-and-insights__narrow-results-toggle\"\n            >\n              <span>\n                <svg\n                  width=\"14\"\n                  height=\"12\"\n                  viewBox=\"0 0 14 12\"\n                  className=\"news-and-insights__facet-chevron-down-icon\"\n                  role=\"presentation\"\n                >\n                  <use xlinkHref=\"#icon-chevron-up\"></use>\n                </svg>\n              </span>\n            </button>\n          </div>\n        </div>\n \n        \n      <div className=\"news-and-insights__facets-content\">\n\n        {(config.mobileActiveTabId !== 'seeAll') ? (\n          <button\n            className='news-and-insights__facet-option'\n            onClick={() => {\n              config.handleSelectClick(config.mobileFilterExpanded);\n              config.handleToggleTabs('seeAll');\n            }}\n          >\n            {(dataLabels && dataLabels.seeAll) ? dataLabels.seeAll : 'See All'}\n          </button>\n        ) : null}\n\n        {(config.mobileActiveTabId !== 'news') ? (\n          <button className='news-and-insights__facet-option'\n          onClick={() => {\n            config.handleSelectClick(config.mobileFilterExpanded);\n            config.handleToggleTabs('news');\n          }}\n          >\n            {(dataLabels && dataLabels.news) ? dataLabels.news : 'News'}\n          </button>\n        ) : null}\n\n        {(config.mobileActiveTabId !== 'webinars') ? (\n          <button className='news-and-insights__facet-option'\n          onClick={() => {\n            config.handleSelectClick(config.mobileFilterExpanded);\n            config.handleToggleTabs('webinars');\n          }}\n          >\n            {(dataLabels && dataLabels.webinars) ? dataLabels.webinars : 'Webinars'}\n          </button>\n        ) : null}\n\n        {(config.mobileActiveTabId !== 'blogs') ? (\n          <button className='news-and-insights__facet-option'\n          onClick={() => {\n            config.handleSelectClick(config.mobileFilterExpanded);\n            config.handleToggleTabs('blogs');\n          }}\n          >\n            {(dataLabels && dataLabels.blogs) ? dataLabels.blogs : 'Blogs'}\n          </button>\n        ) : null}\n\n        {(config.mobileActiveTabId !== 'resources') ? (\n          <button className='news-and-insights__facet-option'\n          onClick={() => {\n            config.handleSelectClick(config.mobileFilterExpanded);\n            config.handleToggleTabs('resources');\n          }}\n          >\n            {(dataLabels && dataLabels.resources) ? dataLabels.resources : 'Resources'}\n          </button>\n        ) : null}\n\n      </div>\n    </div>\n  );\n\n  const renderSwiperWithGroupData = groupData => {\n    config.createSwiper();\n    const cleanGroupData = groupData.filter(item => item !== undefined);\n\n    return (\n      <div className=\"swiper-container content-cards__container\">\n        <div className=\"swiper-wrapper\">\n          {cleanGroupData.map((item, index) => (\n            <div className=\"swiper-slide\" key={index}>\n              <a href={item.link} className=\"content-card\">\n                <div className=\"content-card__image\">\n                  <picture>\n                    <source media=\"(max-width: 767px)\" srcSet={item.image} />\n                    <source media=\"(max-width: 1024px)\" srcSet={item.image} />\n                    <img\n                      src={item.image}\n                      width=\"\"\n                      height=\"\"\n                      alt=\"Image Description\"\n                      loading=\"lazy\"\n                    />\n                  </picture>\n                </div>\n                <div className=\"content-card__wrapper\">\n                  <div className=\"head-subhead-group\">\n                    <h3>\n                      <span className=\"eyebrow\">{item.type}</span>\n                      <span className=\"content-card__heading-text\">{item.title}</span>\n                    </h3>\n                  </div>\n                  <div className=\"content-card__copy rtf\">\n                    {item.description}\n                  </div>\n                  <div className=\"content-card__cta\">\n                    <span className=\"content-card__cta-label\">Learn More</span>\n                    <svg viewBox=\"0 0 8 12\" role=\"presentation\">\n                      <use xlinkHref=\"#chevron-right\"></use>\n                    </svg>\n                  </div>\n                </div>\n              </a>\n            </div>\n          ))}\n        </div>\n        <div className=\"news-and-insights__pagination\">\n          <button className=\"swiper-button-prev\" aria-label=\"Previous\">\n            <svg viewBox=\"0 0 10 14\" role=\"presentation\">\n              <use xlinkHref=\"#chevron-left\"></use>\n            </svg>\n          </button>\n          <div className=\"swiper-pagination\"></div>\n          <button className=\"swiper-button-next\" aria-label=\"Next\">\n            <svg viewBox=\"0 0 10 14\" role=\"presentation\">\n              <use xlinkHref=\"#chevron-right\"></use>\n            </svg>\n          </button>\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <>\n      <div className='news-and-insights__container container'>\n        <div className=\"news-and-insights__wrapper\">\n          <h2>\n            {(dataLabels && dataLabels.moduleTitle) ? dataLabels.moduleTitle : 'What’s hapenning at Amwell'}\n          </h2>\n          {mobileSelectRender}\n          <div className=\"news-and-insights__body\">\n            {tabs}\n            {renderSwiperWithGroupData(config.activeDataGroup)}\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n\nNewsAndInsights.defaultProps = {};\n\nNewsAndInsights.propTypes = {};\n\nexport default NewsAndInsights;\n","import Module from './NewsAndInsights';\n\nexport default Module;\n"],"sourceRoot":""}