{"version":3,"sources":["webpack:///./presentation/components/ribbons/domain-search-input/components/sticky-checkout/components/CheckoutButton.tsx","webpack:///src/presentation/components/ribbons/domain-search-input/components/sticky-checkout/components/StickyContainer.tsx","webpack:///src/presentation/components/ribbons/domain-search-input/components/sticky-checkout/components/StickyCheckout.stylesheet.ts","webpack:///../node_modules/@uds/layout/dist/es/index.js","webpack:///src/presentation/components/ribbons/domain-search-input/components/sticky-checkout/components/StickyCheckout.desktop.tsx"],"names":["dispatchClickEvent","dispatchGAEvent","hitType","eventCategory","eventAction","eventLabel","CheckoutButton","basketCount","block","disableCtaButtons","useDSTContext","basket","basketURL","useUrls","href","onClick","disabled","glyph","name","id","values","count","washColor","LIGHT","NEUTRAL","DARK","PRIMARY","PRIMARY_GRADIENT","HIGHLIGHT","StickyContainer","isSticky","colorway","className","cx","isVisible","animateIn","Block","_ref","children","classNames","getClassNames$1","displayName","Block$1","Track","track","getClassNames","Track$1","StickyCheckoutDesktop","rest","wrap","Wrap","align","Align","justify","Justify","md"],"mappings":"8EAAA,6FAYA,MAAMA,EAAqB,KACzBC,YAAgB,CACdC,QAAS,QACTC,cAAe,SACfC,YAAa,QACbC,WAAY,iCAID,SAASC,EAAT,GAA8E,IAAtD,YAAEC,EAAF,MAAeC,GAAuC,EAC3F,MAAM,kBAAEC,GAAsBC,eACtBC,OAAQC,GAAcC,cAC9B,OACE,cAAC,IAAD,CACEC,KAAMF,EACNG,QAASf,EACTQ,MAAOA,EACPQ,SAAUP,EACVQ,MAAO,cAAC,IAAD,CAAOC,KAAK,SALrB,SAOE,cAAC,IAAD,CAASC,GAAG,oDAAoDC,OAAQ,CAAEC,MAAOd,S,oBChCvF,4DAKA,MAqBMe,EAAuC,CAC3CC,MAD2C,WAI3CC,QAJ2C,UAO3CC,KAP2C,UAU3CC,QAV2C,WAa3CC,iBAb2C,UAgB3CC,UAAW,WAgBE,SAASC,EAAgB,GAA2E,IAA3E,2CAAiCC,GAA0C,EACjH,OACE,mBACEC,SADF,EAEEC,UAAWC,YAzDjB,WAyDqCX,EAAlB,IAAwCQ,GAxC3D,UAwC+EI,GAf/E,YAaI,SAIE,I,kDC9DN,kCAAO,MAAMC,EAAN,U,kDCFP,sGAKA,MAOMC,EAAQC,IACZ,IAAI,SACFC,EAAQ,UACRN,GACEK,EACJ,MAAME,EAXgB,MACf,CACL/B,MAHU,YAYOgC,GACnB,OAAoB,cAAI,MAAO,CAC7BR,UAAW,YAAGO,EAAW/B,MAAOwB,GAChCM,SAAUA,KAGdF,EAAMK,YAAc,QACpB,IAAIC,EAAUN,EAEd,MAOMO,EAAQN,IACZ,IAAI,SACFC,EAAQ,UACRN,GACEK,EACJ,MAAME,EAXc,MACb,CACLK,MAHU,YAYOC,GACnB,OAAoB,cAAI,MAAO,CAC7Bb,UAAW,YAAGO,EAAWK,MAAOZ,GAChCM,SAAUA,KAGdK,EAAMF,YAAc,QACpB,IAAIK,EAAUH,G,sFC7Cd,sHAce,SAASI,EAAsB,GAKC,IALD,uCAIzCC,GAC0C,EAC7C,OACE,mBAAiBd,UAAjB,EAAsCJ,SAAtC,EAA0DC,SAA1D,WACE,4BACE,4BACE,oBAAKkB,KAAMC,IAAX,OAAwBC,MAAOC,IAA/B,OAA6CC,QAASC,IAAtD,wBACE,mBAAQC,GAAR,WACE,4BACE,8BAGHhD,KACC,4BACE,mBAAOyB,UAAWC,YAtBlC,UAsBgB,cACE,mBAAgBzB,OAAhB,EAA8BD,YAA9B,iB","file":"pex-static/163/68.e18e3fe9ce9f580b8e6b.chunk.js","sourcesContent":["import Button from '@uds/button';\nimport Glyph from '@uds/glyphs';\nimport { useDSTContext } from 'presentation/components/pages/CMPage/DSTContext';\nimport { Message } from '@uds/message';\nimport { dispatchGAEvent } from '@uds/tagmg';\nimport { useUrls } from '@ux/whitelabel';\n\ntype Props = {\n  basketCount: number;\n  block: boolean;\n};\n\nconst dispatchClickEvent = () => {\n  dispatchGAEvent({\n    hitType: 'event',\n    eventCategory: 'Basket',\n    eventAction: 'click',\n    eventLabel: 'domains_sticky_checkout_btn',\n  });\n};\n\nexport default function CheckoutButton({ basketCount, block }: Readonly<Props>): JSX.Element {\n  const { disableCtaButtons } = useDSTContext();\n  const { basket: basketURL } = useUrls();\n  return (\n    <Button\n      href={basketURL}\n      onClick={dispatchClickEvent}\n      block={block}\n      disabled={disableCtaButtons}\n      glyph={<Glyph name=\"cart\" />}\n    >\n      <Message id=\"dst.v2.domain.search.input.sticky.checkout.button\" values={{ count: basketCount }} />\n    </Button>\n  );\n}\n","import { css, cx } from 'linaria';\nimport { ReactNode } from 'react';\nimport { cssTheme } from '@uds/theme-utils';\nimport Colorway, { Colorways } from '@uds/colorway';\n\nconst stickyContainer = css`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: ${cssTheme.zIndex.sticky};\n\n  backdrop-filter: blur(8px);\n  background-color: rgba(var(--wash-color), 0.9);\n  border-bottom: 2px solid ${cssTheme.palette.grey10};\n\n  transform: translateY(-100%);\n\n  @media (prefers-reduced-motion: no-preference) {\n    transition: transform 0.3s ease-in;\n  }\n`;\nconst hidden = css`\n  visibility: hidden;\n`;\n\nconst washColor: Record<Colorways, string> = {\n  LIGHT: css`\n    --wash-color: 255, 255, 255;\n  `,\n  NEUTRAL: css`\n    --wash-color: ${cssTheme.palette.rgb.grey12};\n  `,\n  DARK: css`\n    --wash-color: 0, 0, 0;\n  `,\n  PRIMARY: css`\n    --wash-color: ${cssTheme.palette.rgb.primary};\n  `,\n  PRIMARY_GRADIENT: css`\n    --wash-color: ${cssTheme.palette.rgb.primary};\n  `,\n  HIGHLIGHT: css`\n    --wash-color: ${cssTheme.palette.rgb.highlight};\n  `,\n};\n\nconst visible = css`\n  transform: translateY(0);\n`;\n\ntype Props = {\n  children: ReactNode;\n  isSticky: boolean;\n  isVisible: boolean;\n  colorway: Colorways;\n};\n\nexport default function StickyContainer({ isVisible, children, colorway, isSticky }: Readonly<Props>): JSX.Element {\n  return (\n    <Colorway\n      colorway={colorway}\n      className={cx(stickyContainer, washColor[colorway], !isSticky && hidden, isVisible && visible)}\n    >\n      {children}\n    </Colorway>\n  );\n}\n","import { css } from 'linaria';\n\nexport const animateIn = css`\n  @media (prefers-reduced-motion: no-preference) {\n    animation: animateIn 0.25s;\n  }\n  @keyframes animateIn {\n    from {\n      opacity: 0;\n      transform: translateX(100px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n`;\n","import { cx } from 'linaria';\nimport './block.stylesheet_1vo4wnx.css';\nimport { jsx } from 'react/jsx-runtime';\nimport './track.stylesheet_bn4ilw.css';\n\nconst block = \"bkgt8gs\";\nconst getClassNames$1 = () => {\n  return {\n    block\n  };\n};\n\nconst Block = _ref => {\n  let {\n    children,\n    className\n  } = _ref;\n  const classNames = getClassNames$1();\n  return /*#__PURE__*/jsx(\"div\", {\n    className: cx(classNames.block, className),\n    children: children\n  });\n};\nBlock.displayName = 'Block';\nvar Block$1 = Block;\n\nconst track = \"tb7y89u\";\nconst getClassNames = () => {\n  return {\n    track\n  };\n};\n\nconst Track = _ref => {\n  let {\n    children,\n    className\n  } = _ref;\n  const classNames = getClassNames();\n  return /*#__PURE__*/jsx(\"div\", {\n    className: cx(classNames.track, className),\n    children: children\n  });\n};\nTrack.displayName = 'Track';\nvar Track$1 = Track;\n\nexport { Block$1 as Block, Track$1 as Track };\n","import { Container, Column, Row, Align, Justify, Wrap } from '@uds/grid';\nimport { Block, Track } from '@uds/layout';\nimport { css, cx } from 'linaria';\n\nimport CheckoutButton from './CheckoutButton';\nimport { StickyCheckoutProps } from './types';\nimport StickyContainer from './StickyContainer';\nimport SearchInput from '../../SearchInput';\nimport { animateIn } from './StickyCheckout.stylesheet';\n\nconst checkoutBlock = css`\n  text-align: end;\n`;\n\nexport default function StickyCheckoutDesktop({\n  basketCount,\n  colorway,\n  isSticky,\n  ...rest\n}: Readonly<StickyCheckoutProps>): JSX.Element {\n  return (\n    <StickyContainer isVisible={isSticky} isSticky={isSticky} colorway={colorway}>\n      <Track>\n        <Container>\n          <Row wrap={Wrap.NOWRAP} align={Align.CENTER} justify={Justify.SPACE_BETWEEN}>\n            <Column md={7}>\n              <Block>\n                <SearchInput {...rest} />\n              </Block>\n            </Column>\n            {basketCount > 0 && (\n              <Column>\n                <Block className={cx(checkoutBlock, animateIn)}>\n                  <CheckoutButton block={false} basketCount={basketCount} />\n                </Block>\n              </Column>\n            )}\n          </Row>\n        </Container>\n      </Track>\n    </StickyContainer>\n  );\n}\n"],"sourceRoot":""}