{"version":3,"sources":["utils/components/Corporate/ShowMore/StyledShowMore.ts","utils/components/Corporate/ShowMore/index.tsx","components/Corporate/Divider/StyledDivider.ts","components/Corporate/FeatureList/StyledFeatureList.ts","utils/icons/Tick.tsx","components/Corporate/FeatureList/index.tsx"],"names":["Button","styled","button","buttonAsLinkReset","linkWithoutVisited","safeFocusRemoval","focusOutline","text_s","hideOnPrint","ArrowWrapper","span","svg","theme","colors","element","white","iconColorOnPrint","primary","ShowMore","onClick","title","count","label","useState","showingMore","setShowingMore","e","aria-expanded","role","ScreenReader","ariaHidden","EditorWrapper","div","spacing","py","Rule","my","color","Container","article","Heading","h2","heading_m","mt","mb","List","Grid","Row","PrimaryContainer","mq","lessThan","FeatureListItem","Item","ShowMoreItem","FeatureTitle","h3","heading_s","FeatureDescription","p","quaternary","FeatureIconPosition","FeatureIconContainer","FeatureTickWrapper","featureList","tick","FeatureCrossWrapper","cross","withSvg","d","MissingDataSource","compose","withEditModeNotice","featuresTheme","Theme","grid","gutter","size","xs","directions","FeatureListUl","features","editMode","primaryFeatures","slice","secondaryFeatures","length","canShowMore","setCanShowMore","useTranslation","t","as","map","data","index","key","config","col","hide","FeatureItem","props","isIncluded","value","throwInDev","getIncluded","availability","jss","fields","displayName","description","className","md","Tick","Cross","ContentRichText","tag","field","withEditMode","rendering","featuresItems","datasource","featureItems","noticeEnabled","noticeMessage","EditContainer","noticeLevel","id","dataSource","Math","random","gutters","editable"],"mappings":"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","file":"static/js/FeatureList.d1ec851c.chunk.js","sourcesContent":["import styled from 'styled-components';\r\nimport {\r\n  buttonAsLinkReset,\r\n  focusOutline,\r\n  linkWithoutVisited,\r\n  safeFocusRemoval,\r\n  svg,\r\n  text_s,\r\n  hideOnPrint,\r\n  iconColorOnPrint\r\n} from '../../../styles';\r\n\r\nexport const Button = styled.button`\r\n  ${buttonAsLinkReset}\r\n  ${linkWithoutVisited}\r\n  &:focus {\r\n    ${safeFocusRemoval}\r\n    ${focusOutline}\r\n  }\r\n  ${text_s}\r\n  padding-right: 4px;\r\n  margin: 0;\r\n  ${hideOnPrint}\r\n`;\r\n\r\nexport const ArrowWrapper = styled.span`\r\n  ${svg(7, 12)}\r\n  margin-left: 8px;\r\n  width: 7px;\r\n  transform: rotate(90deg);\r\n\r\n  ${Button}:focus &,\r\n  ${Button}:hover & {\r\n    path {\r\n      fill: ${({ theme }) => theme.colors.element.white};\r\n      ${iconColorOnPrint}\r\n    }\r\n  }\r\n\r\n  path {\r\n    fill: ${({ theme }) => theme.colors.element.primary};\r\n  }\r\n`;\r\n","import React, { useState } from 'react';\r\nimport { Button, ArrowWrapper } from './StyledShowMore';\r\nimport { SimpleArrow } from '_utils/icons';\r\nimport ScreenReader from '_utils/components/Corporate/ScreenReader';\r\n\r\nfunction ShowMore({ onClick, title, count, label = 'Show more' }) {\r\n  const [showingMore, setShowingMore] = useState(false);\r\n\r\n  return (\r\n    <Button\r\n      onClick={(e) => {\r\n        setShowingMore(true);\r\n        onClick(e);\r\n      }}\r\n      aria-expanded={showingMore}\r\n    >\r\n      {/* eslint-disable-next-line jsx-a11y/aria-role */}\r\n      <span role=\"text\">\r\n        {label} <ScreenReader>{title + ' '}</ScreenReader>({count})\r\n      </span>\r\n      <ArrowWrapper>\r\n        <SimpleArrow ariaHidden={true} />\r\n      </ArrowWrapper>\r\n    </Button>\r\n  );\r\n}\r\n\r\nexport default ShowMore;\r\n","import styled from 'styled-components';\r\nimport { spacing } from '_utils/props';\r\nimport color from '_utils/styles/color';\r\n\r\nexport const EditorWrapper = styled.div`\r\n  ${({ theme }) => spacing({ theme, py: 2 })}\r\n  /* invis border helps editor size calc */\r\n  border: 1px solid transparent;\r\n`;\r\n\r\nexport const Rule = styled.div`\r\n  margin: 0;\r\n  ${({ theme }) => spacing({ theme, my: 7 })}\r\n  height: 1px;\r\n  box-shadow: inset 0px -1px 0px ${color('all.deepBlueTint15')};\r\n  ${EditorWrapper} & {\r\n    margin: 0;\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\nimport { spacing } from '_utils/props';\r\nimport {\r\n  svg,\r\n  heading_m,\r\n  heading_s,\r\n  text_s,\r\n  buttonAsLinkReset,\r\n  linkWithoutVisited,\r\n  safeFocusRemoval,\r\n  focusOutline,\r\n  mq,\r\n  hideOnPrint,\r\n  iconColorOnPrint\r\n} from '_utils/styles';\r\nimport Grid from '_utils/components/Corporate/Grid';\r\nimport { Primary as PrimaryContainer } from '../TwoColumn/StyledTwoColumn';\r\nimport { Rule } from '_components/Corporate/Divider/StyledDivider';\r\nimport color from '_utils/styles/color';\r\n\r\nexport const Container = styled.article`\r\n    & + & {\r\n      margin-top: 20px; // spacing added by <Divider />\r\n      &::before{\r\n        margin: 0;\r\n        ${({ theme }) => spacing({ theme, my: 7 })}\r\n        box-shadow: inset 0px -1px 0px ${color('all.deepBlueTint15')};\r\n        content:\"\";\r\n        height:1px;\r\n        display: block;\r\n      }\r\n    }\r\n    @media print {\r\n        page-break-inside: avoid;\r\n    }\r\n  `;\r\n\r\nexport const Heading = styled.h2`\r\n  ${heading_m}\r\n  line-height: 1;\r\n  ${({ theme }) => spacing({ theme, mt: 0, mb: 3 })};\r\n`;\r\n\r\nexport const List = styled(Grid.Row)`\r\n  list-style: none;\r\n  padding: 0;\r\n\r\n  /* force single column layout when in the lhs of\r\n       a 2-col layout when less than desktop */\r\n  ${PrimaryContainer} & {\r\n    ${mq.lessThan('lg')} {\r\n      li {\r\n        flex: 0 0 100%;\r\n        max-width: 100%;\r\n      }\r\n    }\r\n    li {\r\n      @media print {\r\n        display: block;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Divider = styled(Rule)``;\r\n\r\nexport const FeatureListItem = styled(Grid.Item)`\r\n  display: block;\r\n\r\n  &.is-hidden {\r\n    display: none;\r\n  }\r\n\r\n  ${hideOnPrint}\r\n`;\r\n\r\nexport const ShowMoreItem = styled(Grid.Item)`\r\n  ${hideOnPrint}\r\n`;\r\n\r\nexport const FeatureTitle = styled.h3`\r\n  ${heading_s}\r\n  margin: 0;\r\n  padding-left: 32px;\r\n  margin-bottom: 4px;\r\n`;\r\n\r\nexport const FeatureDescription = styled.p`\r\n  ${text_s}\r\n  margin-top: 4px;\r\n  padding-left: 32px;\r\n  margin-bottom: 0;\r\n  & + & {\r\n    margin-top: 16px;\r\n  }\r\n  color: ${({ theme }) => theme.colors.element.quaternary};\r\n`;\r\n\r\nexport const FeatureIconPosition = styled.span`\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n  position: relative;\r\n`;\r\n\r\nexport const FeatureIconContainer = styled.span`\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0px;\r\n  width: 24px;\r\n  height: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  ${mq('md')} {\r\n    top: 2px;\r\n  }\r\n`;\r\n\r\nexport const FeatureTickWrapper = styled.span`\r\n  ${svg(16, 12)}\r\n  width: 14px;\r\n  flex: none;\r\n  path {\r\n    fill: ${({ theme }) => theme.colors.featureList.tick};\r\n  }\r\n`;\r\n\r\nexport const FeatureCrossWrapper = styled.span`\r\n  ${svg(14, 14)}\r\n  width: 12px;\r\n  flex: none;\r\n  path {\r\n    fill: ${({ theme }) => theme.colors.featureList.cross};\r\n  }\r\n`;\r\n\r\nexport const ShowMore = styled.button`\r\n  ${buttonAsLinkReset}\r\n  ${linkWithoutVisited}\r\n    &:focus {\r\n    ${safeFocusRemoval}\r\n    ${focusOutline}\r\n  }\r\n  ${text_s}\r\n  padding-right: 4px;\r\n  margin: 0;\r\n`;\r\n\r\nexport const ArrowWrapper = styled.span`\r\n  ${svg(7, 12)}\r\n  margin-left: 8px;\r\n  width: 7px;\r\n  transform: rotate(90deg);\r\n\r\n  ${ShowMore}:focus &,\r\n  ${ShowMore}:hover & {\r\n    path {\r\n      fill: ${({ theme }) => theme.colors.element.white};\r\n      ${iconColorOnPrint}\r\n    }\r\n  }\r\n\r\n  path {\r\n    fill: ${({ theme }) => theme.colors.element.primary};\r\n  }\r\n`;\r\n","import React from 'react';\r\nimport { withSvg } from './Svg';\r\n\r\nconst SvgTick = () => (\r\n  <path d=\"M14.71 1.21C14.617 1.11627 14.5064 1.04188 14.3846 0.991107C14.2627 0.940338 14.132 0.9142 14 0.9142C13.868 0.9142 13.7373 0.940338 13.6154 0.991107C13.4936 1.04188 13.383 1.11627 13.29 1.21L5.84 8.67L2.71 5.53C2.61348 5.43676 2.49954 5.36345 2.37469 5.31424C2.24983 5.26504 2.11651 5.24091 1.98233 5.24323C1.84814 5.24555 1.71574 5.27428 1.59266 5.32777C1.46958 5.38126 1.35824 5.45848 1.265 5.555C1.17176 5.65152 1.09845 5.76546 1.04925 5.89032C1.00004 6.01517 0.975912 6.1485 0.978234 6.28268C0.980555 6.41686 1.00928 6.54927 1.06278 6.67234C1.11627 6.79542 1.19348 6.90676 1.29 7L5.13 10.84C5.22297 10.9337 5.33357 11.0081 5.45543 11.0589C5.57729 11.1097 5.70799 11.1358 5.84 11.1358C5.97202 11.1358 6.10272 11.1097 6.22458 11.0589C6.34644 11.0081 6.45704 10.9337 6.55 10.84L14.71 2.68C14.8115 2.58636 14.8925 2.4727 14.9479 2.3462C15.0033 2.21971 15.0319 2.0831 15.0319 1.945C15.0319 1.8069 15.0033 1.67029 14.9479 1.54379C14.8925 1.41729 14.8115 1.30364 14.71 1.21Z\" />\r\n);\r\n\r\nexport default withSvg(16, 12)(SvgTick);\r\n","import React, { useState } from 'react';\r\nimport styled, { ThemeProvider } from 'styled-components';\r\nimport { withEditMode, withEditModeNotice } from '_containers/BaseComponent';\r\nimport { ITheme } from '_containers/Theme';\r\nimport { useTranslation } from 'react-i18next';\r\nimport Theme from '_containers/Theme/theme';\r\n\r\nimport { compose } from 'ramda';\r\nimport { Text } from '@sitecore-jss/sitecore-jss-react';\r\n\r\nimport {\r\n  Container,\r\n  Heading,\r\n  List,\r\n  FeatureListItem,\r\n  ShowMoreItem,\r\n  FeatureTitle,\r\n  FeatureDescription,\r\n  FeatureIconContainer,\r\n  FeatureTickWrapper,\r\n  FeatureCrossWrapper,\r\n  FeatureIconPosition\r\n} from './StyledFeatureList';\r\n\r\nimport Tick from '_utils/icons/Tick';\r\nimport Cross from '_utils/icons/Cross';\r\n\r\n// import data from './mockFeatures.json';\r\nimport Grid from '_utils/components/Corporate/Grid';\r\nimport ScreenReader from '_utils/components/Corporate/ScreenReader';\r\nimport { throwInDev } from '_utils/helpers/dev';\r\nimport ContentRichText from '../ContentRichText';\r\n\r\nimport ShowMore from '_utils/components/Corporate/ShowMore';\r\n\r\nconst MissingDataSource = compose(withEditModeNotice)(styled.div``);\r\n\r\ntype FeatureData = {\r\n  title: string;\r\n  description?: string;\r\n  included?: boolean;\r\n};\r\n\r\nconst featuresTheme: ITheme = {\r\n  ...Theme,\r\n  grid: {\r\n    ...Theme.grid,\r\n    gutter: {\r\n      size: {\r\n        xs: 16\r\n      },\r\n      directions: ['left', 'right', 'top', 'bottom']\r\n    }\r\n  }\r\n};\r\n\r\nconst getIncluded = (value) => {\r\n  switch (value) {\r\n    case 'Yes':\r\n      return true;\r\n    case 'No':\r\n      return false;\r\n    case 'Not applicable':\r\n    case '':\r\n      return null;\r\n    default:\r\n      throwInDev('unrecognized feature list included value ' + value);\r\n  }\r\n};\r\n\r\nconst FeatureListUl = ({ title, features, editMode }) => {\r\n  const primaryFeatures: FeatureData[] = editMode ? features : features.slice(0, 4);\r\n  const secondaryFeatures: FeatureData[] = editMode ? [] : features.slice(4);\r\n  const [canShowMore, setCanShowMore] = useState(\r\n    !editMode && secondaryFeatures && secondaryFeatures.length > 0\r\n  );\r\n  const [showingMore, setShowingMore] = useState(false);\r\n  const [t] = useTranslation();\r\n\r\n  return (\r\n    <List as=\"ul\">\r\n      {primaryFeatures.map((data, index) => (\r\n        <FeatureItem key={`primary-feature-${index}`} data={data} />\r\n      ))}\r\n      {canShowMore && (\r\n        <ShowMoreItem as=\"li\" config={{ col: { xs: 12 } }}>\r\n          <ShowMore\r\n            title={title}\r\n            label={t('feature-list-show-more-label')}\r\n            count={secondaryFeatures.length}\r\n            onClick={() => {\r\n              setShowingMore(true);\r\n              setCanShowMore(false);\r\n            }}\r\n          />\r\n        </ShowMoreItem>\r\n      )}\r\n      {secondaryFeatures.map((data: FeatureData, index) => (\r\n        <FeatureItem\r\n          editMode={editMode}\r\n          hide={!showingMore}\r\n          key={`secondary-feature-${index}`}\r\n          data={data}\r\n        />\r\n      ))}\r\n    </List>\r\n  );\r\n};\r\n\r\nconst FeatureItem = (props) => {\r\n  const [t] = useTranslation();\r\n  const isIncluded = getIncluded(props.data?.availability?.value);\r\n  const hide = props.hide;\r\n  const editMode = false;\r\n  const title = props.data?.title?.jss?.fields?.displayName?.value;\r\n  const description = props.data?.description?.jss?.value;\r\n  return (\r\n    <FeatureListItem\r\n      className={hide ? 'is-hidden' : ''}\r\n      as=\"li\"\r\n      config={{ col: { xs: 12, md: 6 } }}\r\n    >\r\n      {isIncluded !== null && (\r\n        <FeatureIconPosition>\r\n          <FeatureIconContainer>\r\n            {isIncluded === true && (\r\n              <FeatureTickWrapper>\r\n                <Tick ariaHidden={true} />\r\n              </FeatureTickWrapper>\r\n            )}\r\n            {isIncluded === false && (\r\n              <FeatureCrossWrapper>\r\n                <Cross ariaHidden={true} />\r\n              </FeatureCrossWrapper>\r\n            )}\r\n          </FeatureIconContainer>\r\n        </FeatureIconPosition>\r\n      )}\r\n      {editMode ? (\r\n        <Text field={{ value: title }} editable={true} />\r\n      ) : (\r\n        <FeatureTitle>\r\n          {title}\r\n          {isIncluded === true && (\r\n            <ScreenReader> {t('feature-list-accessible-included-suffix')}</ScreenReader>\r\n          )}\r\n          {isIncluded === false && (\r\n            <ScreenReader> {t('feature-list-accessible-excluded-suffix')}</ScreenReader>\r\n          )}\r\n        </FeatureTitle>\r\n      )}\r\n      {description && (\r\n        <FeatureDescription>\r\n          <ContentRichText tag=\"span\" field={{ value: description }} />\r\n        </FeatureDescription>\r\n      )}\r\n    </FeatureListItem>\r\n  );\r\n};\r\n\r\nconst FeatureList = (props) => {\r\n  const { editMode, rendering } = props;\r\n  const featuresItems = rendering?.fields?.data?.datasource?.featureItems;\r\n  if (editMode) {\r\n    if (!featuresItems) {\r\n      return (\r\n        <MissingDataSource\r\n          noticeEnabled={true}\r\n          noticeMessage={`Features List has no data source`}\r\n        />\r\n      );\r\n    }\r\n\r\n    if (!featuresItems.length) {\r\n      const EditContainer = compose(withEditModeNotice)(styled.div``);\r\n      return (\r\n        <EditContainer\r\n          noticeEnabled\r\n          noticeLevel=\"warning\"\r\n          noticeMessage={'Features List component has no items and will not be displayed'}\r\n        />\r\n      );\r\n    }\r\n  }\r\n  if (!featuresItems || !featuresItems.length) {\r\n    return null;\r\n  }\r\n  const title = rendering?.fields?.data?.datasource?.title?.jss?.value; //will be overridden\r\n\r\n  const id = rendering?.dataSource || '' + Math.random();\r\n\r\n  return (\r\n    <Container key={id}>\r\n      <ThemeProvider theme={featuresTheme}>\r\n        {title && (\r\n          <Grid.Row config={{ gutters: ['left', 'right'] }}>\r\n            <Grid.Item config={{ gutters: ['left', 'right'] }}>\r\n              {editMode ? (\r\n                <Heading>\r\n                  <Text field={rendering?.fields?.data?.datasource?.title.jss} editable={true} />\r\n                </Heading>\r\n              ) : (\r\n                <Heading>{title}</Heading>\r\n              )}\r\n            </Grid.Item>\r\n          </Grid.Row>\r\n        )}\r\n        <FeatureListUl title={title} features={featuresItems} editMode={editMode} />\r\n      </ThemeProvider>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default compose(withEditMode)(FeatureList);\r\n"],"sourceRoot":""}