{"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:///./application/actions/reactive-knowledge/useShowToast.ts","webpack:///./infrastructure/basket/createBasket.ts","webpack:///./infrastructure/basket/addToBasket.ts","webpack:///../node_modules/@uds/badge/dist/es/index.js","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:///../node_modules/@ux/type-size/dist/es/type-size.js","webpack:///../node_modules/@ux/px2em/dist/es/px2em.js","webpack:///../node_modules/@ux/px2em/dist/es/px2em.production.js","webpack:///../node_modules/px2em-sync/lib/index.js","webpack:///../node_modules/px2em-sync/lib/px2emSync.js","webpack:///./presentation/utils/rgba.js"],"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","useShowToast","add","useAdd","intl","useIntl","message","KnowledgeType","SMIRK","formatMessage","createBasket","async","driver","makeDriver","response","url","method","Method","POST","headers","brandId","basketId","body","setCookie","makeAddToBasket","items","localeCode","getLanguageCookie","cookie","getCookie","cookieDecoded","decode","e","getBaskedId","data","Kind","colors","PRIMARY","HIGHLIGHT","WARNING","ALERT","MUTED","PureBadge$1","_ref","children","tag","kind","flush","classNames","badge","headingXxs","badgeWrapper","badgeTag","getClassNames","className","component","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","Status","DEFAULT","loading","PENDING","success","SUCCESS","error","FAILURE","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","behavior","addingStatus","setAddingStatus","useState","isVideoModalOpen","setIsVideoModalOpen","externalRoutes","useExternalRoutes","useCurrency","ribbon","useRibbon","createRibbonName","ctaType","analytics","pricingTier","useHandleAnalytics","handleAddToBasketClick","mutateAsync","addToBasket","status","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","handleClick","Behavior","ADD_TO_BASKET","CONFIGURE","PLAY_VIDEO","handlePlayVideoClick","SET_VISIBILITY","NAVIGATION","videoId","provider","closeModal","_SizeMap","_defineProperty","obj","key","Object","defineProperty","enumerable","configurable","writable","SMALL","MEDIUM","LARGE","_SizeMap$1","_SizeMap$2","_SizeMap$3","_SizeMap$4","_LineHeightMap","_SizeMap$5","_SizeMap$6","_SizeMap$7","fontSize","lineHeight","footnote","smallprint","SizeMap$1","headingXxl","typography","sizing","SizeMap$2","headingXl","SizeMap$3","LineHeightMap","headingL","height","SizeMap$4","LineHeightMap$1","headingM","SizeMap$5","LineHeightMap$2","headingS","SizeMap$6","LineHeightMap$3","headingXs","SizeMap$7","LineHeightMap$4","module","exports","px2em","m","format","base","_px2emSync2","__esModule","default","_interopRequireDefault","_extends","assign","arguments","length","source","prototype","hasOwnProperty","call","px","options","TypeError","_base$format$options","em","round","c","a","alpha"],"mappings":"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","file":"pex-static/34/11.4b7e9d7cf99a7c54398f.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","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 { classNames, Heading06 } from '@uds/typography';\nimport { cx } from 'linaria';\nimport './badge.stylesheet_1h9r18g.css';\nimport { jsxs, jsx } from 'react/jsx-runtime';\n\nlet Kind;\n(function (Kind) {\n  Kind[\"PRIMARY\"] = \"PRIMARY\";\n  Kind[\"HIGHLIGHT\"] = \"HIGHLIGHT\";\n  Kind[\"WARNING\"] = \"WARNING\";\n  Kind[\"ALERT\"] = \"ALERT\";\n  Kind[\"NEUTRAL\"] = \"NEUTRAL\";\n  Kind[\"MUTED\"] = \"MUTED\";\n})(Kind || (Kind = {}));\n\nconst badgeWrapper = \"b8lv12d\";\nconst flushed = \"f1jgljld\";\nconst badge = \"b1kjbh2x\";\nconst badgeTag = \"b1im6t4a\";\nconst colors = {\n  PRIMARY: \"pi7709t\",\n  HIGHLIGHT: \"h13te26t\",\n  WARNING: \"wfo8huu\",\n  ALERT: \"a1ts93wr\",\n  NEUTRAL: \"nh9nguv\",\n  MUTED: \"myd1t1i\"\n};\nconst getClassNames = _ref => {\n  let {\n    kind,\n    flush\n  } = _ref;\n  return {\n    badge: cx(badge, classNames.headingXxs, kind != null && colors[kind]),\n    badgeWrapper: cx(badgeWrapper, flush && flushed),\n    badgeTag\n  };\n};\n\nconst PureBadge = _ref => {\n  let {\n    children,\n    tag,\n    kind = Kind.PRIMARY,\n    flush = false\n  } = _ref;\n  const classNames = getClassNames({\n    kind,\n    flush\n  });\n  return /*#__PURE__*/jsxs(\"div\", {\n    className: classNames.badgeWrapper,\n    children: [/*#__PURE__*/jsx(\"div\", {\n      className: classNames.badge,\n      children: children\n    }), tag != null && /*#__PURE__*/jsx(\"span\", {\n      className: classNames.badgeTag,\n      children: /*#__PURE__*/jsx(Heading06, {\n        component: \"span\",\n        children: tag\n      })\n    })]\n  });\n};\nvar PureBadge$1 = PureBadge;\n\nexport { PureBadge$1 as Badge, Kind, PureBadge$1 as default };\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 { useTheme, TypographySizing } from '@ux/theme-utils';\nimport px2em from '@ux/px2em';\n\nfunction _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}\n\nvar _SizeMap;\nvar SizeMap = (_SizeMap = {}, _defineProperty(_SizeMap, TypographySizing.SMALL, 48), _defineProperty(_SizeMap, TypographySizing.MEDIUM, 55), _defineProperty(_SizeMap, TypographySizing.LARGE, 63), _SizeMap);\nvar display = (function () {\n  var _useTheme = useTheme(),\n      theme = _useTheme.theme;\n\n  var size = SizeMap[theme.typography.sizing] || 55;\n  return {\n    fontSize: px2em(size),\n    lineHeight: '1.14'\n  };\n});\n\n// content is the same on any size scale\nvar content = (function () {\n  return {\n    fontSize: px2em(16),\n    lineHeight: '1.5'\n  };\n});\n\n// footnote is the same on any size scale\nvar footnote = (function () {\n  return {\n    fontSize: px2em(14),\n    lineHeight: '1.5'\n  };\n});\n\n// smallprint is the same on any size scale\nvar smallprint = (function () {\n  return {\n    fontSize: px2em(12),\n    lineHeight: '1.5'\n  };\n});\n\nvar _SizeMap$1;\nvar SizeMap$1 = (_SizeMap$1 = {}, _defineProperty(_SizeMap$1, TypographySizing.SMALL, 32), _defineProperty(_SizeMap$1, TypographySizing.MEDIUM, 36), _defineProperty(_SizeMap$1, TypographySizing.LARGE, 42), _SizeMap$1);\nvar headingXxl = (function () {\n  var _useTheme = useTheme(),\n      theme = _useTheme.theme;\n\n  var size = SizeMap$1[theme.typography.sizing] || 36;\n  return {\n    fontSize: px2em(size),\n    lineHeight: '1.2'\n  };\n});\n\nvar _SizeMap$2;\nvar SizeMap$2 = (_SizeMap$2 = {}, _defineProperty(_SizeMap$2, TypographySizing.SMALL, 28), _defineProperty(_SizeMap$2, TypographySizing.MEDIUM, 32), _defineProperty(_SizeMap$2, TypographySizing.LARGE, 36), _SizeMap$2);\nvar headingXl = (function () {\n  var _useTheme = useTheme(),\n      theme = _useTheme.theme;\n\n  var size = SizeMap$2[theme.typography.sizing] || 32;\n  return {\n    fontSize: px2em(size),\n    lineHeight: '1.2'\n  };\n});\n\nvar _SizeMap$3;\nvar SizeMap$3 = (_SizeMap$3 = {}, _defineProperty(_SizeMap$3, TypographySizing.SMALL, 24), _defineProperty(_SizeMap$3, TypographySizing.MEDIUM, 28), _defineProperty(_SizeMap$3, TypographySizing.LARGE, 32), _SizeMap$3);\n\nvar LineHeightMap = _defineProperty({}, TypographySizing.SMALL, '1.25');\n\nvar headingL = (function () {\n  var _useTheme = useTheme(),\n      theme = _useTheme.theme;\n\n  var size = SizeMap$3[theme.typography.sizing] || 28;\n  var height = LineHeightMap[theme.typography.sizing] || '1.2';\n  return {\n    fontSize: px2em(size),\n    lineHeight: height\n  };\n});\n\nvar _SizeMap$4, _LineHeightMap;\nvar SizeMap$4 = (_SizeMap$4 = {}, _defineProperty(_SizeMap$4, TypographySizing.SMALL, 21), _defineProperty(_SizeMap$4, TypographySizing.MEDIUM, 24), _defineProperty(_SizeMap$4, TypographySizing.LARGE, 28), _SizeMap$4);\nvar LineHeightMap$1 = (_LineHeightMap = {}, _defineProperty(_LineHeightMap, TypographySizing.SMALL, '1.3'), _defineProperty(_LineHeightMap, TypographySizing.MEDIUM, '1.25'), _defineProperty(_LineHeightMap, TypographySizing.LARGE, '1.2'), _LineHeightMap);\nvar headingM = (function () {\n  var _useTheme = useTheme(),\n      theme = _useTheme.theme;\n\n  var size = SizeMap$4[theme.typography.sizing] || 24;\n  var height = LineHeightMap$1[theme.typography.sizing] || '1.25';\n  return {\n    fontSize: px2em(size),\n    lineHeight: height\n  };\n});\n\nvar _SizeMap$5;\nvar SizeMap$5 = (_SizeMap$5 = {}, _defineProperty(_SizeMap$5, TypographySizing.SMALL, 18), _defineProperty(_SizeMap$5, TypographySizing.MEDIUM, 21), _defineProperty(_SizeMap$5, TypographySizing.LARGE, 24), _SizeMap$5);\n\nvar LineHeightMap$2 = _defineProperty({}, TypographySizing.LARGE, '1.25');\n\nvar headingS = (function () {\n  var _useTheme = useTheme(),\n      theme = _useTheme.theme;\n\n  var size = SizeMap$5[theme.typography.sizing] || 21;\n  var height = LineHeightMap$2[theme.typography.sizing] || '1.3';\n  return {\n    fontSize: px2em(size),\n    lineHeight: height\n  };\n});\n\nvar _SizeMap$6;\nvar SizeMap$6 = (_SizeMap$6 = {}, _defineProperty(_SizeMap$6, TypographySizing.SMALL, 16), _defineProperty(_SizeMap$6, TypographySizing.MEDIUM, 18), _defineProperty(_SizeMap$6, TypographySizing.LARGE, 21), _SizeMap$6);\n\nvar LineHeightMap$3 = _defineProperty({}, TypographySizing.SMALL, '1.5');\n\nvar headingXs = (function () {\n  var _useTheme = useTheme(),\n      theme = _useTheme.theme;\n\n  var size = SizeMap$6[theme.typography.sizing] || 18;\n  var height = LineHeightMap$3[theme.typography.sizing] || '1.3';\n  return {\n    fontSize: px2em(size),\n    lineHeight: height\n  };\n});\n\nvar _SizeMap$7;\nvar SizeMap$7 = (_SizeMap$7 = {}, _defineProperty(_SizeMap$7, TypographySizing.SMALL, 14), _defineProperty(_SizeMap$7, TypographySizing.MEDIUM, 16), _defineProperty(_SizeMap$7, TypographySizing.LARGE, 18), _SizeMap$7);\n\nvar LineHeightMap$4 = _defineProperty({}, TypographySizing.LARGE, '1.3');\n\nvar headingXxs = (function () {\n  var _useTheme = useTheme(),\n      theme = _useTheme.theme;\n\n  var size = SizeMap$7[theme.typography.sizing] || 16;\n  var height = LineHeightMap$4[theme.typography.sizing] || '1.5';\n  return {\n    fontSize: px2em(size),\n    lineHeight: height\n  };\n});\n\nexport { content, display, footnote, headingL, headingM, headingS, headingXl, headingXs, headingXxl, headingXxs, smallprint };\n","// @flow\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./px2em.production.js');\n} else {\n  module.exports = require('./px2em.development.js');\n}\n","import px2EmSync from\"px2em-sync\";var px2em=function(m){return px2EmSync(m,{format:\"rem\",base:16})};export default px2em;export{px2em};\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _px2emSync = require('./px2emSync');\n\nvar _px2emSync2 = _interopRequireDefault(_px2emSync);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _px2emSync2.default;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\n//@flow\n\nvar px2EmSync = function px2EmSync(px, options) {\n  if (typeof px !== 'number') {\n    throw new TypeError('`px` should be a number');\n  }\n\n  var _base$format$options = _extends({\n    base: 16,\n    format: null\n  }, options),\n      base = _base$format$options.base,\n      format = _base$format$options.format;\n\n  if (typeof base !== 'number' || base < 0) {\n    throw new TypeError('`base` should be a number greater than zero');\n  }\n\n  var em = Math.round(px / base * 1000) / 1000;\n\n  if (format == null) {\n    return em;\n  }\n\n  return '' + em + format;\n};\n\nexports.default = px2EmSync;","import color from 'color';\n\nexport default (c, a) => color(c).alpha(a).string();\n"],"sourceRoot":""}