{"version":3,"sources":["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/components/Shortcode/PendingShortcode.tsx","webpack:///./presentation/components/Shortcode/Alt.tsx","webpack:///./presentation/components/Shortcode/Bold.tsx","webpack:///./presentation/components/Shortcode/Italic.tsx","webpack:///./presentation/components/Shortcode/Link.tsx","webpack:///./presentation/components/Shortcode/Text.tsx","webpack:///src/presentation/components/Shortcode/Tooltip.tsx","webpack:///./presentation/components/Shortcode/Shortcode.tsx","webpack:///./presentation/components/Shortcode/index.ts","webpack:///./presentation/hocs/visibilitySet.tsx","webpack:///./presentation/utils/urlLanguageParse.ts","webpack:///./presentation/utils/createImageAlt.ts","webpack:///./presentation/components/common/CallToAction.tsx","webpack:///./domain/constants/callToAction.ts","webpack:///./presentation/hocs/callToAction.js","webpack:///./presentation/hocs/callToActionHandlers/handleAnalytics.ts","webpack:///./presentation/hocs/callToActionHandlers/handleAddToBasketClick.ts","webpack:///./presentation/hocs/callToActionHandlers/handleNavigateClick.ts","webpack:///./presentation/hocs/callToActionHandlers/handleApplyVoucherClick.ts","webpack:///./presentation/hocs/callToActionHandlers/handleConfigureClick.ts","webpack:///./presentation/hocs/callToActionHandlers/handleSetVisibilityClick.ts","webpack:///./presentation/hocs/callToActionHandlers/handlePlayVideoClick.ts","webpack:///./domain/constants/imageAspectRatio.ts","webpack:///./presentation/utils/imageAspectRatioPercentage.ts","webpack:///./presentation/utils/createImageUrl.ts"],"names":["spacing","isMinSm","isMinLg","layout","flush","r","shrinkLeading","shrinkTrailing","getPaddingSize","shrinkSide","isFlush","leading","Flush","LEADING","trailing","TRAILING","paddingTop","gu2px","paddingBottom","stylesheet","theme","useTheme","useBreakpoints","useStyles","default","root","backgroundColor","getBackgroundColor","color","getTitleColor","ribbonPadding","cssSides","Side","textAlign","colorway","isMinMd","ErrorBoundary","styles","style","id","compose","withState","lifecycle","componentDidCatch","this","withProps","hooksA","pipe","mapProps","props","selector","useMemo","getRibbonAnalytics","analytics","useSelector","dispatch","useDispatch","actions","bindActionCreators","sendImpression","withHandlers","onImpression","name","type","ribbonName","ribbonType","hooksB","isFullyInViewport","stopWatcher","useEffect","pureEnhance","hocs","mapPropsHoc","branch","Watch","deepLink","withRouter","componentDidMount","location","hash","scrollWhenReady","loading","animationComplete","setTimeout","scroller","scrollTo","duration","delay","smooth","WrappedComponent","mapFit","fit","Fit","FULLSCREEN","minHeight","FILL","flex","flexBasis","AUTO","height","isFinite","enhance","hooks","targetRef","useRef","withBreakpointsHook","palette","duoLayout","activeFit","findResponsiveItem","getBreakpoints","padding","duoLayoutFlex","duoRibbonWidth","position","display","flexDirection","width","percentage","inner","ribbon","modifier","Colorway","PRIMARY_GRADIENT","backgroundImage","primary","primaryGradient","children","ref","withRibbonImpression","Ribbon","randomWidth","Math","floor","random","PendingShortcode","code","against","lines","elements","displayName","getColor","Against","LIGHT","NEUTRAL","DARK","tertiary","Alt","RecursiveShortcode","rest","Bold","fontWeight","fontStyle","Link","contentType","attributes","externalRoutes","useAppConfig","to","goto","analyticskey","size","TextButtonSize","INHERIT","rel","target","newTab","formatText","text","newline","formattedText","split","join","escapeShortCodes","string","reduce","prev","cur","i","key","nl2br","Text","ReactTooltip","lazy","TooltipShortcode","eventToggle","cssTheme","CallToAction","fallback","tagName","useDefaultStyles","content","maxWidth","Glyph","Sup","List","OrderedList","ListItem","TickListItem","ProductPrice","PhoneNumber","map","element","Shortcode","JSON","stringify","getAgainst","Element","glyph","Italic","Tooltip","ShortcodeWrapper","BaseComponent","url","language","length","parsedLanguage","toUpperCase","replace","hasImage","isNotNilOrEmpty","getImageName","str","image","match","formatName","PureCallToAction","kind","label","addingStatus","handleClick","behavior","status","Status","PENDING","SUCCESS","FAILURE","DEFAULT","getStatus","openNewWindowProps","buttonProps","omit","onClick","callToAction","Behavior","formatPricingTier","tier","paymentInterval","term","window","useWindow","connect","state","buttonId","ribbonId","index","getExternalRoutes","getRibbon","product","linkAttribution","ribbonList","createRibbonName","isNilOrEmpty","getAddingStatus","addToBasket","applyVoucher","setVisibility","openReduxModal","signals","open","productClicked","promotionClicked","productAddToBasket","stateProps","dispatchProps","ownProps","handleAnalytics","ctaType","list","productId","promotion","handleAddToBasketClick","postAction","pricingTier","productData","skuId","defaultSkuId","price","selectors","getPrice","includeTax","category","categoryName","handleNavigateClick","handleApplyVoucherClick","voucherCode","handleConfigureClick","query","URLSearchParams","append","q","toString","href","handleSetVisibilityClick","visibilitySet","handlePlayVideoClick","videoId","provider","route","params","ownerProps","ADD_TO_BASKET","APPLY_VOUCHER","CONFIGURE","PLAY_VIDEO","SET_VISIBILITY","NAVIGATION","ImageAspectRatio","imageAspectRatioPercentage","ratio","W16H9","W4H3","W1H1","W32H9","W64H9","W3H4","W9H16","W9H32","hasIllustration","media","currentLanguage","createPaintbrushUrl","illustration","urlLanguageParse","imageUrl"],"mappings":"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","file":"pex-static/40/1.5f611fbb6a717511cc02.chunk.js","sourcesContent":["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 Shimmer from '@ux/shimmer';\nimport { ShortcodeProps } from './';\nimport { Colorway } from '@ux/theme-utils';\n\nexport interface OuterProps {\n  against?: Colorway,\n  code?: ShortcodeProps,\n}\n\n// random % width for shimmer betwen 50% and 95%\nconst randomWidth = () => Math.floor((Math.random() * (95 - 50)) + 50);\n\nconst PendingShortcode = ({\n  code,\n  against,\n}: OuterProps) => (\n  <span\n    style={{\n      display: 'inline-block',\n      width: `${randomWidth()}%`,\n    }}\n  >\n    <Shimmer\n      lines={code && code.elements ? 2 : 1}\n      against={against}\n    />\n  </span>\n);\n\nPendingShortcode.displayName = 'PendingShortcode';\n\nexport default PendingShortcode;\n","import React from 'react';\nimport { RecursiveShortcodeProps } from './Shortcode';\nimport { Against } from 'domain/constants/colorway';\nimport { Theme, useTheme } from '@ux/theme-utils';\n\nconst getColor = (theme: Theme, against: Against) => {\n  switch (against) {\n  case Against.LIGHT: return theme.palette.primary;\n  case Against.NEUTRAL: return theme.palette.primary;\n  case Against.DARK: return theme.palette.tertiary;\n  default: return 'inherit';\n  }\n};\nconst Alt = ({\n  RecursiveShortcode,\n  elements,\n  against,\n  ...rest\n}: RecursiveShortcodeProps) => {\n  const {\n    theme,\n  } = useTheme();\n  return (\n    <span style={{\n      color: getColor(theme, against),\n    }}\n    >\n      <RecursiveShortcode\n        elements={elements}\n        theme={theme}\n        against={against}\n        {...rest}\n      />\n    </span>\n  );\n};\n\nAlt.displayName = 'Alt';\n\nexport default Alt;","import React from 'react';\nimport { RecursiveShortcodeProps } from './Shortcode';\n\nconst Bold = ({ elements, RecursiveShortcode, ...rest }: RecursiveShortcodeProps) => (\n  <span style={{ fontWeight: 'bold' }}>\n    <RecursiveShortcode\n      elements={elements}\n      {...rest}\n    />\n  </span>\n);\n\nBold.displayName = 'Bold';\n\nexport default Bold;","import React from 'react';\nimport { RecursiveShortcodeProps } from './Shortcode';\n\nconst Bold = ({ elements, RecursiveShortcode, ...rest }: RecursiveShortcodeProps) => (\n  <span style={{ fontStyle: 'italic' }}>\n    <RecursiveShortcode\n      elements={elements}\n      {...rest}\n    />\n  </span>\n);\n\nBold.displayName = 'Bold';\n\nexport default Bold;","import React from 'react';\nimport TextButton, {\n  Size as TextButtonSize,\n} from '@ux/text-button';\nimport { RecursiveShortcodeProps } from './Shortcode';\nimport { useTheme } from '@ux/theme-utils';\nimport { useAppConfig } from '@ux/whitelabel';\n\nconst Link = ({\n  RecursiveShortcode,\n  elements,\n  contentType,\n  attributes,\n  against,\n  ...rest\n}: RecursiveShortcodeProps) => {\n  const {\n    theme,\n  } = useTheme();\n  const externalRoutes = useAppConfig('usf')?.externalRoutes ?? [];\n  return (\n    <TextButton\n      theme={theme}\n      to={attributes.goto}\n      id={attributes.analyticskey ? `shortcode-link-${attributes.analyticskey}` : null}\n      against={against}\n      contentType={contentType}\n      size={TextButtonSize.INHERIT}\n      externalRoutes={externalRoutes}\n      rel={attributes.rel}\n      target={attributes.newTab==='true' ? '_blank' : null}\n    >\n      <RecursiveShortcode\n        elements={elements}\n        {...rest}\n      />\n    </TextButton>\n  );\n};\n\nLink.displayName = 'Link';\n\nexport default Link;","import React, { Fragment } from 'react';\n\nconst escapeShortCodes = (text: string) => {\n  if (typeof text !== 'string') {\n    return null;\n  }\n  const replaceA = (text ?? '').split('[!').join('[');\n  const replaceB = replaceA.split('!/]').join('/]');\n  const replaceC = replaceB.split('[/!').join('[/');\n  return replaceC;\n  //using split/join because for some reason replaceAll fails for backstop\n  //tests but not for backstop storybook?\n  //if anyone can tell me why, I'd appreciate it.\n  // return (text ?? '').replaceAll('[!', '[').replaceAll('!/]', '/]')\n  //   .replaceAll('[/!', '[/');\n};\n\nconst nl2br = (string: string) => (string ?? '').split('\\n')\n  //@ts-ignore typescript cant figure typing out\n  // eslint-disable-next-line react/no-array-index-key\n  .reduce((prev, cur, i) => [ prev, (<br key={i}/>), cur ]);\n\nconst formatText = (text: string, newline: boolean|Element) => {\n\n  const formattedText = escapeShortCodes(text);\n  if (newline === false) {\n    return formattedText;\n  }\n  return nl2br(formattedText);\n};\n\ninterface OuterProps {\n  text: string,\n  nl2br?: Element,\n}\nconst Text = ({ text, nl2br }: OuterProps) => (\n  <Fragment>\n    {formatText(text, nl2br)}\n  </Fragment>\n);\n\nText.displayName = 'Text';\n\nexport default Text;","import React, { lazy, Suspense } from 'react';\nimport TextButton, { Size as TextButtonSize } from '@ux/text-button';\nimport { RecursiveShortcodeProps } from './Shortcode';\nimport { useTheme, cssTheme } from '@ux/theme-utils';\nimport { useBreakpoints } from '@ux/responsive';\n\n/*\n  React-Tooltip is a heavy dependency therefore we asynchronously load it in\n  and gracefully decorate the functionality in once it has loaded\n*/\nconst ReactTooltip = lazy(() => import(\n  /* webpackChunkName: \"react-tooltip-lite\" */\n  'react-tooltip-lite'\n));\n\nconst TooltipShortcode = ({\n  RecursiveShortcode,\n  against,\n  attributes,\n  elements,\n}: RecursiveShortcodeProps) => {\n  const {\n    isMinLg,\n  } = useBreakpoints();\n  const {\n    theme,\n  } = useTheme();\n  const eventToggle = isMinLg ? void 0 : 'onClick';\n  const padding = cssTheme.gu2;\n  const CallToAction = (\n    <TextButton\n      theme={theme}\n      size={TextButtonSize.INHERIT}\n      against={against}\n    >\n      {attributes.label}\n    </TextButton>\n  );\n\n  return (\n    <Suspense fallback={CallToAction}>\n      {/*@ts-ignore children doesnt exist */}\n      <ReactTooltip\n        tagName=\"span\"\n        eventToggle={eventToggle}\n        useDefaultStyles={true}\n        padding={padding}\n        content={(\n          <div\n            style={{\n              maxWidth: 320,\n            }}\n          >\n            <RecursiveShortcode\n              elements={elements}\n            />\n          </div>\n        )}\n      >\n        {CallToAction}\n      </ReactTooltip>\n    </Suspense>\n  );\n};\n\nTooltipShortcode.displayName = 'TooltipShortcode';\n\nexport default TooltipShortcode;\n","import React, { Suspense, lazy, ReactNode } from 'react';\nimport PendingShortcode from './PendingShortcode';\nimport { getAgainst } from 'presentation/utils/colorway';\nimport { Layout } from 'domain/constants/layout';\nimport { ShortcodeProps } from '.';\n\n/*\n  These shortcodes should not be lazy loaded in as they are already in the\n  main bundle and it causes a unnecessary shimmer which makes the page feel\n  less responsive\n*/\nimport Alt from './Alt';\nimport Bold from './Bold';\nimport Italic from './Italic';\nimport Link from './Link';\nimport Text from './Text';\nimport Tooltip from './Tooltip';\nimport { Against } from 'domain/constants/colorway';\n\nconst Glyph = lazy(() => import(\n  /* webpackChunkName: \"shortcode-glyph\" */\n  './Glyph'\n));\n\nconst Sup = lazy(() => import(\n  /* webpackChunkName: \"shortcode-sup\" */\n  './Sup'\n));\n\nconst List = lazy(() => import(\n  /* webpackChunkName: \"shortcode-list\" */\n  './List'\n));\n\nconst OrderedList = lazy(() => import(\n  /* webpackChunkName: \"shortcode-ordered-list\" */\n  './OrderedList'\n));\n\nconst ListItem = lazy(() => import(\n  /* webpackChunkName: \"shortcode-list-item\" */\n  './ListItem'\n));\n\nconst TickListItem = lazy(() => import(\n  /* webpackChunkName: \"shortcode-tick-list-item\" */\n  './TickListItem'\n));\n\nconst ProductPrice = lazy(() => import(\n  /* webpackChunkName: \"shortcode-product-price\" */\n  './ProductPrice'\n));\n\nconst PhoneNumber = lazy(() => import(\n  /* webpackChunkName: \"shortcode-phone-number\" */\n  './PhoneNumber'\n));\n\ndeclare const i: number;\ndeclare const element: ShortcodeProps;\n\nexport interface ShortcodeAttributesProps {\n  use?: number,\n  number?: number,\n  RecursiveShortcode: (props: RecursiveShortcodeProps) => JSX.Element,\n  analyticskey?: string,\n  goto?: string,\n  label?: ReactNode,\n  prices?: Array<{\n    gross: number,\n    net: number,\n    raw: number,\n    tax: number,\n  }>,\n  inctax?: string,\n  style?: string,\n  rel?: string,\n  newTab?: string,\n}\nexport interface RecursiveShortcodeProps {\n  elements?: ShortcodeProps[],\n  RecursiveShortcode?: (props: RecursiveShortcodeProps) => JSX.Element,\n  type?: string,\n  name?: string,\n  layout?: Layout,\n  against?: Against,\n  attributes?: ShortcodeAttributesProps,\n  nl2br?: boolean,\n  rest?: {\n    [key: string]: any,\n  }\n  [key: string]: any,\n}\n\nconst RecursiveShortcode = ({ elements, ...rest }: RecursiveShortcodeProps) => (\n  <>\n    {elements.map((element) => (\n      <Shortcode\n        //I'll take better offers on doing a key on this.\n        //this will most likely never actually be unique\n        key={`stringed-shortcode-${JSON.stringify(element)}`}\n        code={element}\n        {...rest}\n      />\n    ))}\n  </>\n);\n\nexport interface ShortcodeOuterProps {\n  against?: Against,\n  code: RecursiveShortcodeProps,\n  type?: string,\n  name?: string,\n}\n\nconst Shortcode = ({ code, ...rest }: RecursiveShortcodeProps) => {\n  let props = {\n    ...rest,\n  } as RecursiveShortcodeProps;\n  if (typeof code === 'string') {\n    props.code = code;\n  } else {\n    props = {\n      ...props,\n      ...code,\n    };\n  }\n\n  props.against = getAgainst(props.against);\n  props.RecursiveShortcode = RecursiveShortcode;\n  props.attributes = props?.attributes ?? {} as ShortcodeAttributesProps;\n  const Element = (props: any) => {\n    const {\n      code,\n      type,\n      name,\n    } = props;\n    if (typeof props.code === 'string') {\n      return (\n        <Text text={code}/>\n      );\n    }\n    if (props.type === 'text') {\n      return (\n        <Text {...props}/>\n      );\n    }\n    if (type === 'element') {\n      switch (name) {\n      case 'list':\n        if (props?.attributes?.style === 'number') {\n          return (\n            <OrderedList {...props}/>\n          );\n        }\n        return (\n          <List {...props}/>\n        );\n      case 'li':\n        if (props?.attributes?.style === 'glyph') {\n          return (\n            <TickListItem\n              {...props}\n              glyph={props.attributes?.glyph ?? 'tick'}\n            />\n          );\n        }\n        return (\n          <ListItem {...props}/>\n        );\n      case 'i':\n        return (\n          <Italic {...props}/>\n        );\n      case 'b':\n        return (\n          <Bold {...props}/>\n        );\n      case 'alt':\n        return (\n          <Alt {...props}/>\n        );\n      case 'sup':\n        return (\n          <Sup {...props}/>\n        );\n      case 'glyph':\n        return (\n          <Glyph {...props}/>\n        );\n      case 'tel':\n        return (\n          <PhoneNumber {...props}/>\n        );\n      case 'link':\n        return (\n          <Link {...props}/>\n        );\n      case 'productprice':\n        return (\n          <ProductPrice {...props}/>\n        );\n      case 'tooltip':\n        return (\n          <Tooltip {...props}/>\n        );\n      case 'root':\n        return (\n          <RecursiveShortcode {...props}/>\n        );\n      default: return null;\n      }\n    }\n    return null;\n  };\n\n  return (\n    <Element {...props}/>\n  );\n};\n\nconst ShortcodeWrapper = (props: RecursiveShortcodeProps) => (\n  <Suspense\n    fallback={(\n      <PendingShortcode {...props}/>\n    )}\n  >\n    <Shortcode {...props}/>\n  </Suspense>\n);\n\nShortcodeWrapper.displayName = 'Shortcode';\n\nexport default ShortcodeWrapper;\n","import Shortcode, { RecursiveShortcodeProps } from './Shortcode';\n\n//TODO: help.. please.\nexport type ShortcodeProps = RecursiveShortcodeProps;\n\nexport default Shortcode;\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 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 React from 'react';\nimport Button, {\n  Against,\n  Status,\n  Size,\n} from '@ux/reactive-button';\nimport callToAction from 'presentation/hocs/callToAction';\nimport { Theme } from '@ux/theme-utils';\nimport { CTA } from 'core/ribbons/cta';\nimport { Product } from '@ux/product';\nimport { omit } from 'presentation/utils/generalUtils';\n\ninterface OuterProps extends CTA {\n  product?: Product,\n  theme: Theme,\n  against?: Against,\n  block?: boolean,\n  size?: Size,\n  ribbonId: string,\n  index: number,\n  glyph?: string,\n}\n\ninterface InnerProps extends OuterProps {\n  addingStatus: Status,\n  handleClick: (props: any) => () => void,\n}\n\nconst getStatus = (addingStatus: string) => {\n  switch (addingStatus) {\n  case 'REQUESTED': return Status.PENDING;\n  case 'SUCCESS': return Status.SUCCESS;\n  case 'FAILED': return Status.FAILURE;\n  default: return Status.DEFAULT;\n  }\n};\n\nconst PureCallToAction = ({\n  kind,\n  against = Against.LIGHT,\n  label,\n  addingStatus,\n  handleClick,\n  behavior,\n  ...props\n}: InnerProps) => {\n\n  const status = getStatus(addingStatus);\n  //@ts-ignore goto exists on NavigationCTA\n  const goto = behavior?.goto ?? null;\n  //@ts-ignore newTab exists on NavigationCTA\n  const newTab = behavior?.newTab ?? null;\n  //@ts-ignore rel exists on NavigationCTA\n  const rel = behavior?.rel ?? null;\n\n  const openNewWindowProps = newTab==='true' ? {\n    rel: rel,\n    target: '_blank',\n  } : { };\n\n  const buttonProps = omit([\n    'colorway',\n    'actions',\n    'buttonId',\n    'ribbonId',\n    'index',\n    'handlePlayVideoClick',\n    'handleSetVisibilityClick',\n    'handleConfigureClick',\n    'handleApplyVoucherClick',\n    'handleAddToBasketClick',\n    'handleNavigateClick',\n    'handleAnalytics',\n    'ribbonList',\n  ], props);\n\n  return (\n    <Button\n      kind={kind}\n      against={against}\n      status={status}\n      onClick={handleClick}\n      to={goto}\n      {...openNewWindowProps}\n      {...buttonProps}\n    >\n      {label}\n    </Button>\n  );\n};\n\nPureCallToAction.displayName = 'CallToAction';\n\nexport default callToAction(PureCallToAction);\n","export enum Behavior {\n  NAVIGATION = 'navigation',\n  ADD_TO_BASKET = 'addToBasket',\n  APPLY_VOUCHER = 'APPLY_VOUCHER',\n  CONFIGURE = 'configure',\n  SET_VISIBILITY = 'changeActiveVisibilitySet',\n  PLAY_VIDEO = 'playVideo',\n}\n\nexport default null;\n","import { compose, withProps, withHandlers } from 'recompose';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport { useWindow } from '@ux/hooks';\nimport { addToBasket, applyVoucher } from 'application/signals/basket';\nimport { setVisibility } from 'application/signals/ribbons';\nimport { productClicked, promotionClicked, productAddToBasket } from 'application/signals/cta';\nimport { getAddingStatus } from 'domain/selectors/basket';\nimport { getExternalRoutes } from 'domain/selectors/common';\nimport { createRibbonName } from 'domain/transformers/ribbons';\nimport { getRibbon } from 'domain/selectors/ribbons';\nimport { Behavior } from 'domain/constants/callToAction';\nimport { signals } from '@team-griffin/redux-modal-router';\nimport handleAddToBasketClick from './callToActionHandlers/handleAddToBasketClick';\nimport handleApplyVoucherClick from './callToActionHandlers/handleApplyVoucherClick';\nimport handleConfigureClick from './callToActionHandlers/handleConfigureClick';\nimport handlePlayVideoClick from './callToActionHandlers/handlePlayVideoClick';\nimport handleSetVisibilityClick from './callToActionHandlers/handleSetVisibilityClick';\nimport handleNavigateClick from './callToActionHandlers/handleNavigateClick';\nimport handleAnalytics from './callToActionHandlers/handleAnalytics';\nimport { isNilOrEmpty } from 'presentation/utils/generalUtils';\n\nexport const formatPricingTier = (tier) => {\n  if (tier == null) {\n    return;\n  }\n  if (tier.paymentInterval == null || tier.term == null) {\n    return;\n  }\n  return `${tier.paymentInterval}:${tier.term}`;\n};\n\nconst mapStateToProps = (state, props) => {\n  const buttonId = `${props.ribbonId}-cta-${props.index}`;\n  const externalRoutes = getExternalRoutes(state);\n  const ribbon = getRibbon(props.ribbonId)(state);\n  const ribbonType = ribbon?.type;\n  const ribbonName = ribbon?.props?.name;\n  const product = props?.product;\n  // add an analytics prefixed `id` to the cta if required\n  const id = (() => {\n    const behavior = props.behavior;\n    const id = props.id;\n    if (behavior?.analytics?.linkAttribution) {\n      return `usf-cta-${behavior.analytics.linkAttribution}`;\n    }\n    return id;\n  })();\n  const ribbonList = createRibbonName(ribbonType, ribbonName);\n  const behavior = isNilOrEmpty(props.behavior) ? {} : props.behavior;\n  return {\n    externalRoutes,\n    addingStatus: getAddingStatus(buttonId)(state),\n    buttonId,\n    ribbonList,\n    product,\n    id,\n    behavior,\n  };\n};\n\nconst mapDispatchToProps = (dispatch) =>\n  bindActionCreators(\n    {\n      addToBasket,\n      applyVoucher,\n      setVisibility,\n      openReduxModal: signals.open,\n      productClicked,\n      promotionClicked,\n      productAddToBasket,\n    },\n    dispatch,\n  );\n\nconst mergeProps = (stateProps, dispatchProps, ownProps) => {\n  return {\n    ...stateProps,\n    ...ownProps,\n    actions: {\n      ...dispatchProps,\n      ...ownProps.actions,\n    },\n  };\n};\n\nexport default compose(\n  withProps(() => ({\n    window: useWindow(),\n  })),\n  connect(mapStateToProps, mapDispatchToProps, mergeProps),\n  withHandlers({\n    handleAnalytics: handleAnalytics,\n  }),\n  withHandlers({\n    handleAddToBasketClick: handleAddToBasketClick,\n    handleNavigateClick: handleNavigateClick,\n    handleApplyVoucherClick: handleApplyVoucherClick,\n    handleConfigureClick: handleConfigureClick,\n    handleSetVisibilityClick: handleSetVisibilityClick,\n    handlePlayVideoClick: handlePlayVideoClick,\n  }),\n  withProps((ownerProps) => ({\n    handleClick: (() => {\n      switch (ownerProps.behavior?.type) {\n        case Behavior.ADD_TO_BASKET:\n          return ownerProps.handleAddToBasketClick;\n        case Behavior.APPLY_VOUCHER:\n          return ownerProps.handleApplyVoucherClick;\n        case Behavior.CONFIGURE:\n          return ownerProps.handleConfigureClick;\n        case Behavior.PLAY_VIDEO:\n          return ownerProps.handlePlayVideoClick;\n        case Behavior.SET_VISIBILITY:\n          return ownerProps.handleSetVisibilityClick;\n        case Behavior.NAVIGATION:\n          return ownerProps.handleNavigateClick;\n        default:\n          return () => null;\n      }\n    })(),\n  })),\n);\n","import { Product } from '@ux/product';\n\nexport default (\n  props: {\n    behavior: {\n      type: any;\n      analytics: {\n        type: any;\n        productId: string;\n        promotion: string;\n      };\n    };\n    ribbonList: any;\n    product: Product;\n    actions: {\n      productClicked: (arg0: { productId: any; list: any; }) => void;\n      promotionClicked: (arg0: { promotion: any; }) => void;\n      productAddToBasket: (arg0: { list: any; product: any; }) => void;\n    };\n  },\n) => () => {\n  const ctaType = props?.behavior?.type;\n  const type = props?.behavior?.analytics?.type;\n  const list = props.ribbonList;\n  const product = props.product;\n\n  if (type === 'PRODUCT') {\n    const productId = props?.behavior?.analytics?.productId;\n    props.actions.productClicked({\n      productId,\n      list,\n    });\n  } else if (type === 'PROMOTION') {\n    const promotion = props?.behavior?.analytics?.promotion;\n    props.actions.promotionClicked({ promotion });\n  } else if (ctaType === 'addToBasket') {\n    props.actions.productAddToBasket({\n      list,\n      product,\n    });\n  }\n};","import { Product, selectors } from '@ux/product';\nimport { formatPricingTier } from '../callToAction';\n\nexport default (props: {\n  buttonId: string;\n  product: Product;\n  actions: {\n    addToBasket: any;\n  };\n  behavior: {\n    productId: any;\n    postAction: any;\n    pricingTier: any;\n  };\n  handleAnalytics: any;\n}) => () => {\n  const {\n    buttonId,\n    product,\n    actions: { addToBasket },\n    behavior: { productId, postAction, pricingTier },\n    handleAnalytics,\n  } = props;\n  const productData = {\n    skuId: product ? product.defaultSkuId : null,\n    name: product ? product.name : null,\n    price: product ? selectors.getPrice({\n      product,\n      includeTax: false,\n    }) : null,\n    category: product ? product.categoryName : null,\n  };\n  addToBasket(\n    buttonId,\n    productId,\n    postAction,\n    formatPricingTier(pricingTier),\n    1, //quantity\n    productData,\n  );\n\n  handleAnalytics();\n};","export default ({ handleAnalytics }: { handleAnalytics: any }) => () => {\n  handleAnalytics();\n};","export default ({\n  buttonId,\n  actions: {\n    applyVoucher,\n  },\n  behavior: {\n    voucherCode,\n    postAction,\n  },\n}: {\n  buttonId: string,\n  actions: {\n    applyVoucher: any,\n  },\n  behavior: {\n    voucherCode: string;\n    postAction: any;\n  }\n}) => () => {\n  applyVoucher(buttonId, voucherCode, postAction);\n};","import { formatPricingTier } from '../callToAction';\n\nexport default ({\n  window,\n  behavior: {\n    productId,\n    pricingTier,\n  },\n}: {\n  window: Window,\n  behavior: {\n    productId: string;\n    pricingTier: string;\n  }\n}) => {\n  return () => {\n    const tier = formatPricingTier(pricingTier);\n    const query = new URLSearchParams();\n    query.append('productId', productId);\n    if (tier) {\n      query.append('pricingTier', tier);\n    }\n    const q = query.toString();\n    window.location.href = `/configure?${q}`;\n  };\n};","export default ({\n  actions: {\n    setVisibility,\n  },\n  behavior,\n}: {\n\tactions: {\n\t\tsetVisibility: any,\n\t},\n\tbehavior: {\n\t\tvisibilitySet: any,\n\t}\n}) => () => {\n  setVisibility(behavior.visibilitySet);\n};","export default ({\n  actions: {\n    openReduxModal,\n  },\n  behavior: {\n    videoId,\n    provider,\n  },\n}: {\n  actions: {\n    openReduxModal: any;\n  },\n  behavior: {\n    videoId: string;\n    provider: string;\n  }\n}) => () => {\n  openReduxModal({\n    route: 'PLAY_VIDEO',\n    params: {\n      videoId,\n      provider,\n    },\n  });\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","\n// /*\n// createImageUrl(\n//   {\n//     illustration: ?String,\n//     imageUrl: ?String,\n//   },\n//   theme,\n//   currentLanguage,\n// );\n\n//   Returns a painbtrush URL if an illustration is provided,\n//   otherwise returns a static imageUrl\n// */\n\nimport { createPaintbrushUrl } from '@ux/illustrations';\nimport { isNotNilOrEmpty } from '@team-griffin/capra';\nimport * as r from 'ramda';\nimport urlLanguageParse from 'presentation/utils/urlLanguageParse';\nimport { Theme } from '@ux/theme-utils';\n\nconst hasIllustration = r.propSatisfies(isNotNilOrEmpty, 'illustration');\n\nexport default (\n  media: {\n    illustration: string,\n    imageUrl: string\n  },\n  theme: Theme,\n  currentLanguage?: string,\n) => r.ifElse(\n  hasIllustration,\n  () => createPaintbrushUrl(media.illustration, theme),\n  () => urlLanguageParse(media.imageUrl, currentLanguage),\n)(media);"],"sourceRoot":""}