{"version":3,"sources":["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/PendingShortcode.tsx","webpack:///./presentation/components/Shortcode/Shortcode.tsx","webpack:///./presentation/components/Shortcode/index.ts","webpack:///./domain/constants/alignment.ts","webpack:///./presentation/hocs/withLanguage.tsx","webpack:///./presentation/utils/urlLanguageParse.ts","webpack:///./presentation/components/common/CallToAction.tsx","webpack:///./domain/constants/callToAction.ts","webpack:///./application/actions/reactive-knowledge/useShowToast.ts","webpack:///./infrastructure/basket/createBasket.ts","webpack:///./infrastructure/basket/addToBasket.ts","webpack:///./application/actions/cta/useAddProductToBasket.ts","webpack:///./application/actions/cta/usePostActionNavigate.ts","webpack:///./presentation/hocs/callToActionHandlers/handleAddToBasketClick.ts","webpack:///./presentation/hocs/callToActionHandlers/handleConfigureClick.ts","webpack:///./application/actions/cta/sendProductClicked.ts","webpack:///./application/actions/cta/sendProductOnAddToBasket.ts","webpack:///./application/actions/cta/sendPromotion.ts","webpack:///./presentation/hocs/callToAction.tsx","webpack:///./presentation/hocs/callToActionHandlers/handleAnalytics.ts","webpack:///./presentation/hocs/callToActionHandlers/utils.ts","webpack:///./presentation/hocs/callToActionHandlers/handleSetVisibilityClick.ts","webpack:///./presentation/hocs/callToActionHandlers/handlePlayVideoClick.ts","webpack:///./presentation/utils/getActiveImageWithAspectRatios.ts","webpack:///./presentation/utils/responsiveColumns.ts","webpack:///./domain/constants/imageAspectRatio.ts","webpack:///./presentation/utils/imageAspectRatioPercentage.ts","webpack:///../node_modules/@uds/illustrations/dist/es/illustrations.js","webpack:///./domain/constants/dimension.ts","webpack:///./core/ribbons/primitives.ts","webpack:///./presentation/components/ribbons/pillars/Pillar.tsx","webpack:///./presentation/components/ribbons/pillars/Pillar.stylesheet.ts","webpack:///src/presentation/components/ribbons/pillars/Pillars.stylesheet.ts","webpack:///./presentation/components/ribbons/pillars/Pillars.tsx","webpack:///./presentation/components/ribbons/pillars/index.ts"],"names":["getColor","theme","against","Against","LIGHT","NEUTRAL","palette","primary","DARK","tertiary","Alt","RecursiveShortcode","elements","rest","useTheme","style","color","displayName","Bold","fontWeight","fontStyle","Link","contentType","attributes","isExternalRoute","route","useIsExternalRoute","goto","href","id","analyticskey","size","TextButtonSize","INHERIT","rel","target","newTab","formatText","text","newline","values","formattedText","replace","_","match","replaceValues","split","join","escapeShortCodes","string","reduce","prev","cur","i","nl2br","Text","ReactTooltip","lazy","TooltipShortcode","isMinLg","useBreakpoints","eventToggle","undefined","padding","cssTheme","CallToAction","fallback","tagName","useDefaultStyles","content","maxWidth","randomWidth","Math","floor","random","PendingShortcode","code","display","width","lines","Glyph","Sup","List","OrderedList","ListItem","TickListItem","ProductPrice","PhoneNumber","map","element","index","Shortcode","JSON","stringify","props","String","getAgainst","type","name","glyph","Italic","Tooltip","ShortcodeWrapper","Alignment","Component","currentLanguage","useCurrentLanguage","url","language","length","parsedLanguage","toUpperCase","PureCallToAction","kind","label","addingStatus","handleClick","behavior","status","Status","PENDING","SUCCESS","FAILURE","DEFAULT","getStatus","isExternal","openNewWindowProps","buttonProps","omit","onClick","alt","callToAction","Behavior","useShowToast","add","useAdd","intl","useIntl","message","KnowledgeType","SMIRK","formatMessage","createBasket","async","driver","makeDriver","response","method","Method","POST","headers","brandId","basketId","body","setCookie","makeAddToBasket","items","localeCode","getLanguageCookie","cookie","getCookie","cookieDecoded","decode","e","getBaskedId","data","useAddProductToBasket","postActionNavigate","handleAnalytics","useBrandId","showToast","refetchBasket","useRefreshBasketCount","useMutation","onError","ERK","onSuccess","usePostActionNavigate","postAction","history","useHistory","isInternal","isInternalUrl","orderUrl","useOrderProcessUrl","window","useWindow","navigateUrl","push","location","statusMap","idle","loading","success","error","sendProductClicked","productId","list","getProductData","locale","skuId","then","product","price","productSelectors","getPrice","includeTax","ecommerce","sendProductOnAddToBasket","currency","term","category","categoryName","dispatchFBEvent","content_ids","content_name","value","quantity","content_type","defaultPrice","dispatchGA4Event","sendPromotion","promotion","ec","ecomm","promoNameToPromoId","VideoModal","ribbonId","setAddingStatus","useState","isVideoModalOpen","setIsVideoModalOpen","externalRoutes","useExternalRoutes","useCurrency","ribbon","useRibbon","createRibbonName","ctaType","analytics","pricingTier","useHandleAnalytics","handleAddToBasketClick","mutateAsync","addToBasket","useEffect","timeoutRef","setTimeout","clearTimeout","defaultSkuId","paymentInterval","useHandleAddToBasketClick","handleConfigureClick","tier","formatPricingTier","query","URLSearchParams","append","q","toString","useHandleConfigureClick","handleSetVisibilityClick","setVisibility","useVisibilitySetsAction","visibilitySet","useHandleSetVisibilityClick","ctaId","linkAttribution","actionType","toggleVideoModal","isOpen","ADD_TO_BASKET","CONFIGURE","PLAY_VIDEO","handlePlayVideoClick","SET_VISIBILITY","NAVIGATION","videoId","provider","closeModal","breakpoints","image","imagesWithAspectRatios","imageUrl","imageAspectRatio","preserveDimension","findResponsiveItem","responsiveColumns","defaultColumns","desiredColumns","columns","defaultedDesiredValue","bootstrapResponsiveColumns","ImageAspectRatio","imageAspectRatioPercentage","ratio","W16H9","W4H3","W1H1","W32H9","W64H9","W3H4","W9H16","W9H32","reactPropsRegex","fn","cache","arg","memoize","prop","test","charCodeAt","restOp","obj","keysToExclude","Object","keys","filter","includes","acc","curr","assign","warnIfInvalid","componentName","Root","tag","options","render","ref","as","component","class","className","filteredProps","indexOf","key","_len","arguments","classNames","Array","_key","Boolean","cx","vars","variable","result","unit","__linaria","Result","innerRef","extends","styled$1","_ref","iconSize","iconName","themeSpacing","gu","getSize","createPaintbrushUrl$1","icon","params","illustrations","forEach","iconSet","Illustration$1","spacing","children","src","importance","Dimension","PurePillar","hBaseline","illustration","title","colorway","alignment","ctas","isMinSm","activeImage","getActiveImageWithAspectRatios","hasIllustration","isNilOrEmpty","hasImageUrl","hasImage","hasTitle","hasBody","styles","curvature","hasMultipleCtas","useStyles","default","root","textAlign","marginBottom","gu2px","imageContainer","justifyContent","position","overflow","imageBuffer","paddingTop","imageInner","top","bottom","left","height","border","transform","marginTop","cta","hasAnyText","modifier","HEIGHT","CENTER","Curvature","WEAK","borderRadius","STRONG","spaceCtas","marginRight","useStylesheet","urlLanguageParse","createImageAlt","depth","block","Size","SM","concat","withLanguage","PurePillars","layout","pillars","alignmentMobile","STARTING","alignmentTablet","justify","Justify","FLEX_START","layoutColumns","Ribbon","Type","PILLARS","pillar","xs","sm","lg","Pillar","errorBoundary","Pillars"],"mappings":"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","file":"pex-static/34/43.d4a559cd4a267366d3a1.chunk.js","sourcesContent":["import React from 'react';\nimport { Theme, useTheme, Colorway as Against } from '@uds/theme-utils';\n\nimport { RecursiveShortcodeProps } from './Shortcode';\n\nconst getColor = (theme: Theme, against: Against | undefined) => {\n  switch (against) {\n    case Against.LIGHT:\n      return theme.palette.primary;\n    case Against.NEUTRAL:\n      return theme.palette.primary;\n    case Against.DARK:\n      return theme.palette.tertiary;\n    default:\n      return 'inherit';\n  }\n};\nconst Alt = ({ RecursiveShortcode, elements, against, ...rest }: RecursiveShortcodeProps) => {\n  const { theme } = useTheme();\n  return (\n    <span\n      style={{\n        color: getColor(theme, against),\n      }}\n    >\n      {RecursiveShortcode ? <RecursiveShortcode elements={elements} against={against} {...rest} /> : null}\n    </span>\n  );\n};\n\nAlt.displayName = 'Alt';\n\nexport default Alt;\n","import React from 'react';\n\nimport { RecursiveShortcodeProps } from './Shortcode';\n\nconst Bold = ({ elements, RecursiveShortcode, ...rest }: RecursiveShortcodeProps) => (\n  <span style={{ fontWeight: 'bold' }}>\n    {RecursiveShortcode ? <RecursiveShortcode elements={elements} {...rest} /> : null}\n  </span>\n);\n\nBold.displayName = 'Bold';\n\nexport default Bold;\n","import React from 'react';\n\nimport { RecursiveShortcodeProps } from './Shortcode';\n\nconst Bold = ({ elements, RecursiveShortcode, ...rest }: RecursiveShortcodeProps) => (\n  <span style={{ fontStyle: 'italic' }}>\n    {RecursiveShortcode ? <RecursiveShortcode elements={elements} {...rest} /> : null}\n  </span>\n);\n\nBold.displayName = 'Bold';\n\nexport default Bold;\n","import React from 'react';\nimport { ReactRouterTextButton } from '@uds/react-router-adapter';\nimport { Size as TextButtonSize } from '@uds/text-button';\nimport { useIsExternalRoute } from 'domain/selectors/common';\n\nimport { RecursiveShortcodeProps } from './Shortcode';\n\nconst Link = ({ RecursiveShortcode, elements, contentType, attributes, against, ...rest }: RecursiveShortcodeProps) => {\n  const [isExternalRoute, route] = useIsExternalRoute(attributes?.goto);\n  return (\n    <ReactRouterTextButton\n      href={route}\n      id={attributes?.analyticskey ? `shortcode-link-${attributes?.analyticskey}` : ''}\n      contentType={contentType}\n      size={TextButtonSize.INHERIT}\n      isExternalRoute={isExternalRoute}\n      rel={attributes?.rel}\n      target={attributes?.newTab === 'true' ? '_blank' : ''}\n    >\n      {/* @ts-ignore: error when upgrading to @ux/config */}\n      <RecursiveShortcode elements={elements} {...rest} />\n    </ReactRouterTextButton>\n  );\n};\n\nLink.displayName = 'Link';\n\nexport default Link;\n","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 replaceValues = (text: string, values?: Record<string, string>) => {\n  if (values == null) {\n    return text;\n  }\n  return text.replace(/{(?<value>[^{]*)}/g, (_, match) => {\n    return values[match];\n  });\n};\n\nconst nl2br = (string: string) =>\n  (string ?? '')\n    .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 | undefined, values?: Record<string, string>) => {\n  const formattedText = replaceValues(escapeShortCodes(text) ?? '', values);\n  if (newline === false) {\n    return formattedText;\n  }\n  return nl2br(formattedText);\n};\n\ninterface OuterProps {\n  text?: string | undefined;\n  nl2br?: boolean | Element;\n  values?: Record<string, string>;\n}\nconst Text = ({ text, nl2br, values }: OuterProps) => <Fragment>{formatText(text ?? '', nl2br, values)}</Fragment>;\n\nText.displayName = 'Text';\n\nexport default Text;\n","import React, { lazy, Suspense } from 'react';\nimport TextButton, { Size as TextButtonSize } from '@uds/text-button';\nimport { cssTheme } from '@uds/theme-utils';\nimport { useBreakpoints } from '@uds/responsive';\n\nimport { RecursiveShortcodeProps } from './Shortcode';\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(\n  () =>\n    import(\n      /* webpackChunkName: \"react-tooltip-lite\" */\n      'react-tooltip-lite'\n    ),\n);\n\nconst TooltipShortcode = ({ RecursiveShortcode, attributes, elements }: RecursiveShortcodeProps) => {\n  const { isMinLg } = useBreakpoints();\n  const eventToggle = isMinLg ? undefined : 'onClick';\n  const padding = cssTheme.gu2;\n  const CallToAction = <TextButton size={TextButtonSize.INHERIT}>{attributes?.label}</TextButton>;\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            {/* @ts-ignore: error when upgrading to @ux/config  */}\n            <RecursiveShortcode elements={elements} />\n          </div>\n        }\n      >\n        {CallToAction}\n      </ReactTooltip>\n    </Suspense>\n  );\n};\n\nTooltipShortcode.displayName = 'TooltipShortcode';\n\nexport default TooltipShortcode;\n","import React from 'react';\nimport { Shimmer } from '@uds/penders';\n\nimport { ShortcodeProps } from './';\n\nexport interface OuterProps {\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 = ({ code }: OuterProps) => (\n  <span\n    style={{\n      display: 'inline-block',\n      width: `${randomWidth()}%`,\n    }}\n  >\n    <Shimmer lines={code && code.elements ? 2 : 1} />\n  </span>\n);\n\nPendingShortcode.displayName = 'PendingShortcode';\n\nexport default PendingShortcode;\n","import React, { Suspense, lazy, ReactNode } from 'react';\nimport { getAgainst } from 'presentation/utils/colorway';\nimport { Layout } from 'domain/constants/layout';\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 { Colorway as Against } from '@uds/theme-utils';\nimport { IconName } from '@uds/glyphs';\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 PendingShortcode from './PendingShortcode';\n\nimport { ShortcodeProps } from '.';\n\nconst Glyph = lazy(\n  () =>\n    import(\n      /* webpackChunkName: \"shortcode-glyph\" */\n      './Glyph'\n    ),\n);\n\nconst Sup = lazy(\n  () =>\n    import(\n      /* webpackChunkName: \"shortcode-sup\" */\n      './Sup'\n    ),\n);\n\nconst List = lazy(\n  () =>\n    import(\n      /* webpackChunkName: \"shortcode-list\" */\n      './List'\n    ),\n);\n\nconst OrderedList = lazy(\n  () =>\n    import(\n      /* webpackChunkName: \"shortcode-ordered-list\" */\n      './OrderedList'\n    ),\n);\n\nconst ListItem = lazy(\n  () =>\n    import(\n      /* webpackChunkName: \"shortcode-list-item\" */\n      './ListItem'\n    ),\n);\n\nconst TickListItem = lazy(\n  () =>\n    import(\n      /* webpackChunkName: \"shortcode-tick-list-item\" */\n      './TickListItem'\n    ),\n);\n\nconst ProductPrice = lazy(\n  () =>\n    import(\n      /* webpackChunkName: \"shortcode-product-price\" */\n      './ProductPrice'\n    ),\n);\n\nconst PhoneNumber = lazy(\n  () =>\n    import(\n      /* webpackChunkName: \"shortcode-phone-number\" */\n      './PhoneNumber'\n    ),\n);\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\ndeclare const i: number;\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\ndeclare const element: ShortcodeProps;\n\nexport interface ShortcodeAttributesProps {\n  glyph: string;\n  use?: number;\n  number?: number;\n  RecursiveShortcode: (props: RecursiveShortcodeProps) => JSX.Element;\n  analyticskey?: string;\n  goto?: string;\n  label?: ReactNode;\n  icon: IconName;\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?: Array<ShortcodeProps>;\n  RecursiveShortcode?: (props: RecursiveShortcodeProps) => JSX.Element;\n  type?: string;\n  name?: string;\n  layout?: Layout;\n  against?: Against;\n  attributes?: ShortcodeAttributesProps | undefined;\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, index) => (\n      // Temporarily allow index as key waiting for BE to add ids\n      // eslint-disable-next-line react/no-array-index-key\n      <Shortcode key={`stringed-shortcode-${JSON.stringify(element)}-${index}`} code={element} {...rest} />\n    ))}\n  </>\n);\n\nexport interface ShortcodeOuterProps {\n  against?: Against;\n  code: RecursiveShortcodeProps;\n  type?: string;\n  name?: string;\n  values?: Record<string, string>;\n}\n\nconst Shortcode = ({ code, ...rest }: RecursiveShortcodeProps) => {\n  let props = {\n    ...rest,\n  } as RecursiveShortcodeProps;\n  if (typeof code === 'string' || code instanceof 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\n  const { type, name, values } = props;\n  if (typeof props.code === 'string') {\n    return <Text text={code} values={values} />;\n  }\n  if (props.type === 'text') {\n    return <Text {...props} values={values} />;\n  }\n  if (type === 'element') {\n    switch (name) {\n      case 'list':\n        if (props?.attributes?.style === 'number') {\n          return <OrderedList {...props} />;\n        }\n        return <List {...props} />;\n      case 'li':\n        if (props?.attributes?.style === 'glyph') {\n          return <TickListItem {...props} glyph={props.attributes?.glyph ?? 'tick'} />;\n        }\n        return <ListItem {...props} />;\n      case 'i':\n        return <Italic {...props} />;\n      case 'b':\n        return <Bold {...props} />;\n      case 'alt':\n        return <Alt {...props} />;\n      case 'sup':\n        return <Sup {...props} />;\n      case 'glyph':\n        return <Glyph attributes={props.attributes} {...props} />;\n      case 'tel':\n        return <PhoneNumber {...props} />;\n      case 'link':\n        return <Link {...props} />;\n      case 'productprice':\n        return <ProductPrice {...props} />;\n      case 'tooltip':\n        return <Tooltip {...props} />;\n      case 'root':\n        return <RecursiveShortcode {...props} />;\n      default:\n        return null;\n    }\n  }\n  return null;\n};\n\nconst ShortcodeWrapper = (props: RecursiveShortcodeProps) => (\n  <Suspense fallback={<PendingShortcode code={props.code} />}>\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","export enum Alignment {\n  STARTING = 'STARTING',\n  CENTER = 'CENTER',\n}\n\nexport default null;\n","import React from 'react';\nimport { useCurrentLanguage } from 'domain/selectors/page';\n\nexport default (Component: any) => {\n  return function EnhancedComponent(props: any) {\n    const currentLanguage = useCurrentLanguage();\n    return <Component {...props} currentLanguage={currentLanguage} />;\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 = [language.split('-')[0], language.split('-')[1].toUpperCase()].join('-');\n    } else {\n      parsedLanguage = language;\n    }\n    return url.replace('{{language}}', parsedLanguage);\n  }\n  return url;\n};\n","import React from 'react';\nimport { Status, Size } from '@uds/button';\nimport { CTA } from 'core/ribbons/cta';\nimport { Product } from '@uds/product';\nimport { Glyph, IconName } from '@uds/glyphs';\nimport callToAction from 'presentation/hocs/callToAction';\nimport { omit } from 'presentation/utils/generalUtils';\nimport { ReactRouterButton } from '@uds/react-router-adapter';\nimport { useIsExternalRoute } from 'domain/selectors/common';\n\ninterface OuterProps extends CTA {\n  product?: Product;\n  block?: boolean;\n  size?: Size;\n  ribbonId: string;\n  index: number;\n  glyph?: IconName;\n}\n\ninterface InnerProps extends OuterProps {\n  addingStatus?: Status;\n  handleClick: (props: any) => () => void;\n}\n\nconst getStatus = (addingStatus: string | undefined) => {\n  switch (addingStatus) {\n    case 'PENDING':\n      return Status.PENDING;\n    case 'SUCCESS':\n      return Status.SUCCESS;\n    case 'FAILURE':\n      return Status.FAILURE;\n    default:\n      return Status.DEFAULT;\n  }\n};\n\nconst PureCallToAction = ({ kind, label, addingStatus, handleClick, behavior, ...props }: InnerProps) => {\n  const status = getStatus(addingStatus);\n  const goto = 'goto' in behavior ? behavior.goto : undefined;\n  const [isExternal, url] = useIsExternalRoute(goto);\n  const newTab = 'newTab' in behavior ? behavior.newTab : null;\n  const rel = 'rel' in behavior ? behavior.rel : undefined;\n\n  const openNewWindowProps =\n    newTab === 'true'\n      ? {\n          rel: rel,\n          target: '_blank',\n        }\n      : {};\n\n  const buttonProps = omit(\n    [\n      'actions',\n      'buttonId',\n      'ribbonId',\n      'index',\n      'handlePlayVideoClick',\n      'handleSetVisibilityClick',\n      'handleConfigureClick',\n      'handleAddToBasketClick',\n      'handleNavigateClick',\n      'handleAnalytics',\n      'ribbonList',\n      'glyph',\n    ],\n    props,\n  );\n\n  return (\n    <ReactRouterButton\n      kind={kind}\n      status={status}\n      onClick={handleClick}\n      href={url}\n      isExternalRoute={isExternal}\n      {...openNewWindowProps}\n      {...buttonProps}\n      glyph={props.glyph && <Glyph name={props.glyph} alt={props.glyph} />}\n    >\n      {label}\n    </ReactRouterButton>\n  );\n};\n\nPureCallToAction.displayName = 'CallToAction';\n\nexport default callToAction(PureCallToAction);\n","export enum Behavior {\n  NAVIGATION = 'navigation',\n  ADD_TO_BASKET = 'addToBasket',\n  CONFIGURE = 'configure',\n  SET_VISIBILITY = 'changeActiveVisibilitySet',\n  PLAY_VIDEO = 'playVideo',\n}\n\nexport default null;\n","import { useAdd, KnowledgeType } from '@uds/reactive-knowledge';\nimport { useIntl } from 'react-intl';\n\nexport type ShowToast = (messageId: string, type?: KnowledgeType) => void;\n\nexport default function useShowToast(): ShowToast {\n  const add = useAdd();\n  const intl = useIntl();\n  return (message: string, type: KnowledgeType = KnowledgeType.SMIRK) => {\n    add({\n      type,\n      message: intl.formatMessage({ id: message }),\n    });\n  };\n}\n","import { Http, Method } from '@ux/drivers';\nimport { setCookie } from '@uds/cookies';\nimport { CreateBasket } from 'core/basket';\nimport makeDriver from 'infrastructure/drivers/json';\n\nconst createBasket: CreateBasket = async (brandId: string) => {\n  const driver: Http = makeDriver();\n\n  const response = await driver({\n    url: '/api/basket/api/v2/baskets',\n    method: Method.POST,\n    headers: {\n      'X-Tenant': brandId,\n    },\n  });\n\n  const basketId = (await response.body.id) ?? null;\n  if (basketId != null) {\n    setCookie('basket', basketId);\n  }\n\n  return basketId;\n};\n\nexport default createBasket;\n","import decode from 'jwt-decode';\nimport { Http, Method } from '@ux/drivers';\nimport { getCookie } from '@uds/cookies';\nimport { AddToBasket } from 'core/basket';\nimport makeDriver from 'infrastructure/drivers/json';\nimport { getLanguageCookie } from 'domain/selectors/common';\n\nimport createBasket from './createBasket';\n\ntype CookieDecoded =\n  | {\n      basketId: string;\n    }\n  | {\n      [key: string]: never;\n    };\n\nconst makeAddToBasket = (brandId: string): AddToBasket => {\n  const driver: Http = makeDriver();\n\n  const getBaskedId = () => {\n    const cookie = getCookie('basket');\n    let basketId;\n\n    try {\n      const cookieDecoded: CookieDecoded = cookie != null ? decode(cookie) : {};\n      if (cookieDecoded.basketId != null) {\n        basketId = cookieDecoded.basketId;\n        return basketId;\n      }\n      return createBasket(brandId);\n    } catch (e: unknown) {\n      basketId = cookie;\n      return basketId;\n    }\n  };\n\n  return async ({ items }) => {\n    const localeCode = getLanguageCookie();\n    const basketId = await getBaskedId();\n\n    return driver({\n      url: `/api/basket/api/v2/baskets/${basketId}/items?localeCode=${localeCode}`,\n      method: Method.POST,\n      data: { items },\n      headers: {\n        'X-Tenant': brandId,\n      },\n    });\n  };\n};\n\nexport default makeAddToBasket;\n","import { useMutation } from 'react-query';\nimport { useBrandId } from '@ux/whitelabel';\nimport { useRefreshBasketCount } from '@uds/bookends';\nimport { KnowledgeType } from '@uds/reactive-knowledge';\nimport makeAddToBasket from 'infrastructure/basket/addToBasket';\nimport { AddProductToBasketArgs } from 'core/basket';\n\nimport useShowToast from '../reactive-knowledge/useShowToast';\n\ninterface AddProductToBasketProps {\n  handleAnalytics: () => void;\n  postActionNavigate: () => void;\n}\n\nconst useAddProductToBasket = ({ postActionNavigate, handleAnalytics }: AddProductToBasketProps) => {\n  const brandId = useBrandId();\n  const showToast = useShowToast();\n  const refetchBasket = useRefreshBasketCount();\n  const addToBasket = (items: Array<AddProductToBasketArgs>) => {\n    handleAnalytics();\n    return makeAddToBasket(brandId)({ items });\n  };\n\n  return useMutation(addToBasket, {\n    onError: () => {\n      showToast('usf.addToBasket.failure', KnowledgeType.ERK);\n    },\n    onSuccess: () => {\n      refetchBasket();\n      showToast('usf.addToBasket.success');\n      postActionNavigate();\n    },\n  });\n};\n\nexport default useAddProductToBasket;\n","import { useHistory } from 'react-router';\nimport { useWindow } from '@uds/hooks';\nimport { isInternalUrl } from 'domain/url';\nimport { useOrderProcessUrl } from 'domain/selectors/common';\n\nconst usePostActionNavigate = (postAction?: { type: string; url?: string }) => {\n  const type = postAction?.type;\n  const url = postAction?.url;\n  const history = useHistory();\n  const isInternal = isInternalUrl(url);\n  const orderUrl = useOrderProcessUrl();\n  const window = useWindow();\n  const navigateUrl = type === 'CHECKOUT' ? orderUrl : url;\n\n  return () => {\n    if (navigateUrl == null) {\n      return;\n    }\n    if (isInternal) {\n      history.push(navigateUrl);\n    } else {\n      window.location.href = navigateUrl;\n    }\n  };\n};\n\nexport default usePostActionNavigate;\n","import { Dispatch, useEffect } from 'react';\nimport { QueryStatus } from 'react-query';\nimport { Status } from '@uds/button';\nimport { Product } from '@uds/product';\nimport { AddProductToBasketArgs } from 'core/basket';\nimport { AddToBasketCta, BehaviorType } from 'core/ribbons/cta';\nimport useAddProductToBasket from 'application/actions/cta/useAddProductToBasket';\nimport usePostActionNavigate from 'application/actions/cta/usePostActionNavigate';\n\nconst statusMap: Record<QueryStatus, Status> = {\n  idle: Status.DEFAULT,\n  loading: Status.PENDING,\n  success: Status.SUCCESS,\n  error: Status.FAILURE,\n};\n\ninterface HandleAddToBasketClick {\n  product?: Product;\n  behavior?: BehaviorType;\n  setAddingStatus: Dispatch<any>;\n  handleAnalytics: () => void;\n  postAction?: {\n    type: string;\n    url?: string;\n  };\n}\n\nexport default ({ product, setAddingStatus, handleAnalytics, postAction }: HandleAddToBasketClick) => {\n  const postActionNavigate = usePostActionNavigate(postAction);\n  const { mutateAsync: addToBasket, status } = useAddProductToBasket({\n    postActionNavigate,\n    handleAnalytics,\n  });\n\n  useEffect(() => {\n    let timeoutRef: ReturnType<typeof setTimeout>;\n    setAddingStatus(statusMap[status]);\n\n    if (status === 'error' || status === 'success') {\n      timeoutRef = setTimeout(() => {\n        setAddingStatus(Status.DEFAULT);\n      }, 1000);\n    }\n\n    return () => {\n      clearTimeout(timeoutRef);\n    };\n  }, [status, setAddingStatus]);\n\n  return ({ behavior }: { behavior?: AddToBasketCta }) => {\n    const items: Array<AddProductToBasketArgs> = [];\n    items.push({\n      skuId: product?.defaultSkuId ?? behavior?.productId,\n      quantity: 1,\n      term: behavior?.pricingTier?.term,\n      paymentInterval: behavior?.pricingTier?.paymentInterval,\n    });\n\n    addToBasket(items);\n  };\n};\n","import { useWindow } from '@uds/hooks';\nimport { ConfigureProductCta } from 'core/ribbons/cta';\n\nimport { formatPricingTier } from './utils';\n\ninterface Props {\n  behavior?: ConfigureProductCta;\n}\n\nexport default () => {\n  const window = useWindow();\n\n  return ({ behavior }: Props) => {\n    const tier = formatPricingTier(behavior?.pricingTier);\n    const productId = behavior?.productId;\n    const query = new URLSearchParams();\n\n    if (productId != null) {\n      query.append('productId', productId);\n    }\n\n    if (tier != null) {\n      query.append('pricingTier', tier);\n    }\n\n    const q = query.toString();\n    window.location.href = `/configure?${q}`;\n  };\n};\n","import { ecommerce } from '@uds/tagmg';\nimport { selectors as productSelectors } from '@uds/product';\nimport { GetProductData } from 'core/cta';\nimport { getLanguageCookie } from 'domain/selectors/common';\n\nconst sendProductClicked = ({\n  productId,\n  list,\n  getProductData,\n}: {\n  list: string;\n  productId?: string | null;\n  getProductData: GetProductData;\n}) => {\n  const locale = getLanguageCookie();\n\n  if (!productId) {\n    return;\n  }\n  return getProductData({\n    skuId: productId,\n    locale,\n  }).then((product) => {\n    const id = product?.id;\n    const name = product?.name;\n    let price = 0;\n    // in case we ever get a malformed product, getPrice would throw an error\n    try {\n      price = productSelectors.getPrice({\n        product,\n        includeTax: false,\n      });\n    } catch (e) {\n      return;\n    }\n\n    ecommerce([\n      [\n        'addProduct',\n        {\n          id: `${id}`,\n          name,\n          price,\n        },\n      ],\n      ['setAction', 'click', { list }],\n    ]);\n  });\n};\n\nexport default sendProductClicked;\n","import { dispatchFBEvent, ecommerce } from '@uds/tagmg';\nimport { selectors as productSelectors } from '@uds/product';\nimport { GetProductData } from 'core/cta';\nimport { getLanguageCookie } from 'domain/selectors/common';\nimport { dispatchGA4Event } from 'infrastructure/ga4';\n\nconst sendProductOnAddToBasket = ({\n  productId,\n  list,\n  getProductData,\n  currency,\n  brandId,\n  term,\n}: {\n  list: string;\n  productId?: string | null;\n  getProductData: GetProductData;\n  currency: string;\n  brandId: string;\n  term?: number | null;\n}) => {\n  const locale = getLanguageCookie();\n  if (!productId) {\n    return;\n  }\n  return getProductData({\n    skuId: productId,\n    locale,\n  }).then((product) => {\n    let price = 0;\n    // in case we ever get a malformed product, getPrice would throw an error\n    try {\n      price = productSelectors.getPrice({\n        product,\n        includeTax: true,\n      });\n    } catch (e) {\n      return;\n    }\n    if (product == null) return;\n    const id = product.id;\n    const name = product.name;\n    const category = product.categoryName;\n    dispatchFBEvent('AddToCart', {\n      // eslint-disable-next-line camelcase\n      content_ids: [id],\n      // eslint-disable-next-line camelcase\n      content_name: name,\n      value: price,\n      quantity: 1,\n      // eslint-disable-next-line camelcase\n      content_type: category,\n      currency: currency,\n    });\n    ecommerce([\n      [\n        'addProduct',\n        {\n          id: `${id}`,\n          name,\n          price,\n        },\n      ],\n      [\n        'setAction',\n        'add',\n        {\n          list,\n        },\n      ],\n    ]);\n    // Send GA4 ecommerce data\n    const items = [{\n      'item_name': product.name,\n      'item_id': product.id,\n      'item_group_id': product.id,\n      'item_brand': brandId,\n      'item_category': product.categoryName,\n      'item_variant': `${product.name} ${term ?? product.defaultPrice?.term}`,\n      'currency': currency,\n      'price': price,\n      'quantity': 1,\n    }];\n    dispatchGA4Event('add_to_cart', { items });\n  });\n};\n\nexport default sendProductOnAddToBasket;\n","import { Ecommerce, ecommerce } from '@uds/tagmg';\nimport { promoNameToPromoId } from 'domain/logic/promotion';\n\nconst sendPromotion = ({ promotion, ec }: { promotion?: string; ec?: Ecommerce }) => {\n  // for test purposes, we allow an overwrite\n  const ecomm = ec || ecommerce;\n  if (!promotion) {\n    return;\n  }\n\n  const promoId = promoNameToPromoId(promotion);\n  ecomm([\n    [\n      'addPromo',\n      {\n        id: promoId,\n        name: promotion,\n      },\n    ],\n    ['setAction', 'promo_click'],\n  ]);\n};\n\nexport default sendPromotion;\n","import { useState, Suspense, lazy, ElementType } from 'react';\nimport { Status } from '@uds/button';\nimport { Product } from '@uds/product';\nimport { BehaviorType } from 'core/ribbons/cta';\nimport { Behavior } from 'domain/constants/callToAction';\nimport { useExternalRoutes } from 'domain/selectors/common';\n\nimport {\n  useHandleAddToBasketClick,\n  useHandleConfigureClick,\n  handlePlayVideoClick,\n  useHandleAnalytics,\n  useHandleSetVisibilityClick,\n} from './callToActionHandlers';\n\nconst VideoModal = lazy(() => import('presentation/components/modal/Video'));\n\ninterface Props {\n  id?: string;\n  ribbonId?: string;\n  product?: Product;\n  behavior?: BehaviorType;\n  [key: string]: any;\n}\n\nexport default function (Component: ElementType) {\n  return function CallToActionWrapper({ id, ribbonId, behavior, product, ...props }: Props) {\n    const [addingStatus, setAddingStatus] = useState(Status.DEFAULT);\n    const [isVideoModalOpen, setIsVideoModalOpen] = useState(false);\n    const externalRoutes = useExternalRoutes();\n    const handleAnalytics = useHandleAnalytics({ ribbonId });\n    const handleAddToBasketClick = useHandleAddToBasketClick({\n      product,\n      setAddingStatus,\n      handleAnalytics: () => handleAnalytics({ behavior }),\n      postAction: behavior != null && 'postAction' in behavior ? behavior.postAction : undefined,\n    });\n    const handleConfigureClick = useHandleConfigureClick();\n    const handleSetVisibilityClick = useHandleSetVisibilityClick();\n    // add an analytics prefixed `id` to the cta if required\n    const ctaId = behavior?.analytics?.linkAttribution == null ? id : `usf-cta-${behavior.analytics.linkAttribution}`;\n    const actionType = behavior?.type;\n    const toggleVideoModal = () => {\n      return setIsVideoModalOpen((isOpen) => !isOpen);\n    };\n\n    const handleClick = (() => {\n      if (actionType === Behavior.ADD_TO_BASKET) {\n        return () => handleAddToBasketClick({ behavior });\n      }\n      if (actionType === Behavior.CONFIGURE) {\n        return () => handleConfigureClick({ behavior });\n      }\n      if (actionType === Behavior.PLAY_VIDEO) {\n        return () => handlePlayVideoClick({ toggleVideoModal });\n      }\n      if (actionType === Behavior.SET_VISIBILITY) {\n        return () => handleSetVisibilityClick({ behavior });\n      }\n      if (actionType === Behavior.NAVIGATION) {\n        return () => handleAnalytics({ behavior });\n      }\n\n      return () => null;\n    })();\n\n    if (actionType === Behavior.PLAY_VIDEO) {\n      return (\n        <>\n          <Suspense fallback={null}>\n            {isVideoModalOpen && (\n              <VideoModal\n                isOpen={isVideoModalOpen}\n                videoId={behavior?.videoId}\n                provider={behavior?.provider}\n                closeModal={toggleVideoModal}\n              />\n            )}\n          </Suspense>\n          <Component\n            id={ctaId}\n            ribbonId={ribbonId}\n            behavior={behavior}\n            product={product}\n            handleClick={handleClick}\n            {...props}\n          />\n        </>\n      );\n    }\n\n    return (\n      <Component\n        id={ctaId}\n        ribbonId={ribbonId}\n        behavior={behavior}\n        product={product}\n        handleClick={handleClick}\n        addingStatus={addingStatus}\n        externalRoutes={externalRoutes}\n        {...props}\n      />\n    );\n  };\n}\n","import { useCurrency } from '@ux/currency';\nimport { useBrandId } from '@ux/whitelabel';\nimport { Analytics } from 'core/ribbons/cta';\nimport { Behavior } from 'domain/constants/callToAction';\nimport { sendProductClicked, sendProductOnAddToBasket, sendPromotion } from 'application/actions/cta';\nimport { getProductData } from 'infrastructure/cta';\nimport { createRibbonName } from 'domain/transformers/ribbons';\nimport { useRibbon } from 'domain/selectors/ribbons';\n\ninterface Props {\n  ribbonId?: string;\n  behavior?: {\n    type: Behavior;\n    analytics?: Analytics;\n    productId?: string | null;\n    pricingTier?: {\n      term?: number | null;\n    };\n  };\n}\n\nexport default ({ ribbonId }: Props) => {\n  const currency = useCurrency();\n  const brandId = useBrandId();\n  const ribbon = useRibbon(ribbonId);\n  const list = createRibbonName(ribbon?.type, ribbon?.props?.name);\n\n  return ({ behavior }: Props) => {\n    const ctaType = behavior?.type;\n    const type = behavior?.analytics?.type;\n    const term = behavior?.pricingTier?.term;\n\n    if (type === 'PRODUCT') {\n      const productId = behavior?.analytics?.productId;\n      sendProductClicked({\n        productId,\n        list,\n        getProductData,\n      });\n    } else if (type === 'PROMOTION') {\n      const promotion = behavior?.analytics?.promotion;\n      sendPromotion({ promotion });\n    } else if (ctaType === 'addToBasket') {\n      const productId = behavior?.productId;\n      sendProductOnAddToBasket({ productId, list, getProductData, currency, brandId, term });\n    }\n  };\n};\n","export const formatPricingTier = (tier: { paymentInterval?: number; term?: number } | undefined) => {\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","import { VisibilitySetCta } from 'core/ribbons/cta';\nimport { useVisibilitySetsAction } from 'presentation/context/VisibilitySets';\n\nexport default () => {\n  const setVisibility = useVisibilitySetsAction();\n\n  return ({ behavior }: { behavior?: VisibilitySetCta }) => {\n    if (setVisibility != null) {\n      setVisibility(behavior?.visibilitySet);\n    }\n  };\n};\n","export default ({ toggleVideoModal }: { toggleVideoModal: () => void }) => {\n  toggleVideoModal();\n};\n","import { BreakpointProps } from '@ux/responsive';\nimport { ImagesWithAspectRatios, ImageWithAspectRatios } from 'core/ribbons/primitives';\nimport { ImageAspectRatio } from 'domain/constants/imageAspectRatio';\nimport { Dimension } from 'domain/constants/dimension';\nimport findResponsiveItem from 'presentation/utils/findResponsiveItem';\n\n/**\n * If imagesWithAspectRatios is present in ribbon props, this should be used.\n * This array follows the existing standard of [mobile,tablet,desktop] structure.\n * Where imagesWithAspectRatios is empty/omitted, the existing imageUrl and imageAspectRatio should be used.\n */\n\ntype ImageProps = {\n  imageUrl?: string;\n  imageAspectRatio?: ImageAspectRatio;\n  preserveDimension?: Dimension | string;\n};\n\nexport default (\n  breakpoints: BreakpointProps,\n  image: ImageProps,\n  imagesWithAspectRatios: ImagesWithAspectRatios | undefined,\n): ImageWithAspectRatios => {\n  const { imageUrl: url, imageAspectRatio, preserveDimension } = image;\n\n  if (imagesWithAspectRatios != null && imagesWithAspectRatios.length > 0) {\n    const activeImageWithAspectRatios = findResponsiveItem(breakpoints, imagesWithAspectRatios);\n    return activeImageWithAspectRatios || {};\n  }\n\n  return {\n    url,\n    imageAspectRatio,\n    preserveDimension,\n  };\n};\n","import { ResponsiveSet } from 'core/ribbons/primitives';\nimport { ColumnCount } from 'domain/constants/layout';\n\nconst responsiveColumns = (\n  defaultColumns: ResponsiveSet<ColumnCount>,\n  desiredColumns = [null, null, null] as unknown as ResponsiveSet<ColumnCount>,\n) => {\n  const columns = desiredColumns.map((value, index) => {\n    const defaultedDesiredValue = value ?? null;\n    const prunedValue = defaultedDesiredValue === null ? defaultColumns[index] : defaultedDesiredValue;\n    return prunedValue;\n  });\n  return columns;\n};\n\nexport const bootstrapResponsiveColumns = (\n  defaultColumns: ResponsiveSet<ColumnCount>,\n  desiredColumns: ResponsiveSet<ColumnCount>,\n) => {\n  const columns = responsiveColumns(defaultColumns, desiredColumns);\n  const dividedColumns = columns.map((value) => (typeof value === 'number' ? 12 / value : value));\n  return dividedColumns as ResponsiveSet<ColumnCount>;\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 | undefined) => {\n  if (ratio == null) {\n    return '56.25%';\n  }\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 { gu2px, useTheme } from '@uds/theme-utils';\nimport * as React from 'react';\nimport './illustration.stylesheet_1xw0u3m.css';\nimport { jsx } from 'react/jsx-runtime';\n\nfunction memoize(fn) {\n  var cache = {};\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */ && prop.charCodeAt(1) === 110\n  /* n */ && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */);\n\nfunction cx() {\n  for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {\n    classNames[_key] = arguments[_key];\n  }\n  return classNames.filter(Boolean).join(' ');\n}\n\n/**\n * This file contains an runtime version of `styled` component. Responsibilities of the component are:\n * - returns ReactElement based on HTML tag used with `styled` or custom React Component\n * - injects classNames for the returned component\n * - injects CSS variables used to define dynamic styles based on props\n */\n\n// Workaround for rest operator\nconst restOp = (obj, keysToExclude) => Object.keys(obj).filter(prop => !keysToExclude.includes(prop)).reduce((acc, curr) => Object.assign(acc, {\n  [curr]: obj[curr]\n}), {}); // rest operator workaround\n\nconst warnIfInvalid = (value, componentName) => {\n  if (process.env.NODE_ENV !== 'production') {\n    if (typeof value === 'string' ||\n    // eslint-disable-next-line no-self-compare\n    typeof value === 'number' && isFinite(value)) {\n      return;\n    }\n    const stringified = typeof value === 'object' ? JSON.stringify(value) : String(value); // eslint-disable-next-line no-console\n\n    console.warn(`An interpolation evaluated to '${stringified}' in the component '${componentName}', which is probably a mistake. You should explicitly cast or transform the value to a string.`);\n  }\n}; // If styled wraps custom component, that component should have className property\n\nfunction styled(tag) {\n  return options => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (Array.isArray(options)) {\n        // We received a strings array since it's used as a tag\n        throw new Error('Using the \"styled\" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup');\n      }\n    }\n    const render = (props, ref) => {\n      const {\n        as: component = tag,\n        class: className\n      } = props;\n      const rest = restOp(props, ['as', 'class']);\n      let filteredProps; // Check if it's an HTML tag and not a custom element\n\n      if (typeof component === 'string' && component.indexOf('-') === -1) {\n        filteredProps = {}; // eslint-disable-next-line guard-for-in\n\n        for (const key in rest) {\n          if (key === 'as' || index(key)) {\n            // Don't pass through invalid attributes to HTML elements\n            filteredProps[key] = rest[key];\n          }\n        }\n      } else {\n        filteredProps = rest;\n      }\n      filteredProps.ref = ref;\n      filteredProps.className = cx(filteredProps.className || className, options.class);\n      const {\n        vars\n      } = options;\n      if (vars) {\n        const style = {}; // eslint-disable-next-line guard-for-in\n\n        for (const name in vars) {\n          const variable = vars[name];\n          const result = variable[0];\n          const unit = variable[1] || '';\n          const value = typeof result === 'function' ? result(props) : result;\n          warnIfInvalid(value, options.name);\n          style[`--${name}`] = `${value}${unit}`;\n        }\n        filteredProps.style = Object.assign(style, filteredProps.style);\n      }\n      if (tag.__linaria && tag !== component) {\n        // If the underlying tag is a styled component, forward the `as` prop\n        // Otherwise the styles from the underlying component will be ignored\n        filteredProps.as = component;\n        return /*#__PURE__*/React.createElement(tag, filteredProps);\n      }\n      return /*#__PURE__*/React.createElement(component, filteredProps);\n    };\n    const Result = React.forwardRef ? /*#__PURE__*/React.forwardRef(render) :\n    // React.forwardRef won't available on older React versions and in Preact\n    // Fallback to a innerRef prop in that case\n    props => {\n      const rest = restOp(props, ['innerRef']);\n      return render(rest, props.innerRef);\n    };\n    Result.displayName = options.name; // These properties will be read by the babel plugin for interpolation\n\n    Result.__linaria = {\n      className: options.class,\n      extends: tag\n    };\n    return Result;\n  };\n}\nvar styled$1 = process.env.NODE_ENV !== 'production' ? new Proxy(styled, {\n  get(o, prop) {\n    return o(prop);\n  }\n}) : styled;\n\nconst getSize = _ref => {\n  let {\n    iconSize,\n    iconName,\n    themeSpacing\n  } = _ref;\n  if (iconSize == null) {\n    // if banner add more spacing\n    const gu = /^banner/.test(iconName) ? 8 : 2;\n    return `${gu2px(gu, themeSpacing)}`;\n  }\n  return iconSize;\n};\nconst Root = /*#__PURE__*/styled$1(\"div\")({\n  name: \"Root\",\n  class: \"r14nixs\",\n  vars: {\n    \"r14nixs-0\": [props => getSize(props), \"px\"]\n  }\n});\nconst classNames = {\n  remote: \"r1ccyfzc\"\n};\n\nconst baseUrl = 'https://paintbrush.heg-cp.com';\nconst createPaintbrushUrl = (icon, theme) => {\n  const params = new URLSearchParams();\n  Object.keys(theme.palette.illustrations).forEach(key => {\n    params.append(`palette[${key}]`, theme.palette.illustrations[key]);\n  });\n  params.append('iconSet', theme.iconSet);\n  return `${baseUrl}/illustrations/${icon}.svg?${params.toString()}`;\n};\nvar createPaintbrushUrl$1 = createPaintbrushUrl;\n\nconst Illustration = _ref => {\n  let {\n    icon,\n    alt,\n    size\n  } = _ref;\n  const {\n    theme\n  } = useTheme();\n  return /*#__PURE__*/jsx(Root, {\n    iconName: icon,\n    iconSize: size,\n    themeSpacing: theme.spacing,\n    children: /*#__PURE__*/jsx(\"img\", {\n      src: createPaintbrushUrl$1(icon, theme),\n      alt: alt,\n      className: classNames.remote\n      // @ts-ignore: This is sort of supported\n      ,\n      importance: \"low\",\n      loading: \"lazy\"\n    })\n  });\n};\nvar Illustration$1 = Illustration;\n\nexport { Illustration$1 as Illustration, createPaintbrushUrl$1 as createPaintbrushUrl, Illustration$1 as default };\n","export enum Dimension {\n  WIDTH = 'WIDTH',\n  HEIGHT = 'HEIGHT',\n}\n\nexport default null;\n","import { ImageAspectRatio } from 'domain/constants/imageAspectRatio';\nimport { Dimension } from 'domain/constants/dimension';\n\nimport { CTA } from './cta';\n// okay not exactly primitives, but some core types shared between\n// all ribbons...\nexport type SafeColorway = 'LIGHT' | 'NEUTRAL' | 'DARK';\nexport type UnsafeColorway = SafeColorway | 'PRIMARY' | 'HIGHLIGHT';\nexport type HBaseline = 1 | 2 | 3 | 4 | 5 | 6;\nexport type VisibilitySet = Array<[string, string]>;\nexport type ResponsiveSet<T> = [T, T, T];\nexport type ButtonKind = 'PRIMARY' | 'SECONDARY';\nexport type ShortcodeMarkup = string;\nexport enum Alignment {\n  'STARTING' = 'STARTING',\n  'CENTER' = 'CENTER',\n}\nexport type Image = {\n  url: string;\n  focus: 'center center' | 'left center';\n};\nexport type Link = {\n  label: string;\n  glyph?: string;\n  behavior: CTA;\n};\n\nexport type ImageWithAspectRatios = {\n  url?: string;\n  preserveDimension?: Dimension | string;\n  imageAspectRatio?: ImageAspectRatio;\n  focus?: string;\n};\n\nexport type ImagesWithAspectRatios = ResponsiveSet<ImageWithAspectRatios>;\n","import React, { ComponentType } from 'react';\nimport { Heading04, BodyCopy } from '@uds/typography';\nimport PaddingBox from '@uds/padding-box';\nimport Illustration from '@uds/illustrations';\nimport { useTheme, gu2px, Colorway } from '@uds/theme-utils';\nimport { useBreakpoints } from '@uds/responsive';\nimport { Size } from '@uds/button';\nimport { Alignment, ImagesWithAspectRatios } from 'core/ribbons/primitives';\nimport { CTA } from 'core/ribbons/cta';\nimport { ImageAspectRatio } from 'domain/constants/imageAspectRatio';\nimport { isNilOrEmpty } from 'presentation/utils/generalUtils';\nimport createImageAlt from 'presentation/utils/createImageAlt';\nimport urlLanguageParse from 'presentation/utils/urlLanguageParse';\nimport withLanguage from 'presentation/hocs/withLanguage';\nimport getActiveImageWithAspectRatios from 'presentation/utils/getActiveImageWithAspectRatios';\nimport CallToAction from 'presentation/components/common/CallToAction';\nimport Shortcode, { ShortcodeProps } from 'components/Shortcode';\n\nimport useStylesheet from './Pillar.stylesheet';\n\ninterface OuterProps {\n  hBaseline?: number;\n  preserveDimension?: string;\n  colorway: Colorway;\n  body?: ShortcodeProps;\n  title?: ShortcodeProps;\n  illustration?: string;\n  imageUrl?: string;\n  alignment: Alignment;\n  imageAspectRatio?: ImageAspectRatio;\n  imagesWithAspectRatios?: ImagesWithAspectRatios;\n  ctas?: Array<CTA>;\n  ribbonId: string;\n}\n\nexport interface InnerProps extends OuterProps {\n  currentLanguage: string;\n}\n\nexport const PurePillar = ({\n  hBaseline,\n  illustration,\n  imageUrl,\n  title,\n  body,\n  colorway,\n  alignment,\n  currentLanguage,\n  imageAspectRatio,\n  preserveDimension = 'width',\n  imagesWithAspectRatios,\n  ctas,\n  ribbonId,\n}: InnerProps) => {\n  const { theme } = useTheme();\n  const breakpoints = useBreakpoints();\n  const { isMinSm } = breakpoints;\n  const activeImage = getActiveImageWithAspectRatios(\n    breakpoints,\n    {\n      imageUrl,\n      imageAspectRatio,\n      preserveDimension,\n    },\n    imagesWithAspectRatios,\n  );\n  const hasIllustration = !isNilOrEmpty(illustration);\n  const hasImageUrl = !isNilOrEmpty(activeImage.url);\n  const hasImage = hasIllustration || hasImageUrl;\n  const hasTitle = !isNilOrEmpty(title);\n  const hasBody = !isNilOrEmpty(body);\n\n  const { styles } = useStylesheet({\n    theme,\n    preserveDimension: activeImage.preserveDimension,\n    alignment,\n    hasTitle,\n    hasBody,\n    imageAspectRatio: activeImage.imageAspectRatio,\n    isMinSm,\n    ctas,\n  });\n\n  return (\n    <PaddingBox>\n      <div style={styles.root}>\n        {hasImage && (\n          <div style={styles.imageContainer}>\n            {hasIllustration && (\n              <Illustration size={styles.illustration.width as number} icon={illustration as string} />\n            )}\n            {hasImageUrl && (\n              <>\n                <div style={styles.imageBuffer} />\n                <div style={styles.imageInner}>\n                  <img\n                    loading=\"lazy\"\n                    src={urlLanguageParse(activeImage.url ?? '', currentLanguage)}\n                    alt={createImageAlt({ imageUrl: activeImage.url })}\n                    height={gu2px(16, theme.spacing)}\n                    style={styles.image}\n                  />\n                </div>\n              </>\n            )}\n          </div>\n        )}\n        {hasTitle && (\n          <Heading04 depth={hBaseline}>\n            <Shortcode code={title} against={colorway} />\n          </Heading04>\n        )}\n        {hasBody && (\n          <BodyCopy>\n            <Shortcode code={body} against={colorway} />\n          </BodyCopy>\n        )}\n        {ctas == null ? null : (\n          <div style={styles.ctas}>\n            {ctas.map((cta, i) => (\n              <div style={styles.cta} key={(ribbonId ?? '').concat(String(i))}>\n                <CallToAction block={!isMinSm} ribbonId={ribbonId} index={i} size={Size.SM} {...cta} />\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </PaddingBox>\n  );\n};\n\nPurePillar.displayName = 'Pillar';\n\nexport default withLanguage(PurePillar) as ComponentType<OuterProps>;\n","import { useStyles } from '@team-griffin/stylr';\nimport { modifier } from '@ux/style-utils';\nimport { gu2px, Curvature, Theme } from '@uds/theme-utils';\nimport { CTA } from 'core/ribbons/cta';\nimport { Alignment } from 'core/ribbons/primitives';\nimport { ImageAspectRatio } from 'domain/constants/imageAspectRatio';\nimport { Dimension } from 'domain/constants/dimension';\nimport { imageAspectRatioPercentage } from 'presentation/utils/imageAspectRatioPercentage';\n\nexport default ({\n  theme,\n  alignment,\n  preserveDimension,\n  hasTitle,\n  hasBody,\n  imageAspectRatio,\n  isMinSm,\n  ctas,\n}: {\n  theme: Theme;\n  alignment: Alignment;\n  preserveDimension: Dimension | string | undefined;\n  hasTitle: boolean;\n  hasBody: boolean;\n  isMinSm: boolean;\n  imageAspectRatio: ImageAspectRatio | undefined;\n  ctas?: Array<CTA>;\n}) => {\n  const { spacing, curvature } = theme;\n  const hasMultipleCtas = (ctas ?? []).length > 1;\n\n  return useStyles(\n    {\n      default: {\n        root: {\n          textAlign: 'left',\n          marginBottom: gu2px(1, spacing),\n        },\n        imageContainer: {\n          display: 'flex',\n          justifyContent: 'flex-start',\n          position: 'relative',\n          width: '100%',\n          padding: 0,\n          overflow: 'hidden',\n        },\n        // fixed 1:1 size is illustration is provided\n        illustration: {\n          width: gu2px(16, spacing),\n        },\n        // 16:9 if imageSrc is provided\n        imageBuffer: {\n          paddingTop: imageAspectRatioPercentage(imageAspectRatio),\n        },\n        imageInner: {\n          position: 'absolute',\n          top: 0,\n          bottom: 0,\n          left: 0,\n          width: '100%',\n          height: '100%',\n          border: 0,\n          overflow: 'hidden',\n          display: 'flex',\n        },\n        image: {\n          position: 'relative',\n          top: '50%',\n          transform: 'translateY(-50%)',\n          width: '100%',\n          height: 'auto',\n        },\n        ctas: {\n          overflow: 'hidden',\n          marginTop: gu2px(2, spacing),\n        },\n        cta: {\n          marginTop: gu2px(1, spacing),\n        },\n      },\n\n      isMinSm: {\n        root: {\n          marginBottom: gu2px(2, spacing),\n        },\n      },\n\n      hasAnyText: {\n        imageContainer: {\n          marginBottom: gu2px(3, spacing),\n        },\n      },\n\n      [modifier('preserveDimension', Dimension.HEIGHT)]: {\n        image: {\n          height: '100%',\n          width: 'auto',\n        },\n      },\n\n      [modifier('alignment', Alignment.CENTER)]: {\n        root: {\n          textAlign: 'center',\n        },\n        imageInner: {\n          justifyContent: 'center',\n        },\n        imageContainer: {\n          justifyContent: 'center',\n        },\n      },\n\n      [modifier('curvature', Curvature.WEAK)]: {\n        imageInner: {\n          borderRadius: 3,\n        },\n      },\n\n      [modifier('curvature', Curvature.STRONG)]: {\n        imageInner: {\n          borderRadius: 8,\n        },\n      },\n      spaceCtas: {\n        cta: {\n          marginRight: gu2px(1, spacing),\n          display: 'inline-block',\n        },\n      },\n    },\n    [\n      { isMinSm },\n      { curvature },\n      { alignment },\n      { preserveDimension: preserveDimension?.toUpperCase() },\n      { hasAnyText: hasTitle || hasBody },\n      { spaceCtas: isMinSm && hasMultipleCtas },\n      { imageAspectRatio },\n    ],\n  );\n};\n","import { cssTheme } from '@uds/theme-utils';\nimport { css } from 'linaria';\n\nexport const classNames = {\n  container: css`\n    margin-bottom: calc(${cssTheme.gu1} * -1);\n\n    ${cssTheme.breakpoints.sm} {\n      margin-bottom: calc(${cssTheme.gu2} * -1);\n    }\n  `,\n};\n","import React, { ComponentType } from 'react';\nimport { Container, Row, Column, Justify } from '@uds/grid';\nimport { useBreakpoints } from '@ux/responsive';\nimport { CTA } from 'core/ribbons/cta';\nimport { ImagesWithAspectRatios } from 'core/ribbons/primitives';\nimport { ImageAspectRatio } from 'domain/constants/imageAspectRatio';\nimport { Alignment } from 'domain/constants/alignment';\nimport { RibbonProps, Type } from 'domain/constants/ribbons';\nimport visibilitySet from 'presentation/hocs/visibilitySet';\nimport errorBoundary from 'presentation/hocs/errorBoundary';\nimport { ShortcodeProps } from 'presentation/components/Shortcode';\nimport { bootstrapResponsiveColumns } from 'presentation/utils/responsiveColumns';\nimport findResponsiveItem from 'presentation/utils/findResponsiveItem';\nimport Ribbon from 'components/ribbons/Ribbon';\n\nimport Pillar from './Pillar';\nimport { classNames } from './Pillars.stylesheet';\n\ntype PillarProps = {\n  illustration?: string;\n  imagesWithAspectRatios?: ImagesWithAspectRatios;\n  imageUrl?: string;\n  preserveDimension?: string;\n  imageAspectRatio?: ImageAspectRatio;\n  title?: ShortcodeProps;\n  body?: ShortcodeProps;\n  ctas?: Array<CTA>;\n};\ninterface OuterProps extends RibbonProps {\n  pillars: Array<PillarProps>;\n}\n\nexport const PurePillars = ({\n  id,\n  hBaseline = 3,\n  layout,\n  pillars,\n  colorway,\n  loading,\n  name,\n  id: ribbonId,\n}: OuterProps) => {\n  const alignment = findResponsiveItem(useBreakpoints(), [\n    layout?.alignmentMobile ?? Alignment.STARTING,\n    layout?.alignmentTablet ?? Alignment.STARTING,\n    layout?.alignment ?? Alignment.STARTING,\n  ]);\n  const justify = alignment === Alignment.CENTER ? Justify.CENTER : Justify.FLEX_START;\n\n  // default\n  const layoutColumns = layout.columns ?? null;\n  // @ts-ignore: error after upgrading to ux-configs\n  const columns = bootstrapResponsiveColumns([1, 2, 4], layoutColumns);\n\n  return (\n    <Ribbon id={id} colorway={colorway} layout={layout} loading={loading} name={name} type={Type.PILLARS}>\n      <Container>\n        <div className={classNames.container}>\n          <Row justify={justify}>\n            {pillars.map((pillar, i) => (\n              <Column\n                // eslint-disable-next-line react/no-array-index-key -- No other identifier is available.\n                key={i}\n                xs={columns[0]}\n                sm={columns[1]}\n                lg={columns[2]}\n              >\n                <Pillar\n                  hBaseline={hBaseline}\n                  colorway={colorway}\n                  alignment={alignment}\n                  ribbonId={ribbonId}\n                  {...pillar}\n                />\n              </Column>\n            ))}\n          </Row>\n        </div>\n      </Container>\n    </Ribbon>\n  );\n};\nPurePillars.displayName = 'Pillars';\n\nexport default visibilitySet(errorBoundary(PurePillars)) as ComponentType<OuterProps>;\n","import Pillars from './Pillars';\n\nexport default Pillars;\n"],"sourceRoot":""}