{"version":3,"file":"static/js/industryInsightsPreview.90288afa.js","mappings":"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","sources":["webpack://tig-front/./src/pages/IndustryInsightsPreviewPage/components/SidebarCard/SidebarCard.module.scss?b051","pages/IndustryInsightsPreviewPage/components/SidebarCard/SidebarCard.tsx","pages/IndustryInsightsPreviewPage/components/IndustryInsightModal/IndustryInsightModal.tsx","pages/IndustryInsightsPreviewPage/IndustryInsightsPreviewPage.tsx","../temp/IndustryInsightsPreviewPage.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"sidebarContainer\":\"bl_f0\",\"poster\":\"bl_f8\",\"posterTitle\":\"bl_f9\",\"sidebarButtonWrapper\":\"bl_gb\",\"sidebarButton\":\"bl_gc\"};","import React, { FC, useCallback } from 'react';\nimport { ModalName, useToggleModalsContext } from '@/common/contexts/globalModalContext';\nimport IndustryPoster, { IndustryPosterProps } from '@/common/components/IndustryPoster/IndustryPoster';\nimport Button from '@/common/components/Button/Button';\nimport styles from './SidebarCard.module.scss';\n\ninterface SidebarCardProps extends IndustryPosterProps {\n  downloadButtonText?: string;\n}\n\nconst SidebarCard: FC<SidebarCardProps> = ({\n  title,\n  imageUrls,\n  label,\n  downloadButtonText,\n}) => {\n  const toggleModal = useToggleModalsContext();\n\n  const showModal = useCallback((): void => {\n    toggleModal({ [ModalName.industryInsight]: true });\n  }, [toggleModal]);\n\n  return (\n    <div className={styles.sidebarContainer}>\n      <IndustryPoster\n        customClassNames={{\n          container: styles.poster,\n          title: styles.posterTitle,\n        }}\n        imageUrls={imageUrls}\n        label={label}\n        title={title}\n      />\n      <div className={styles.sidebarButtonWrapper}>\n        <Button\n          customClassNames={{ button: styles.sidebarButton }}\n          onClick={showModal}\n          text={downloadButtonText}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default SidebarCard;\n","import React, { FC, ReactNode, useMemo } from 'react';\nimport { ModalName } from '@/common/contexts/globalModalContext';\nimport {\n  FieldType,\n  FormColumn,\n  FormField,\n  ModalFormBaseProps,\n} from '@/common/components/Modal/ModalForm/ModalForm.types';\nimport EmailIconSuccess, {\n  EmailIconSuccessProps,\n} from '@/common/components/Modal/successSteps/EmailIconSuccess/EmailIconSuccess';\nimport { SelectProps } from '@/common/components/Form/Select/Select';\nimport { RegExpValidator, RequiredValidator, ValidatorType } from '@/helpers/validation';\nimport ModalForm from '@/common/components/Modal/ModalForm/ModalForm';\n\nexport interface IndustryInsightModalProps extends ModalFormBaseProps, EmailIconSuccessProps {\n  subtitleText: string;\n  requiredErrorMessage: string;\n  reportId: string[];\n  nameLabel: string;\n  emailLabel: string;\n  emailRegex: string;\n  emailErrorMessage: string;\n  companyLabel: string;\n  jobTitleLabel: string;\n  countryLabel: string;\n  countrySelect: SelectProps;\n  leadTypeTitle: string;\n  regionName: string;\n}\n\nconst IndustryInsightModal: FC<IndustryInsightModalProps> = ({\n  subtitleText,\n  requiredErrorMessage,\n  nameLabel,\n  emailLabel,\n  emailRegex,\n  emailErrorMessage,\n  companyLabel,\n  jobTitleLabel,\n  countryLabel,\n  countrySelect,\n  leadTypeTitle,\n  reportId,\n  regionName,\n  successTitle,\n  successSubtitle,\n  conversionId,\n  ...formProps\n}) => {\n  const fields: FormField[] = [\n    {\n      name: 'name',\n      fieldType: FieldType.INPUT,\n      fieldData: {\n        label: nameLabel,\n      },\n      validationSchema: [],\n    },\n    {\n      name: 'email',\n      fieldType: FieldType.INPUT,\n      fieldData: {\n        label: emailLabel,\n      },\n      validationSchema: [],\n    },\n    {\n      name: 'company',\n      fieldType: FieldType.INPUT,\n      fieldData: {\n        label: companyLabel,\n      },\n      validationSchema: [],\n    },\n    {\n      name: 'jobTitle',\n      fieldType: FieldType.INPUT,\n      fieldData: {\n        label: jobTitleLabel,\n      },\n      validationSchema: [],\n    },\n    {\n      name: 'country',\n      fieldType: FieldType.SELECT,\n      fieldData: {\n        label: countryLabel,\n        ...countrySelect,\n      },\n      validationSchema: [],\n    },\n  ];\n\n  fields.forEach((field: FormField): void => {\n    if (field.name === 'country') {\n      return;\n    }\n\n    field.validationSchema.push({\n      type: ValidatorType.REQUIRED,\n      isRequired: true,\n      errorMessage: requiredErrorMessage,\n    } as RequiredValidator);\n\n    if (field.name === 'email') {\n      field.validationSchema.push({\n        type: ValidatorType.REGEXP,\n        regExp: new RegExp(emailRegex),\n        errorMessage: emailErrorMessage,\n      } as RegExpValidator);\n    }\n  });\n\n  const columns: FormColumn[] = [\n    {\n      fields: fields.slice(0, 3),\n    },\n    {\n      fields: fields.slice(3),\n    },\n  ];\n\n  const renderSuccessMessage = useMemo((): ReactNode => (\n    <EmailIconSuccess\n      conversionId={conversionId}\n      successSubtitle={successSubtitle}\n      successTitle={successTitle}\n    />\n  ), [\n    conversionId, successSubtitle, successTitle,\n  ]);\n\n  const renderSubtitleSection = useMemo(():ReactNode => (\n    <>{subtitleText}</>\n  ), []);\n\n  const getAdditionalParams = () => ({\n    reportId,\n    leadTypeTitle,\n    regionName,\n    retURL: window.location.href,\n  });\n\n  return (\n    <ModalForm\n      columns={columns}\n      endpoint=\"IndustryInsights\"\n      getAdditionalParams={getAdditionalParams}\n      modalName={ModalName.industryInsight}\n      subtitleSection={renderSubtitleSection}\n      successMessage={renderSuccessMessage}\n      {...formProps}\n    />\n  );\n};\nIndustryInsightModal.displayName = 'IndustryInsightModal';\n\nexport default IndustryInsightModal;\n","import React, { FC } from 'react';\nimport { hasExternalForm } from '@/helpers/externalForm';\nimport { ModalName } from '@/common/contexts/globalModalContext';\nimport { ArticleBodyProps } from '@/common/layouts/ArticlePreviewLayout/types';\nimport ArticlePreviewLayout, {\n  ArticlePreviewLayoutProps,\n} from '@/common/layouts/ArticlePreviewLayout/ArticlePreviewLayout';\nimport SidebarCard from '@/pages/IndustryInsightsPreviewPage/components/SidebarCard/SidebarCard';\nimport ArticleContent from '@/common/components/ArticleContent/ArticleContent';\nimport IndustryInsightModal, {\n  IndustryInsightModalProps,\n} from '@/pages/IndustryInsightsPreviewPage/components/IndustryInsightModal/IndustryInsightModal';\nimport ExternalModalForms from '@/common/components/Modal/ExternalModalForms/ExternalModalForms';\n\ninterface IndustryInsightsPreviewPageProps extends ArticlePreviewLayoutProps {\n  downloadButton?: {\n    text: string;\n  };\n  industryLabel?: string;\n  articleBody?: ArticleBodyProps;\n  industryInsightModal?: IndustryInsightModalProps;\n}\n\nconst IndustryInsightsPreviewPage: FC<IndustryInsightsPreviewPageProps> = ({\n  pageHeader,\n  downloadButton,\n  industryLabel,\n  articleBody,\n  industryInsightModal,\n  pardot,\n  ...articleLayoutProps\n}) => {\n  const sidebarContent = (\n    <SidebarCard\n      downloadButtonText={downloadButton?.text}\n      imageUrls={pageHeader?.backgroundImages}\n      label={industryLabel}\n      title={pageHeader?.title}\n    />\n  );\n\n  const articlePreviewProps = {\n    ...articleLayoutProps,\n    sidebarContent,\n    title: articleBody?.overlayText,\n    date: articleBody?.title,\n    pageHeader,\n  };\n\n  const renderModal = () => {\n    if (!industryInsightModal || hasExternalForm({ pardot, modalName: ModalName.industryInsight })) {\n      return null;\n    }\n\n    return (\n      <IndustryInsightModal {...industryInsightModal} />\n    );\n  };\n\n  return (\n    <ArticlePreviewLayout {...articlePreviewProps}>\n      <ArticleContent content={articleBody?.content} />\n      {!!pardot && (\n        <ExternalModalForms\n          pardot={pardot}\n          titles={{\n            [ModalName.industryInsight]: industryInsightModal?.modalWindowTitle,\n          }}\n        />\n      )}\n      {renderModal()}\n    </ArticlePreviewLayout>\n  );\n};\n\nexport default IndustryInsightsPreviewPage;\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 IndustryInsightsPreviewPage from '@/pages/IndustryInsightsPreviewPage/IndustryInsightsPreviewPage';\n\nglobal.React = React;\nglobal.ReactDOM = ReactDOM;\nglobal.ReactDOMServer = ReactDOMServer;\n\nglobal.IndustryInsightsPreviewPage = IndustryInsightsPreviewPage;\n"],"names":["_ref","title","imageUrls","label","downloadButtonText","toggleModal","useToggleModalsContext","showModal","useCallback","ModalName","industryInsight","_jsxs","className","styles","children","_jsx","IndustryPoster","customClassNames","container","Button","button","onClick","text","IndustryInsightModal","subtitleText","requiredErrorMessage","nameLabel","emailLabel","emailRegex","emailErrorMessage","companyLabel","jobTitleLabel","countryLabel","countrySelect","leadTypeTitle","reportId","regionName","successTitle","successSubtitle","conversionId","formProps","fields","name","fieldType","FieldType","INPUT","fieldData","validationSchema","SELECT","forEach","field","push","type","ValidatorType","REQUIRED","isRequired","errorMessage","REGEXP","regExp","RegExp","columns","slice","renderSuccessMessage","useMemo","EmailIconSuccess","renderSubtitleSection","_Fragment","ModalForm","endpoint","getAdditionalParams","retURL","window","location","href","modalName","subtitleSection","successMessage","displayName","pageHeader","downloadButton","industryLabel","articleBody","industryInsightModal","pardot","articleLayoutProps","articlePreviewProps","sidebarContent","SidebarCard","backgroundImages","overlayText","date","ArticlePreviewLayout","ArticleContent","content","ExternalModalForms","titles","modalWindowTitle","hasExternalForm","global","React","ReactDOM","ReactDOMServer","IndustryInsightsPreviewPage"],"sourceRoot":""}