{"version":3,"file":"static/js/dataAndInsights.6f19ea40.js","mappings":"8UACA,QAA4B,OAA5B,EAAiD,OAAjD,EAAgE,QAAhE,EAAiF,QAAjF,EAA0G,QAA1G,EAA4H,QAA5H,EAA2I,Q,aCoB3I,MAyDA,EAzDkCA,IAEb,IAFc,YACjCC,EAAW,MAAEC,EAAK,YAAEC,GACPH,EACb,MAAOI,EAA0BC,IAA+BC,EAAAA,EAAAA,WAAS,GAEnEC,GAAkBC,EAAAA,EAAAA,cAAY,KAClC,MAAMC,EAAgBC,OAAOC,WAC7BN,EAA4BI,EAAgBG,EAAAA,EAAYC,GAAG,GAC1D,KAEHC,EAAAA,EAAAA,YAAU,KACRC,WAAWR,EAAiB,GAE5BG,OAAOM,iBAAiB,SAAUT,GAE3B,KACLG,OAAOO,oBAAoB,SAAUV,EAAgB,IAEtD,CAACA,IAEJ,MAAM,MAAEW,EAAK,OAAEC,GAAWlB,GAAe,CAAC,EACpCmB,EAAehB,EAA2BD,EAAcD,EAE9D,OACEmB,EAAAA,EAAAA,MAAA,OAAKC,UAAWC,IAAWC,EAAAA,EAAKC,IAAKC,GAAkBC,SAAA,EACrDN,EAAAA,EAAAA,MAAA,OAAKC,UAAWC,IACdG,EACAF,EAAAA,EAAKI,OACLJ,EAAAA,EAAKK,OACLL,EAAAA,EAAKM,OACLN,EAAAA,EAAKO,WACLJ,SAAA,EAEAK,EAAAA,EAAAA,KAAA,OAAKV,UAAWI,EAAaC,SAAET,IAC9BC,IACCa,EAAAA,EAAAA,KAACC,EAAAA,GAAM,CACLC,iBAAkB,CAAEf,OAAQO,GAC5BS,KAAMhB,EAAOgB,KACbC,KAAMjB,EAAOiB,WAInBJ,EAAAA,EAAAA,KAAA,OAAKV,UAAWC,IAAWG,EAAuBF,EAAAA,EAAKa,OAAQb,EAAAA,EAAKc,OAAQd,EAAAA,EAAKe,WAAWZ,UAC1FK,EAAAA,EAAAA,KAAA,OAAKV,UAAWI,EAAeC,SAChB,OAAZP,QAAY,IAAZA,OAAY,EAAZA,EAAcoB,KAAKC,IAClBT,EAAAA,EAAAA,KAAA,OAEEV,UAAWI,EACXgB,MAAO,CAAEC,gBAAkB,OAAMF,OAF5BA,WAOT,E,wBC1DV,MA8CA,EA9C0DzC,IAQnD,IARoD,SACzD4C,EAAQ,YACR3C,EAAW,MACXC,EAAK,YACLC,EAAW,mBACX0C,EAAkB,OAClBC,KACGC,GACJ/C,EAWC,OACEqB,EAAAA,EAAAA,MAAC2B,EAAAA,EAAoB,IAAKD,EAAmBpB,SAAA,EAC3CK,EAAAA,EAAAA,KAACiB,EAAAA,EAAQ,CACPC,iBAAkBC,EAAAA,GAAUC,aAC5BR,SAAUA,EACVS,oBAAqB,CACnBC,EAAAA,EAAoBC,mBAAoBD,EAAAA,EAAoBE,eAAgBF,EAAAA,EAAoBG,WAGpGzB,EAAAA,EAAAA,KAAC0B,EAAO,CACNzD,YAAaA,EACbC,MAAOA,EACPC,YAAaA,MAEZ2C,IACDd,EAAAA,EAAAA,KAAC2B,EAAAA,EAAkB,CACjBb,OAAQA,EACRc,OAAQ,CACN,CAACT,EAAAA,GAAUC,cAAiC,OAAlBP,QAAkB,IAAlBA,OAAkB,EAAlBA,EAAoBgB,qBA3BjDhB,IAAsBiB,EAAAA,EAAAA,GAAgB,CAAEhB,SAAQiB,UAAWZ,EAAAA,GAAUC,eACjE,MAIPpB,EAAAA,EAAAA,KAACgC,EAAAA,EAAiB,IAAKnB,MA2BF,ECpD3BoB,EAAAA,EAAOC,MAAQA,EACfD,EAAAA,EAAOE,SAAWA,EAClBF,EAAAA,EAAOG,eAAiBA,EAExBH,EAAAA,EAAOI,oBAAsBA,C","sources":["webpack://tig-front/./src/pages/DataAndInsightsPage/components/Clients/Clients.module.scss?e386","pages/DataAndInsightsPage/components/Clients/Clients.tsx","pages/DataAndInsightsPage/DataAndInsightsPage.tsx","../temp/DataAndInsightsPage.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"container\":\"bs_g\",\"description\":\"bs_c\",\"title\":\"bs_cX\",\"button\":\"bs_dQ\",\"clientsWrapper\":\"bs_gm\",\"clients\":\"bs_gn\",\"logo\":\"bs_gp\"};","import React, {\n  FC, useCallback, useEffect, useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { LinkProps } from '@/types';\nimport Breakpoints from '@/common/constants/breakpoints';\nimport grid from '@/common/css/grid.module.scss';\nimport Button from '@/common/components/Button/Button';\nimport styles from './Clients.module.scss';\n\nexport interface ClientsProps {\n  clientsInfo?: ClientsInfo;\n  icons?: string[];\n  mobileIcons?: string[];\n}\n\ninterface ClientsInfo {\n  title: string;\n  button: LinkProps;\n}\n\nconst Clients: FC<ClientsProps> = ({\n  clientsInfo, icons, mobileIcons,\n}: ClientsProps) => {\n  const [shouldDisplayMobileIcons, setShouldDisplayMobileIcons] = useState(false);\n\n  const getCurrentIcons = useCallback((): void => {\n    const viewportWidth = window.innerWidth;\n    setShouldDisplayMobileIcons(viewportWidth < Breakpoints.md);\n  }, []);\n\n  useEffect((): () => void => {\n    setTimeout(getCurrentIcons, 0);\n\n    window.addEventListener('resize', getCurrentIcons);\n\n    return (): void => {\n      window.removeEventListener('resize', getCurrentIcons);\n    };\n  }, [getCurrentIcons]);\n\n  const { title, button } = clientsInfo || {};\n  const currentIcons = shouldDisplayMobileIcons ? mobileIcons : icons;\n\n  return (\n    <div className={classNames(grid.row, styles.container)}>\n      <div className={classNames(\n        styles.description,\n        grid.colSm5,\n        grid.colMd4,\n        grid.colLg3,\n        grid.offsetMd1,\n      )}\n      >\n        <div className={styles.title}>{title}</div>\n        {button && (\n          <Button\n            customClassNames={{ button: styles.button }}\n            href={button.href}\n            text={button.text}\n          />\n        )}\n      </div>\n      <div className={classNames(styles.clientsWrapper, grid.colSm7, grid.colMd6, grid.offsetLg1)}>\n        <div className={styles.clients}>\n          {currentIcons?.map((url) => (\n            <div\n              key={url}\n              className={styles.logo}\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Clients;\n","import React, { FC } from 'react';\nimport { hasExternalForm } from '@/helpers/externalForm';\nimport { ModalName } from '@/common/contexts/globalModalContext';\nimport { ProductsInfo, SmallImageViewNames } from '@/common/components/Products/types';\nimport ScrollingIntroLayout, {\n  ScrollingIntroLayoutProps,\n} from '@/common/layouts/ScrollingIntroLayout/ScrollingIntroLayout';\nimport Products from '@/common/components/Products/Products';\nimport Clients, { ClientsProps } from '@/pages/DataAndInsightsPage/components/Clients/Clients';\nimport CustomReportModal, { CustomReportModalProps } from '@/common/components/CustomReportModal/CustomReportModal';\nimport ExternalModalForms from '@/common/components/Modal/ExternalModalForms/ExternalModalForms';\n\ninterface DataAndInsightsPageProps extends ScrollingIntroLayoutProps, ClientsProps, ProductsInfo {\n  customInsightPopup?: CustomReportModalProps;\n}\n\nconst DataAndInsightsPage: FC<DataAndInsightsPageProps> = ({\n  products,\n  clientsInfo,\n  icons,\n  mobileIcons,\n  customInsightPopup,\n  pardot,\n  ...scrollingIntroProps\n}) => {\n  const renderModal = () => {\n    if (!customInsightPopup || hasExternalForm({ pardot, modalName: ModalName.customReport })) {\n      return null;\n    }\n\n    return (\n      <CustomReportModal {...customInsightPopup} />\n    );\n  };\n\n  return (\n    <ScrollingIntroLayout {...scrollingIntroProps}>\n      <Products\n        defaultModalName={ModalName.customReport}\n        products={products}\n        smallImageViewNames={[\n          SmallImageViewNames.marketReportPoster, SmallImageViewNames.industryPoster, SmallImageViewNames.banner,\n        ]}\n      />\n      <Clients\n        clientsInfo={clientsInfo}\n        icons={icons}\n        mobileIcons={mobileIcons}\n      />\n      {!!pardot && (\n        <ExternalModalForms\n          pardot={pardot}\n          titles={{\n            [ModalName.customReport]: customInsightPopup?.modalWindowTitle,\n          }}\n        />\n      )}\n      {renderModal()}\n    </ScrollingIntroLayout>\n  );\n};\n\nexport default DataAndInsightsPage;\n","import 'react-app-polyfill/stable';\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport * as ReactDOMServer from 'react-dom/server';\nimport DataAndInsightsPage from '@/pages/DataAndInsightsPage/DataAndInsightsPage';\n\nglobal.React = React;\nglobal.ReactDOM = ReactDOM;\nglobal.ReactDOMServer = ReactDOMServer;\n\nglobal.DataAndInsightsPage = DataAndInsightsPage;\n"],"names":["_ref","clientsInfo","icons","mobileIcons","shouldDisplayMobileIcons","setShouldDisplayMobileIcons","useState","getCurrentIcons","useCallback","viewportWidth","window","innerWidth","Breakpoints","md","useEffect","setTimeout","addEventListener","removeEventListener","title","button","currentIcons","_jsxs","className","classNames","grid","row","styles","children","colSm5","colMd4","colLg3","offsetMd1","_jsx","Button","customClassNames","href","text","colSm7","colMd6","offsetLg1","map","url","style","backgroundImage","products","customInsightPopup","pardot","scrollingIntroProps","ScrollingIntroLayout","Products","defaultModalName","ModalName","customReport","smallImageViewNames","SmallImageViewNames","marketReportPoster","industryPoster","banner","Clients","ExternalModalForms","titles","modalWindowTitle","hasExternalForm","modalName","CustomReportModal","global","React","ReactDOM","ReactDOMServer","DataAndInsightsPage"],"sourceRoot":""}