{"version":3,"sources":["webpack:///./presentation/components/ribbons/filmstrip/Image.tsx","webpack:///./presentation/components/ribbons/filmstrip/Image.stylesheet.ts","webpack:///./presentation/components/ribbons/filmstrip/Filmstrip.tsx","webpack:///src/presentation/components/ribbons/filmstrip/Filmstrip.stylesheet.ts","webpack:///./presentation/components/ribbons/filmstrip/index.ts","webpack:///./presentation/utils/ribbonPadding.ts","webpack:///src/presentation/hocs/errorBoundary.tsx","webpack:///./presentation/hocs/withRibbonImpression.ts","webpack:///./presentation/utils/ribbonWidth.ts","webpack:///./presentation/hocs/deepLink.tsx","webpack:///./presentation/components/ribbons/Ribbon/Ribbon.tsx","webpack:///./presentation/components/ribbons/Ribbon/ConnectedRibbon.ts","webpack:///./presentation/components/ribbons/Ribbon/index.ts","webpack:///./presentation/utils/getBreakpoints.ts","webpack:///./presentation/hocs/visibilitySet.tsx","webpack:///./domain/constants/alignment.ts","webpack:///./presentation/utils/urlLanguageParse.ts","webpack:///./presentation/hocs/withLanguage.ts","webpack:///./presentation/utils/createImageAlt.ts","webpack:///./presentation/utils/responsiveColumns.ts","webpack:///./domain/constants/imageAspectRatio.ts","webpack:///./presentation/utils/imageAspectRatioPercentage.ts","webpack:///../node_modules/ramda/es/zipWith.js"],"names":["enhance","pureEnhance","hocs","withLanguage","hooks","withProps","ownerProps","alt","createImageAlt","media","imageAspectRatio","useStyles","default","outer","position","width","height","paddingTop","imageAspectRatioPercentage","inner","top","left","right","bottom","overflow","image","transform","styles","currentLanguage","style","loading","src","urlLanguageParse","imageUrl","errorBoundary","visibilitySet","withBreakpointsHook","columns","bootstrapResponsiveColumns","layout","justify","r","Alignment","STARTING","Justify","FLEX_START","CENTER","theme","spacing","isMinLg","row","cssSides","Side","gu2px","item","id","colorway","name","items","Ribbon","type","key","i","xs","sm","lg","Image","Filmstrip","isMinSm","flush","shrinkLeading","shrinkTrailing","getPaddingSize","shrinkSide","isFlush","leading","Flush","LEADING","trailing","TRAILING","paddingBottom","stylesheet","useTheme","useBreakpoints","root","backgroundColor","getBackgroundColor","color","getTitleColor","ribbonPadding","textAlign","isMinMd","ErrorBoundary","compose","withState","lifecycle","componentDidCatch","this","hooksA","pipe","mapProps","props","selector","useMemo","getRibbonAnalytics","analytics","useSelector","dispatch","useDispatch","actions","bindActionCreators","sendImpression","withHandlers","onImpression","ribbonName","ribbonType","hooksB","isFullyInViewport","stopWatcher","useEffect","mapPropsHoc","branch","Watch","deepLink","withRouter","componentDidMount","location","hash","scrollWhenReady","animationComplete","setTimeout","scroller","scrollTo","duration","delay","smooth","WrappedComponent","mapFit","fit","Fit","FULLSCREEN","minHeight","FILL","flex","flexBasis","AUTO","isFinite","targetRef","useRef","palette","duoLayout","activeFit","findResponsiveItem","getBreakpoints","padding","duoLayoutFlex","duoRibbonWidth","display","flexDirection","percentage","ribbon","modifier","Colorway","PRIMARY_GRADIENT","backgroundImage","primary","primaryGradient","children","ref","withRibbonImpression","BaseComponent","url","language","length","parsedLanguage","split","toUpperCase","join","replace","connect","state","getCurrentLanguage","hasImage","isNotNilOrEmpty","getImageName","str","match","formatName","responsiveColumns","defaultColumns","desiredColumns","a","b","ImageAspectRatio","ratio","W16H9","W4H3","W1H1","W32H9","W64H9","W3H4","W9H16","W9H32","zipWith","fn","rv","idx","len","Math","min"],"mappings":"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","file":"pex-static/40/29.b9f7cc6c3c628a9233aa.chunk.js","sourcesContent":["import React from 'react';\nimport {\n  withProps,\n} from '@team-griffin/rehook';\nimport pureEnhance from '@ux/pure-enhance';\nimport stylesheet, { Styles } from './Image.stylesheet';\nimport createImageAlt from 'presentation/utils/createImageAlt';\nimport urlLanguageParse from 'presentation/utils/urlLanguageParse';\nimport withLanguage from 'presentation/hocs/withLanguage';\nimport { ImageAspectRatio } from 'domain/constants/imageAspectRatio';\n\ninterface OuterProps {\n  media: {\n    imageUrl: string,\n    imageAspectRatio?: ImageAspectRatio,\n  }\n}\ninterface InnerProps extends OuterProps {\n  styles: Styles,\n  currentLanguage: string,\n  alt: string,\n}\nexport const PureFilmstripImage = ({\n  styles,\n  media,\n  alt,\n  currentLanguage,\n}: InnerProps) => (\n  <div style={styles.outer}>\n    <div style={styles.inner}>\n      <img\n        loading=\"lazy\"\n        src={urlLanguageParse(media.imageUrl, currentLanguage)}\n        alt={alt}\n        style={styles.image}\n      />\n    </div>\n  </div>\n);\n\nexport const enhance = pureEnhance<InnerProps, OuterProps>(\n  'FilmstripImage', {\n    hocs: [\n      withLanguage,\n    ],\n    hooks: [\n      withProps((ownerProps: OuterProps) => ({\n        alt: createImageAlt(ownerProps.media),\n      })),\n      withProps(stylesheet),\n    ],\n  }\n);\n\nexport default enhance(PureFilmstripImage);\n","import { useStyles } from '@team-griffin/stylr';\nimport { CSSProperties } from 'react';\nimport { imageAspectRatioPercentage } from 'presentation/utils/imageAspectRatioPercentage';\nimport { ImageAspectRatio } from 'domain/constants/imageAspectRatio';\n\nexport interface Styles {\n  outer: CSSProperties,\n  inner: CSSProperties,\n  image: CSSProperties,\n}\n\nexport default ({ imageAspectRatio }: { imageAspectRatio: ImageAspectRatio}) => useStyles({\n  default: {\n    outer: {\n      position: 'relative',\n      width: '100%',\n      height: 0,\n      paddingTop: imageAspectRatioPercentage(imageAspectRatio),\n    },\n    inner: {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      overflow: 'hidden',\n    },\n    image: {\n      position: 'relative',\n      top: '50%',\n      transform: 'translateY(-50%)',\n      width: '100%',\n      height: 'auto',\n    },\n  },\n});\n","import React from 'react';\nimport {\n  withProps,\n} from '@team-griffin/rehook';\nimport { Container, Row, Column, Justify } from '@ux/grid';\nimport PaddingBox from '@ux/padding-box';\nimport Ribbon from 'components/ribbons/Ribbon';\nimport { withBreakpointsHook, BreakpointProps } from '@ux/responsive';\nimport visibilitySet from 'presentation/hocs/visibilitySet';\nimport errorBoundary from 'presentation/hocs/errorBoundary';\nimport stylesheet, { Styles } from './Filmstrip.stylesheet';\nimport Image from './Image';\nimport * as r from 'ramda';\nimport { bootstrapResponsiveColumns } from '../../../utils/responsiveColumns';\nimport { Alignment } from 'domain/constants/alignment';\nimport { RibbonProps } from 'domain/constants/ribbons';\nimport pureEnhance from '@ux/pure-enhance';\nimport { ImageAspectRatio } from 'domain/constants/imageAspectRatio';\n\ntype ItemProps = {\n  media: {\n    imageUrl: string,\n    imageAspectRatio?: ImageAspectRatio,\n  }\n};\ninterface OuterProps extends RibbonProps {\n  items: ItemProps[],\n}\nexport interface InnerProps extends OuterProps, BreakpointProps {\n  styles: Styles,\n  justify: Justify,\n  columns?: number[],\n}\n\ndeclare const i: number;\ndeclare const item: ItemProps;\nexport const PureFilmstrip = ({\n  id,\n  styles,\n  theme,\n  colorway,\n  layout,\n  loading,\n  name,\n  items,\n  justify,\n  columns,\n}: InnerProps) => (\n  <Ribbon\n    id={id}\n    theme={theme}\n    colorway={colorway}\n    loading={loading}\n    layout={layout}\n    name={name}\n    type=\"Filmstrip\"\n  >\n    <Container>\n      <PaddingBox>\n        <div style={styles.row}>\n          <Row\n            justify={justify}\n          >\n            <For\n              each=\"item\"\n              of={items}\n              index=\"i\"\n            >\n              <Column\n                key={i}\n                xs={columns[0]}\n                sm={columns[1]}\n                lg={columns[2]}\n              >\n                <div style={styles.item}>\n                  <Image\n                    {...item}\n                  />\n                </div>\n              </Column>\n            </For>\n          </Row>\n        </div>\n      </PaddingBox>\n    </Container>\n  </Ribbon>\n);\n\nexport const enhance = pureEnhance<InnerProps, OuterProps>(\n  'Filmstrip', {\n    hocs: [\n      errorBoundary,\n      visibilitySet,\n    ],\n    hooks: [\n      withBreakpointsHook,\n      withProps((ownerProps: OuterProps) => ({\n        columns: bootstrapResponsiveColumns([ 2, 3, 6 ], ownerProps.layout.columns),\n        justify: r.ifElse(\n          r.pathEq([ 'layout', 'alignment' ], Alignment.STARTING),\n          r.always(Justify.FLEX_START),\n          r.always(Justify.CENTER),\n        )(ownerProps),\n      })),\n      withProps(stylesheet),\n    ],\n  }\n);\n\nexport default enhance(PureFilmstrip);\n","import { useStyles } from '@team-griffin/stylr';\nimport { gu2px } from '@ux/theme-utils';\nimport cssSides, { Side } from '@team-griffin/css-sides';\nimport { InnerProps } from './Filmstrip';\nimport { CSSProperties } from 'react';\n\nexport interface Styles {\n  row: CSSProperties,\n  item: CSSProperties,\n}\nexport default ({\n  theme: {\n    spacing,\n  },\n  isMinLg,\n}: InnerProps) => useStyles({\n  default: {\n    row: {\n      ...cssSides('margin', Side.X, gu2px(-0.5, spacing)),\n      ...cssSides('margin', Side.Y, gu2px(-1.5, spacing)),\n    },\n    item: {\n      ...cssSides('padding', Side.X, gu2px(0.5, spacing)),\n      ...cssSides('padding', Side.Y, gu2px(1.5, spacing)),\n    },\n  },\n  isMinLg: {\n    row: {\n      ...cssSides('margin', Side.X, gu2px(-1, spacing)),\n      ...cssSides('margin', Side.Y, gu2px(-2, spacing)),\n    },\n    item: {\n      ...cssSides('padding', Side.X, gu2px(1, spacing)),\n      ...cssSides('padding', Side.Y, gu2px(2, spacing)),\n    },\n  },\n}, [\n  { isMinLg },\n]);\n","import Filmstrip from './Filmstrip';\n\nexport default Filmstrip;\n","import { Flush } from 'domain/constants/ribbons';\nimport { gu2px } from '@ux/theme-utils';\nimport * as r from 'ramda';\nimport { Layout } from 'domain/constants/layout';\n\nexport default ({\n  spacing,\n  isMinSm,\n  isMinLg,\n  layout,\n  flush,\n}: {\n  spacing: number,\n  isMinSm: boolean,\n  isMinLg: boolean,\n  layout?: Layout,\n  flush?: Flush|boolean,\n}) => {\n\n  if (r.equals(flush, true)) {\n    // Component will handle all padding, used on full bleed image ribbons\n    return {};\n  }\n\n  const {\n    //@ts-ignore\n    shrinkLeading,\n    //@ts-ignore\n    shrinkTrailing,\n  } = r.defaultTo({}, layout);\n\n  /*\n    shrinkSide:\n      shrink[Leading/Trailing] prop is true then return a reduced padding\n      depending on screen size\n    isFlush:\n      leading or trailing edge has been designated as flush, no padding\n  */\n  const getPaddingSize = (shrinkSide: string, isFlush: boolean) => {\n\n    if (isFlush) {\n      return 0;\n    }\n\n    return r.cond([\n      [ r.propEq(shrinkSide, true), () => r.ifElse(\n        r.equals(true),\n        r.always(1),\n        r.always(0.5),\n      )(isMinSm) ],\n      [ r.propEq('isMinLg', true), r.always(6) ],\n      [ r.propEq('isMinSm', true), r.always(5) ],\n      [ r.T, r.always(4) ],\n    ])({\n      isMinLg,\n      isMinSm,\n      shrinkLeading,\n      shrinkTrailing,\n    });\n  };\n\n  const leading = getPaddingSize('shrinkLeading', flush === Flush.LEADING);\n  const trailing = getPaddingSize('shrinkTrailing', flush === Flush.TRAILING);\n\n  return {\n    paddingTop: gu2px(leading, spacing),\n    paddingBottom: gu2px(trailing, spacing),\n  };\n};\n","import React, { CSSProperties } from 'react';\nimport { compose, lifecycle, withState, withProps } from 'recompose';\nimport Message from '@ux/message';\nimport { Container } from '@ux/grid';\nimport * as r from 'ramda';\nimport cssSides, { Side } from '@team-griffin/css-sides';\nimport { getBackgroundColor, getTitleColor } from 'presentation/utils/colorway';\nimport { gu2px, useTheme } from '@ux/theme-utils';\nimport ribbonPadding from 'presentation/utils/ribbonPadding';\nimport { useStyles } from '@team-griffin/stylr';\nimport { Colorway } from 'domain/constants/colorway';\nimport { Layout } from 'domain/constants/layout';\nimport { Flush } from 'domain/constants/ribbons';\nimport { BreakpointProps, useBreakpoints } from '@ux/responsive';\n\ninterface OuterProps extends BreakpointProps {\n  colorway: Colorway;\n  layout: Layout;\n  flush?: Flush | boolean;\n}\n\ninterface InnerProps extends OuterProps {\n  styles: {\n    root: CSSProperties;\n  };\n  hasErrored: boolean;\n}\nconst stylesheet = ({ colorway, layout, flush }: InnerProps) => {\n  const { theme } = useTheme();\n  const { isMinSm, isMinMd, isMinLg } = useBreakpoints();\n  const { spacing } = theme;\n\n  return useStyles(\n    {\n      default: {\n        root: {\n          backgroundColor: getBackgroundColor(theme, colorway),\n          color: getTitleColor(theme, colorway),\n          ...ribbonPadding({\n            spacing,\n            isMinSm,\n            isMinLg,\n            layout,\n            flush,\n          }),\n          ...cssSides('Side', Side.X, gu2px(3, spacing)),\n          textAlign: 'center',\n        },\n      },\n      isMinSm: {\n        root: {\n          ...cssSides('Side', Side.X, gu2px(4, spacing)),\n        },\n      },\n    },\n    [{ colorway }, { isMinSm }, { isMinMd }],\n  );\n};\n\nexport default (WrappedComponent: any) => {\n  const ErrorBoundary = r.ifElse(\n    r.propEq('hasErrored', true),\n    ({ styles }) => (\n      <div style={styles.root}>\n        <Container>\n          <Message id=\"usf.ribbons.error.text\"/>\n        </Container>\n      </div>\n    ),\n    (props: InnerProps) => <WrappedComponent {...props}/>,\n  );\n\n  return compose(\n    withState('hasErrored', 'setHasErrored', false),\n    lifecycle({\n      componentDidCatch: function() {\n        //@ts-ignore\n        this.props.setHasErrored(true);\n      },\n    }),\n    withProps(stylesheet),\n  )(ErrorBoundary);\n};\n","import { useMemo, useEffect } from 'react';\nimport { branch, mapProps as mapPropsHoc } from 'recompose';\nimport pureEnhance from '@ux/pure-enhance';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { pipe, withProps, mapProps, withHandlers } from '@team-griffin/rehook';\nimport { Watch } from 'scrollmonitor-react';\nimport * as r from 'ramda';\nimport { sendImpression } from 'application/signals/ribbons';\nimport { getRibbonAnalytics } from 'domain/selectors/ribbons';\nimport { Type } from 'domain/constants/ribbons';\n\nconst hooksA = pipe(\n  mapProps((props: any) => {\n    const { id } = props;\n    const selector = useMemo(() => getRibbonAnalytics(id), [ id ]);\n    const analytics = useSelector(selector);\n    const dispatch = useDispatch();\n    const actions = bindActionCreators({ sendImpression }, dispatch);\n\n    return r.mergeDeepLeft(props, {\n      analytics,\n      actions,\n    });\n  }),\n  withHandlers({\n    onImpression: ({\n      name,\n      type,\n      analytics,\n      actions: {\n        sendImpression,\n      },\n    }: {\n      name: string,\n      type: Type,\n      analytics: any,\n      actions: {\n        sendImpression: Function,\n      }\n    }) => () => sendImpression({\n      ...analytics,\n      ribbonName: name,\n      ribbonType: type,\n    }),\n  }),\n);\n\nconst hooksB = pipe(\n  withProps(({\n    isFullyInViewport,\n    stopWatcher,\n    onImpression,\n    analytics,\n  }: {\n    isFullyInViewport: boolean,\n    stopWatcher: () => void,\n    onImpression: (a: any) => void,\n    analytics: any,\n  }) => {\n    useEffect(() => {\n      if (isFullyInViewport) {\n        stopWatcher();\n        onImpression(analytics);\n      }\n    }, [ isFullyInViewport ]);\n  }),\n);\n\nexport default pureEnhance('RibbonImpression', {\n  hocs: [\n    mapPropsHoc(hooksA),\n    branch(\n      r.propSatisfies(r.complement(r.isNil), 'analytics'),\n      Watch,\n    ),\n    mapPropsHoc(hooksB),\n  ],\n});\n","export const duoRibbonWidth = ({\n  isMinMd,\n  duoLayout,\n}: {\n  isMinMd: boolean,\n  duoLayout?: boolean,\n}) => {\n  if (!isMinMd || duoLayout == null) {\n    return {};\n  }\n\n  const flexSize = (isMinMd && duoLayout) ? 50 : 100;\n  return {\n    flex: `${flexSize}%`,\n  };\n};\n\nexport default null;","import React, { Fragment } from 'react';\nimport {\n  compose,\n  lifecycle,\n} from 'recompose';\nimport { withRouter } from 'react-router';\nimport { Element, scroller } from 'react-scroll';\n\nconst deepLink = compose(\n  withRouter,\n  lifecycle({\n    componentDidMount: function() {\n      //Adding some ts-ignores here so it doesn't throw not recognizing\n      //this.props\n\n      //@ts-ignore\n      if (this.props.location.hash === `#${this.props.name}`) {\n        const scrollWhenReady = () => {\n          // we can't scroll to eagerly or we'll end up in the wrong place\n          //@ts-ignore\n          if (this.props.loading || !this.props.animationComplete) {\n            return setTimeout(scrollWhenReady, 100);\n          }\n          //@ts-ignore\n          scroller.scrollTo(this.props.name, {\n            duration: 500,\n            delay: 100,\n            smooth: true,\n          });\n        };\n        setTimeout(scrollWhenReady, 100);\n      }\n    },\n  }),\n  (WrappedComponent: any) => {\n    return (props: any) => (\n      <Fragment>\n        <Element name={props.name}/>\n        <WrappedComponent {...props}/>\n      </Fragment>\n    );\n  },\n);\n\nexport default deepLink;\n","import React, { useRef, useLayoutEffect, CSSProperties, ReactNode, Ref } from 'react';\nimport { withProps } from '@team-griffin/rehook';\nimport pureEnhance from '@ux/pure-enhance';\nimport { withBreakpointsHook, BreakpointProps } from '@ux/responsive';\nimport findResponsiveItem from 'presentation/utils/findResponsiveItem';\nimport getBreakpoints from 'presentation/utils/getBreakpoints';\nimport ribbonPadding from 'presentation/utils/ribbonPadding';\nimport { duoRibbonWidth } from 'presentation/utils/ribbonWidth';\nimport { percentage, modifier } from '@ux/style-utils';\nimport deepLink from 'presentation/hocs/deepLink';\nimport { getBackgroundColor } from 'presentation/utils/colorway';\nimport { useStyles } from '@team-griffin/stylr';\nimport { Colorway } from 'domain/constants/colorway';\nimport { Fit, Flush, RibbonProps } from 'domain/constants/ribbons';\nimport * as r from 'ramda';\n\nexport {\n  Flush,\n};\n\ninterface OuterProps extends RibbonProps {\n  children?: ReactNode,\n}\ninterface WithHandlerProps extends OuterProps {\n  setAnimationComplete: Function,\n  setRibbonHeight: Function,\n  setHeight: Function,\n  onAnimationEnd: (props: {\n    newHeight: number;\n  }) => void,\n}\n\ninterface InnerProps extends WithHandlerProps, BreakpointProps {\n  rendered: boolean,\n  targetRef: Ref<any>,\n  duration: number,\n  styles: {\n    root: CSSProperties,\n    inner: CSSProperties,\n    ribbon: CSSProperties,\n  }\n}\n\nconst mapFit = (fit: Fit) => r.cond([\n  [ r.equals(Fit.FULLSCREEN), r.always({\n    minHeight: '100vh',\n  }) ],\n  [ r.equals(Fit.FILL), r.always({\n    flex: 1,\n    flexBasis: 'auto',\n  }) ],\n  [ r.equals(Fit.AUTO), r.always({\n    height: 'auto',\n  }) ],\n  [ isFinite, r.always({\n    minHeight: fit,\n  }) ],\n  [ r.T, r.always({\n    height: 'auto',\n  }) ],\n])(fit);\n\nconst stylesheet = ({\n  theme,\n  colorway,\n  loading,\n  layout,\n  flush,\n  ...props\n}: InnerProps) => {\n  const {\n    palette,\n    spacing,\n  } = theme;\n  const {\n  //@ts-ignore\n    fit,\n  } = r.defaultTo({}, layout);\n\n  const {\n    isMinSm,\n    isMinMd,\n    isMinLg,\n    duoLayout,\n  } = props;\n\n  const activeFit = findResponsiveItem(\n    getBreakpoints(props),\n    fit,\n  );\n\n  const padding = ribbonPadding({\n    spacing,\n    isMinSm,\n    isMinLg,\n    layout,\n    flush,\n  });\n\n  const duoLayoutFlex = duoRibbonWidth({\n    isMinMd,\n    duoLayout,\n  });\n\n  return useStyles({\n    default: {\n      root: {\n        backgroundColor: getBackgroundColor(theme, colorway),\n        position: 'relative',\n        display: 'flex',\n        flexDirection: 'column',\n        width: percentage(100),\n        ...mapFit(activeFit),\n        ...padding,\n        ...duoLayoutFlex,\n      },\n      inner: {\n        flex: 1,\n        flexBasis: 'auto',\n        display: 'flex',\n        height: 'auto',\n      },\n      ribbon: {\n        display: 'flex',\n        flexDirection: 'column',\n        width: percentage(100),\n      },\n    },\n\n    [modifier('colorway', Colorway.PRIMARY_GRADIENT)]: {\n      root: {\n        backgroundImage: `linear-gradient(to right, ${palette.primary}, ${palette.primaryGradient})`,\n      },\n    },\n  }, [\n    { loading },\n    { colorway },\n    { isMinSm },\n    { isMinMd },\n    { isMinLg },\n  ]);\n};\n\nexport const PureRibbon = ({\n  styles,\n  targetRef,\n  children,\n}: InnerProps) => (\n  <section style={styles.root}>\n    <div style={styles.inner}>\n      <div\n        style={styles.ribbon}\n        ref={targetRef}\n      >\n        {children}\n      </div>\n    </div>\n  </section>\n);\n\nexport const enhance = pureEnhance('Ribbon', {\n  hocs: [\n    deepLink,\n  ],\n  hooks: [\n    withProps(() => {\n      const targetRef = useRef({});\n\n      if (process.env.NODE_ENV !== 'production') {\n        useLayoutEffect(() => {\n        // when backstop runs on ribbons, this lets us filter out a lot of false\n        // positives and a lot of race condition fails by only initialising\n        // the snapshot once loading has finished + a delay to wait for fonts etc to load\n        // eslint-disable-next-line\n          setTimeout(() => {\n            // eslint-disable-next-line\n            console.log('BACKSTOP_RIBBON_READY');\n          }, 3000);\n        }, [ targetRef.current ]);\n      }\n\n      return {\n        targetRef,\n      };\n    }),\n    withBreakpointsHook,\n    withProps(stylesheet),\n  ],\n});\n\nexport default enhance(PureRibbon);\n","import pureEnhance from '@ux/pure-enhance';\nimport withRibbonImpression from 'presentation/hocs/withRibbonImpression';\n\nimport Ribbon from './Ribbon';\n\nconst enhance = pureEnhance('ConnectedRibbon', {\n  hocs: [ withRibbonImpression ],\n});\n\nexport default enhance(Ribbon);\n","import Ribbon from './ConnectedRibbon';\nimport { Flush } from './Ribbon';\n\nexport { Flush };\n\nexport default Ribbon;\n","import * as r from 'ramda';\nimport { BreakpointProps } from '@ux/responsive';\n\ninterface anyProps extends BreakpointProps {\n  [key: string]: any,\n}\nexport default (props: anyProps) => r.pick([\n  'isMinSm',\n  'isMinMd',\n  'isMinLg',\n  'isMinXl',\n], props) as anyProps;\n","import React from 'react';\nimport * as r from 'ramda';\n\nexport default (BaseComponent: any) => r.ifElse(\n  r.prop('visible'),\n  (props) => <BaseComponent {...props}/>,\n  (props) => (\n    <div style={{ display: 'none' }}>\n      <BaseComponent {...props}/>\n    </div>\n  ),\n);\n","export enum Alignment {\n  STARTING = 'STARTING',\n  CENTER = 'CENTER',\n}\n\nexport default null;\n","export default (url: string, language: string) => {\n  if (url && url.length && language) {\n    let parsedLanguage;\n    if (language.split('-').length === 2) {\n      parsedLanguage = [\n        language.split('-')[0],\n        language.split('-')[1].toUpperCase(),\n      ].join('-');\n    } else {\n      parsedLanguage = language;\n    }\n    return url.replace('{{language}}', parsedLanguage);\n  }\n  return url;\n};","import {\n  compose,\n} from 'recompose';\nimport { connect } from 'react-redux';\nimport { getCurrentLanguage } from 'domain/selectors/ribbons';\n\nexport default (BaseComponent: any) => {\n  return compose(\n    connect((state) => {\n      return {\n        currentLanguage: getCurrentLanguage(state),\n      };\n    }),\n  )(BaseComponent);\n};\n","/*\n  createImageAlt({\n    illustration: ?String,\n    imageUrl: String,\n  });\n\n  Returns a relevant alt tag text from the URL path\n*/\n\nimport { isNotNilOrEmpty } from '@team-griffin/capra';\nimport * as r from 'ramda';\n\nconst hasImage = r.propSatisfies(isNotNilOrEmpty, 'imageUrl');\n\n/*\n  getImageName\n  From a URL like https://img1.wsimg.com/cdn/Image/All/Website/2/en-GB/ad586f1e-81a0-4a9d-a675-e266e25e965f/Christian_Jaroljmek.jpg\n  return the text between the final slash and dot (Christian_Jaroljmek)\n\n  If no regex match, return the string as is (this will capture illustrations)\n*/\nconst getImageName = (str: string) => {\n  if (typeof str !== 'string') {\n    return '';\n  }\n\n  const image = str.match(/\\/([^/]+?)\\.[a-zA-Z0-9]+$/);\n\n  if (image && image[1]) {\n    return image[1];\n  }\n\n  return str;\n};\n\n/*\n  formatName\n  Replace any underscores and hyphens with whitespace\n*/\nconst formatName = (str: string) => str.replace(/[-_]/g, ' ');\n\n// eslint-disable-next-line no-underscore-dangle\nexport const __test__ = {\n  getImageName,\n  formatName,\n};\n\nexport default r.ifElse(\n  hasImage,\n  r.pipe(\n    r.prop('imageUrl'),\n    getImageName,\n    formatName,\n  ),\n  r.always(''),\n);","import * as r from 'ramda';\nimport { ResponsiveSet } from 'core/ribbons/primitives';\n\nconst responsiveColumns = (\n  defaultColumns: ResponsiveSet<number>,\n  desiredColumns: ResponsiveSet<number>\n) => r.pipe(\n  r.defaultTo([ null, null, null ]),\n  r.zipWith((a, b) => {\n    if (b == null) {\n      return a;\n    }\n    return b;\n  }, defaultColumns),\n)(desiredColumns) as ResponsiveSet<number>;\n\nexport const bootstrapResponsiveColumns = r.pipe(\n  responsiveColumns,\n  r.map(r.divide(12)),\n);\n\nexport default responsiveColumns;\n","export enum ImageAspectRatio {\n    W16H9 = '16:9',\n    W4H3 = '4:3',\n    W1H1 = '1:1',\n    W32H9 = '32:9',\n    W64H9 = '64:9',\n    W3H4 = '3:4',\n    W9H16 = '9:16',\n    W9H32 = '9:32',\n}\n","import { ImageAspectRatio } from 'domain/constants/imageAspectRatio';\n\nexport const imageAspectRatioPercentage = (ratio: ImageAspectRatio) => {\n  const map: {[key in ImageAspectRatio]:number} = {\n    [ImageAspectRatio.W16H9]: 56.25,\n    [ImageAspectRatio.W4H3]: 75,\n    [ImageAspectRatio.W1H1]: 100,\n    [ImageAspectRatio.W32H9]: 28.125,\n    [ImageAspectRatio.W64H9]: 14.0625,\n    [ImageAspectRatio.W3H4]: 133.3333,\n    [ImageAspectRatio.W9H16]: 177.7778,\n    [ImageAspectRatio.W9H32]: 355.5556,\n  };\n  return `${map[ratio] || 56.25}%`;\n};\n","import _curry3 from \"./internal/_curry3.js\";\n/**\n * Creates a new list out of the two supplied by applying the function to each\n * equally-positioned pair in the lists. The returned list is truncated to the\n * length of the shorter of the two input lists.\n *\n * @function\n * @memberOf R\n * @since v0.1.0\n * @category List\n * @sig ((a, b) -> c) -> [a] -> [b] -> [c]\n * @param {Function} fn The function used to combine the two elements into one value.\n * @param {Array} list1 The first array to consider.\n * @param {Array} list2 The second array to consider.\n * @return {Array} The list made by combining same-indexed elements of `list1` and `list2`\n *         using `fn`.\n * @example\n *\n *      const f = (x, y) => {\n *        // ...\n *      };\n *      R.zipWith(f, [1, 2, 3], ['a', 'b', 'c']);\n *      //=> [f(1, 'a'), f(2, 'b'), f(3, 'c')]\n * @symb R.zipWith(fn, [a, b, c], [d, e, f]) = [fn(a, d), fn(b, e), fn(c, f)]\n */\n\nvar zipWith =\n/*#__PURE__*/\n_curry3(function zipWith(fn, a, b) {\n  var rv = [];\n  var idx = 0;\n  var len = Math.min(a.length, b.length);\n\n  while (idx < len) {\n    rv[idx] = fn(a[idx], b[idx]);\n    idx += 1;\n  }\n\n  return rv;\n});\n\nexport default zipWith;"],"sourceRoot":""}