{"version":3,"file":"dist/build-client/static/js/Organisms-MiniCart-MiniCart.9e64f7fc.chunk.js","mappings":"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","sources":["Organisms/Modal/ModalHeader.tsx","Organisms/MiniCart/MiniCart.tsx"],"sourcesContent":["import CloseButton from '../../Atoms/Buttons/CloseButton';\r\nimport { H2 } from '../../Atoms/Typography/Headings/Heading';\r\nimport { styled } from '../../stitches.config';\r\n\r\ntype Props = {\r\n  header: string;\r\n  close: () => void;\r\n};\r\n\r\nexport const ModalHeader = ({ header, close }: Props) => {\r\n  return (\r\n    <ModalHeaderWrapper>\r\n      <H2 noMargin css={StyledCartHeader}>\r\n        {header}\r\n      </H2>\r\n      <CloseWrapper>\r\n        <CloseButton\r\n          size=\"l\"\r\n          css={{ marginLeft: 'auto' }}\r\n          onClick={close}\r\n          bgColor=\"primary\"\r\n        />\r\n      </CloseWrapper>\r\n    </ModalHeaderWrapper>\r\n  );\r\n};\r\n\r\nconst ModalHeaderWrapper = styled('div', {\r\n  display: 'flex',\r\n  justifyContent: 'space-between',\r\n});\r\n\r\nconst CloseWrapper = styled('div', {\r\n  display: 'flex',\r\n  position: 'relative',\r\n  zIndex: 9,\r\n  top: 16,\r\n  right: 16,\r\n  '@mediaMinLarge': {\r\n    top: 24,\r\n    right: 24,\r\n  },\r\n});\r\n\r\nconst StyledCartHeader = {\r\n  mt: 4,\r\n  mb: 3,\r\n  px: 4,\r\n  '@mediaMinLarge': {\r\n    mt: 10,\r\n    mb: 11,\r\n    px: 6,\r\n  },\r\n};\r\n","import KexLink from 'Kex/KexLink';\r\nimport ProductList from 'Organisms/ProductList/ProductList';\r\nimport { GetCart } from 'Shared/Cart/Cart';\r\nimport { useEffect, useState } from 'react';\r\nimport { useAppSettingsData } from 'Shared/Providers/AppSettingsProvider';\r\nimport { useTranslationData } from 'Shared/Providers/TranslationProvider';\r\nimport { styled } from 'stitches.config';\r\nimport Modal from 'Organisms/Modal/Modal';\r\nimport { H3 } from 'Atoms/Typography/Headings/Heading';\r\nimport { ButtonBase, ButtonVariants } from 'Atoms/Buttons/BaseButtonStyle';\r\nimport Paragraph from 'Atoms/Typography/Paragraph/Paragraph';\r\nimport { canUseDOM } from 'Shared/Common/Helpers';\r\nimport { ModalHeader } from '../Modal/ModalHeader';\r\n\r\nexport type PropType = {\r\n  isOpen: boolean;\r\n  closeMiniCart: () => void;\r\n};\r\n\r\nfunction MiniCart({ isOpen, closeMiniCart }: PropType) {\r\n  const [renderCart, setRenderCart] = useState<boolean>(false);\r\n  const {\r\n    staticPages: { checkoutPage },\r\n    languageRoute,\r\n  } = useAppSettingsData();\r\n  const { cart, isLoading, isCartEmpty } = GetCart(languageRoute);\r\n  const {\r\n    cartLabels: { open, cartHeader, cartEmptyTitle, cartEmptyDescription },\r\n    commonLabels: { loading },\r\n  } = useTranslationData();\r\n\r\n  const currentUrl = canUseDOM() && window.location.href;\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      setRenderCart(true);\r\n    }\r\n  }, [isOpen]);\r\n\r\n  useEffect(() => {\r\n    closeMiniCart();\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [currentUrl]);\r\n\r\n  return (\r\n    <Modal showModal={isOpen} noPadding toggle={closeMiniCart} hideCloseButton>\r\n      <MiniCartContainer>\r\n        {renderCart && (\r\n          <>\r\n            {isLoading && <>{loading}</>}\r\n\r\n            <ProductListWrapper>\r\n              <ModalHeader header={cartHeader} close={closeMiniCart} />\r\n\r\n              {isCartEmpty && (\r\n                <EmptyCartWrapper>\r\n                  <H3 css={StyledEmptyCartTitle}>{cartEmptyTitle}</H3>\r\n                  <Paragraph>{cartEmptyDescription}</Paragraph>\r\n                </EmptyCartWrapper>\r\n              )}\r\n              <ProductList\r\n                products={cart?.lineItems || []}\r\n                isLoading={isLoading}\r\n                allowEdit\r\n                isMiniCart={true}\r\n              />\r\n            </ProductListWrapper>\r\n          </>\r\n        )}\r\n      </MiniCartContainer>\r\n      {!isCartEmpty && (\r\n        <MiniCartBottom>\r\n          <SubTotal>\r\n            <SubTotalText>\r\n              {cart?.totalPrice?.priceRoundedAsString}\r\n            </SubTotalText>\r\n          </SubTotal>\r\n          <OpenCartButton\r\n            href={checkoutPage}\r\n            fullWidth\r\n            underlined={false}\r\n            fontFamily=\"primary500\"\r\n          >\r\n            {open}\r\n          </OpenCartButton>\r\n        </MiniCartBottom>\r\n      )}\r\n    </Modal>\r\n  );\r\n}\r\n\r\nconst StyledEmptyCartTitle = {\r\n  mt: 0,\r\n  mb: 4,\r\n  fs: 8,\r\n  lineHeight: '$lh125',\r\n};\r\n\r\nconst ProductListWrapper = styled('div', {});\r\n\r\nconst EmptyCartWrapper = styled('div', {\r\n  px: 4,\r\n  '@mediaMinLarge': {\r\n    px: 6,\r\n  },\r\n});\r\n\r\nconst MiniCartBottom = styled('div', {\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'space-between',\r\n  bottom: 0,\r\n  left: 0,\r\n  position: 'absolute',\r\n  px: 4,\r\n  pt: 6,\r\n  pb: 10,\r\n  w: '100%',\r\n  backgroundColor: '$primary4',\r\n  '@mediaMinLarge': {\r\n    p: 8,\r\n  },\r\n  zIndex: '$Minicart',\r\n});\r\n\r\nconst SubTotal = styled('div', {\r\n  display: 'flex',\r\n  justifyContent: 'space-between',\r\n  mt: 1.25,\r\n  flexBasis: '50%',\r\n});\r\n\r\nconst SubTotalText = styled('div', {\r\n  fs: 9,\r\n  fontFamily: '$fontPrimary400',\r\n  wordSpacing: '$wordSpacings$fontPrimary',\r\n  lineHeight: '$lh133',\r\n  ls: 'lsn1',\r\n  color: '$textPrimary',\r\n});\r\n\r\nconst OpenCartButton = styled(KexLink, {\r\n  ...ButtonBase,\r\n  ...ButtonVariants,\r\n  mb: 0,\r\n  flexBasis: '50%',\r\n});\r\n\r\nconst MiniCartContainer = styled('div', {\r\n  height: '100%',\r\n  paddingBottom: '112px', // height of minicart bottom bar\r\n  overflowY: 'auto',\r\n  scrollbarWidth: 'none',\r\n  '&::-webkit-scrollbar': {\r\n    WebkitAppearance: 'none',\r\n    display: 'none',\r\n  },\r\n  '&::scrollbar': {\r\n    display: 'none',\r\n  },\r\n});\r\n\r\nexport default MiniCart;\r\n"],"names":["ModalHeader","header","close","ModalHeaderWrapper","H2","noMargin","css","StyledCartHeader","CloseWrapper","CloseButton","size","marginLeft","onClick","bgColor","styled","display","justifyContent","position","zIndex","top","right","mt","mb","px","StyledEmptyCartTitle","fs","lineHeight","ProductListWrapper","EmptyCartWrapper","MiniCartBottom","alignItems","bottom","left","pt","pb","w","backgroundColor","p","SubTotal","flexBasis","SubTotalText","fontFamily","wordSpacing","ls","color","OpenCartButton","KexLink","ButtonBase","ButtonVariants","MiniCartContainer","height","paddingBottom","overflowY","scrollbarWidth","WebkitAppearance","isOpen","closeMiniCart","useState","renderCart","setRenderCart","useAppSettingsData","checkoutPage","staticPages","languageRoute","GetCart","cart","isLoading","isCartEmpty","useTranslationData","cartLabels","open","cartHeader","cartEmptyTitle","cartEmptyDescription","loading","commonLabels","currentUrl","canUseDOM","window","location","href","useEffect","Modal","showModal","noPadding","toggle","hideCloseButton","H3","Paragraph","ProductList","products","lineItems","allowEdit","isMiniCart","totalPrice","priceRoundedAsString","fullWidth","underlined"],"sourceRoot":""}