{"version":3,"file":"AmbassadorQuotes-Chunk-afd083703af43e808306.js","mappings":"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","sources":["webpack://nikon-client/./components/molecules/PaginationCarousel/PaginationCarousel.tsx","webpack://nikon-client/./components/molecules/AmbassadorQuotesCard/AmbassadorQuotesCard.tsx","webpack://nikon-client/./components/organisms/AmbassadorQuotes/AmbassadorQuotes.tsx"],"sourcesContent":["import Carousel from '@molecules/Carousel/Carousel';\nimport classNames from 'classnames';\nimport { ReactNode } from 'react';\nimport { Autoplay, Pagination } from 'swiper/modules';\nimport { Swiper, SwiperOptions } from 'swiper/types';\n\ntype PaginationSwiperOptions = Pick<\n  SwiperOptions,\n  | 'autoplay'\n  | 'loop'\n  | 'slidesPerView'\n  | 'spaceBetween'\n  | 'centeredSlides'\n  | 'initialSlide'\n  | 'breakpoints'\n>;\n\ninterface Props extends PaginationSwiperOptions {\n  readonly children: ReactNode[];\n  readonly dataTestId?: string;\n  readonly id: string;\n  readonly paginationClasses?: string;\n  readonly slideChangeCallback?: (swiper: Swiper) => void;\n  readonly swiperClasses?: string;\n}\n\nconst PaginationCarousel = ({\n  autoplay,\n  breakpoints,\n  centeredSlides = false,\n  children,\n  dataTestId = 'Pagination-Carousel',\n  id = '',\n  initialSlide = 0,\n  loop = false,\n  paginationClasses,\n  slideChangeCallback,\n  swiperClasses,\n  slidesPerView = 1,\n  spaceBetween = 20,\n}: Props) => {\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div className=\"relative select-none\" data-testid={dataTestId}>\n      <Carousel\n        tabIndex={0}\n        additionalModules={[Pagination, ...(autoplay ? [Autoplay] : [])]}\n        className={swiperClasses}\n        loop={loop}\n        autoplay={autoplay}\n        onSlideChange={(swiper) => {\n          slideChangeCallback?.(swiper);\n        }}\n        pagination={{\n          el: `#${id}-pagination-carousel-swiper`,\n          clickable: true,\n        }}\n        slidesPerView={slidesPerView}\n        spaceBetween={spaceBetween}\n        navId={id}\n        centeredSlides={centeredSlides}\n        initialSlide={initialSlide}\n        breakpoints={breakpoints}\n      >\n        {children}\n      </Carousel>\n\n      <div\n        className={classNames('visible', paginationClasses, {\n          hidden: children.length === 0,\n        })}\n      >\n        <div\n          id={`${id}-pagination-carousel-swiper`}\n          className=\"pointer-events-none flex gap-4\"\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default PaginationCarousel;\n","import Button from '@atoms/Button/Button';\nimport ProfilePicture from '@atoms/ProfilePicture/ProfilePicture';\nimport ProfilePictureSizeEnum from '@models/enums/ProfilePictureSizeEnum';\nimport { IAmbassadorQuote } from '@models/IAmbassadorQuote';\nimport ImageLightBox from '@molecules/ImageLightBox/ImageLightBox';\nimport updateDataLayer from '@utils/helpers/gtm';\nimport classNames from 'classnames';\n\ninterface Props extends IAmbassadorQuote {\n  readonly contentIds: string[];\n}\n\nconst AmbassadorQuotesCard = ({\n  author,\n  contentIds,\n  image,\n  link,\n  quote,\n  quoteAuthor,\n  dataTestId = 'Ambassador-Quotes-Card',\n}: Props) => {\n  const { authorName, ambassador, specialism, subTitle, thumbnail } = author;\n  // Only include subtitle if ambassador\n  const filteredSpecialisms = [\n    ...(ambassador ? [subTitle] : []),\n    ...(specialism ?? []),\n  ].filter(Boolean);\n\n  return (\n    <>\n      <ImageLightBox\n        imageClasses=\"h-full w-full object-center object-cover\"\n        contentIds={contentIds}\n        lightboxIconBottom\n        {...image}\n        dataTestId={dataTestId}\n      />\n      <div\n        className={classNames(\n          ' pointer-events-none top-0 z-30 flex h-full w-full flex-col content-start justify-between gap-7 text-black-100 after:absolute after:bottom-0 after:h-[75%] after:w-full after:bg-gradient-to-t after:from-[rgba(0,0,0,0.7)] after:to-[rgba(0,0,0,0)] dark:text-white max-lg:after:hidden lg:absolute lg:after:from-[rgba(0,0,0,0.65)] xl:after:h-1/2',\n          {\n            'before:absolute before:top-0 before:h-[25%] before:w-full before:bg-gradient-to-b before:from-[rgba(0,0,0,0.7)] before:to-[rgba(0,0,0,0)] max-lg:before:hidden':\n              thumbnail || authorName || link?.name,\n          }\n        )}\n      >\n        <div\n          className={classNames(\n            'left-10 top-10 flex w-auto flex-col items-center lg:absolute lg:m-0 lg:flex-row lg:content-center',\n            {\n              '-mt-[38px]': thumbnail,\n            }\n          )}\n        >\n          {thumbnail && (\n            <ProfilePicture\n              size={ProfilePictureSizeEnum.Size76}\n              thumbnail={thumbnail}\n              displayCheck={ambassador}\n              displayOutline={ambassador}\n              dataTestId={`${dataTestId}-Profile-Picture`}\n            />\n          )}\n          <div\n            className={classNames(\n              'body-two flex flex-col items-center gap-y-1 text-center lg:items-start lg:gap-0',\n              thumbnail ? 'mt-5 lg:ml-5 lg:mt-0' : 'mt-9 lg:mt-0'\n            )}\n          >\n            {authorName && <span className=\"lg:font-medium\">{authorName}</span>}\n            <div className=\"flex flex-row flex-wrap justify-center\">\n              {filteredSpecialisms.map((bullet, index) => (\n                <span\n                  key={bullet}\n                  className={classNames('whitespace-nowrap', {\n                    'pr-2': index !== filteredSpecialisms.length - 1,\n                  })}\n                >\n                  {index !== 0 && <span className=\"pr-2 text-white\">•</span>}\n                  {bullet}\n                </span>\n              ))}\n            </div>\n          </div>\n        </div>\n        {link?.name && link?.url && (\n          <Button\n            className=\"pointer-events-auto right-10 top-10 order-last mt-auto self-center lg:absolute lg:order-none\"\n            link={link}\n            linkCallback={() => {\n              updateDataLayer({\n                event: 'selectContent',\n                content_type: 'ambassador_quote_read_article',\n                link_text: link.url,\n              });\n            }}\n            dataTestId={`${dataTestId}-CTA`}\n          />\n        )}\n        <div\n          className=\"z-10 flex w-full flex-col items-center justify-center gap-4 text-center lg:absolute lg:bottom-20 lg:gap-5 lg:px-22 xl:bottom-24 xl:px-64\"\n          data-testid={`${dataTestId}-Quote`}\n        >\n          {quote && (\n            <blockquote className=\"h3\">&ldquo;{`${quote}`}&rdquo;</blockquote>\n          )}\n          {quoteAuthor && (\n            <span className=\"body-two text-yellow\">{quoteAuthor}</span>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default AmbassadorQuotesCard;\n","import { IAmbassadorQuote } from '@models/IAmbassadorQuote';\nimport { IMeta } from '@models/IMeta';\nimport AmbassadorQuoteCard from '@molecules/AmbassadorQuotesCard/AmbassadorQuotesCard';\nimport PaginationCarousel from '@molecules/PaginationCarousel/PaginationCarousel';\nimport { SwiperSlide } from 'swiper/react';\n\ninterface Props {\n  readonly title?: string;\n  readonly quotes?: IAmbassadorQuote[];\n  readonly anchorId?: string;\n  readonly meta?: IMeta;\n}\n\nconst AmbassadorQuotes = ({\n  title,\n  quotes = [],\n  anchorId = '',\n  meta,\n}: Props) => {\n  const quotesFiltered = quotes.filter((quote) => quote.image?.image);\n  const lightBoxIds = quotes.map(({ image }) => `${image.meta?.contentLink}`);\n\n  return (\n    <section\n      id={`a-${anchorId}`}\n      className=\"component-padding dark bg-black-100 text-white\"\n      data-testid=\"CT-46-Ambassador-Quotes\"\n    >\n      {!!quotesFiltered?.length && (\n        <div className=\"container\">\n          {title && (\n            <h2\n              className=\"p pb-8 lg:pb-13\"\n              data-epi-property-name={meta?.editHints?.title}\n              data-testid=\"CT-46-Ambassador-Quotes-Title\"\n            >\n              {title}\n            </h2>\n          )}\n          <PaginationCarousel\n            id={`ambassador-quotes-${meta?.contentLink ?? ''}`}\n            paginationClasses=\"mt-7.5 lg:-mt-[45px]\"\n            data-testid=\"CT-46-Ambassador-Quotes-Carousel\"\n          >\n            {quotesFiltered.map((quote, index) => (\n              <SwiperSlide\n                key={`${quote.quoteAuthor}-${quote.quote?.substring(0, 10)}`}\n              >\n                <AmbassadorQuoteCard\n                  {...quote}\n                  contentIds={lightBoxIds}\n                  dataTestId={`CT-46-Ambassador-Quotes-Carousel-Slide-${index}`}\n                />\n              </SwiperSlide>\n            ))}\n          </PaginationCarousel>\n        </div>\n      )}\n    </section>\n  );\n};\n\nexport default AmbassadorQuotes;\n"],"names":["_ref","autoplay","breakpoints","centeredSlides","children","dataTestId","id","initialSlide","loop","paginationClasses","slideChangeCallback","swiperClasses","slidesPerView","spaceBetween","React","createElement","className","Carousel","tabIndex","additionalModules","Pagination","Autoplay","onSlideChange","swiper","pagination","el","clickable","navId","classNames","hidden","length","author","contentIds","image","link","quote","quoteAuthor","authorName","ambassador","specialism","subTitle","thumbnail","filteredSpecialisms","filter","Boolean","Fragment","ImageLightBox","_extends","imageClasses","lightboxIconBottom","name","ProfilePicture","size","ProfilePictureSizeEnum","Size76","displayCheck","displayOutline","map","bullet","index","key","url","Button","linkCallback","updateDataLayer","event","content_type","link_text","title","quotes","anchorId","meta","quotesFiltered","lightBoxIds","_ref2","contentLink","editHints","PaginationCarousel","SwiperSlide","substring","AmbassadorQuoteCard"],"sourceRoot":""}