{"version":3,"sources":["webpack:///./domain/constants/dimension.ts","webpack:///./presentation/components/ribbons/centerfold/Image.tsx","webpack:///./presentation/components/ribbons/centerfold/Image.stylesheet.ts","webpack:///./presentation/components/ribbons/centerfold/Centerfold.tsx","webpack:///./presentation/components/ribbons/centerfold/Centerfold.stylesheet.ts","webpack:///./presentation/components/ribbons/centerfold/index.ts"],"names":["Dimension","PureImage","image","layout","styles","theme","useTheme","aspect","preserveDimension","HEIGHT","flipped","constrainImage","isMinSm","useBreakpoints","spacing","useStyles","default","position","fullBackground","width","maxWidth","minSmFullBackground","root","paddingTop","top","right","bottom","left","height","objectFit","objectPosition","focus","flippedFullBackground","constrained","constrainedXs","gu2px","useStylesheet","currentLanguage","useSelector","getCurrentLanguage","alt","createImageAlt","imageUrl","url","imgSrc","urlLanguageParse","style","loading","src","displayName","visibilitySet","errorBoundary","id","name","text","colorway","hBaseline","title","body","ctas","subtitle","precursor","breakpoints","isMinMd","isMinLg","isMinXl","activeImage","findResponsiveItem","activeAnchor","flexAnchors","Anchor","CENTER","anchor","supportNull","flowDirection","Direction","ROW","ROW_REVERSE","setDirection","offset","needsOffset","setOffset","hasTitle","isNilOrEmpty","hasBody","hasCta","hasSubtitle","hasPrecursor","typography","alignment","activeHeight","array","getActiveFromArray","transitionHeight","flex","flexBasis","paddingBottom","minHeight","color","getTitleColor","content","getBodyColor","marginTop","overflow","ribbonPadding","heightAnchor","display","marginRight","flippedSm","marginLeft","flippedLg","multipleCtas","action","modifier","Alignment","textAlign","justifyContent","Array","isArray","length","Ribbon","flush","type","vblock","direction","xs","sm","offsetXs","align","component","Shortcode","code","against","depth","map","cta","i","key","CallToAction","getAgainst","ribbonId","index","block","Centerfold"],"mappings":"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","file":"pex-static/40/20.a1b85d55276f392b43f1.chunk.js","sourcesContent":["export enum Dimension {\n  WIDTH = 'WIDTH',\n  HEIGHT = 'HEIGHT',\n}\n\nexport default null;","import React from 'react';\nimport createImageAlt from 'presentation/utils/createImageAlt';\nimport useStylesheet from './Image.stylesheet';\nimport urlLanguageParse from 'presentation/utils/urlLanguageParse';\nimport { Layout } from 'domain/constants/layout';\nimport { Image } from './Centerfold';\nimport { getCurrentLanguage } from 'domain/selectors/ribbons';\nimport { useSelector } from 'react-redux';\n\nexport interface OuterProps {\n  image: Image;\n  layout: Layout;\n}\n\nexport const PureImage = ({ image, layout }: OuterProps) => {\n  const { styles } = useStylesheet({\n    image,\n    layout,\n  });\n\n  const currentLanguage = useSelector(getCurrentLanguage);\n\n  const alt = createImageAlt({ imageUrl: image.url });\n\n  const imgSrc = urlLanguageParse(image.url, currentLanguage);\n\n  return (\n    <div style={styles.root}>\n      <img\n        loading=\"lazy\"\n        src={imgSrc}\n        style={styles.image}\n        alt={alt}\n      />\n    </div>\n  );\n};\n\nPureImage.displayName = 'CenterfoldImage';\n\nexport default PureImage;\n","import { useStyles } from '@team-griffin/stylr';\nimport { Dimension } from 'domain/constants/dimension';\nimport { gu2px, useTheme } from '@ux/theme-utils';\nimport { OuterProps } from './Image';\nimport { useBreakpoints } from '@ux/responsive';\n\nexport default ({ image, layout }: OuterProps) => {\n  const { theme } = useTheme();\n  // preserving image height uses contain, so the image always fits in\n  // otherwise fill available width with cover\n  const aspect = image.preserveDimension === Dimension.HEIGHT ? 'contain' : 'cover';\n\n  // calcuate as proportion of a 12 col grid\n  // const imageOffset = percentage(100 - (proportions[1] / 12) * 100);\n  const imageOffset = '50%';\n  const { flipped, constrainImage } = layout;\n  const { isMinSm } = useBreakpoints();\n  const { spacing } = theme;\n  return useStyles(\n    {\n      default: {\n        image: {\n          position: 'static',\n        },\n      },\n      fullBackground: {\n        image: {\n          width: '100%',\n          maxWidth: '100%',\n        },\n      },\n      minSmFullBackground: {\n        root: {\n          paddingTop: 0,\n          position: 'static',\n        },\n        image: {\n          position: 'absolute',\n          top: 0,\n          right: 0,\n          bottom: 0,\n          left: imageOffset,\n          width: `calc(100% - ${imageOffset})`,\n          height: '100%',\n          objectFit: aspect,\n          objectPosition: image.focus,\n        },\n      },\n\n      flippedFullBackground: {\n        image: {\n          right: imageOffset,\n          left: 0,\n        },\n      },\n\n      constrained: {\n        root: {\n          height: '100%',\n        },\n        image: {\n          position: 'absolute',\n          width: '100%',\n          height: '100%',\n          objectFit: aspect,\n          objectPosition: image.focus,\n        },\n      },\n\n      constrainedXs: {\n        image: {\n          position: 'static',\n        },\n        root: {\n          paddingTop: gu2px(1, spacing),\n        },\n      },\n    },\n    [\n      { fullBackground: !constrainImage },\n      { minSmFullBackground: isMinSm && !constrainImage },\n      { flippedFullBackground: flipped && isMinSm && !constrainImage },\n      { constrained: constrainImage },\n      { constrainedXs: constrainImage && !isMinSm },\n      //memoisation bypass\n      { image },\n    ],\n  );\n};\n","import React, { ComponentType } from 'react';\nimport { Container, Row, Column, Direction } from '@ux/grid';\nimport { Heading02, BodyCopy01, PreHeading01, SubHeading01 } from '@ux/typography';\nimport Shortcode, { ShortcodeProps } from 'components/Shortcode';\nimport Ribbon from 'components/ribbons/Ribbon';\nimport CallToAction from 'components/common/CallToAction';\nimport PaddingBox from '@ux/padding-box';\nimport CenterfoldImage from './Image';\nimport { useBreakpoints } from '@ux/responsive';\nimport findResponsiveItem from 'presentation/utils/findResponsiveItem';\nimport visibilitySet from 'presentation/hocs/visibilitySet';\nimport errorBoundary from 'presentation/hocs/errorBoundary';\nimport { getAgainst } from 'presentation/utils/colorway';\nimport flexAnchors from 'presentation/utils/flexAnchors';\nimport { Anchor } from 'domain/constants/anchor';\nimport useStylesheet from './Centerfold.stylesheet';\nimport { RibbonProps } from 'domain/constants/ribbons';\nimport { Dimension } from 'domain/constants/dimension';\nimport { CTA } from 'core/ribbons/cta';\nimport { isNilOrEmpty } from 'presentation/utils/generalUtils';\nimport { Layout } from 'domain/constants/layout';\n\nconst setDirection = (layout: Layout) => {\n  if (layout.constrainImage) {\n    if (layout.flipped) {\n      return Direction.ROW;\n    }\n    return Direction.ROW_REVERSE;\n  }\n  return null;\n};\n\nconst needsOffset = (layout: Layout, isMinSm: boolean) => layout.flipped && isMinSm;\n\nconst setOffset = (layout: Layout) => layout.constrainImage ? 0 : 6;\n\ntype Text = {\n  title: ShortcodeProps,\n  body: ShortcodeProps,\n  ctas: CTA[],\n  subtitle?: ShortcodeProps,\n  precursor?: ShortcodeProps,\n};\n\nexport type Image = {\n  url: string,\n  focus: string,\n  preserveDimension?: Dimension,\n};\n\nexport interface OuterProps extends RibbonProps {\n  text: Text,\n  image: Image[],\n}\n\nexport const PureCenterfold = ({\n  id,\n  theme,\n  loading,\n  name,\n  text,\n  layout,\n  colorway,\n  hBaseline = 1,\n  image,\n}: OuterProps) => {\n  const {\n    title,\n    body,\n    ctas,\n    subtitle,\n    precursor,\n  } = text || {};\n\n  const {\n    constrainImage,\n  } = layout;\n\n  const breakpoints = useBreakpoints();\n\n  const {\n    isMinSm,\n    isMinMd,\n    isMinLg,\n    isMinXl,\n  } = breakpoints;\n\n  const activeImage = findResponsiveItem(\n    breakpoints,\n    image,\n  ) as Image;\n\n  const activeAnchor = findResponsiveItem(\n    breakpoints,\n    flexAnchors([ Anchor.CENTER, null, null ], layout.anchor),\n    {\n      supportNull: true,\n    },\n  );\n\n  const flowDirection = isMinSm === true ? setDirection(layout) : null;\n\n  const offset = needsOffset(layout, isMinSm) ? setOffset(layout) : null;\n\n  const hasTitle = !isNilOrEmpty(title);\n  const hasBody = !isNilOrEmpty(body);\n  const hasCta = !isNilOrEmpty(ctas);\n  const hasSubtitle = !isNilOrEmpty(subtitle);\n  const hasPrecursor = !isNilOrEmpty(precursor);\n\n  const {\n    styles,\n  } = useStylesheet({\n    theme,\n    colorway,\n    layout,\n    isMinSm,\n    isMinMd,\n    isMinLg,\n    isMinXl,\n    hasCta,\n    text,\n  });\n  return (\n    <Ribbon\n      id={id}\n      theme={theme}\n      colorway={colorway}\n      layout={layout}\n      loading={loading}\n      flush={true}\n      name={name}\n      type=\"Centerfold\"\n    >\n      <div style={styles.root}>\n        {!constrainImage && (\n          <CenterfoldImage\n            image={activeImage}\n            layout={layout}\n          />\n        )}\n        <div style={styles.heightAnchor}>\n          <Container\n            vblock={true}\n          >\n            <Row\n              vblock={true}\n              direction={flowDirection}\n            >\n              {constrainImage && (\n                <Column\n                  xs={12}\n                  sm={6}\n                >\n                  <CenterfoldImage\n                    image={activeImage}\n                    layout={layout}\n                  />\n                </Column>\n              )}\n              <Column\n                xs={12}\n                sm={6}\n                offsetXs={offset}\n                align={activeAnchor}\n              >\n                <PaddingBox\n                  style={styles.content}\n                >\n                  {hasPrecursor && (\n                    <PreHeading01\n                      theme={theme}\n                      component=\"p\"\n                    >\n                      <Shortcode\n                        code={precursor}\n                        against={colorway}\n                      />\n                    </PreHeading01>\n                  )}\n                  {hasTitle && (\n                    <Heading02\n                      depth={hBaseline}\n                      theme={theme}\n                      style={styles.title}\n                    >\n                      <Shortcode\n                        code={title}\n                        against={colorway}\n                      />\n                    </Heading02>\n                  )}\n                  {hasSubtitle && (\n                    <SubHeading01\n                      theme={theme}\n                      component=\"p\"\n                    >\n                      <Shortcode\n                        code={subtitle}\n                        against={colorway}\n                      />\n                    </SubHeading01>\n                  )}\n                  {hasBody && (\n                    <BodyCopy01\n                      theme={theme}\n                      style={styles.text}\n                    >\n                      <Shortcode\n                        code={body}\n                        against={colorway}\n                      />\n                    </BodyCopy01>\n                  )}\n                  {hasCta && (\n                    <div style={styles.ctas}>\n                      {ctas.map((cta, i) => (\n                        <div\n                          style={styles.action}\n                          //eslint-disable-next-line react/no-array-index-key\n                          key={i}\n                        >\n                          <CallToAction\n                            against={getAgainst(colorway)}\n                            ribbonId={id}\n                            index={i}\n                            block={!isMinSm}\n                            {...cta}\n                          />\n                        </div>\n                      ))}\n                    </div>\n                  )}\n                </PaddingBox>\n              </Column>\n            </Row>\n          </Container>\n        </div>\n      </div>\n    </Ribbon>\n  );\n};\n\nexport default visibilitySet(errorBoundary(PureCenterfold)) as ComponentType<OuterProps>;\n","import { useStyles } from '@team-griffin/stylr';\nimport findResponsiveItem from 'presentation/utils/findResponsiveItem';\nimport ribbonPadding from 'presentation/utils/ribbonPadding';\nimport { content } from '@ux/type-size';\nimport { getTitleColor, getBodyColor } from 'presentation/utils/colorway';\nimport { modifier } from '@ux/style-utils';\nimport { Alignment } from 'domain/constants/alignment';\nimport { Colorway, gu2px, Theme } from '@ux/theme-utils';\nimport { ResponsiveSet } from 'core/ribbons/primitives';\nimport { Layout } from 'domain/constants/layout';\nimport { BreakpointProps } from '@ux/responsive';\nimport { CTA } from 'core/ribbons/cta';\nimport { ShortcodeProps } from 'presentation/components/Shortcode';\n\ninterface StyleProps extends BreakpointProps {\n  theme: Theme;\n  colorway: Colorway;\n  layout: Layout;\n  hasCta: boolean;\n  text: {\n    title: ShortcodeProps;\n    body: ShortcodeProps;\n    ctas: CTA[];\n  };\n}\nexport default ({\n  theme,\n  colorway,\n  layout,\n  isMinSm,\n  isMinMd,\n  isMinLg,\n  isMinXl,\n  hasCta,\n  text,\n}: StyleProps) => {\n  const { spacing, typography } = theme;\n\n  const { alignment, flipped } = layout;\n\n  const getActiveFromArray = (array: ResponsiveSet<string | number>) =>\n    findResponsiveItem(\n      {\n        isMinSm,\n        isMinMd,\n        isMinLg,\n        isMinXl,\n      },\n      array,\n    );\n\n  const height = layout.height ?? ([ 'auto', 'auto', 'auto' ] as ResponsiveSet<string | number>);\n\n  const activeHeight = getActiveFromArray(height);\n  const transitionHeight = activeHeight === 'auto' ? 200 : activeHeight;\n\n  return useStyles(\n    {\n      default: {\n        root: {\n          position: 'relative',\n          flex: 1,\n          flexBasis: 'auto',\n          paddingBottom: gu2px(4, spacing),\n          minHeight: transitionHeight,\n        },\n        title: {\n          color: getTitleColor(theme, colorway),\n        },\n        text: {\n          ...content(typography),\n          color: getBodyColor(theme, colorway),\n          marginTop: gu2px(3, spacing),\n        },\n        // 3GU between text and ctas\n        ctas: {\n          marginTop: gu2px(3, spacing),\n          overflow: 'hidden',\n        },\n      },\n\n      isMinSm: {\n        root: {\n          height: '100%',\n          ...ribbonPadding({\n            isMinSm,\n            isMinLg,\n            layout,\n            spacing,\n          }),\n        },\n        heightAnchor: {\n          minHeight: activeHeight,\n          display: 'flex',\n          height: '100%',\n        },\n        content: {\n          // 2GU between text and image (2 + 1 from Column)\n          marginRight: gu2px(1, spacing),\n        },\n        ctas: {\n          display: 'flex',\n        },\n      },\n\n      flippedSm: {\n        content: {\n          marginRight: 0,\n          // 2GU between text and image (2 + 1 from Column)\n          marginLeft: gu2px(1, spacing),\n        },\n      },\n\n      isMinLg: {\n        content: {\n          // 3GU between text and image (2 + 1 from Column)\n          marginRight: gu2px(2, spacing),\n        },\n      },\n\n      flippedLg: {\n        content: {\n          marginRight: 0,\n          // 3GU between text and image (2 + 1 from Column)\n          marginLeft: gu2px(2, spacing),\n        },\n      },\n      multipleCtas: {\n        ctas: {\n          marginTop: gu2px(2, spacing),\n        },\n        action: {\n          marginTop: gu2px(1, spacing),\n          ...(isMinSm ? {\n            marginRight: gu2px(1, spacing),\n          }: {}),\n        },\n      },\n\n      [modifier('alignment', Alignment.CENTER)]: {\n        content: {\n          textAlign: 'center',\n        },\n        ctas: {\n          justifyContent: 'center',\n        },\n      },\n    },\n    [\n      { isMinSm },\n      { isMinLg },\n      { alignment },\n      { hasCta },\n      { flippedSm: isMinSm && flipped },\n      { flippedLg: isMinLg && flipped },\n      {\n        multipleCtas: Array.isArray(text.ctas) && text.ctas.length > 1,\n      },\n    ],\n  );\n};\n","import Centerfold from './Centerfold';\n\nexport default Centerfold;\n"],"sourceRoot":""}