{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/QuickShopProductModal/index.tsx"],"names":["BaseSpan","span","fontStyle","fontWeight","textTransform","lineHeight","ProductLabel","alignItems","fontSize","display","ProductCount","letterSpacing","Heading","div","flexDirection","padding","xy","gap","TopContent","justifyContent","width","TopContentClose","cursor","ProductCardWrap","marginBottom","products","modalIsShown","hideModal","isMobile","zIndex","Overlay","length","onClick","css","marginTop","isCompact","cellSpacing","quickAddToCart","map","product","index","key","itemNumber","listIndex"],"mappings":"2FAAA,2EAkBMA,EAAW,IAAOC,KAAK,CAC3BC,UAAW,SACXC,WAAY,IACZC,cAAe,YACfC,WAAY,SAGRC,EAAe,YAAON,EAAU,CACpCO,WAAY,SACZC,SAAU,OACVC,QAAS,SAGLC,EAAe,YAAOV,EAAU,CACpCQ,SAAU,OACVG,cAAe,WAGXC,EAAU,IAAOC,IAAI,CACzBJ,QAAS,OACTK,cAAe,MACfP,WAAY,gBACZQ,QAAS,CAAEC,GAAI,GACfC,IAAK,QAGDC,EAAa,IAAOL,IAAI,CAC5BJ,QAAS,OACTU,eAAgB,gBAChBC,MAAO,SAGHC,EAAkB,YAAO,IAAY,CACzCC,OAAQ,YAGJC,EAAkB,IAAOV,IAAI,CACjCW,aAAc,SA0CD,IAvCuB,SAAC,G,QACrCC,EAAA,EAAAA,SACAC,EAAA,EAAAA,aACAC,EAAA,EAAAA,UACAC,EAAA,EAAAA,SAGA,OACE,kBAAC,IAAK,CAACF,aAAcA,EAAcC,UAAWA,EAAWE,OAAQ,IAAaC,SAC5E,kBAAC,IAAe,KACd,kBAACZ,EAAU,KACT,kBAACN,EAAO,KACN,kBAACN,EAAY,KAAE,aAAU,0BACzB,kBAACI,EAAY,K,IAAW,Q,EAARe,SAAQ,a,EAAEM,O,MAE5B,kBAACV,EAAe,CAACW,QAASL,MAG9B,kBAAC,IAAsB,CAACM,IAAK,CAAEC,UAAWN,EAAW,MAAQ,SAC1DA,GACC,kBAAC,IAAe,CACdH,SAAUA,EACVU,UAAWP,EACXQ,YAAa,EACbC,gBAAgB,KAGlBT,GAAY,oCACH,QADG,EACXH,SAAQ,eAAEa,KAAI,SAACC,EAASC,GAAU,OACjC,kBAACjB,EAAe,CAACkB,IAAKD,EAAQ,IAAMD,EAAQG,YAC1C,kBAAC,IAAW,CAACH,QAASA,EAASI,UAAWH,EAAOH,gBAAgB","file":"assets/10.chunk.469da8476172dde67f23.js","sourcesContent":["import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { translate } from '@polarnopyret/scope/index';\r\nimport ProductListItemViewModel from '../../Product/ProductListing/ProductListItemViewModel.type';\r\nimport { Close16x16 } from '../Icons/Close';\r\nimport ProductCard from '../../Product/ProductCard';\r\nimport ProductCardList from '../../Product/SwipeableList';\r\nimport { StyleOrStyleArray } from '@glitz/type';\r\nimport Modal, { ModalScrollableContent, ModalTopContent } from '../SharedComponents/atoms/Modal';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype RequiredPropType = {\r\n  modalIsShown: boolean;\r\n  hideModal: () => void;\r\n  products: ProductListItemViewModel[];\r\n  isMobile: boolean;\r\n};\r\n\r\nconst BaseSpan = styled.span({\r\n  fontStyle: 'normal',\r\n  fontWeight: 500,\r\n  textTransform: 'uppercase',\r\n  lineHeight: '100%',\r\n});\r\n\r\nconst ProductLabel = styled(BaseSpan, {\r\n  alignItems: 'center',\r\n  fontSize: '40px',\r\n  display: 'flex',\r\n});\r\n\r\nconst ProductCount = styled(BaseSpan, {\r\n  fontSize: '14px',\r\n  letterSpacing: '0.01em',\r\n});\r\n\r\nconst Heading = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'row',\r\n  alignItems: 'space-between',\r\n  padding: { xy: 0 },\r\n  gap: '8px',\r\n});\r\n\r\nconst TopContent = styled.div({\r\n  display: 'flex',\r\n  justifyContent: 'space-between',\r\n  width: '100%'\r\n})\r\n\r\nconst TopContentClose = styled(Close16x16, {\r\n  cursor: 'pointer'\r\n})\r\n\r\nconst ProductCardWrap = styled.div({\r\n  marginBottom: '24px'\r\n})\r\n\r\nexport const QuickShopProductsModal = ({\r\n  products,\r\n  modalIsShown,\r\n  hideModal,\r\n  isMobile\r\n}: RequiredPropType & { css?: StyleOrStyleArray; }) => {\r\n\r\n  return (\r\n    <Modal modalIsShown={modalIsShown} hideModal={hideModal} zIndex={style.ZIndex.Overlay}>\r\n      <ModalTopContent>\r\n        <TopContent>\r\n          <Heading>\r\n            <ProductLabel>{translate('/site/shared/products')}</ProductLabel>\r\n            <ProductCount>({products?.length})</ProductCount>\r\n          </Heading>\r\n          <TopContentClose onClick={hideModal} />\r\n        </TopContent>\r\n      </ModalTopContent>\r\n      <ModalScrollableContent css={{ marginTop: isMobile ? '8px' : '16px' }}>\r\n        {isMobile &&\r\n          <ProductCardList\r\n            products={products}\r\n            isCompact={isMobile}\r\n            cellSpacing={8}\r\n            quickAddToCart={true}\r\n          />\r\n        }\r\n        {!isMobile && <>\r\n          {products?.map((product, index) => (\r\n            <ProductCardWrap key={index + '-' + product.itemNumber}>\r\n              <ProductCard product={product} listIndex={index} quickAddToCart={true} />\r\n            </ProductCardWrap>\r\n          ))}\r\n        </>}\r\n      </ModalScrollableContent>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport default QuickShopProductsModal;"],"sourceRoot":""}