{"version":3,"file":"static/js/ourTeam.6f691209.js","mappings":"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","sources":["webpack://tig-front/./src/pages/OurTeamPage/components/BiographyPopup/BiographyPopup.module.scss?55b2","pages/OurTeamPage/components/BiographyPopup/BiographyPopup.tsx","webpack://tig-front/./src/pages/OurTeamPage/components/TeamList/TeamList.module.scss?4b8f","pages/OurTeamPage/components/TeamList/TeamList.tsx","webpack://tig-front/./src/pages/OurTeamPage/OurTeamPage.module.scss?7be8","pages/OurTeamPage/OurTeamPage.tsx","../temp/OurTeamPage.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"modalTitle\":\"cF_kF\",\"imageContainer\":\"cF_fM\",\"photo\":\"cF_ks\",\"rightArrow\":\"cF_kG\",\"leftArrow\":\"cF_kH\",\"textContainer\":\"cF_dJ\",\"name\":\"cF_jM\",\"jobTitle\":\"cF_kJ\"};","import React, { FC } from 'react';\nimport ModalLayout from '@/common/components/Modal/ModalLayout/ModalLayout';\nimport { ResponsiveImageUrls } from '@/types';\nimport ResponsiveImage from '@/common/components/ResponsiveImage/ResponsiveImage';\nimport { ReactComponent as Arrow } from '@/assets/icons/arrow.svg';\nimport styles from './BiographyPopup.module.scss';\n\nexport interface TeamMemberProps {\n  fullName: string;\n  jobTitle: string;\n  biography: string;\n  images: ResponsiveImageUrls;\n}\n\ninterface BiographyPopupProps extends TeamMemberProps {\n  modalTitle?: string;\n  onPrevClick?: (() => void) | null;\n  onNextClick?: (() => void) | null;\n  close?: () => void;\n}\n\nconst BiographyPopup: FC<BiographyPopupProps> = ({\n  modalTitle,\n  images,\n  fullName,\n  jobTitle,\n  biography,\n  onPrevClick,\n  onNextClick,\n  close,\n}: BiographyPopupProps) => (\n  <ModalLayout\n    modalWindowTitle={modalTitle}\n    closeHandler={close}\n    customClassNames={{ title: styles.modalTitle }}\n    isSingleColumn\n  >\n    <>\n      <div className={styles.imageContainer}>\n        <ResponsiveImage className={styles.photo} urls={images} />\n        {onPrevClick && (\n          <div className={styles.leftArrow} onClick={onPrevClick}>\n            <Arrow />\n          </div>\n        )}\n        {onNextClick && (\n          <div className={styles.rightArrow} onClick={onNextClick}>\n            <Arrow />\n          </div>\n        )}\n      </div>\n      <div className={styles.textContainer}>\n        <div className={styles.name}>{fullName}</div>\n        <div className={styles.jobTitle}>{jobTitle}</div>\n        <div className={styles.biography}>{biography}</div>\n      </div>\n    </>\n  </ModalLayout>\n);\n\nBiographyPopup.displayName = 'BiographyPopup';\n\nexport default BiographyPopup;\n","// extracted by mini-css-extract-plugin\nexport default {\"cardWrapper\":\"bk_dK\",\"cardImageWrapper\":\"bk_f6\",\"cardTextContainer\":\"bk_h\",\"cardTextTitle\":\"bk_f7\"};","import React, {\n  FC, useCallback, useMemo, useState,\n} from 'react';\nimport ListingGallery from '@/common/components/ListingGallery/ListingGallery';\nimport BiographyPopup, { TeamMemberProps } from '@/pages/OurTeamPage/components/BiographyPopup/BiographyPopup';\nimport styles from './TeamList.module.scss';\n\nexport interface TeamListProps {\n  teamMembers?: TeamMemberProps[];\n  modalTitle?: string;\n}\n\nconst TeamList: FC<TeamListProps> = ({\n  teamMembers, modalTitle,\n}: TeamListProps) => {\n  const [selectedTeamMemberIndex, setSelectedTeamMemberIndex] = useState(-1);\n\n  const onCardClick = useCallback((index) => {\n    setSelectedTeamMemberIndex(index);\n  }, []);\n\n  const selectNextTeamMember = useCallback(() => {\n    setSelectedTeamMemberIndex((prevSelectedTeamMemberIndex) => prevSelectedTeamMemberIndex + 1);\n  }, []);\n\n  const selectPreviousTeamMember = useCallback(() => {\n    setSelectedTeamMemberIndex((prevSelectedTeamMemberIndex) => prevSelectedTeamMemberIndex - 1);\n  }, []);\n\n  const closeTeamMemberPopup = useCallback(() => {\n    setSelectedTeamMemberIndex(-1);\n  }, []);\n\n  const cards = useMemo(() => (teamMembers?.map((teamMember, index) => ({\n    title: teamMember.fullName,\n    description: teamMember.jobTitle,\n    imageUrls: teamMember.images,\n    onClick: (): void => {\n      onCardClick(index);\n    },\n    customClasses: {\n      container: styles.cardWrapper,\n      imageContainer: styles.cardImageWrapper,\n      textContainer: styles.cardTextContainer,\n      title: styles.cardTextTitle,\n    },\n    biography: teamMember.biography,\n  }))), [teamMembers, onCardClick]);\n\n  const selectedTeamMember = (selectedTeamMemberIndex >= 0) && teamMembers?.[selectedTeamMemberIndex];\n\n  return (\n    <>\n      <ListingGallery cards={cards} />\n      {!!teamMembers && !!selectedTeamMember && (\n        <BiographyPopup\n          close={closeTeamMemberPopup}\n          modalTitle={modalTitle}\n          onNextClick={(selectedTeamMemberIndex === (teamMembers.length - 1)) ? null : selectNextTeamMember}\n          onPrevClick={(selectedTeamMemberIndex === 0) ? null : selectPreviousTeamMember}\n          {...selectedTeamMember}\n        />\n      )}\n    </>\n  );\n};\n\nexport default TeamList;\n","// extracted by mini-css-extract-plugin\nexport default {\"title\":\"k_cY\",\"container\":\"k_f\"};","import React, { FC, useRef } from 'react';\nimport { hasExternalForm } from '@/helpers/externalForm';\nimport { ModalName } from '@/common/contexts/globalModalContext';\nimport ListingLayout, { ListingLayoutProps } from '@/common/layouts/ListingLayout/ListingLayout';\nimport TeamList, { TeamListProps } from '@/pages/OurTeamPage/components/TeamList/TeamList';\nimport ExternalModalForms from '@/common/components/Modal/ExternalModalForms/ExternalModalForms';\nimport styles from './OurTeamPage.module.scss';\n\ninterface OurTeamPageProps extends ListingLayoutProps, TeamListProps {\n  listTitle?: string;\n}\n\nconst OurTeamPage: FC<OurTeamPageProps> = ({\n  teamMembers,\n  listTitle,\n  modalTitle,\n  pardot,\n  signUpSection,\n  ...listingLayoutProps\n}) => {\n  const itemRefToScroll = useRef<HTMLDivElement | null>(null);\n\n  const shouldRenderNewsletterModal = !hasExternalForm({ pardot, modalName: ModalName.newsletter });\n\n  return (\n    <ListingLayout\n      itemRefToScroll={itemRefToScroll}\n      shouldRenderNewsletterModal={shouldRenderNewsletterModal}\n      signUpSection={signUpSection}\n      {...listingLayoutProps}\n    >\n      <div className={styles.title}>{listTitle}</div>\n      <div ref={itemRefToScroll} className={styles.container}>\n        <TeamList modalTitle={modalTitle} teamMembers={teamMembers} />\n      </div>\n      {!!pardot && (\n        <ExternalModalForms\n          pardot={pardot}\n          titles={{\n            [ModalName.newsletter]: signUpSection?.modalWindowTitle,\n          }}\n        />\n      )}\n    </ListingLayout>\n  );\n};\n\nexport default OurTeamPage;\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 OurTeamPage from '@/pages/OurTeamPage/OurTeamPage';\n\nglobal.React = React;\nglobal.ReactDOM = ReactDOM;\nglobal.ReactDOMServer = ReactDOMServer;\n\nglobal.OurTeamPage = OurTeamPage;\n"],"names":["BiographyPopup","_ref","modalTitle","images","fullName","jobTitle","biography","onPrevClick","onNextClick","close","_jsx","ModalLayout","modalWindowTitle","closeHandler","customClassNames","title","styles","isSingleColumn","children","_jsxs","_Fragment","className","imageContainer","ResponsiveImage","photo","urls","leftArrow","onClick","Arrow","rightArrow","textContainer","name","displayName","teamMembers","selectedTeamMemberIndex","setSelectedTeamMemberIndex","useState","onCardClick","useCallback","index","selectNextTeamMember","prevSelectedTeamMemberIndex","selectPreviousTeamMember","closeTeamMemberPopup","cards","useMemo","map","teamMember","description","imageUrls","customClasses","container","selectedTeamMember","ListingGallery","length","listTitle","pardot","signUpSection","listingLayoutProps","itemRefToScroll","useRef","shouldRenderNewsletterModal","hasExternalForm","modalName","ModalName","newsletter","ListingLayout","ref","TeamList","ExternalModalForms","titles","global","React","ReactDOM","ReactDOMServer","OurTeamPage"],"sourceRoot":""}