{"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:///./presentation/components/ribbons/filmstrip/Filmstrip.stylesheet.ts","webpack:///./presentation/components/ribbons/filmstrip/index.ts","webpack:///./presentation/utils/ribbonPadding.ts","webpack:///./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/hocs/visibilitySet.tsx","webpack:///./domain/constants/alignment.ts","webpack:///./presentation/hocs/withLanguage.ts","webpack:///./presentation/utils/urlLanguageParse.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","X","gu2px","Y","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","isMinMd","root","backgroundColor","getBackgroundColor","color","getTitleColor","ribbonPadding","textAlign","WrappedComponent","ErrorBoundary","props","compose","withState","lifecycle","componentDidCatch","this","setHasErrored","hooksA","pipe","mapProps","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","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","connect","state","getCurrentLanguage","url","language","length","parsedLanguage","split","toUpperCase","join","replace","hasImage","isNotNilOrEmpty","getImageName","str","match","formatName","responsiveColumns","defaultColumns","desiredColumns","a","b","ImageAspectRatio","ratio","map","W16H9","W4H3","W1H1","W32H9","W64H9","W3H4","W9H16","W9H32","zipWith","fn","rv","idx","len","Math","min"],"mappings":"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","file":"pex-static/16/27.5b1197bdd87e7d4a94d1.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 \n);\n\nexport const enhance = pureEnhance(\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 \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n ),\n (props: InnerProps) => (\n \n ),\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 \n \n \n \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,\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 \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 React from 'react';\nimport * as r from 'ramda';\n\nexport default (BaseComponent: any) => r.ifElse(\n r.prop('visible'),\n (props) => ,\n (props) => (\n \n \n
\n ),\n);\n","export enum Alignment {\n STARTING = 'STARTING',\n CENTER = 'CENTER',\n}\n\nexport default null;\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","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};","/*\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,\n desiredColumns: ResponsiveSet\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;\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":""}