@blaze-cms/react-page-builder 0.125.0-f-admin-updates.5 → 0.126.0-admin-updates.0

package/lib-es/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["React","Fragment","PropTypes","BlazeLink","ClickWrapper","getModifiers","renderChildren","updateChildrensParent","getClickWrapperOptions","LazyImage","getPublishedListingUrl","useDynamicSizeKey","CARD_STRING","Card","id","image","name","url","entity","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","otherProps","imageSrc","shouldDisplayThumbnail","altText","getImageDefinedProps","modifiers","getInitialModifiers","publishedListingPage","preHeader","label","headline","getCategoryDefinedProps","linkTitle","dynamicSizeKey","shouldUseClickWrapper","wrapperProps","Wrapper","classNameWithModifiers","contentWrapperModifier","titleWrapperModifier","length","map","prop","i","dynamicKey","propModifier","propTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured","push"],"sources":["../../../src/components/Card/Card.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n  getModifiers,\n  renderChildren,\n  updateChildrensParent,\n  getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING } from './constants';\n\nconst Card = ({\n  id,\n  image,\n  name,\n  url,\n  entity,\n  entityProps,\n  alternativePreHeader,\n  alternativeHeadline,\n  category,\n  modifier,\n  propsToDisplay,\n  propsToDisplayModifiers,\n  gtmId,\n  style,\n  priority,\n  cardChildren,\n  gtmChildren,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  enableOverlay,\n  enableCarousel,\n  titleOverlayModifier,\n  overlayModifier,\n  gridModifier,\n  ...otherProps\n}) => {\n  updateChildrensParent(cardChildren, id, entity);\n  const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n    image,\n    displayThumbnail\n  });\n\n  const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n  const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n    alternativePreHeader,\n    category,\n    entity,\n    alternativeHeadline,\n    displayCategory,\n    name\n  });\n\n  const linkTitle = name;\n\n  const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n    gtmChildren,\n    entityProps,\n    id\n  );\n\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n  const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n  const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n    enableOverlay && enableCarousel ? overlayModifier : ''\n  }`;\n\n  const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${\n    enableOverlay && enableCarousel ? titleOverlayModifier : ''\n  }`;\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <div className={classNameWithModifiers}>\n        {shouldDisplayThumbnail && (\n          <div className={getModifiers('card__image', modifiers)}>\n            <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n              <LazyImage\n                src={imageSrc}\n                alt={altText}\n                sizeKey={dynamicSizeKey}\n                priority={priority}\n              />\n            </BlazeLink>\n          </div>\n        )}\n        <div className={contentWrapperModifier}>\n          <div className={getModifiers('card__content', modifiers)}>\n            {displayCategory &&\n              (publishedListingPage ? (\n                <BlazeLink\n                  gtmId={gtmId}\n                  href={publishedListingPage}\n                  className=\"badge badge--label\"\n                  scroll>\n                  {preHeader.name}\n                </BlazeLink>\n              ) : (\n                <div className=\"badge badge--label\">{label}</div>\n              ))}\n            {displayTitle && (\n              <h2 className={titleWrapperModifier}>\n                <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n                  {headline}\n                </BlazeLink>\n              </h2>\n            )}\n            {!!propsToDisplay.length && (\n              <div className={getModifiers('card__details', modifiers)}>\n                {propsToDisplay.map((prop, i) => {\n                  if (!prop) return null;\n                  const dynamicKey = `${id}${i}`;\n                  const propModifier = propsToDisplayModifiers[i] || '';\n\n                  return (\n                    <span key={dynamicKey} className={propModifier}>\n                      {prop}\n                    </span>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n          {!!cardChildren && (\n            <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n          )}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nCard.propTypes = {\n  id: PropTypes.string.isRequired,\n  image: PropTypes.shape({\n    url: PropTypes.string,\n    data: PropTypes.object\n  }),\n  style: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  propsToDisplayModifiers: PropTypes.array,\n  url: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  entity: PropTypes.string.isRequired,\n  entityProps: PropTypes.object,\n  gtmId: PropTypes.string,\n  alternativePreHeader: PropTypes.shape({\n    name: PropTypes.string\n  }),\n  alternativeHeadline: PropTypes.string,\n  category: PropTypes.shape({\n    name: PropTypes.string,\n    publishedListingPage: PropTypes.shape({\n      url: PropTypes.string\n    })\n  }),\n  modifier: PropTypes.string,\n  displayCategory: PropTypes.bool.isRequired,\n  displayThumbnail: PropTypes.bool.isRequired,\n  displayTitle: PropTypes.bool.isRequired,\n  enableCarousel: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gridModifier: PropTypes.string,\n  priority: PropTypes.bool\n};\n\nCard.defaultProps = {\n  entityProps: {},\n  image: {\n    url: null,\n    data: {}\n  },\n  gtmId: '',\n  style: 'portrait',\n  propsToDisplay: [],\n  propsToDisplayModifiers: [],\n  url: '',\n  alternativePreHeader: null,\n  alternativeHeadline: '',\n  category: null,\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  gridModifier: '',\n  priority: false,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  enableOverlay: false,\n  enableCarousel: false\n};\n\nconst getCategoryDefinedProps = ({\n  alternativePreHeader,\n  category,\n  entity,\n  alternativeHeadline,\n  displayCategory,\n  name\n}) => {\n  const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n  const preHeader =\n    alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n  const publishedListingPage = getPublishedListingUrl(preHeader);\n  const label = preHeader ? preHeader.name : entity;\n  const headline =\n    !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n  return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail }) => {\n  const { url: imageSrc, data } = image || {};\n  const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n  const altText = (data && data.altText) || '';\n  return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n  const modifiers = [modifier, style];\n  const { sponsored, featured } = otherProps;\n  if (sponsored) modifiers.push('sponsored');\n  if (featured) modifiers.push('featured');\n\n  return modifiers;\n};\n\nexport default Card;\n"],"mappings":"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"}
+{"version":3,"file":"Card.js","names":["React","Fragment","useRouter","PropTypes","BlazeLink","ClickWrapper","getModifiers","renderChildren","updateChildrensParent","getClickWrapperOptions","LazyImage","getPublishedListingUrl","useDynamicSizeKey","CARD_STRING","CARD_CHILDREN_WITH_LINKS","Card","id","image","name","url","entity","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","parsedPropsToDisplay","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","otherProps","router","imageSrc","shouldDisplayThumbnail","altText","getImageDefinedProps","modifiers","getInitialModifiers","publishedListingPage","preHeader","label","headline","getCategoryDefinedProps","linkTitle","dynamicSizeKey","shouldUseClickWrapper","wrapperProps","Wrapper","classNameWithModifiers","contentWrapperModifier","titleWrapperModifier","handleCardClick","e","clickEventTag","target","tagName","toLowerCase","clickEventRole","role","shouldTriggerRouteChange","find","childTag","push","clickProps","process","env","BLAZE_PB_ADD_CLICK_TO_CARDS","onClick","length","map","prop","i","dynamicKey","propModifier","htmlAttribute","extraProps","props","children","encodeURIComponent","propTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured"],"sources":["../../../src/components/Card/Card.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { useRouter } from 'next/router';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n  getModifiers,\n  renderChildren,\n  updateChildrensParent,\n  getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING, CARD_CHILDREN_WITH_LINKS } from './constants';\n\nconst Card = ({\n  id,\n  image,\n  name,\n  url,\n  entity,\n  entityProps,\n  alternativePreHeader,\n  alternativeHeadline,\n  category,\n  modifier,\n  parsedPropsToDisplay,\n  propsToDisplay,\n  propsToDisplayModifiers,\n  gtmId,\n  style,\n  priority,\n  cardChildren,\n  gtmChildren,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  enableOverlay,\n  enableCarousel,\n  titleOverlayModifier,\n  overlayModifier,\n  gridModifier,\n  ...otherProps\n}) => {\n  updateChildrensParent(cardChildren, id, entity);\n  const router = useRouter();\n  const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n    image,\n    displayThumbnail\n  });\n\n  const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n  const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n    alternativePreHeader,\n    category,\n    entity,\n    alternativeHeadline,\n    displayCategory,\n    name\n  });\n\n  const linkTitle = name;\n\n  const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n    gtmChildren,\n    entityProps,\n    id\n  );\n\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n  const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n  const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n    enableOverlay && enableCarousel ? overlayModifier : ''\n  }`;\n\n  const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${\n    enableOverlay && enableCarousel ? titleOverlayModifier : ''\n  }`;\n\n  const handleCardClick = e => {\n    if (!url) return;\n\n    const clickEventTag = e.target.tagName.toLowerCase();\n    const clickEventRole = e.target.role;\n    const shouldTriggerRouteChange =\n      clickEventRole !== 'button' &&\n      !CARD_CHILDREN_WITH_LINKS.find(childTag => childTag === clickEventTag);\n    if (shouldTriggerRouteChange) router.push(`/Resolver`, url);\n  };\n\n  // todo: remove temp env var flag once widely tested BLAZE_PB_ADD_CLICK_TO_CARDS\n  const clickProps =\n    url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS\n      ? {\n          onClick: handleCardClick,\n          role: 'button'\n        }\n      : {};\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <div className={classNameWithModifiers} {...clickProps}>\n        {shouldDisplayThumbnail && (\n          <div className={getModifiers('card__image', modifiers)}>\n            <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n              <LazyImage\n                src={imageSrc}\n                alt={altText}\n                sizeKey={dynamicSizeKey}\n                priority={priority}\n              />\n            </BlazeLink>\n          </div>\n        )}\n        <div className={contentWrapperModifier}>\n          <div className={getModifiers('card__content', modifiers)}>\n            {displayCategory &&\n              (publishedListingPage ? (\n                <BlazeLink\n                  gtmId={gtmId}\n                  href={publishedListingPage}\n                  className=\"badge badge--label\"\n                  scroll>\n                  {preHeader.name}\n                </BlazeLink>\n              ) : (\n                <div className=\"badge badge--label\">{label}</div>\n              ))}\n            {displayTitle && (\n              <h2 className={titleWrapperModifier}>\n                <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n                  {headline}\n                </BlazeLink>\n              </h2>\n            )}\n            {!!parsedPropsToDisplay.length && (\n              <div className={getModifiers('card__details', modifiers)}>\n                {parsedPropsToDisplay.map((prop, i) => {\n                  if (!prop) return null;\n\n                  const dynamicKey = `${id}${i}`;\n                  const propModifier = propsToDisplayModifiers[i] || '';\n\n                  const { htmlAttribute } = propsToDisplay[i] || {};\n                  const extraProps = {};\n                  if (htmlAttribute && prop.props.children) {\n                    extraProps[htmlAttribute] = encodeURIComponent(prop.props.children[2]);\n                  }\n\n                  return (\n                    <span key={dynamicKey} className={propModifier} {...extraProps}>\n                      {prop}\n                    </span>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n          {!!cardChildren && (\n            <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n          )}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nCard.propTypes = {\n  id: PropTypes.string.isRequired,\n  image: PropTypes.shape({\n    url: PropTypes.string,\n    data: PropTypes.object\n  }),\n  style: PropTypes.string,\n  parsedPropsToDisplay: PropTypes.array,\n  propsToDisplay: PropTypes.array,\n  propsToDisplayModifiers: PropTypes.array,\n  url: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  entity: PropTypes.string.isRequired,\n  entityProps: PropTypes.object,\n  gtmId: PropTypes.string,\n  alternativePreHeader: PropTypes.shape({\n    name: PropTypes.string\n  }),\n  alternativeHeadline: PropTypes.string,\n  category: PropTypes.shape({\n    name: PropTypes.string,\n    publishedListingPage: PropTypes.shape({\n      url: PropTypes.string\n    })\n  }),\n  modifier: PropTypes.string,\n  displayCategory: PropTypes.bool.isRequired,\n  displayThumbnail: PropTypes.bool.isRequired,\n  displayTitle: PropTypes.bool.isRequired,\n  enableCarousel: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gridModifier: PropTypes.string,\n  priority: PropTypes.bool\n};\n\nCard.defaultProps = {\n  entityProps: {},\n  image: {\n    url: null,\n    data: {}\n  },\n  gtmId: '',\n  style: 'portrait',\n  parsedPropsToDisplay: [],\n  propsToDisplay: [],\n  propsToDisplayModifiers: [],\n  url: '',\n  alternativePreHeader: null,\n  alternativeHeadline: '',\n  category: null,\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  gridModifier: '',\n  priority: false,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  enableOverlay: false,\n  enableCarousel: false\n};\n\nconst getCategoryDefinedProps = ({\n  alternativePreHeader,\n  category,\n  entity,\n  alternativeHeadline,\n  displayCategory,\n  name\n}) => {\n  const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n  const preHeader =\n    alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n  const publishedListingPage = getPublishedListingUrl(preHeader);\n  const label = preHeader ? preHeader.name : entity;\n  const headline =\n    !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n  return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail }) => {\n  const { url: imageSrc, data } = image || {};\n  const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n  const altText = (data && data.altText) || '';\n  return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n  const modifiers = [modifier, style];\n  const { sponsored, featured } = otherProps;\n  if (sponsored) modifiers.push('sponsored');\n  if (featured) modifiers.push('featured');\n\n  return modifiers;\n};\n\nexport default Card;\n"],"mappings":"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"}

package/lib-es/components/Card/CardContainer.js

@@ -76,7 +76,8 @@ const CardContainer = _ref => {
       id: id,
       enableCarousel: enableCarousel,
       entity: entity,
-      propsToDisplay: extraProps,
+      propsToDisplay: propsToDisplay,
+      parsedPropsToDisplay: extraProps,
       propsToDisplayModifiers: propsToDisplayModifiers,
       modifier: modifier,
       style: style,

package/lib-es/components/Card/CardContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContainer.js","names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","entities","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"sources":["../../../src/components/Card/CardContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableOverlay,\n  autoScrollTimer,\n  overlayModifier,\n  titleOverlayModifier,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      autoScrollTimer={autoScrollTimer}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            enableOverlay={enableOverlay}\n            overlayModifier={overlayModifier}\n            titleOverlayModifier={titleOverlayModifier}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: ''\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}
+{"version":3,"file":"CardContainer.js","names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","CardContainer","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","entities","itemId","propsToDisplayModifiers","dynamicWrapperSizes","cardBannerIndex","CardWrapper","map","index","baseAdunit","id","entityProps","extraProps","dynamicKey","join","priority","propTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","object","number","defaultProps"],"sources":["../../../src/components/Card/CardContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableOverlay,\n  autoScrollTimer,\n  overlayModifier,\n  titleOverlayModifier,\n  ...cardProps\n}) => {\n  const entities = getEntitiesWithBanner(cardData, cardProps);\n  const { itemId } = useContext(MainContext);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  let cardBannerIndex = 0;\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      autoScrollTimer={autoScrollTimer}>\n      {entities.map(({ baseAdunit, id, ...entityProps }, index) => {\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        if (baseAdunit) cardBannerIndex += 1;\n\n        const priority = priorityLimit > 0 && index + 1 <= priorityLimit;\n\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={entity}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            cardBannerIndex={cardBannerIndex}\n          />\n        ) : (\n          <Card\n            key={id}\n            id={id}\n            enableCarousel={enableCarousel}\n            entity={entity}\n            propsToDisplay={propsToDisplay}\n            parsedPropsToDisplay={extraProps}\n            propsToDisplayModifiers={propsToDisplayModifiers}\n            modifier={modifier}\n            style={style}\n            cardChildren={cardChildren}\n            gtmChildren={gtmChildren}\n            gtmId={name}\n            gridModifier={gridModifier}\n            entityProps={entityProps}\n            displayCategory={displayCategory}\n            displayThumbnail={displayThumbnail}\n            displayTitle={displayTitle}\n            priority={priority}\n            enableOverlay={enableOverlay}\n            overlayModifier={overlayModifier}\n            titleOverlayModifier={titleOverlayModifier}\n            {...entityProps}\n          />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: ''\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}

package/lib-es/components/Card/constants.js

@@ -1,3 +1,4 @@
 const CARD_STRING = 'card';
-export { CARD_STRING };
+const CARD_CHILDREN_WITH_LINKS = ['a', 'img', 'button', 'svg', 'i', 'path'];
+export { CARD_STRING, CARD_CHILDREN_WITH_LINKS };
 //# sourceMappingURL=constants.js.map

package/lib-es/components/Card/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["CARD_STRING"],"sources":["../../../src/components/Card/constants.js"],"sourcesContent":["const CARD_STRING = 'card';\n\nexport { CARD_STRING };\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,MAAM;AAE1B,SAASA,WAAW"}
+{"version":3,"file":"constants.js","names":["CARD_STRING","CARD_CHILDREN_WITH_LINKS"],"sources":["../../../src/components/Card/constants.js"],"sourcesContent":["const CARD_STRING = 'card';\nconst CARD_CHILDREN_WITH_LINKS = ['a', 'img', 'button', 'svg', 'i', 'path'];\n\nexport { CARD_STRING, CARD_CHILDREN_WITH_LINKS };\n"],"mappings":"AAAA,MAAMA,WAAW,GAAG,MAAM;AAC1B,MAAMC,wBAAwB,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC;AAE3E,SAASD,WAAW,EAAEC,wBAAwB"}

package/lib-es/components/ContentGroup/ContentGroup.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["contentType"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import ContentGroupTabs from './ContentGroupTabs';
+const ContentGroup = _ref => {
+  let {
+      contentType
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (contentType === 'tab' || contentType === 'sidepanel') return /*#__PURE__*/React.createElement(ContentGroupTabs, _extends({
+    contentType: contentType
+  }, props));
+  return '';
+};
+ContentGroup.propTypes = {
+  contentType: PropTypes.string.isRequired
+};
+ContentGroup.defaultProps = {};
+export default ContentGroup;
+//# sourceMappingURL=ContentGroup.js.map

package/lib-es/components/ContentGroup/ContentGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroup.js","names":["React","PropTypes","ContentGroupTabs","ContentGroup","contentType","props","propTypes","string","isRequired","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroup.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ContentGroupTabs from './ContentGroupTabs';\n\nconst ContentGroup = ({ contentType, ...props }) => {\n  if (contentType === 'tab' || contentType === 'sidepanel')\n    return <ContentGroupTabs contentType={contentType} {...props} />;\n  return '';\n};\n\nContentGroup.propTypes = {\n  contentType: PropTypes.string.isRequired\n};\n\nContentGroup.defaultProps = {};\n\nexport default ContentGroup;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,MAAMC,YAAY,GAAG,QAA+B;EAAA,IAA9B;MAAEC;IAAsB,CAAC;IAAPC,KAAK;EAC3C,IAAID,WAAW,KAAK,KAAK,IAAIA,WAAW,KAAK,WAAW,EACtD,oBAAO,oBAAC,gBAAgB;IAAC,WAAW,EAAEA;EAAY,GAAKC,KAAK,EAAI;EAClE,OAAO,EAAE;AACX,CAAC;AAEDF,YAAY,CAACG,SAAS,GAAG;EACvBF,WAAW,EAAEH,SAAS,CAACM,MAAM,CAACC;AAChC,CAAC;AAEDL,YAAY,CAACM,YAAY,GAAG,CAAC,CAAC;AAE9B,eAAeN,YAAY"}

package/lib-es/components/ContentGroup/ContentGroupTabs.js

@@ -0,0 +1,72 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["name", "contentType", "modifier", "children"];
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+const ContentGroupTabs = _ref => {
+  var _children$props;
+  let {
+      name,
+      contentType,
+      modifier,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const [selectedTab, setSelectedTab] = useState('tab-0');
+  const groupSections = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children[1];
+  const contentClassame = contentType === 'tab' ? '-tabs' : '-sidepanel';
+  if (!groupSections || !groupSections.length) return '';
+  return /*#__PURE__*/React.createElement("div", {
+    className: `content-group${contentClassame}`
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: `content-group${contentClassame}__buttons-wrapper`,
+    role: "tablist",
+    "aria-label": name
+  }, groupSections.map((groupSection, index) => {
+    const {
+      props: {
+        component: {
+          settings: {
+            label: sectionLabel
+          } = {}
+        } = {}
+      } = {}
+    } = groupSection;
+    const tabId = `tab-${index}`;
+    const panelId = `panel-${index}`;
+    const isSelected = selectedTab === tabId;
+    const buttonClassName = isSelected ? `content-group${contentClassame}__button--is-active` : `content-group${contentClassame}__button`;
+    return /*#__PURE__*/React.createElement("button", {
+      id: tabId,
+      key: tabId,
+      className: buttonClassName,
+      type: "button",
+      role: "tab",
+      "aria-selected": isSelected,
+      "aria-controls": panelId,
+      onClick: () => setSelectedTab(tabId)
+    }, sectionLabel);
+  })), groupSections.map((groupSection, index) => {
+    const tabId = `tab-${index}`;
+    const panelId = `panel-${index}`;
+    if (selectedTab !== tabId) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      id: panelId,
+      key: panelId,
+      className: `content-group${contentClassame}__content-section`,
+      role: "tabpanel",
+      "aria-labelledby": tabId
+    }, groupSection);
+  }));
+};
+ContentGroupTabs.propTypes = {
+  name: PropTypes.string.isRequired,
+  contentType: PropTypes.string.isRequired,
+  modifier: PropTypes.string,
+  children: PropTypes.object
+};
+ContentGroupTabs.defaultProps = {
+  modifier: '',
+  children: {}
+};
+export default ContentGroupTabs;
+//# sourceMappingURL=ContentGroupTabs.js.map

package/lib-es/components/ContentGroup/ContentGroupTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroupTabs.js","names":["React","useState","PropTypes","ContentGroupTabs","name","contentType","modifier","children","props","selectedTab","setSelectedTab","groupSections","contentClassame","length","map","groupSection","index","component","settings","label","sectionLabel","tabId","panelId","isSelected","buttonClassName","propTypes","string","isRequired","object","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ContentGroupTabs = ({ name, contentType, modifier, children, ...props }) => {\n  const [selectedTab, setSelectedTab] = useState('tab-0');\n  const groupSections = children?.props?.children[1];\n  const contentClassame = contentType === 'tab' ? '-tabs' : '-sidepanel';\n  if (!groupSections || !groupSections.length) return '';\n\n  return (\n    <div className={`content-group${contentClassame}`}>\n      <ul\n        className={`content-group${contentClassame}__buttons-wrapper`}\n        role=\"tablist\"\n        aria-label={name}>\n        {groupSections.map((groupSection, index) => {\n          const {\n            props: { component: { settings: { label: sectionLabel } = {} } = {} } = {}\n          } = groupSection;\n          const tabId = `tab-${index}`;\n          const panelId = `panel-${index}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = isSelected\n            ? `content-group${contentClassame}__button--is-active`\n            : `content-group${contentClassame}__button`;\n\n          return (\n            <button\n              id={tabId}\n              key={tabId}\n              className={buttonClassName}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={panelId}\n              onClick={() => setSelectedTab(tabId)}>\n              {sectionLabel}\n            </button>\n          );\n        })}\n      </ul>\n      {groupSections.map((groupSection, index) => {\n        const tabId = `tab-${index}`;\n        const panelId = `panel-${index}`;\n        if (selectedTab !== tabId) return null;\n\n        return (\n          <div\n            id={panelId}\n            key={panelId}\n            className={`content-group${contentClassame}__content-section`}\n            role=\"tabpanel\"\n            aria-labelledby={tabId}>\n            {groupSection}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nContentGroupTabs.propTypes = {\n  name: PropTypes.string.isRequired,\n  contentType: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  children: PropTypes.object\n};\n\nContentGroupTabs.defaultProps = {\n  modifier: '',\n  children: {}\n};\n\nexport default ContentGroupTabs;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,gBAAgB,GAAG,QAAyD;EAAA;EAAA,IAAxD;MAAEC,IAAI;MAAEC,WAAW;MAAEC,QAAQ;MAAEC;IAAmB,CAAC;IAAPC,KAAK;EACzE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGT,QAAQ,CAAC,OAAO,CAAC;EACvD,MAAMU,aAAa,GAAGJ,QAAQ,aAARA,QAAQ,0CAARA,QAAQ,CAAEC,KAAK,oDAAf,gBAAiBD,QAAQ,CAAC,CAAC,CAAC;EAClD,MAAMK,eAAe,GAAGP,WAAW,KAAK,KAAK,GAAG,OAAO,GAAG,YAAY;EACtE,IAAI,CAACM,aAAa,IAAI,CAACA,aAAa,CAACE,MAAM,EAAE,OAAO,EAAE;EAEtD,oBACE;IAAK,SAAS,EAAG,gBAAeD,eAAgB;EAAE,gBAChD;IACE,SAAS,EAAG,gBAAeA,eAAgB,mBAAmB;IAC9D,IAAI,EAAC,SAAS;IACd,cAAYR;EAAK,GAChBO,aAAa,CAACG,GAAG,CAAC,CAACC,YAAY,EAAEC,KAAK,KAAK;IAC1C,MAAM;MACJR,KAAK,EAAE;QAAES,SAAS,EAAE;UAAEC,QAAQ,EAAE;YAAEC,KAAK,EAAEC;UAAa,CAAC,GAAG,CAAC;QAAE,CAAC,GAAG,CAAC;MAAE,CAAC,GAAG,CAAC;IAC3E,CAAC,GAAGL,YAAY;IAChB,MAAMM,KAAK,GAAI,OAAML,KAAM,EAAC;IAC5B,MAAMM,OAAO,GAAI,SAAQN,KAAM,EAAC;IAChC,MAAMO,UAAU,GAAGd,WAAW,KAAKY,KAAK;IACxC,MAAMG,eAAe,GAAGD,UAAU,GAC7B,gBAAeX,eAAgB,qBAAoB,GACnD,gBAAeA,eAAgB,UAAS;IAE7C,oBACE;MACE,EAAE,EAAES,KAAM;MACV,GAAG,EAAEA,KAAM;MACX,SAAS,EAAEG,eAAgB;MAC3B,IAAI,EAAC,QAAQ;MACb,IAAI,EAAC,KAAK;MACV,iBAAeD,UAAW;MAC1B,iBAAeD,OAAQ;MACvB,OAAO,EAAE,MAAMZ,cAAc,CAACW,KAAK;IAAE,GACpCD,YAAY,CACN;EAEb,CAAC,CAAC,CACC,EACJT,aAAa,CAACG,GAAG,CAAC,CAACC,YAAY,EAAEC,KAAK,KAAK;IAC1C,MAAMK,KAAK,GAAI,OAAML,KAAM,EAAC;IAC5B,MAAMM,OAAO,GAAI,SAAQN,KAAM,EAAC;IAChC,IAAIP,WAAW,KAAKY,KAAK,EAAE,OAAO,IAAI;IAEtC,oBACE;MACE,EAAE,EAAEC,OAAQ;MACZ,GAAG,EAAEA,OAAQ;MACb,SAAS,EAAG,gBAAeV,eAAgB,mBAAmB;MAC9D,IAAI,EAAC,UAAU;MACf,mBAAiBS;IAAM,GACtBN,YAAY,CACT;EAEV,CAAC,CAAC,CACE;AAEV,CAAC;AAEDZ,gBAAgB,CAACsB,SAAS,GAAG;EAC3BrB,IAAI,EAAEF,SAAS,CAACwB,MAAM,CAACC,UAAU;EACjCtB,WAAW,EAAEH,SAAS,CAACwB,MAAM,CAACC,UAAU;EACxCrB,QAAQ,EAAEJ,SAAS,CAACwB,MAAM;EAC1BnB,QAAQ,EAAEL,SAAS,CAAC0B;AACtB,CAAC;AAEDzB,gBAAgB,CAAC0B,YAAY,GAAG;EAC9BvB,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE,CAAC;AACb,CAAC;AAED,eAAeJ,gBAAgB"}

package/lib-es/components/ContentGroup/index.js

@@ -0,0 +1,3 @@
+import ContentGroup from './ContentGroup';
+export default ContentGroup;
+//# sourceMappingURL=index.js.map

package/lib-es/components/ContentGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ContentGroup"],"sources":["../../../src/components/ContentGroup/index.js"],"sourcesContent":["import ContentGroup from './ContentGroup';\n\nexport default ContentGroup;\n"],"mappings":"AAAA,OAAOA,YAAY,MAAM,gBAAgB;AAEzC,eAAeA,YAAY"}

package/lib-es/components/ContentGroupSection/ContentGroupSection.js

@@ -0,0 +1,23 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["children"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import { hasChildren } from '../../helpers';
+const ContentGroupSection = _ref => {
+  let {
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (!hasChildren(children)) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "content-group-section"
+  }, children);
+};
+ContentGroupSection.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
+};
+ContentGroupSection.defaultProps = {
+  children: null
+};
+export default ContentGroupSection;
+//# sourceMappingURL=ContentGroupSection.js.map

package/lib-es/components/ContentGroupSection/ContentGroupSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroupSection.js","names":["React","PropTypes","hasChildren","ContentGroupSection","children","props","propTypes","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/ContentGroupSection/ContentGroupSection.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst ContentGroupSection = ({ children, ...props }) => {\n  if (!hasChildren(children)) return null;\n\n  return <div className=\"content-group-section\">{children}</div>;\n};\n\nContentGroupSection.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nContentGroupSection.defaultProps = { children: null };\n\nexport default ContentGroupSection;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,eAAe;AAE3C,MAAMC,mBAAmB,GAAG,QAA4B;EAAA,IAA3B;MAAEC;IAAmB,CAAC;IAAPC,KAAK;EAC/C,IAAI,CAACH,WAAW,CAACE,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvC,oBAAO;IAAK,SAAS,EAAC;EAAuB,GAAEA,QAAQ,CAAO;AAChE,CAAC;AAEDD,mBAAmB,CAACG,SAAS,GAAG;EAC9BF,QAAQ,EAAEH,SAAS,CAACM,SAAS,CAAC,CAACN,SAAS,CAACO,OAAO,CAACP,SAAS,CAACQ,IAAI,CAAC,EAAER,SAAS,CAACQ,IAAI,CAAC;AACnF,CAAC;AAEDN,mBAAmB,CAACO,YAAY,GAAG;EAAEN,QAAQ,EAAE;AAAK,CAAC;AAErD,eAAeD,mBAAmB"}

package/lib-es/components/ContentGroupSection/index.js

@@ -0,0 +1,3 @@
+import ContentGroupSection from './ContentGroupSection';
+export default ContentGroupSection;
+//# sourceMappingURL=index.js.map

package/lib-es/components/ContentGroupSection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ContentGroupSection"],"sources":["../../../src/components/ContentGroupSection/index.js"],"sourcesContent":["import ContentGroupSection from './ContentGroupSection';\n\nexport default ContentGroupSection;\n"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,uBAAuB;AAEvD,eAAeA,mBAAmB"}

package/lib-es/components/List/ListRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListRender.js","names":["React","useQuery","PropTypes","ListPagination","ListHeader","sortResponseData","LOAD_MORE","ListRender","props","variables","actionKey","action","name","itemsToDisplay","itemsPerPageToUse","limitToUse","initialOffset","isInfinite","omitWrappers","paginationType","listComponent","ListComponent","query","url","listAggregations","isAZ","azFilter","displayTotal","data","error","loading","fetchMore","message","results","listData","listTotal","total","orderedListData","length","currentListLength","currentPage","Math","ceil","totalDisplay","propTypes","string","isRequired","object","number","bool","func","array","defaultProps"],"sources":["../../../src/components/List/ListRender.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport ListPagination from './components/Pagination';\nimport ListHeader from './components/Header';\nimport { sortResponseData } from '../../helpers';\nimport { LOAD_MORE } from '../../constants';\n\nconst ListRender = props => {\n  const {\n    variables,\n    actionKey,\n    action,\n    name,\n    itemsToDisplay,\n    itemsPerPageToUse,\n    limitToUse,\n    initialOffset,\n    isInfinite,\n    omitWrappers,\n    paginationType,\n    listComponent: ListComponent,\n    query,\n    url,\n    listAggregations,\n    isAZ,\n    azFilter,\n    displayTotal\n  } = props;\n  const { data = {}, error, loading, fetchMore } = useQuery(action, {\n    variables\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data[actionKey] || !data[actionKey].results) return null;\n\n  const listData = data[actionKey].results;\n  const listTotal = data[actionKey].total;\n  const orderedListData = sortResponseData(listData, itemsToDisplay);\n  if (!orderedListData || !orderedListData.length) return null;\n  const { length: currentListLength } = orderedListData;\n  const currentPage = Math.ceil((initialOffset + currentListLength) / itemsPerPageToUse);\n  const totalDisplay = limitToUse && listTotal > limitToUse ? limitToUse : listTotal;\n\n  return (\n    <>\n      <span className=\"list-top\" />\n      {isAZ && <ListHeader name={name} listAggregations={listAggregations} azFilter={azFilter} />}\n      {displayTotal && (\n        <div className=\"list_total_results w-full text-left p-4\">Total results: {totalDisplay}</div>\n      )}\n      <ListComponent\n        orderedListData={orderedListData}\n        isInfinite={isInfinite}\n        initialOffset={initialOffset}\n        actionKey={actionKey}\n        limitToUse={limitToUse}\n        fetchMore={fetchMore}\n        omitWrappers={omitWrappers}\n        itemsPerPageToUse={itemsPerPageToUse || listData.length}\n        listTotal={listTotal}\n        currentListLength={currentListLength}\n        currentPage={currentPage}\n        query={query}\n        url={url}\n        itemsToDisplay={itemsToDisplay}\n        {...props}\n      />\n      {paginationType !== LOAD_MORE && (\n        <ListPagination\n          limitToUse={limitToUse}\n          itemsPerPage={itemsPerPageToUse}\n          listTotal={listTotal}\n          name={name}\n          isInfinite={isInfinite}\n          currentListLength={currentListLength}\n          paginationType={paginationType}\n          currentPage={currentPage}\n          query={query}\n          url={url}\n        />\n      )}\n    </>\n  );\n};\n\nListRender.propTypes = {\n  name: PropTypes.string.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  variables: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  itemsPerPageToUse: PropTypes.number.isRequired,\n  limitToUse: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  omitWrappers: PropTypes.bool,\n  query: PropTypes.object.isRequired,\n  url: PropTypes.string.isRequired,\n  listComponent: PropTypes.func.isRequired,\n  isAZ: PropTypes.bool.isRequired,\n  azFilter: PropTypes.string.isRequired,\n  listAggregations: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  displayTotal: PropTypes.bool\n};\n\nListRender.defaultProps = {\n  omitWrappers: false,\n  itemsToDisplay: [],\n  listAggregations: [],\n  displayTotal: false\n};\n\nexport default ListRender;\n"],"mappings":"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"}
+{"version":3,"file":"ListRender.js","names":["React","useQuery","PropTypes","ListPagination","ListHeader","sortResponseData","LOAD_MORE","ListRender","props","variables","actionKey","action","name","itemsToDisplay","itemsPerPageToUse","limitToUse","initialOffset","isInfinite","omitWrappers","paginationType","listComponent","ListComponent","query","url","listAggregations","isAZ","azFilter","displayTotal","data","error","loading","fetchMore","message","results","listData","listTotal","total","orderedListData","length","currentListLength","currentPage","Math","ceil","totalDisplay","propTypes","string","isRequired","object","number","bool","func","array","defaultProps"],"sources":["../../../src/components/List/ListRender.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport ListPagination from './components/Pagination';\nimport ListHeader from './components/Header';\nimport { sortResponseData } from '../../helpers';\nimport { LOAD_MORE } from '../../constants';\n\nconst ListRender = props => {\n  const {\n    variables,\n    actionKey,\n    action,\n    name,\n    itemsToDisplay,\n    itemsPerPageToUse,\n    limitToUse,\n    initialOffset,\n    isInfinite,\n    omitWrappers,\n    paginationType,\n    listComponent: ListComponent,\n    query,\n    url,\n    listAggregations,\n    isAZ,\n    azFilter,\n    displayTotal\n  } = props;\n  const { data = {}, error, loading, fetchMore } = useQuery(action, {\n    variables\n  });\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data[actionKey] || !data[actionKey].results) return null;\n\n  const listData = data[actionKey].results;\n  const listTotal = data[actionKey].total;\n  const orderedListData = sortResponseData(listData, itemsToDisplay);\n  if (!orderedListData || !orderedListData.length) return null;\n  const { length: currentListLength } = orderedListData;\n  const currentPage = Math.ceil((initialOffset + currentListLength) / itemsPerPageToUse);\n  const totalDisplay = limitToUse && listTotal > limitToUse ? limitToUse : listTotal;\n\n  return (\n    <>\n      <span className=\"list-top\" />\n      {isAZ && <ListHeader name={name} listAggregations={listAggregations} azFilter={azFilter} />}\n      {displayTotal && (\n        <div className=\"list_total_results w-full text-left p-4\">Total results: {totalDisplay}</div>\n      )}\n      <ListComponent\n        orderedListData={orderedListData}\n        isInfinite={isInfinite}\n        initialOffset={initialOffset}\n        actionKey={actionKey}\n        limitToUse={limitToUse}\n        fetchMore={fetchMore}\n        omitWrappers={omitWrappers}\n        itemsPerPageToUse={itemsPerPageToUse || listData.length}\n        listTotal={listTotal}\n        currentListLength={currentListLength}\n        currentPage={currentPage}\n        query={query}\n        url={url}\n        itemsToDisplay={itemsToDisplay}\n        {...props}\n      />\n      {paginationType !== LOAD_MORE && (\n        <ListPagination\n          limitToUse={limitToUse}\n          itemsPerPage={itemsPerPageToUse}\n          listTotal={listTotal}\n          name={name}\n          isInfinite={isInfinite}\n          currentListLength={currentListLength}\n          paginationType={paginationType}\n          currentPage={currentPage}\n          query={query}\n          url={url}\n        />\n      )}\n    </>\n  );\n};\n\nListRender.propTypes = {\n  name: PropTypes.string.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  variables: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  itemsPerPageToUse: PropTypes.number.isRequired,\n  limitToUse: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  omitWrappers: PropTypes.bool,\n  query: PropTypes.object.isRequired,\n  url: PropTypes.string.isRequired,\n  listComponent: PropTypes.func.isRequired,\n  isAZ: PropTypes.bool.isRequired,\n  azFilter: PropTypes.string.isRequired,\n  listAggregations: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  displayTotal: PropTypes.bool\n};\n\nListRender.defaultProps = {\n  omitWrappers: false,\n  itemsToDisplay: [],\n  listAggregations: [],\n  displayTotal: false\n};\n\nexport default ListRender;\n"],"mappings":"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"}

package/lib-es/components/List/components/Cards/CardsRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardsRender.js","names":["React","Fragment","PropTypes","CardsRenderWrapper","BANNER","Wrapper","splitChildren","appendImages","getPropsToDisplayModifiers","ListPagination","LOAD_MORE","useGetImages","CardsRender","orderedListData","gridModifier","children","entity","banner","omitWrappers","propsToDisplay","paginationType","parent","hasBanner","gtmData","itemsToDisplay","props","name","dataForGtm","regularChildren","gtmChildren","bannerProps","type","propsToDisplayModifiers","imageIds","map","imageId","filter","Boolean","data","imagesData","loading","imagesLoading","updatedListWithImages","WrapperToUse","propTypes","string","isRequired","object","array","bool","oneOfType","defaultProps"],"sources":["../../../../../src/components/List/components/Cards/CardsRender.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport CardsRenderWrapper from './CardsRenderWrapper';\nimport { BANNER } from '../../constants';\nimport Wrapper from '../../../Wrapper';\nimport { splitChildren, appendImages } from '../../../../helpers';\nimport { getPropsToDisplayModifiers } from '../../../../utils';\nimport ListPagination from '../Pagination';\nimport { LOAD_MORE } from '../../../../constants';\nimport { useGetImages } from '../../../../hooks';\n\nconst CardsRender = ({\n  orderedListData,\n  gridModifier,\n  children,\n  entity,\n  banner,\n  omitWrappers,\n  propsToDisplay,\n  paginationType,\n  parent,\n  hasBanner,\n  gtmData,\n  itemsToDisplay,\n  ...props\n}) => {\n  const { name } = props;\n  const dataForGtm = gtmData || orderedListData;\n\n  const { regularChildren, gtmChildren } = splitChildren(children, dataForGtm, entity, {\n    name\n  });\n\n  const bannerProps = banner\n    ? { parent, hasBanner, entity, propsToDisplay, ...banner, type: BANNER }\n    : null;\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const imageIds = itemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);\n  const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);\n  if (imagesLoading) return '';\n  const updatedListWithImages = appendImages(imagesData, orderedListData, itemsToDisplay);\n\n  const WrapperToUse = omitWrappers ? Fragment : Wrapper;\n\n  return (\n    <>\n      <WrapperToUse className=\"list list--compact\">\n        <CardsRenderWrapper\n          orderedListData={updatedListWithImages}\n          listProps={props}\n          bannerProps={bannerProps}\n          cardChildren={regularChildren}\n          gtmChildren={gtmChildren}\n          omitWrappers={omitWrappers}\n          propsToDisplay={propsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          gridModifier={gridModifier}\n          entity={entity}\n          parent={parent}\n          {...props}\n        />\n      </WrapperToUse>\n\n      {paginationType === LOAD_MORE && (\n        <ListPagination paginationType={paginationType} parent={parent} {...props} />\n      )}\n    </>\n  );\n};\n\nCardsRender.propTypes = {\n  name: PropTypes.string.isRequired,\n  parent: PropTypes.object.isRequired,\n  orderedListData: PropTypes.array.isRequired,\n  propsToDisplay: PropTypes.array.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  hasBanner: PropTypes.bool,\n  banner: PropTypes.object,\n  omitWrappers: PropTypes.bool,\n  gridModifier: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n  gtmData: PropTypes.array,\n  itemsToDisplay: PropTypes.array\n};\n\nCardsRender.defaultProps = {\n  gridModifier: '',\n  children: null,\n  hasBanner: false,\n  banner: null,\n  omitWrappers: false,\n  gtmData: null,\n  itemsToDisplay: []\n};\n\nexport default CardsRender;\n"],"mappings":"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"}
+{"version":3,"file":"CardsRender.js","names":["React","Fragment","PropTypes","CardsRenderWrapper","BANNER","Wrapper","splitChildren","appendImages","getPropsToDisplayModifiers","ListPagination","LOAD_MORE","useGetImages","CardsRender","orderedListData","gridModifier","children","entity","banner","omitWrappers","propsToDisplay","paginationType","parent","hasBanner","gtmData","itemsToDisplay","props","name","dataForGtm","regularChildren","gtmChildren","bannerProps","type","propsToDisplayModifiers","imageIds","map","imageId","filter","Boolean","data","imagesData","loading","imagesLoading","updatedListWithImages","WrapperToUse","propTypes","string","isRequired","object","array","bool","oneOfType","defaultProps"],"sources":["../../../../../src/components/List/components/Cards/CardsRender.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport CardsRenderWrapper from './CardsRenderWrapper';\nimport { BANNER } from '../../constants';\nimport Wrapper from '../../../Wrapper';\nimport { splitChildren, appendImages } from '../../../../helpers';\nimport { getPropsToDisplayModifiers } from '../../../../utils';\nimport ListPagination from '../Pagination';\nimport { LOAD_MORE } from '../../../../constants';\nimport { useGetImages } from '../../../../hooks';\n\nconst CardsRender = ({\n  orderedListData,\n  gridModifier,\n  children,\n  entity,\n  banner,\n  omitWrappers,\n  propsToDisplay,\n  paginationType,\n  parent,\n  hasBanner,\n  gtmData,\n  itemsToDisplay,\n  ...props\n}) => {\n  const { name } = props;\n  const dataForGtm = gtmData || orderedListData;\n\n  const { regularChildren, gtmChildren } = splitChildren(children, dataForGtm, entity, {\n    name\n  });\n\n  const bannerProps = banner\n    ? { parent, hasBanner, entity, propsToDisplay, ...banner, type: BANNER }\n    : null;\n\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const imageIds = itemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);\n  const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);\n  if (imagesLoading) return '';\n  const updatedListWithImages = appendImages(imagesData, orderedListData, itemsToDisplay);\n\n  const WrapperToUse = omitWrappers ? Fragment : Wrapper;\n\n  return (\n    <>\n      <WrapperToUse className=\"list list--compact\">\n        <CardsRenderWrapper\n          orderedListData={updatedListWithImages}\n          listProps={props}\n          bannerProps={bannerProps}\n          cardChildren={regularChildren}\n          gtmChildren={gtmChildren}\n          omitWrappers={omitWrappers}\n          propsToDisplay={propsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          gridModifier={gridModifier}\n          entity={entity}\n          parent={parent}\n          {...props}\n        />\n      </WrapperToUse>\n\n      {paginationType === LOAD_MORE && (\n        <ListPagination paginationType={paginationType} parent={parent} {...props} />\n      )}\n    </>\n  );\n};\n\nCardsRender.propTypes = {\n  name: PropTypes.string.isRequired,\n  parent: PropTypes.object.isRequired,\n  orderedListData: PropTypes.array.isRequired,\n  propsToDisplay: PropTypes.array.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  hasBanner: PropTypes.bool,\n  banner: PropTypes.object,\n  omitWrappers: PropTypes.bool,\n  gridModifier: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n  gtmData: PropTypes.array,\n  itemsToDisplay: PropTypes.array\n};\n\nCardsRender.defaultProps = {\n  gridModifier: '',\n  children: null,\n  hasBanner: false,\n  banner: null,\n  omitWrappers: false,\n  gtmData: null,\n  itemsToDisplay: []\n};\n\nexport default CardsRender;\n"],"mappings":"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"}

package/lib-es/components/List/components/Cards/CardsRenderItem.js

@@ -60,7 +60,8 @@ const CardsRenderItem = ({
     id: id,
     entity: entity,
     gridModifier: gridModifier,
-    propsToDisplay: parsedPropsToDisplay,
+    propsToDisplay: propsToDisplay,
+    parsedPropsToDisplay: parsedPropsToDisplay,
     propsToDisplayModifiers: propsToDisplayModifiers,
     modifier: modifier,
     style: style,

package/lib-es/components/List/components/Cards/CardsRenderItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardsRenderItem.js","names":["React","PropTypes","Waypoint","Card","shouldRenderWaypoint","renderChildren","parsePropsToDisplay","checkIfShouldRenderGtm","Banner","CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","priority","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","titleOverlayModifier","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderGtm","parsedPropsToDisplay","propTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport Card from '../../../Card/Card';\nimport { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';\nimport { checkIfShouldRenderGtm } from '../helpers';\nimport Banner from '../../../Banner';\n\nconst CardsRenderItem = ({\n  cardProps,\n  listProps,\n  bannerProps,\n  index,\n  entity,\n  currentListLength,\n  cardChildren,\n  gtmChildren,\n  modifier,\n  gridModifier,\n  propsToDisplayModifiers,\n  propsToDisplay,\n  shouldRenderBanner,\n  bannerIndex,\n  priority,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  titleOverlayModifier\n}) => {\n  const {\n    initialOffset,\n    isInfinite,\n    style,\n    name,\n    id,\n    triggerInfiniteScroll,\n    displayCount,\n    displayCategory = true,\n    displayThumbnail = true,\n    displayTitle = true,\n    listTotal,\n    itemsPerPage\n  } = listProps;\n\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  const shouldRenderGtm =\n    gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);\n\n  const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);\n\n  return (\n    <>\n      {shouldRenderGtm && renderChildren(gtmChildren)}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--compact\">\n        {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n        <Card\n          id={id}\n          entity={entity}\n          gridModifier={gridModifier}\n          propsToDisplay={parsedPropsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          modifier={modifier}\n          style={style}\n          cardChildren={cardChildren}\n          displayCategory={displayCategory}\n          displayThumbnail={displayThumbnail}\n          displayTitle={displayTitle}\n          cardProps={cardProps}\n          gtmId={name}\n          gtmChildren={gtmChildren}\n          priority={priority}\n          arrowSize={arrowSize}\n          enableOverlay={enableOverlay}\n          overlayModifier={overlayModifier}\n          titleOverlayModifier={titleOverlayModifier}\n          {...cardProps}\n        />\n      </div>\n      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}\n    </>\n  );\n};\n\nCardsRenderItem.propTypes = {\n  cardProps: PropTypes.object.isRequired,\n  listProps: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  propsToDisplayModifiers: PropTypes.array.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  bannerProps: PropTypes.object,\n  gridModifier: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  priority: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardsRenderItem.defaultProps = {\n  priority: false,\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  arrowSize: ''\n};\n\nexport default CardsRenderItem;\n"],"mappings":"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"}
+{"version":3,"file":"CardsRenderItem.js","names":["React","PropTypes","Waypoint","Card","shouldRenderWaypoint","renderChildren","parsePropsToDisplay","checkIfShouldRenderGtm","Banner","CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","priority","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","titleOverlayModifier","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderGtm","parsedPropsToDisplay","propTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport Card from '../../../Card/Card';\nimport { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';\nimport { checkIfShouldRenderGtm } from '../helpers';\nimport Banner from '../../../Banner';\n\nconst CardsRenderItem = ({\n  cardProps,\n  listProps,\n  bannerProps,\n  index,\n  entity,\n  currentListLength,\n  cardChildren,\n  gtmChildren,\n  modifier,\n  gridModifier,\n  propsToDisplayModifiers,\n  propsToDisplay,\n  shouldRenderBanner,\n  bannerIndex,\n  priority,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  titleOverlayModifier\n}) => {\n  const {\n    initialOffset,\n    isInfinite,\n    style,\n    name,\n    id,\n    triggerInfiniteScroll,\n    displayCount,\n    displayCategory = true,\n    displayThumbnail = true,\n    displayTitle = true,\n    listTotal,\n    itemsPerPage\n  } = listProps;\n\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  const shouldRenderGtm =\n    gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);\n\n  const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);\n\n  return (\n    <>\n      {shouldRenderGtm && renderChildren(gtmChildren)}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--compact\">\n        {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n        <Card\n          id={id}\n          entity={entity}\n          gridModifier={gridModifier}\n          propsToDisplay={propsToDisplay}\n          parsedPropsToDisplay={parsedPropsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          modifier={modifier}\n          style={style}\n          cardChildren={cardChildren}\n          displayCategory={displayCategory}\n          displayThumbnail={displayThumbnail}\n          displayTitle={displayTitle}\n          cardProps={cardProps}\n          gtmId={name}\n          gtmChildren={gtmChildren}\n          priority={priority}\n          arrowSize={arrowSize}\n          enableOverlay={enableOverlay}\n          overlayModifier={overlayModifier}\n          titleOverlayModifier={titleOverlayModifier}\n          {...cardProps}\n        />\n      </div>\n      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}\n    </>\n  );\n};\n\nCardsRenderItem.propTypes = {\n  cardProps: PropTypes.object.isRequired,\n  listProps: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  propsToDisplayModifiers: PropTypes.array.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  bannerProps: PropTypes.object,\n  gridModifier: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  priority: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardsRenderItem.defaultProps = {\n  priority: false,\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  arrowSize: ''\n};\n\nexport default CardsRenderItem;\n"],"mappings":"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"}

package/lib-es/components/Video/providers/Vimeo/VimeoProvider.js

@@ -1,39 +1,68 @@
-import React from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import PropTypes from 'prop-types';
-import ReactPlayer from 'react-player';
+import parseHTML from 'html-react-parser';
+import { addExtraParamsToUrl } from './helpers';
+import { wrapScriptTags } from '../../../Code/helpers';
 import { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';
 const VimeoProvider = ({
   url,
   autoplay,
-  loop
+  loop,
+  imageData
 }) => {
-  if (!url) return null;
-  return /*#__PURE__*/React.createElement("div", {
-    className: VIDEO_WRAPPER_CLASS_NAME
-  }, /*#__PURE__*/React.createElement(ReactPlayer, {
-    url: url,
-    config: {
-      vimeo: {
-        playerOptions: {
-          autoplay: {
-            autoplay
-          },
-          loop: {
-            loop
-          }
-        }
+  const inputEl = useRef(null);
+  const [videoData, setVideoData] = useState(null);
+  const [videoError, setVideoError] = useState(null);
+  const [shouldRenderVideo, setShouldRenderVideo] = useState(!!autoplay);
+  useEffect(() => {
+    async function fetchVideoData(videoUrl) {
+      try {
+        const res = await fetch(videoUrl);
+        const data = await res.json();
+        setVideoData(data);
+      } catch (err) {
+        setVideoError(err);
       }
     }
-  }));
+    if (url) {
+      const currentHeight = inputEl.current.clientHeight;
+      const urlWithParams = addExtraParamsToUrl(url, {
+        autoplay: true,
+        loop,
+        height: currentHeight
+      });
+      fetchVideoData(urlWithParams);
+    }
+  }, [autoplay, loop, url]);
+  const {
+    thumbnail_url_with_play_button: thumbnailUrl,
+    html = ''
+  } = videoData || {};
+  const imageUrl = imageData && imageData.url;
+  const backgroundUrl = imageUrl || thumbnailUrl;
+  const videoStyle = {};
+  if (!shouldRenderVideo && backgroundUrl) videoStyle.backgroundImage = `url(${!shouldRenderVideo ? backgroundUrl : ''})`;
+  if (inputEl && inputEl.current) videoStyle.maxheight = inputEl.current.clientHeight;
+  const parsedCode = parseHTML(html);
+  const wrappedCode = wrapScriptTags(parsedCode);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: inputEl,
+    role: "button",
+    className: VIDEO_WRAPPER_CLASS_NAME,
+    style: videoStyle,
+    onClick: () => !shouldRenderVideo && setShouldRenderVideo(true)
+  }, shouldRenderVideo && !videoError && wrappedCode, videoError && videoError.message);
 };
 VimeoProvider.propTypes = {
   url: PropTypes.string.isRequired,
   autoplay: PropTypes.bool,
-  loop: PropTypes.bool
+  loop: PropTypes.bool,
+  imageData: PropTypes.object
 };
 VimeoProvider.defaultProps = {
   autoplay: false,
-  loop: false
+  loop: false,
+  imageData: null
 };
 export default VimeoProvider;
 //# sourceMappingURL=VimeoProvider.js.map

package/lib-es/components/Video/providers/Vimeo/VimeoProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"VimeoProvider.js","names":["React","PropTypes","ReactPlayer","VIDEO_WRAPPER_CLASS_NAME","VimeoProvider","url","autoplay","loop","vimeo","playerOptions","propTypes","string","isRequired","bool","defaultProps"],"sources":["../../../../../src/components/Video/providers/Vimeo/VimeoProvider.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactPlayer from 'react-player';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst VimeoProvider = ({ url, autoplay, loop }) => {\n  if (!url) return null;\n  return (\n    <div className={VIDEO_WRAPPER_CLASS_NAME}>\n      <ReactPlayer\n        url={url}\n        config={{\n          vimeo: {\n            playerOptions: { autoplay: { autoplay }, loop: { loop } }\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nVimeoProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool\n};\n\nVimeoProvider.defaultProps = {\n  autoplay: false,\n  loop: false\n};\n\nexport default VimeoProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,wBAAwB,QAAQ,uBAAuB;AAEhE,MAAMC,aAAa,GAAG,CAAC;EAAEC,GAAG;EAAEC,QAAQ;EAAEC;AAAK,CAAC,KAAK;EACjD,IAAI,CAACF,GAAG,EAAE,OAAO,IAAI;EACrB,oBACE;IAAK,SAAS,EAAEF;EAAyB,gBACvC,oBAAC,WAAW;IACV,GAAG,EAAEE,GAAI;IACT,MAAM,EAAE;MACNG,KAAK,EAAE;QACLC,aAAa,EAAE;UAAEH,QAAQ,EAAE;YAAEA;UAAS,CAAC;UAAEC,IAAI,EAAE;YAAEA;UAAK;QAAE;MAC1D;IACF;EAAE,EACF,CACE;AAEV,CAAC;AAEDH,aAAa,CAACM,SAAS,GAAG;EACxBL,GAAG,EAAEJ,SAAS,CAACU,MAAM,CAACC,UAAU;EAChCN,QAAQ,EAAEL,SAAS,CAACY,IAAI;EACxBN,IAAI,EAAEN,SAAS,CAACY;AAClB,CAAC;AAEDT,aAAa,CAACU,YAAY,GAAG;EAC3BR,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAED,eAAeH,aAAa"}
+{"version":3,"file":"VimeoProvider.js","names":["React","useEffect","useState","useRef","PropTypes","parseHTML","addExtraParamsToUrl","wrapScriptTags","VIDEO_WRAPPER_CLASS_NAME","VimeoProvider","url","autoplay","loop","imageData","inputEl","videoData","setVideoData","videoError","setVideoError","shouldRenderVideo","setShouldRenderVideo","fetchVideoData","videoUrl","res","fetch","data","json","err","currentHeight","current","clientHeight","urlWithParams","height","thumbnail_url_with_play_button","thumbnailUrl","html","imageUrl","backgroundUrl","videoStyle","backgroundImage","maxheight","parsedCode","wrappedCode","message","propTypes","string","isRequired","bool","object","defaultProps"],"sources":["../../../../../src/components/Video/providers/Vimeo/VimeoProvider.js"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport parseHTML from 'html-react-parser';\nimport { addExtraParamsToUrl } from './helpers';\nimport { wrapScriptTags } from '../../../Code/helpers';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst VimeoProvider = ({ url, autoplay, loop, imageData }) => {\n  const inputEl = useRef(null);\n  const [videoData, setVideoData] = useState(null);\n  const [videoError, setVideoError] = useState(null);\n  const [shouldRenderVideo, setShouldRenderVideo] = useState(!!autoplay);\n\n  useEffect(\n    () => {\n      async function fetchVideoData(videoUrl) {\n        try {\n          const res = await fetch(videoUrl);\n          const data = await res.json();\n          setVideoData(data);\n        } catch (err) {\n          setVideoError(err);\n        }\n      }\n      if (url) {\n        const currentHeight = inputEl.current.clientHeight;\n        const urlWithParams = addExtraParamsToUrl(url, {\n          autoplay: true,\n          loop,\n          height: currentHeight\n        });\n        fetchVideoData(urlWithParams);\n      }\n    },\n    [autoplay, loop, url]\n  );\n\n  const { thumbnail_url_with_play_button: thumbnailUrl, html = '' } = videoData || {};\n  const imageUrl = imageData && imageData.url;\n  const backgroundUrl = imageUrl || thumbnailUrl;\n  const videoStyle = {};\n  if (!shouldRenderVideo && backgroundUrl)\n    videoStyle.backgroundImage = `url(${!shouldRenderVideo ? backgroundUrl : ''})`;\n  if (inputEl && inputEl.current) videoStyle.maxheight = inputEl.current.clientHeight;\n  const parsedCode = parseHTML(html);\n  const wrappedCode = wrapScriptTags(parsedCode);\n\n  return (\n    <div\n      ref={inputEl}\n      role=\"button\"\n      className={VIDEO_WRAPPER_CLASS_NAME}\n      style={videoStyle}\n      onClick={() => !shouldRenderVideo && setShouldRenderVideo(true)}>\n      {shouldRenderVideo && !videoError && wrappedCode}\n      {videoError && videoError.message}\n    </div>\n  );\n};\n\nVimeoProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  imageData: PropTypes.object\n};\n\nVimeoProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  imageData: null\n};\n\nexport default VimeoProvider;\n"],"mappings":"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"}

package/lib-es/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.js

@@ -0,0 +1,14 @@
+import { VIMEO_OEMBED_URL } from '../../../../../constants';
+const addExtraParamsToUrl = (url, queryParams = {}) => {
+  const paramsWithValues = {};
+  Object.keys(queryParams).forEach(key => {
+    if (queryParams[key]) {
+      paramsWithValues[key] = queryParams[key];
+    }
+  });
+  const parsedParams = new URLSearchParams(paramsWithValues);
+  const stringParams = parsedParams.toString();
+  return `${VIMEO_OEMBED_URL}?url=${url}${stringParams ? `&${stringParams}` : ''}`;
+};
+export default addExtraParamsToUrl;
+//# sourceMappingURL=add-extra-params-to-url.js.map

package/lib-es/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-extra-params-to-url.js","names":["VIMEO_OEMBED_URL","addExtraParamsToUrl","url","queryParams","paramsWithValues","Object","keys","forEach","key","parsedParams","URLSearchParams","stringParams","toString"],"sources":["../../../../../../src/components/Video/providers/Vimeo/helpers/add-extra-params-to-url.js"],"sourcesContent":["import { VIMEO_OEMBED_URL } from '../../../../../constants';\n\nconst addExtraParamsToUrl = (url, queryParams = {}) => {\n  const paramsWithValues = {};\n  Object.keys(queryParams).forEach(key => {\n    if (queryParams[key]) {\n      paramsWithValues[key] = queryParams[key];\n    }\n  });\n  const parsedParams = new URLSearchParams(paramsWithValues);\n  const stringParams = parsedParams.toString();\n  return `${VIMEO_OEMBED_URL}?url=${url}${stringParams ? `&${stringParams}` : ''}`;\n};\n\nexport default addExtraParamsToUrl;\n"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAE3D,MAAMC,mBAAmB,GAAG,CAACC,GAAG,EAAEC,WAAW,GAAG,CAAC,CAAC,KAAK;EACrD,MAAMC,gBAAgB,GAAG,CAAC,CAAC;EAC3BC,MAAM,CAACC,IAAI,CAACH,WAAW,CAAC,CAACI,OAAO,CAACC,GAAG,IAAI;IACtC,IAAIL,WAAW,CAACK,GAAG,CAAC,EAAE;MACpBJ,gBAAgB,CAACI,GAAG,CAAC,GAAGL,WAAW,CAACK,GAAG,CAAC;IAC1C;EACF,CAAC,CAAC;EACF,MAAMC,YAAY,GAAG,IAAIC,eAAe,CAACN,gBAAgB,CAAC;EAC1D,MAAMO,YAAY,GAAGF,YAAY,CAACG,QAAQ,EAAE;EAC5C,OAAQ,GAAEZ,gBAAiB,QAAOE,GAAI,GAAES,YAAY,GAAI,IAAGA,YAAa,EAAC,GAAG,EAAG,EAAC;AAClF,CAAC;AAED,eAAeV,mBAAmB"}

package/lib-es/components/Video/providers/Vimeo/helpers/index.js

@@ -0,0 +1,3 @@
+import addExtraParamsToUrl from './add-extra-params-to-url';
+export { addExtraParamsToUrl };
+//# sourceMappingURL=index.js.map

package/lib-es/components/Video/providers/Vimeo/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["addExtraParamsToUrl"],"sources":["../../../../../../src/components/Video/providers/Vimeo/helpers/index.js"],"sourcesContent":["import addExtraParamsToUrl from './add-extra-params-to-url';\n\nexport { addExtraParamsToUrl };\n"],"mappings":"AAAA,OAAOA,mBAAmB,MAAM,2BAA2B;AAE3D,SAASA,mBAAmB"}