{"version":3,"sources":["utils/helpers/attributeType/index.ts","utils/components/Corporate/ContentTypeAttributes/StyledAttributeIcon.ts","utils/components/Corporate/ContentTypeAttributes/AttributeIcon.tsx","utils/components/Corporate/ContentTypeAttributes/getAttributeRenderer.tsx","utils/helpers/contentType/index.ts","utils/components/Corporate/ContentTypeAttributes/index.tsx","utils/components/Corporate/HeadingWithDescription/StyledHeadingWithDescription.ts","utils/components/Corporate/HeadingWithDescription/index.tsx","components/Corporate/RelatedContentCarousel/StyledRelatedContent.tsx","components/Corporate/RelatedContentCarousel/RelatedItem.tsx","components/Corporate/RelatedContentCarousel/index.tsx"],"names":["AttributeType","getAttributeType","value","key","getTypeFromValue","pickAttributeByType","attributes","attributeName","attrs","filter","attr","length","attrType","undefined","type","includesAttributeWithType","hasOwnProperty","includesAttributesWithTypes","types","i","NoBreakWrapper","styled","span","IconWrapper","theme","card","attributeIcon","icons","location","Marker","cost","Cost","time","Time","statusIcons","StatusType","book","Book","underReview","UnderReview","inProgress","InProgress","planned","Planned","closed","Closed","open","OpenForFeedback","completed","Completed","AttributeIcon","attribute","Icon","classNameAttribute","classNameStatus","statusIcon","className","ariaHidden","defaultOptions","showIcon","translations","Span","getAttributeRenderer","options","capacity","noun","parseInt","capacitySingular","capacityPlural","lastUpdated","date","dateConverter","visualDate","publicationLastUpdated","newsDate","whatsOnCost","getMultipleAttributeRenderer","statusName","timeSpecificity","timeUnit","timeEstimate","getTimeEstimate","costSpecificity","costEstimate","getCostEstimate","ContentType","getContentType","ContentTypeAttributes","contentType","Wrapper","useTranslation","t","attributeRenderers","project","projectRenderer","push","publication","service","timeRenderer","costRenderer","renderings","map","renderer","Boolean","rendering","index","Fragment","role","Container","div","Heading","Text","heading_xl","heading_l","heading_m","heading_s","heading_xs","spacing","pb","RichText","ContentRichText","HeadingWithDescription","headingField","descriptionField","headingLevel","tag","field","ItemsListContainer","CarouselItem","mq","ml","mt","Card","noticeEnabled","noticeLevel","noticeMessage","rest","plainCard","motion","timing","default","ease","boxShadow","borderHover","boxShadowHover","CardHeader","CardFooter","CardSection","p","ImageWrapper","borderRadius","colors","background","tertiary","px","pt","ImageContainer","dna","Category","text_xscap","mb","secondary","Title","restrictCardTitle","element","AttributesWrapper","LinkIconContainer","ArrowWrapper","svg","action","actionHover","ItemContainer","withEditModeNotice","NavLink","withEditMode","id","image","link","title","primaryCategory","valid","editMode","description","img","resizeImage","src","internal","startsWith","isContentful","resizeContentfulImage","width","convertSrcJss","imagePlaceholderSrc","data-src","alt","renderImage","cardClass","linkObject","getLink","StyledLink","ariaLabelledBy","join","Arrow","External","EmptyList","compose","Carousel","RelatedItems","relatedItems","props","flickityOptions","groupCells","cellAlign","fields","data","datasource","Section","sectionTheme","BackgroundColors","items","heading","jss","validItems","item","dataSource","Math","random"],"mappings":"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","file":"static/js/RelatedContentCarousel.72fcaf2c.chunk.js","sourcesContent":["import getTypeFromValue from '_utils/helpers/getTypeFromValue';\r\n\r\n// note! enum values match keys sent by server\r\nexport enum AttributeType {\r\n  capacity = 'capacity',\r\n  cost = 'cost',\r\n  lastUpdated = 'lastUpdated',\r\n  location = 'location',\r\n  statusIcon = 'statusIcon',\r\n  statusName = 'statusName',\r\n  time = 'time',\r\n  timeSpecificity = 'timeSpecificity',\r\n  timeUnit = 'timeUnit',\r\n  timeEstimate = 'timeEstimate',\r\n  costEstimate = 'costEstimate',\r\n  costSpecificity = 'costSpecificity',\r\n  whatsOnCost = 'whatsOnCost',\r\n  newsDate = 'newsDate'\r\n}\r\n\r\nexport type Attribute = {\r\n  type: AttributeType;\r\n  value: any;\r\n};\r\n\r\n/**\r\n * @param target either a string representation of a attribute type or an object containing a attribute type\r\n * @param key optional used to retrieve attributeType value (if passing an object)\r\n */\r\nexport const getAttributeType = (value: string | object, key: string = 'type'): AttributeType => {\r\n  return getTypeFromValue<AttributeType>(AttributeType, value, key);\r\n};\r\n\r\n/**\r\n * @param target either a string representation of a attribute type or an object containing a attribute type\r\n * @param key optional used to retrieve attributeType value (if passing an object)\r\n */\r\nexport const pickAttributeByType = (\r\n  attributes,\r\n  attributeName: string,\r\n  key: string = 'type'\r\n): Attribute => {\r\n  if (!attributes || !attributeName) {\r\n    return null;\r\n  }\r\n\r\n  let attrs = attributes?.filter((attr) => attr[key] === attributeName);\r\n\r\n  if (attrs.length) {\r\n    const attr = attrs[0];\r\n    let attrType: AttributeType = getAttributeType(attr, key);\r\n\r\n    if (attrType !== undefined) {\r\n      // found a known type\r\n      return {\r\n        ...attr,\r\n        type: attrType\r\n      };\r\n    } else {\r\n      // treat as generic\r\n      return {\r\n        ...attr,\r\n        type: undefined\r\n      };\r\n    }\r\n  }\r\n\r\n  return null;\r\n};\r\n\r\nexport const includesAttributeWithType = (\r\n  attributes: { [key: string]: Attribute },\r\n  type: AttributeType\r\n) => {\r\n  if (!attributes) {\r\n    return false;\r\n  }\r\n\r\n  return attributes.hasOwnProperty(type);\r\n};\r\n\r\nexport const includesAttributesWithTypes = (\r\n  attributes: { [key: string]: Attribute },\r\n  types: AttributeType[]\r\n) => {\r\n  if (!attributes || !types) {\r\n    return false;\r\n  }\r\n\r\n  for (let i = 0; i < types.length; i++) {\r\n    const type = types[i];\r\n    if (!includesAttributeWithType(attributes, type)) {\r\n      return false;\r\n    }\r\n  }\r\n\r\n  return true;\r\n};\r\n\r\n// Old loose definitions Please migrate to strict ones above\r\n// DELETED use pickAttributeByType\r\n// export const getAttributeByType = (attributes, attributeType) => {\r\n\r\n// };\r\n\r\n// DELETED use AttributeIcon in utils/components/ContentTypeAttributes\r\n// export const AttributeIcon = ({ attribute }) => {\r\n\r\n// };\r\n","import styled from 'styled-components';\r\n// import { svg } from '_utils/styles/';\r\n\r\n/* \r\ninexplicably\r\nadding ${svg(24, 24)} into style defn, causes server error when deployed  \r\nObject(...) is not a function TypeError: Object(...) is not a function \r\n*/\r\n\r\nexport const NoBreakWrapper = styled.span`\r\n  white-space: nowrap;\r\n`;\r\n\r\nexport const IconWrapper = styled.span`\r\n  position: relative;\r\n  display: inline-block;\r\n  margin-right: 8px;\r\n  transform: translateY(-10%);\r\n  height: 20px;\r\n  white-space: nowrap;\r\n\r\n  svg,\r\n  img {\r\n    vertical-align: middle;\r\n    width: 20px;\r\n    height: auto;\r\n  }\r\n\r\n  path {\r\n    fill: ${({ theme }) => theme.card.attributeIcon};\r\n  }\r\n`;\r\n","import React from 'react';\r\nimport { IconWrapper, NoBreakWrapper } from './StyledAttributeIcon';\r\nimport { AttributeType } from '_utils/helpers/attributeType';\r\nimport { StatusType } from '_utils/helpers/statusType';\r\nimport {\r\n  Book,\r\n  Closed,\r\n  Completed,\r\n  Cost,\r\n  InProgress,\r\n  Marker,\r\n  OpenForFeedback,\r\n  Planned,\r\n  Time,\r\n  UnderReview\r\n} from '_utils/icons';\r\n\r\nconst icons = {\r\n  [AttributeType.location]: Marker,\r\n  [AttributeType.cost]: Cost,\r\n  [AttributeType.time]: Time\r\n};\r\n\r\nconst statusIcons = {\r\n  [StatusType.book]: Book,\r\n  [StatusType.underReview]: UnderReview,\r\n  [StatusType.inProgress]: InProgress,\r\n  [StatusType.planned]: Planned,\r\n  [StatusType.closed]: Closed,\r\n  [StatusType.open]: OpenForFeedback,\r\n  [StatusType.completed]: Completed\r\n};\r\n\r\nconst AttributeIcon = ({ attribute }) => {\r\n  if (!attribute) {\r\n    return null;\r\n  }\r\n\r\n  let Icon = null;\r\n  let classNameAttribute = attribute.type;\r\n  let classNameStatus = '';\r\n\r\n  if (attribute.type === AttributeType.statusIcon) {\r\n    Icon = statusIcons[attribute.value];\r\n    classNameStatus = attribute.value;\r\n  } else {\r\n    Icon = icons[attribute.type];\r\n  }\r\n\r\n  if (!Icon) {\r\n    // console.log('no icon found for ', attribute.type);\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <NoBreakWrapper>\r\n      <IconWrapper className={`${classNameAttribute} ${classNameStatus}`}>\r\n        <Icon ariaHidden={true} />\r\n      </IconWrapper>\r\n      &#65279;\r\n    </NoBreakWrapper>\r\n  );\r\n};\r\n\r\nexport default AttributeIcon;\r\n","import React, { ReactNode } from 'react';\r\nimport styled from 'styled-components';\r\nimport {\r\n  AttributeType,\r\n  Attribute,\r\n  includesAttributesWithTypes\r\n} from '_utils/helpers/attributeType';\r\nimport AttributeIcon from './AttributeIcon';\r\nimport { dateConverter, getTimeEstimate, getCostEstimate } from '_utils/helpers';\r\nimport { AttributeRendererOptions } from './definitions';\r\n\r\nconst defaultOptions = {\r\n  showIcon: true,\r\n  translations: null\r\n};\r\n\r\nconst Span = styled.span``;\r\n\r\nexport function getAttributeRenderer(\r\n  attribute: Attribute,\r\n  options?: AttributeRendererOptions\r\n): () => ReactNode {\r\n  options = { ...defaultOptions, ...options };\r\n\r\n  const value = attribute?.value;\r\n\r\n  if (value === '' || value === undefined || value === null) {\r\n    return () => null;\r\n  }\r\n\r\n  switch (attribute?.type) {\r\n    case AttributeType.location: {\r\n      return () => (\r\n        <Span>\r\n          {options.showIcon && <AttributeIcon attribute={attribute} />}\r\n          {value}\r\n        </Span>\r\n      );\r\n    }\r\n\r\n    case AttributeType.capacity: {\r\n      const noun =\r\n        parseInt(value, 10) === 1\r\n          ? options.translations.capacitySingular\r\n          : options.translations.capacityPlural;\r\n      return () => `${value} ${noun}`;\r\n    }\r\n\r\n    case AttributeType.lastUpdated: {\r\n      return () => {\r\n        let date = dateConverter(value)?.visualDate;\r\n        return date\r\n          ? `${\r\n              options?.translations?.publicationLastUpdated\r\n                ? options?.translations?.publicationLastUpdated + ' '\r\n                : ''\r\n            }${date}`\r\n          : null;\r\n      };\r\n    }\r\n\r\n    case AttributeType.newsDate: {\r\n      return () => value;\r\n    }\r\n\r\n    case AttributeType.whatsOnCost: {\r\n      return () => (\r\n        <Span>\r\n          {options.showIcon && <AttributeIcon attribute={{ type: 'cost' }} />}\r\n          {value}\r\n        </Span>\r\n      );\r\n    }\r\n  }\r\n\r\n  return () => null;\r\n}\r\n\r\nexport function getMultipleAttributeRenderer(\r\n  attributes: { [key: string]: Attribute },\r\n  options?: AttributeRendererOptions\r\n): () => ReactNode {\r\n  options = { ...defaultOptions, ...options };\r\n\r\n  if (!attributes) {\r\n    return () => null;\r\n  }\r\n\r\n  if (\r\n    includesAttributesWithTypes(attributes, [AttributeType.statusName, AttributeType.statusIcon])\r\n  ) {\r\n    const statusName = attributes[AttributeType.statusName];\r\n    const statusIcon = attributes[AttributeType.statusIcon];\r\n\r\n    if (statusName && statusName.value) {\r\n      return () => (\r\n        <Span>\r\n          {!!(statusIcon && options.showIcon) && <AttributeIcon attribute={statusIcon} />}\r\n          {statusName.value}\r\n        </Span>\r\n      );\r\n    }\r\n  }\r\n\r\n  if (\r\n    includesAttributesWithTypes(attributes, [\r\n      AttributeType.timeSpecificity,\r\n      AttributeType.timeUnit,\r\n      AttributeType.timeEstimate\r\n    ])\r\n  ) {\r\n    const timeSpecificity = attributes[AttributeType.timeSpecificity]?.value || '';\r\n    const timeUnit = attributes[AttributeType.timeUnit]?.value || '';\r\n    const timeEstimate = attributes[AttributeType.timeEstimate]?.value || '';\r\n\r\n    const time = getTimeEstimate(timeSpecificity, timeUnit, timeEstimate);\r\n\r\n    if (time) {\r\n      return () => (\r\n        <Span>\r\n          <AttributeIcon attribute={{ type: 'time' }} />\r\n          {time}\r\n        </Span>\r\n      );\r\n    } else {\r\n      return null;\r\n    }\r\n  }\r\n\r\n  if (\r\n    includesAttributesWithTypes(attributes, [\r\n      AttributeType.costSpecificity,\r\n      AttributeType.costEstimate\r\n    ])\r\n  ) {\r\n    const costEstimate = attributes[AttributeType.costEstimate]?.value || '';\r\n    const costSpecificity = attributes[AttributeType.costSpecificity]?.value || '';\r\n\r\n    const cost = getCostEstimate(costSpecificity, costEstimate);\r\n\r\n    if (cost) {\r\n      return () => (\r\n        <Span>\r\n          {options.showIcon && <AttributeIcon attribute={{ type: 'cost' }} />}\r\n          {cost}\r\n        </Span>\r\n      );\r\n    }\r\n  }\r\n\r\n  return () => null;\r\n}\r\n","import getTypeFromValue from '_utils/helpers/getTypeFromValue';\r\n\r\n// note! enum values match keys sent by server\r\nexport enum ContentType {\r\n  collection = 'collection',\r\n  committee = 'committee',\r\n  focus = 'focus',\r\n  place = 'place',\r\n  profile = 'profile',\r\n  program = 'program',\r\n  project = 'project',\r\n  publication = 'publication',\r\n  service = 'service',\r\n  space = 'space'\r\n}\r\n\r\n/**\r\n * @param target either a string representation of a content type or an object containing a content type\r\n * @param key optional used to retrieve contentType value (if passing an object)\r\n */\r\nexport const getContentType = (value: string | object, key: string = 'type'): ContentType => {\r\n  return getTypeFromValue<ContentType>(ContentType, value, key);\r\n};\r\n","import React from 'react';\r\n\r\nimport { ContentType } from '_utils/helpers/contentType';\r\nimport { pickAttributeByType, AttributeType, Attribute } from '_utils/helpers/attributeType';\r\nimport { getAttributeRenderer, getMultipleAttributeRenderer } from './getAttributeRenderer';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nexport * from './getAttributeRenderer';\r\nexport * from './definitions';\r\n\r\nexport type WrapperProps = {};\r\n\r\ntype ContentTypeAttributesProps = {\r\n  attributes: any[];\r\n  contentType: ContentType;\r\n  Wrapper: React.ComponentType<WrapperProps>;\r\n};\r\n\r\nconst ContentTypeAttributes: React.FC<ContentTypeAttributesProps> = ({\r\n  attributes,\r\n  contentType,\r\n  Wrapper\r\n}) => {\r\n  const [t] = useTranslation();\r\n\r\n  let publicationLastUpdated = t('publication-related-content-last-updated-prefix');\r\n\r\n  if (publicationLastUpdated === 'publication-related-content-last-updated-prefix') {\r\n    publicationLastUpdated = '';\r\n  }\r\n\r\n  const translations = {\r\n    publicationLastUpdated,\r\n    capacitySingular: t('space-capacity-unit-singular'),\r\n    capacityPlural: t('space-capacity-unit-plural')\r\n  };\r\n\r\n  let attributeRenderers: any[] = [];\r\n\r\n  if (contentType === ContentType.project) {\r\n    const statusName = pickAttributeByType(attributes, AttributeType.statusName);\r\n    const statusIcon = pickAttributeByType(attributes, AttributeType.statusIcon);\r\n\r\n    const projectRenderer = getMultipleAttributeRenderer({\r\n      [AttributeType.statusName]: statusName,\r\n      [AttributeType.statusIcon]: statusIcon\r\n    });\r\n\r\n    attributeRenderers.push(projectRenderer);\r\n  }\r\n\r\n  attributeRenderers.push(\r\n    getAttributeRenderer(pickAttributeByType(attributes, AttributeType.location))\r\n  );\r\n\r\n  attributeRenderers.push(\r\n    getAttributeRenderer(pickAttributeByType(attributes, AttributeType.capacity), {\r\n      translations\r\n    })\r\n  );\r\n\r\n  attributeRenderers.push(\r\n    getAttributeRenderer(pickAttributeByType(attributes, AttributeType.whatsOnCost))\r\n  );\r\n\r\n  // lastUpdated can appear for other (unwanted) contentTypes - only display for publication\r\n  if (contentType === ContentType.publication) {\r\n    attributeRenderers.push(\r\n      getAttributeRenderer(pickAttributeByType(attributes, AttributeType.lastUpdated), {\r\n        translations\r\n      })\r\n    );\r\n  }\r\n\r\n  attributeRenderers.push(\r\n    getAttributeRenderer(pickAttributeByType(attributes, AttributeType.newsDate))\r\n  );\r\n\r\n  if (contentType === ContentType.service) {\r\n    const timeSpecificity: Attribute = pickAttributeByType(\r\n      attributes,\r\n      AttributeType.timeSpecificity\r\n    );\r\n    const timeUnit: Attribute = pickAttributeByType(attributes, AttributeType.timeUnit);\r\n    const timeEstimate: Attribute = pickAttributeByType(attributes, AttributeType.timeEstimate);\r\n    const costEstimate: Attribute = pickAttributeByType(attributes, AttributeType.costEstimate);\r\n    const costSpecificity: Attribute = pickAttributeByType(\r\n      attributes,\r\n      AttributeType.costSpecificity\r\n    );\r\n\r\n    const timeRenderer = getMultipleAttributeRenderer({\r\n      [AttributeType.timeSpecificity]: timeSpecificity,\r\n      [AttributeType.timeUnit]: timeUnit,\r\n      [AttributeType.timeEstimate]: timeEstimate\r\n    });\r\n\r\n    const costRenderer = getMultipleAttributeRenderer(\r\n      {\r\n        [AttributeType.costEstimate]: costEstimate,\r\n        [AttributeType.costSpecificity]: costSpecificity\r\n      },\r\n      { showIcon: timeRenderer !== null }\r\n    );\r\n\r\n    attributeRenderers.push(timeRenderer, costRenderer);\r\n  }\r\n\r\n  const renderings = attributeRenderers\r\n    .map((renderer) => (typeof renderer === 'function' ? renderer() : null))\r\n    .filter(Boolean);\r\n\r\n  if (renderings.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Wrapper>\r\n      {renderings.map((rendering, index) => (\r\n        <React.Fragment key={index}>\r\n          {index > 0 && <span role=\"presentation\"> · </span>}\r\n          {rendering}\r\n        </React.Fragment>\r\n      ))}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default ContentTypeAttributes;\r\n","import styled from 'styled-components';\r\nimport { spacing } from '_utils/props';\r\nimport { Text } from '@sitecore-jss/sitecore-jss-react';\r\nimport { heading_xl, heading_l, heading_m, heading_s, heading_xs } from '_utils/styles/';\r\nimport ContentRichText from '_components/Corporate/ContentRichText';\r\n\r\nexport const Container = styled.div``;\r\n\r\nexport const Heading = styled(Text)`\r\n  h2& {\r\n    ${heading_xl}\r\n  }\r\n\r\n  h3& {\r\n    ${heading_l}\r\n  }\r\n\r\n  h4& {\r\n    ${heading_m}\r\n  }\r\n\r\n  h5& {\r\n    ${heading_s}\r\n  }\r\n\r\n  h6& {\r\n    ${heading_xs}\r\n  }\r\n\r\n  h2&,\r\n  h3&,\r\n  h4& {\r\n    ${({ theme }) => spacing({ theme, pb: 3 })}\r\n  }\r\n\r\n  h5&,\r\n  h6& {\r\n    ${({ theme }) => spacing({ theme, pb: 2 })}\r\n  }\r\n`;\r\n\r\nexport const RichText = styled(ContentRichText)`\r\n  ${({ theme }) =>\r\n    spacing({\r\n      theme,\r\n      pb: 3\r\n    })}\r\n\r\n  > :last-child {\r\n    margin-bottom: 0;\r\n  }\r\n`;\r\n","import React from 'react';\r\nimport { Container, Heading, RichText } from './StyledHeadingWithDescription';\r\n\r\nexport type HeadingWithDescriptionProps = {\r\n  headingField: any;\r\n  descriptionField: any;\r\n  headingLevel: any;\r\n};\r\n\r\nconst HeadingWithDescription: React.FC<HeadingWithDescriptionProps> = ({\r\n  headingField,\r\n  descriptionField,\r\n  headingLevel\r\n}) => {\r\n  headingLevel = headingLevel?.value || 'h2';\r\n\r\n  return (\r\n    <Container>\r\n      {headingField && (\r\n        <Heading\r\n          tag={typeof headingLevel === 'number' ? `h${headingLevel}` : headingLevel}\r\n          field={headingField}\r\n        />\r\n      )}\r\n      {descriptionField && <RichText field={descriptionField} />}\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default HeadingWithDescription;\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Text } from '@sitecore-jss/sitecore-jss-react';\r\nimport { heading_l, heading_s, heading_m, text_xscap } from '_utils/styles/text';\r\nimport { spacing } from '_utils/props';\r\nimport { mq, svg, plainCard, restrictCardTitle } from '_utils/styles/';\r\nimport { Link } from 'react-router-dom';\r\n\r\nexport const Container = styled.div`\r\n  width: 100%;\r\n  position: relative;\r\n`;\r\n\r\nexport const ItemsListContainer = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n  overflow-x: auto;\r\n  padding-bottom: 16px;\r\n`;\r\n\r\nexport const CarouselItem = styled.div`\r\n  flex: none;\r\n  width: 224px;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${mq('md')} {\r\n    width: 288px;\r\n  }\r\n\r\n  .flickity-resize & {\r\n    top: 0;\r\n    bottom: 0;\r\n  }\r\n\r\n  & + & {\r\n    ${({ theme }) => spacing({ theme, ml: 4, mt: 0 })}\r\n  }\r\n`;\r\n\r\n// Need to remove extra props getting sent to the dom\r\n// https://github.com/styled-components/styled-components/issues/135\r\nexport const Card = styled(({ noticeEnabled, noticeLevel, noticeMessage, ...rest }) => (\r\n  <Link {...rest} />\r\n))`\r\n  ${({ theme }) => plainCard({ theme })}\r\n  width: 100%;\r\n  display: flex;\r\n\r\n  transition: ${({ theme: { motion } }) => `border ${motion.timing.default} ${motion.ease}`};\r\n  flex: 1 0 auto;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: inherit;\r\n  text-decoration: none;\r\n\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 92%;\r\n    height: 90%;\r\n    left: 50%;\r\n    bottom: 0;\r\n    transform: translateX(-50%);\r\n    box-shadow: ${({ theme }) => theme.card.boxShadow};\r\n    transition: ${({ theme: { motion } }) => `box-shadow ${motion.timing.default} ${motion.ease}`};\r\n\r\n    z-index: -1;\r\n  }\r\n\r\n  &:hover {\r\n    border: ${({ theme }) => theme.card.borderHover};\r\n\r\n    &:after {\r\n      box-shadow: ${({ theme }) => theme.card.boxShadowHover};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const CardHeader = styled.span`\r\n  display: flex;\r\n  flex: none;\r\n  flex-direction: column;\r\n`;\r\n\r\nexport const CardFooter = styled.span`\r\n  display: flex;\r\n  flex: none;\r\n  flex-direction: column;\r\n`;\r\n\r\nexport const CardSection = styled.span`\r\n  flex: 1 1 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  ${({ theme }) => spacing({ theme, p: 3 })}\r\n\r\n  .image & {\r\n    justify-content: flex-start;\r\n  }\r\n`;\r\n\r\nexport const ImageWrapper = styled.span`\r\n  .image & {\r\n    width: 100%;\r\n    display: block;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-top-left-radius: ${({ theme }) => theme.card.borderRadius - 2}px;\r\n    border-top-right-radius: ${({ theme }) => theme.card.borderRadius - 2}px;\r\n\r\n    &:before {\r\n      content: '';\r\n      display: block;\r\n      padding-bottom: 75%;\r\n    }\r\n  }\r\n\r\n  .publication &,\r\n  .focus & {\r\n    background-color: ${({ theme }) => theme.colors.background.tertiary};\r\n  }\r\n\r\n  .no-image & {\r\n    display: flex;\r\n    height: 100%;\r\n    align-items: flex-end;\r\n    background-color: transparent;\r\n    ${({ theme }) => spacing({ theme, px: 3, pt: 3 })}\r\n    &:before {\r\n      content: '';\r\n      display: block;\r\n      height: 14px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ImageContainer = styled.span`\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  img {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    font-family: 'object-fit: cover;';\r\n  }\r\n\r\n  .publication & {\r\n    /* width 75% to make container square (inside 4:3 parent) */\r\n    width: calc(75% - 32px);\r\n    height: calc(100% - 32px);\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n\r\n    &:before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: ${({ theme }) => theme.colors.dna.default};\r\n      border-radius: 50%;\r\n      @media print {\r\n        background-color: transparent;\r\n      }\r\n    }\r\n\r\n    img {\r\n      object-fit: contain;\r\n      font-family: 'object-fit: contain;';\r\n    }\r\n  }\r\n\r\n  .no-image & {\r\n    display: none;\r\n  }\r\n\r\n  .focus & {\r\n    width: calc(100% - 64px);\r\n    height: calc(100% - 48px);\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n\r\n    img {\r\n      object-fit: contain;\r\n      font-family: 'object-fit: contain;';\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Category = styled.span`\r\n  display: block;\r\n  ${text_xscap}\r\n  margin: 0;\r\n  ${({ theme }) => spacing({ theme, mb: 1 })}\r\n  color: ${({ theme }) => theme.card.secondary};\r\n`;\r\n\r\nexport const Title = styled(Text)`\r\n  ${restrictCardTitle}\r\n\r\n  ${Card}:hover & {\r\n    color: ${({ theme }) => theme.colors.element.tertiary};\r\n    text-decoration: underline;\r\n  }\r\n\r\n  ${heading_s}\r\n\r\n  .no-image & {\r\n    ${heading_l}\r\n  }\r\n\r\n  ${mq('md')} {\r\n    ${heading_m}\r\n\r\n    .no-image & {\r\n      ${heading_l}\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AttributesWrapper = styled.span`\r\n  margin: 8px 0;\r\n  display: block;\r\n`;\r\n\r\nexport const AttributesIcon = styled.span`\r\n  align-self: flex-start;\r\n  flex: none;\r\n`;\r\n\r\nexport const LinkIconContainer = styled.span`\r\n  display: flex;\r\n  height: 100%;\r\n  align-items: flex-end;\r\n  ${({ theme }) => spacing({ theme, px: 3, pb: 3 })}\r\n`;\r\n\r\nexport const ArrowWrapper = styled.span`\r\n  ${svg(14, 14)}\r\n  width: 14px;\r\n\r\n  ${mq('md')} {\r\n    width: 19px;\r\n  }\r\n\r\n  path {\r\n    fill: ${({ theme }) => theme.card.action};\r\n\r\n    ${Card}:hover & {\r\n      fill: ${({ theme }) => theme.card.actionHover};\r\n    }\r\n  }\r\n`;\r\n","import React from 'react';\r\nimport { convertSrcJss } from '_utils/media';\r\nimport { Image } from '@sitecore-jss/sitecore-jss-react';\r\nimport Arrow from '_utils/icons/Arrow';\r\nimport External from '_utils/icons/External';\r\nimport NavLink from '../NavItem';\r\nimport { getContentType } from '_utils/helpers/contentType';\r\nimport { isContentful, resizeContentfulImage } from '_utils/helpers/image';\r\nimport { getLink } from '_utils/helpers/link';\r\nimport { imagePlaceholderSrc } from '_utils/styles';\r\nimport ContentTypeAttributes from '_utils/components/Corporate/ContentTypeAttributes';\r\nimport { withEditMode, withEditModeNotice } from '_containers/BaseComponent';\r\n\r\nimport { Item as ItemProps } from './definitions';\r\n\r\nimport {\r\n  ArrowWrapper,\r\n  Card,\r\n  CardHeader,\r\n  CardSection,\r\n  CardFooter,\r\n  Category,\r\n  Title,\r\n  AttributesWrapper,\r\n  LinkIconContainer,\r\n  ImageWrapper,\r\n  ImageContainer\r\n} from './StyledRelatedContent';\r\n\r\nconst ItemContainer = withEditModeNotice(NavLink);\r\n\r\nconst renderImage = (field, editMode) => {\r\n  if (editMode) {\r\n    return <Image field={field} />;\r\n  }\r\n\r\n  if (field === null || Boolean(field?.value?.src) === false) {\r\n    return null;\r\n  }\r\n\r\n  let resizeImage;\r\n\r\n  const internal = field?.value?.src?.startsWith('/');\r\n\r\n  if (isContentful(field.value.src)) {\r\n    resizeImage = resizeContentfulImage(field?.value?.src, { width: 640 });\r\n  } else if (internal) {\r\n    resizeImage = convertSrcJss(field.value.src) + '?mw=640';\r\n  } else {\r\n    resizeImage = field.value.src;\r\n  }\r\n\r\n  return (\r\n    <img\r\n      src={imagePlaceholderSrc}\r\n      data-src={resizeImage}\r\n      alt={field.value.alt}\r\n      className=\"lazyload\"\r\n    />\r\n  );\r\n};\r\n\r\nconst RelatedItem: React.FC<ItemProps> = ({\r\n  id,\r\n  image,\r\n  link,\r\n  type,\r\n  title,\r\n  primaryCategory,\r\n  attributes,\r\n  valid,\r\n  editMode,\r\n  description\r\n}) => {\r\n  const contentType = getContentType(type);\r\n\r\n  let img = renderImage(image, editMode);\r\n\r\n  let cardClass = [];\r\n\r\n  cardClass.push(contentType);\r\n\r\n  cardClass.push(img ? 'image' : 'no-image');\r\n\r\n  const linkObject = getLink(link);\r\n\r\n  return (\r\n    <ItemContainer\r\n      StyledLink={Card}\r\n      ariaLabelledBy={`title-${id}`}\r\n      link={linkObject}\r\n      className={cardClass.join(' ')}\r\n      noticeEnabled={editMode && !valid}\r\n      noticeLevel=\"warning\"\r\n      noticeMessage={'Link and title not set, item will not display'}\r\n      description={description}\r\n    >\r\n      <CardHeader>\r\n        <ImageWrapper>\r\n          <ImageContainer>{img}</ImageContainer>\r\n        </ImageWrapper>\r\n      </CardHeader>\r\n      <CardSection>\r\n        {primaryCategory && <Category>{primaryCategory}</Category>}\r\n        <Title tag=\"span\" field={{ value: title }} id={`title-${id}`} />\r\n        <ContentTypeAttributes\r\n          attributes={attributes}\r\n          contentType={contentType}\r\n          Wrapper={AttributesWrapper}\r\n        />\r\n      </CardSection>\r\n      <CardFooter>\r\n        {linkObject !== null && (\r\n          <LinkIconContainer>\r\n            <ArrowWrapper>\r\n              {linkObject.type !== 'external' && <Arrow ariaHidden={true} />}\r\n              {linkObject.type === 'external' && <External ariaHidden={true} />}\r\n            </ArrowWrapper>\r\n          </LinkIconContainer>\r\n        )}\r\n      </CardFooter>\r\n    </ItemContainer>\r\n  );\r\n};\r\n\r\nexport default withEditMode(RelatedItem);\r\n","import React from 'react';\r\nimport { compose } from 'ramda';\r\n\r\nimport { withEditMode, withEditModeNotice } from '_containers/BaseComponent';\r\nimport { Grid } from '_utils/components/Corporate';\r\nimport { Carousel } from '_utils/components/Corporate';\r\nimport Section, { BackgroundColors } from '_utils/components/Corporate/Section';\r\nimport HeadingWithDescription from '_utils/components/Corporate/HeadingWithDescription';\r\n\r\nimport { RelatedContentProps } from './definitions';\r\n\r\nimport { CarouselItem, ItemsListContainer } from './StyledRelatedContent';\r\n\r\nimport RelatedItem from './RelatedItem';\r\n\r\nconst EmptyList = compose(withEditModeNotice)(Carousel);\r\nconst RelatedItems = ({ editMode, relatedItems, id }) => {\r\n  if (!editMode) {\r\n    return (\r\n      <Carousel key={id} flickityOptions={{ groupCells: true, cellAlign: 'left' }}>\r\n        {relatedItems.map((props, index) => {\r\n          return (\r\n            <CarouselItem key={`${id}_${index}`}>\r\n              <RelatedItem {...props} editMode={editMode} />\r\n            </CarouselItem>\r\n          );\r\n        })}\r\n      </Carousel>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <ItemsListContainer>\r\n      {relatedItems.map((props, index) => (\r\n        <CarouselItem key={`${id}_${index}`}>\r\n          <RelatedItem {...props} editMode={editMode} />\r\n        </CarouselItem>\r\n      ))}\r\n    </ItemsListContainer>\r\n  );\r\n};\r\n\r\nconst RelatedContent: React.FC<RelatedContentProps> = ({ rendering, editMode, fields }) => {\r\n  if (fields?.data?.datasource === null) {\r\n    if (editMode) {\r\n      return (\r\n        <Section sectionTheme={BackgroundColors['Light beige']} className=\"hide-on-print\">\r\n          <Grid.Container>\r\n            <EmptyList noticeEnabled={true} noticeMessage={`Carousel has no datasource`} />\r\n          </Grid.Container>\r\n        </Section>\r\n      );\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  const {\r\n    items,\r\n    heading: { jss: heading },\r\n    headingLevel: { jss: headingLevel },\r\n    description: { jss: description }\r\n  } = fields.data.datasource;\r\n\r\n  const validItems =\r\n    // add valid key for use down the pipe\r\n    items && items.length\r\n      ? items\r\n          .map((item) => ({\r\n            ...item,\r\n            valid: item.title !== null && item.link !== null\r\n          }))\r\n          .filter(({ valid }) => {\r\n            return editMode || valid;\r\n          })\r\n      : [];\r\n\r\n  if (!editMode && validItems.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  const id = rendering?.dataSource || '' + Math.random();\r\n\r\n  return (\r\n    <Section sectionTheme={BackgroundColors['Light beige']} className=\"hide-on-print\">\r\n      <Grid.Container>\r\n        {Boolean(heading || description) && (\r\n          <HeadingWithDescription\r\n            headingField={heading}\r\n            descriptionField={description}\r\n            headingLevel={headingLevel}\r\n          />\r\n        )}\r\n        {validItems.length > 0 ? (\r\n          <RelatedItems relatedItems={validItems} editMode={editMode} id={id} />\r\n        ) : (\r\n          <EmptyList noticeEnabled={true} noticeMessage={`Carousel contains no items`} />\r\n        )}\r\n      </Grid.Container>\r\n    </Section>\r\n  );\r\n};\r\n\r\nexport default compose(withEditMode)(RelatedContent);\r\n"],"sourceRoot":""}