{"version":3,"file":"ArticleTypeListing-Chunk-28faec71429f8c4423eb.js","mappings":"idA6BA,MAiIA,EAjI4BA,IAC1B,MAAM,SACJC,EAAW,GAAE,aACbC,EAAe,GAAE,YACjBC,EAAc,GAAE,YAChBC,EAAc,GAAE,cAChBC,EAAa,aACbC,EAAY,WACZC,EAAU,qBACVC,EAAoB,cACpBC,EAAa,aACbC,GAAe,EAAK,aACpBC,EAAY,YACZC,EAAW,oBACXC,GACEb,EAEEc,EAAkB,CACtBC,YAAa,CAACZ,GACda,WAAYZ,EACZa,kBAAmBR,GAGfS,EAAmB,CAAEC,aAAc,CAACjB,IAEpCkB,EAAmB,CACvB,CAACC,EAAAA,EAAmBC,KAAM,CAAEC,SAAU,EAAGC,cAAc,GACvD,CAACH,EAAAA,EAAmBI,SAAU,CAAEF,SAAU,EAAGC,cAAc,GAC3D,CAACH,EAAAA,EAAmBK,KAAM,CAAEH,SAAU,EAAGC,cAAc,GACvD,CAACH,EAAAA,EAAmBM,SAAU,CAAEJ,SAAU,EAAGC,cAAc,GAC3D,CAACH,EAAAA,EAAmBO,OAAQ,CAAEL,SAAU,GAAIC,cAAc,GAC1D,CAACH,EAAAA,EAAmBQ,iBAAkB,CAAEN,SAAU,GAAIC,cAAc,GACpE,CAACH,EAAAA,EAAmBS,eAAgB,CAAEP,SAAU,EAAGC,cAAc,KAG7D,QAAEO,EAAU,MAAOC,IAAiBC,EAAAA,EAAAA,GAAyB,IAC9DjC,EACHW,aAAcA,EAAauB,OAAO,CAAC,sBACnCpB,kBACAI,mBACAK,SAAUH,EAAiBf,GAAekB,WAG5C,OACEY,MAAAC,cAAA,WACEC,UAAU,8EACVC,GAAI,KAAKrC,KAETkC,MAAAC,cAAA,OACEC,UAAU,oCACV,cAAY,iCAEZF,MAAAC,cAAA,OACEC,UAAWE,IACTnB,EAAiBf,GAAemB,aAC5B,gCACA,qBAGNW,MAAAC,cAAA,OAAKC,UAAU,yFACZ/B,GACC6B,MAAAC,cAAA,MACEC,UAAU,WACV,cAAY,uCAEX/B,GAGL6B,MAAAC,cAAA,OAAKC,UAAU,4FACZ9B,GACC4B,MAAAC,cAACI,EAAAA,EAAcC,EAAA,GACTT,EAAY,CAChBnB,oBAAqBA,KAGxBL,GAAsBkC,MAAQlC,EAAqBmC,KAClDR,MAAAC,cAACQ,EAAAA,EAAM,CACLC,KAAMrC,EACN6B,UAAWE,IAAW,WAAY,CAChC,kBAAmB7B,IAErBoC,WAAW,2DAKnBX,MAAAC,cAAA,OAAKC,UAAU,cACbF,MAAAC,cAACW,EAAAA,EAAuBN,EAAA,CACtBV,QAASA,GACLC,EAAY,CAChBgB,iBAAiB,6BAEjBb,MAAAC,cAACa,EAAAA,EAAgBR,EAAA,CACfV,QAASA,EACTmB,KAAMC,EAAAA,EAAUC,QAChBC,WAAYhD,GACR2B,MAINtB,GACAyB,MAAAC,cAACkB,EAAAA,EAAeb,EAAA,CACdV,QAASA,GACLC,EAAY,CAChBuB,UAAWnC,EAAiBf,GAAemB,aAC3CZ,YACEQ,EAAiBf,GAAemB,aAC5B,GACAZ,MAKXJ,GAAsBkC,MACrBlC,EAAqBmC,KACrBjC,GACEyB,MAAAC,cAAA,OAAKC,UAAU,uCACbF,MAAAC,cAACQ,EAAAA,EAAM,CACLC,KAAMrC,EACNsC,WAAW,4DAMf,C","sources":["webpack://nikon-client/./components/organisms/ArticleTypeListing/ArticleTypeListing.tsx"],"sourcesContent":["import Button from '@atoms/Button/Button';\nimport { IArticle } from '@models/IArticle';\nimport { ILink } from '@models/ILink';\nimport { IListingComponent } from '@models/IListingComponent';\nimport ArticleLayoutsEnum from '@models/enums/ArticleLayoutsEnum';\nimport PostTypes from '@models/enums/PostTypes';\nimport ListingResultsContainer from '@molecules/ListingResultsContainer/ListingResultsContainer';\nimport LoadMoreListing from '@molecules/LoadMoreListing/LoadMoreListing';\nimport ContentFilters from '@organisms/ContentFilters/ContentFilters';\nimport ListingCardBlock from '@organisms/ListingCardBlock/ListingCardBlock';\nimport useListingComponentProps from '@utils/hooks/useListingComponentProps';\nimport classNames from 'classnames';\n\ninterface Props extends IListingComponent {\n  readonly articleType: string;\n  readonly authorTypes: string[];\n  readonly authorPageId: string;\n  readonly campaign: string[];\n  readonly hideLoadMore?: boolean;\n  readonly listingLayout: ArticleLayoutsEnum;\n  readonly endpoint: string;\n  readonly sectionTitle?: string;\n  readonly showMeEverythingLink?: ILink;\n  readonly specialism: string[];\n  readonly targetSegment: string[];\n  readonly type: string[];\n  readonly showExpandedFilters?: boolean;\n}\n\nconst ArticleTypeListing = (props: Props) => {\n  const {\n    anchorId = '',\n    authorPageId = '',\n    articleType = '',\n    authorTypes = [],\n    listingLayout,\n    sectionTitle,\n    showFacets,\n    showMeEverythingLink,\n    targetSegment,\n    hideLoadMore = false,\n    facetsToShow,\n    viewedLabel,\n    showExpandedFilters,\n  } = props;\n\n  const preFilterParams = {\n    ArticleType: [articleType],\n    AuthorType: authorTypes,\n    targetSegmentList: targetSegment,\n  };\n\n  const persistingParams = { AuthorPageId: [authorPageId] };\n\n  const layoutProperties = {\n    [ArticleLayoutsEnum.ONE]: { pageSize: 1, reducedWidth: true },\n    [ArticleLayoutsEnum.ONE_TWO]: { pageSize: 3, reducedWidth: true },\n    [ArticleLayoutsEnum.TWO]: { pageSize: 2, reducedWidth: true },\n    [ArticleLayoutsEnum.TWO_TWO]: { pageSize: 4, reducedWidth: true },\n    [ArticleLayoutsEnum.THREE]: { pageSize: 12, reducedWidth: false },\n    [ArticleLayoutsEnum.THREE_TWO_THREE]: { pageSize: 10, reducedWidth: false },\n    [ArticleLayoutsEnum.THREE_TWO_TWO]: { pageSize: 7, reducedWidth: false },\n  };\n\n  const { results = [], ...listingProps } = useListingComponentProps({\n    ...props,\n    facetsToShow: facetsToShow.concat(['targetSegmentList']),\n    preFilterParams,\n    persistingParams,\n    pageSize: layoutProperties[listingLayout].pageSize,\n  });\n\n  return (\n    <section\n      className=\"component-padding bg-white text-black-100 dark:bg-black-100 dark:text-white\"\n      id={`a-${anchorId}`}\n    >\n      <div\n        className=\"container xl:grid xl:grid-cols-12\"\n        data-testid=\"CT-23/47-Article-Type-Listing\"\n      >\n        <div\n          className={classNames(\n            layoutProperties[listingLayout].reducedWidth\n              ? 'xl:col-span-10 xl:col-start-2'\n              : 'xl:col-span-full'\n          )}\n        >\n          <div className=\"flex flex-col items-baseline justify-between space-y-6 pb-10 xl:flex-row xl:space-x-6\">\n            {sectionTitle && (\n              <h2\n                className=\"shrink-0\"\n                data-testid=\"CT-23/47-Article-Type-Listing-Title\"\n              >\n                {sectionTitle}\n              </h2>\n            )}\n            <div className=\"flex w-full shrink-0 flex-wrap justify-between gap-y-6 xl:ml-auto xl:w-auto xl:space-x-6\">\n              {showFacets && (\n                <ContentFilters\n                  {...listingProps}\n                  showExpandedFilters={showExpandedFilters}\n                />\n              )}\n              {showMeEverythingLink?.name && showMeEverythingLink.url && (\n                <Button\n                  link={showMeEverythingLink}\n                  className={classNames('shrink-0', {\n                    'hidden xl:block': hideLoadMore,\n                  })}\n                  dataTestId=\"CT-23/47-Article-Type-Listing-Show-Me-Everything-CTA\"\n                />\n              )}\n            </div>\n          </div>\n          <div className=\"space-y-28\">\n            <ListingResultsContainer\n              results={results}\n              {...listingProps}\n              resultsClassName=\"space-y-24 lg:space-y-32\"\n            >\n              <ListingCardBlock\n                results={results as IArticle[]}\n                type={PostTypes.ARTICLE}\n                layoutType={listingLayout}\n                {...listingProps}\n              />\n            </ListingResultsContainer>\n\n            {!hideLoadMore && (\n              <LoadMoreListing\n                results={results as IArticle[]}\n                {...listingProps}\n                alignLeft={layoutProperties[listingLayout].reducedWidth}\n                viewedLabel={\n                  layoutProperties[listingLayout].reducedWidth\n                    ? ''\n                    : viewedLabel\n                }\n              />\n            )}\n          </div>\n          {showMeEverythingLink?.name &&\n            showMeEverythingLink.url &&\n            hideLoadMore && (\n              <div className=\"mt-24 flex justify-center xl:hidden\">\n                <Button\n                  link={showMeEverythingLink}\n                  dataTestId=\"CT-23/47-Article-Type-Listing-Show-Me-Everything-CTA\"\n                />\n              </div>\n            )}\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default ArticleTypeListing;\n"],"names":["props","anchorId","authorPageId","articleType","authorTypes","listingLayout","sectionTitle","showFacets","showMeEverythingLink","targetSegment","hideLoadMore","facetsToShow","viewedLabel","showExpandedFilters","preFilterParams","ArticleType","AuthorType","targetSegmentList","persistingParams","AuthorPageId","layoutProperties","ArticleLayoutsEnum","ONE","pageSize","reducedWidth","ONE_TWO","TWO","TWO_TWO","THREE","THREE_TWO_THREE","THREE_TWO_TWO","results","listingProps","useListingComponentProps","concat","React","createElement","className","id","classNames","ContentFilters","_extends","name","url","Button","link","dataTestId","ListingResultsContainer","resultsClassName","ListingCardBlock","type","PostTypes","ARTICLE","layoutType","LoadMoreListing","alignLeft"],"sourceRoot":""}