{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/SharedComponents/molecules/ImageVideoBackground.tsx","webpack:///./Avensia.Common/Features/Shared/QuickShopProductModal/index.tsx","webpack:///./Avensia.Common/Features/Shared/Blocks/InformationBlock/InformationBlock.tsx"],"names":["AspectImageVideoBackground","props","children","image","paddingTop","videoSources","borderRadius","breakPoint","className","preset","isMobile","gotVideo","length","css","background","url","size","position","autoPlay","loop","muted","playsInline","coverContent","sources","ViewportSizeVideoBackground","fixedVideo","height","compose","hasVideo","Div","width","clipPath","overflow","AutoSizeVideoBackground","BaseSpan","span","fontStyle","fontWeight","textTransform","lineHeight","ProductLabel","alignItems","fontSize","display","ProductCount","letterSpacing","Heading","div","flexDirection","padding","xy","gap","TopContent","justifyContent","TopContentClose","cursor","ProductCardWrap","marginBottom","products","modalIsShown","hideModal","zIndex","Overlay","onClick","marginTop","isCompact","cellSpacing","quickAddToCart","map","product","index","key","itemNumber","listIndex","Background","backgroundAttachment","ButtonWrap","Text","margin","y","LinkedButton","textDecoration","state","currentBreakpoint","backgroundImage","backgroundImageSmallScreen","backgroundVideoSources","textColor","mainIntro","buttons","label","seeProductsButtonText","setModalIsShown","textColorFromColorSystem","monochrome","black","white","fadeColor","IOS","toString","error","FullWidth","attachment","color","D14_M14","D56_M32","text","button","to","title","theme","TransparentWhite","WhiteToTransparent","top","bottom"],"mappings":"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","file":"assets/32.chunk.d7709f0ea4fba892f809.js","sourcesContent":["import React from 'react';\r\nimport { AspectRatioInner, AspectRatioOuter, OverlayNotABackdrop } from 'Shared/SharedComponents/atoms/AspectRatio';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { setImageBackground, Preset } from 'Shared/image-background';\r\nimport VideoSourceType from 'Shared/ViewModels/VideoSourceViewModel.type';\r\nimport VideoPlayer from 'Shared/Video/VideoPlayer'\r\nimport { isCompact } from 'Shared/Viewport';\r\n\r\ntype BasePropTypes = {\r\n  children?: React.ReactNode;\r\n  image?: { url?: string };\r\n  videoSources?: VideoSourceType[];\r\n  breakPoint: number;\r\n  preset?: Preset;\r\n};\r\n\r\ntype ImageVideoBackgroundPropTypes = BasePropTypes & {\r\n  borderRadius?: number;\r\n  paddingTop: string;\r\n  className?: string;\r\n};\r\n\r\ntype ViewportSizeVideoBackgroundPropTypes = BasePropTypes & {\r\n  fixedVideo?: boolean;\r\n  borderRadius?: number;\r\n  height?: string;\r\n  gradientBg?: boolean;\r\n};\r\n\r\nexport const AspectImageVideoBackground = (\r\n  (\r\n    props: ImageVideoBackgroundPropTypes & {},\r\n  ) => {\r\n    const { children,\r\n      image,\r\n      paddingTop,\r\n      videoSources,\r\n      borderRadius,\r\n      breakPoint,\r\n      className,\r\n      preset } = props;\r\n\r\n    const isMobile = isCompact(breakPoint);\r\n    const gotVideo = (videoSources?.length ?? 0) > 0;\r\n    return (\r\n      <AspectRatioOuter\r\n        className={className}\r\n        css={{\r\n          paddingTop: paddingTop,\r\n        }}\r\n      >\r\n        <AspectRatioInner\r\n          css={{\r\n            background: {\r\n              ...(!gotVideo && image && {\r\n                image: setImageBackground(image?.url, preset),\r\n                size: 'cover',\r\n                position: 'center center',\r\n              }),\r\n            },\r\n            borderRadius: borderRadius && borderRadius > 0 ? `${borderRadius}px` : '0px'\r\n          }}\r\n        >\r\n          {gotVideo && (\r\n            <OverlayNotABackdrop>\r\n              <VideoPlayer\r\n                autoPlay\r\n                loop\r\n                muted\r\n                playsInline\r\n                coverContent\r\n                isMobile={isMobile}\r\n                sources={videoSources}\r\n              />\r\n            </OverlayNotABackdrop>\r\n          )}\r\n          {children}\r\n        </AspectRatioInner>\r\n      </AspectRatioOuter>\r\n    );\r\n  }\r\n);\r\n\r\nexport const ViewportSizeVideoBackground = styled(\r\n  (\r\n    props: ViewportSizeVideoBackgroundPropTypes & StyledProps,\r\n  ) => {\r\n    const { children,\r\n      image,\r\n      videoSources,\r\n      breakPoint,\r\n      fixedVideo = false,\r\n      //css,\r\n      borderRadius,\r\n      preset,\r\n      height = '100%',\r\n      compose,\r\n    } = props;\r\n    const hasVideo = (videoSources?.length ?? 0) > 0;\r\n    const isMobile = isCompact(breakPoint);\r\n    return (\r\n      <styled.Div\r\n        css={compose({\r\n          height: height,\r\n          width: '100%',\r\n          position: 'relative',\r\n          ...(image && !hasVideo && {\r\n            background: {\r\n              image: setImageBackground(image?.url, preset),\r\n              size: 'cover',\r\n              position: 'center center',\r\n            },\r\n          }),\r\n          ...(!hasVideo && {\r\n            borderRadius: borderRadius && borderRadius > 0 ? `${borderRadius}px` : '0px'\r\n          }),\r\n          ...(fixedVideo && {\r\n            clipPath: 'inset(0 0 0 0)',\r\n            overflow: 'hidden',\r\n          }),\r\n        })}\r\n      >\r\n        {hasVideo && (\r\n          <OverlayNotABackdrop>\r\n            <VideoPlayer\r\n              autoPlay\r\n              loop\r\n              muted\r\n              coverContent\r\n              playsInline\r\n              fixedVideo={fixedVideo}\r\n              isMobile={isMobile}\r\n              sources={videoSources}\r\n            />\r\n          </OverlayNotABackdrop>\r\n        )}\r\n        {children}\r\n      </styled.Div>\r\n    );\r\n  }\r\n);\r\n\r\ntype AutoSizeVideoBackgroundPropTypes = BasePropTypes & {\r\n  borderRadius: number;\r\n  gradientBg?: boolean;\r\n};\r\n\r\nexport const AutoSizeVideoBackground = styled(\r\n  (\r\n    props: AutoSizeVideoBackgroundPropTypes & StyledProps,\r\n  ) => {\r\n    const { children,\r\n      image,\r\n      videoSources,\r\n      breakPoint,\r\n      borderRadius,\r\n      preset,\r\n      compose,\r\n    } = props;\r\n    return (\r\n      <ViewportSizeVideoBackground image={image} borderRadius={borderRadius} videoSources={videoSources} preset={preset} breakPoint={breakPoint} css={compose({ height: 'auto' })} fixedVideo>\r\n        {children}\r\n      </ViewportSizeVideoBackground>\r\n    );\r\n  });\r\n","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;","/**\r\n * @ComponentFor InformationBlockViewModel\r\n */\r\nimport React, { useState } from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport connect from 'Shared/connect';\r\nimport InformationBlock from './InformationBlockViewModel.type';\r\nimport { LinkButton, SolidButton, ButtonTheme } from 'Shared/TextButtons';\r\nimport { AutoSizeVideoBackground } from 'Shared/SharedComponents/molecules/ImageVideoBackground';\r\nimport ProductListItemViewModel from 'Product/ProductListing/ProductListItemViewModel.type';\r\nimport { H2, Paragraph, ResponsiveSize } from 'Shared/SharedComponents/atoms/Typography';\r\nimport { setImageBackground, Preset } from 'Shared/image-background';\r\nimport { GridWrap } from 'Shared/PageLayout';\r\nimport { createGridClasses, createOffsetGridClassLarge } from 'Shared/grid';\r\nimport { selectDeviceImage } from 'Shared/utils';\r\nimport { isCompact } from 'Shared/Viewport';\r\nimport * as style from 'Shared/Style';\r\nimport { iOSVersion } from '@polarnopyret/scope';\r\nimport QuickShopProductModal from 'Shared/QuickShopProductModal';\r\n\r\ntype ConnectedPropType = {\r\n  currentBreakpoint: number;\r\n  setDisplayedQuickShopProducts: (products?: ProductListItemViewModel[]) => void;\r\n};\r\n\r\ntype PropType = InformationBlock & ConnectedPropType & StyledProps;\r\n\r\nconst paddingTop = 567;\r\n\r\nconst Background = styled(AutoSizeVideoBackground, {\r\n  backgroundAttachment: 'fixed',\r\n})\r\n\r\nconst ButtonWrap = styled.div({\r\n  display: 'flex',\r\n  gap: '32px 8px',\r\n  marginTop: '16px',\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    marginTop: '24px',\r\n  },\r\n})\r\n\r\nconst Heading = styled(H2, {\r\n  letterSpacing: '0.01em',\r\n  marginBottom: '16px',\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    marginBottom: '24px',\r\n  },\r\n})\r\n\r\nconst Text = styled(Paragraph, {\r\n  margin: { y: 0 },\r\n})\r\n\r\nconst LinkedButton = styled(LinkButton, {\r\n  textDecoration: 'none',\r\n  display: 'inline-block',\r\n})\r\n\r\nfunction InformationBlock(props: PropType) {\r\n  const {\r\n    backgroundImage,\r\n    backgroundImageSmallScreen,\r\n    backgroundVideoSources,\r\n    textColor,\r\n    mainIntro,\r\n    buttons,\r\n    products,\r\n    label,\r\n    seeProductsButtonText,\r\n  } = props;\r\n\r\n  const [modalIsShown, setModalIsShown] = useState<boolean>(false);\r\n\r\n  const textColorFromColorSystem =\r\n    textColor === '#000000' ? style.colors.monochrome.black : style.colors.monochrome.white;\r\n  const fadeColor =\r\n    textColor !== '#000000' ? \"0, 0, 0\" : \"255, 255, 255\";\r\n\r\n  const isMobile = isCompact(props.currentBreakpoint);\r\n  const hasVideo = (backgroundVideoSources?.length ?? 0) > 0;\r\n  const image = selectDeviceImage(backgroundImage, backgroundImageSmallScreen, isMobile);\r\n\r\n  let IOS = false;\r\n  try {\r\n    const iOSver = iOSVersion().toString();\r\n    if (iOSver.length > 1) {\r\n      IOS = true;\r\n    }\r\n  } catch (error) {\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Background\r\n        videoSources={backgroundVideoSources}\r\n        breakPoint={props.currentBreakpoint}\r\n        borderRadius={0}\r\n        css={{\r\n          ...(image && !hasVideo && {\r\n            background: {\r\n              image: setImageBackground(image?.url, Preset.FullWidth, `linear-gradient(180deg, rgba(${fadeColor}, 0) 35.28%, rgba(${fadeColor}, 0.2) 100%)`),\r\n              // size: IOS ? '50% auto' : 'cover', // Will be 100% of the width and adjust the height automatically if it's an iOS device.\r\n              size: IOS ? 'auto 100%' : 'cover',\r\n              attachment: IOS ? 'scroll' : 'fixed',\r\n              position: 'center center',\r\n            },\r\n          }),\r\n        }}\r\n      >\r\n        <GridWrap\r\n          className='grid'\r\n          css={{\r\n            padding: {\r\n              top: `${paddingTop}px`,\r\n              bottom: '24px',\r\n            },\r\n          }}\r\n        >\r\n          <div className={createGridClasses(12, 7, createOffsetGridClassLarge(2))}>\r\n            <Heading css={{ color: textColorFromColorSystem, }} fontSize={ResponsiveSize.D14_M14}>\r\n              {label}\r\n            </Heading>\r\n            <Text css={{ color: textColorFromColorSystem }} fontSize={ResponsiveSize.D56_M32} >\r\n              {mainIntro}\r\n            </Text>\r\n            <ButtonWrap>\r\n              {products?.length > 0 && (\r\n                <SolidButton\r\n                  text={seeProductsButtonText}\r\n                  onClick={() => setModalIsShown(true)}\r\n                />\r\n              )}\r\n              {buttons?.map((button, index) => (\r\n                <LinkedButton\r\n                  key={index}\r\n                  to={button.url}\r\n                  text={button.text}\r\n                  title={button.text}\r\n                  theme={\r\n                    button.background === 'Transparent' ? ButtonTheme.TransparentWhite : ButtonTheme.WhiteToTransparent\r\n                  }\r\n                />\r\n              ))}\r\n            </ButtonWrap>\r\n          </div>\r\n        </GridWrap>\r\n      </Background>\r\n      <QuickShopProductModal isMobile={isMobile} modalIsShown={modalIsShown} hideModal={() => setModalIsShown(false)} products={products} />\r\n    </>\r\n  );\r\n}\r\n\r\nexport default connect(\r\n  (state) => ({\r\n    currentBreakpoint: state.currentBreakpoint,\r\n  }),\r\n)(styled(InformationBlock));\r\n"],"sourceRoot":""}