{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Page/PageContent.tsx","webpack:///./Avensia.Common/Features/Shared/OnPageSubMenu/OnPageMenuItemLines.tsx","webpack:///./Avensia.Common/Features/Shared/OnPageSubMenu/OnPageMenuModal.tsx","webpack:///./Avensia.Common/Features/Shared/OnPageSubMenu/index.tsx","webpack:///./Avensia.Common/Features/Shared/QuickLinks/index.tsx","webpack:///./Avensia.Common/Features/CustomerService/CustomerServiceItemPage.tsx"],"names":["TopLabel","margin","top","bottom","ReadMoreWrap","div","display","marginTop","ReadMore","span","color","monochrome","a11ygrey","cursor","textTransform","fontSize","fontWeight","TopContentHeading","wordBreak","BreadcrumbWrapper","props","isCompact","breadcrumbs","children","isProductPage","compose","className","css","rowGap","paddingTop","Div","marginLeft","marginRight","vertical","TopContentWideWrapper","padding","TopContentWide","TopContent","TopContentButton","TopContentIntro","p","xy","TopContentWrap","TopContentChildren","label","heading","headingSize","modalButtonText","modalButtonClick","modalButtonIconAfter","intro","handleReadMore","readMoreLabel","height","Small","x","text","onClick","iconAfter","theme","WhiteToBlack","ItemLink","Link","black","justifyContent","alignItems","Right","Line","width","border","y","style","menuItems","map","menuItem","index","Span","key","to","url","title","D16_M16","ModalScrollableContentContainer","Modal","flexDirection","modalIsShown","hideModal","topMargin","textAboveHeading","textAboveLine","Logout","Button","menuItemButtons","iconCode","includeAppShellData","postAndRedirectToStartPage","RedBorder","target","openInNewWindow","rel","selected","Wrap","backgroundColor","white","marginBottom","left","paddingLeft","MenuItemsMobile","overflowX","scrollSnapType","scrollbarWidth","msOverflowStyle","gap","MenuItemButton","minWidth","MenuItemsDesktop","MenuItemsRightDesktop","textAlign","flexGrow","connect","state","headerHeight","UI","currentBreakpoint","rightItems","extraMenu","setModalIsShown","isStuck","setIsStuck","menuRef","split","length","window","document","URL","compactMenuItems","concat","onScroll","scrollY","current","offsetTop","addEventListener","removeEventListener","ref","boxShadow","zIndex","position","menuLabel","iconBefore","Menu","pageLabel","overflow","justifyItems","ItemWrap","borderRadius","backgroundSize","backgroundPosition","ItemWrapInner","textDecoration","ItemLinkText","alignSelf","quickLinks","slidesPerView","spaceBetween","showNav","cssMode","quickLink","draggable","image","background","SquareListItem","render","page","mainIntro","D64_M40","this","for","mainContentArea","Component","CustomerServiceItemPage"],"mappings":"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","file":"assets/24.chunk.bc046115b54f3d1a67c7.js","sourcesContent":["import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { H1, ResponsiveSize, HeadingLabel } from 'Shared/SharedComponents/atoms/Typography';\r\nimport { ButtonHeight, ButtonTheme, SolidButton } from 'Shared/TextButtons';\r\nimport Breadcrumbs from 'Shared/SharedComponents/atoms/Breadcrumbs';\r\nimport BreadcrumbsViewModel from 'Shared/Breadcrumbs/BreadcrumbsViewModel.type';\r\nimport { createGridClasses, createOffsetGridClassLarge } from 'Shared/grid';\r\nimport { GridWrap } from 'Shared/PageLayout';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype TopContentPropType = React.HTMLAttributes & {\r\n label?: string;\r\n heading: string;\r\n headingSize?: ResponsiveSize;\r\n intro: string;\r\n isCompact: boolean;\r\n modalButtonText?: string;\r\n modalButtonIconAfter?: React.ReactNode;\r\n modalButtonClick?: () => void;\r\n handleReadMore?: Function | boolean;\r\n readMoreLabel?: String\r\n};\r\n\r\ntype TopContentWidePropType = TopContentPropType & {\r\n breadcrumbs?: BreadcrumbsViewModel[];\r\n};\r\n\r\ntype BreadcrumbWrapperPropType = React.HTMLAttributes & {\r\n isCompact: boolean;\r\n breadcrumbs?: BreadcrumbsViewModel[];\r\n isProductPage?: boolean;\r\n};\r\n\r\nconst TopLabel = styled(HeadingLabel, {\r\n margin: {\r\n top: 0,\r\n bottom: '16px',\r\n },\r\n});\r\n\r\nconst ReadMoreWrap = styled.div({\r\n display: 'flex',\r\n marginTop: '8px',\r\n});\r\n\r\nconst ReadMore = styled.span({\r\n color: style.colors.monochrome.a11ygrey,\r\n cursor: 'pointer',\r\n textTransform: 'uppercase',\r\n fontSize: '14px',\r\n fontWeight: 500,\r\n});\r\n\r\nconst TopContentHeading = styled(H1, {\r\n wordBreak: 'break-word'\r\n});\r\n\r\nexport const BreadcrumbWrapper = styled((props: BreadcrumbWrapperPropType & StyledProps) => {\r\n const { isCompact, breadcrumbs, children, isProductPage = false, compose } = props;\r\n\r\n return (\r\n \r\n \r\n {breadcrumbs && }\r\n \r\n {children}\r\n \r\n );\r\n});\r\n\r\nconst TopContentWideWrapper = styled(BreadcrumbWrapper, {\r\n padding: { bottom: '24px' },\r\n ['@media ' + style.mediaMinLarge]: {\r\n padding: { bottom: '48px' }\r\n },\r\n})\r\n\r\nexport const TopContentWide = (props: TopContentWidePropType) => {\r\n const { isCompact, breadcrumbs, children } = props;\r\n return (\r\n \r\n \r\n {children}\r\n \r\n \r\n );\r\n};\r\n\r\nconst TopContentButton = styled(SolidButton, {\r\n display: 'inline-flex',\r\n marginTop: '12px',\r\n ['@media ' + style.mediaMinLarge]: {\r\n marginTop: '24px',\r\n },\r\n})\r\n\r\nconst TopContentIntro = styled.p({\r\n margin: { xy: 0 },\r\n padding: { xy: 0 }\r\n})\r\n\r\nconst TopContentWrap = styled.div({\r\n ['@media ' + style.mediaUpToLarge]: {\r\n marginTop: '16px',\r\n },\r\n})\r\n\r\nconst TopContentChildren = styled.div({\r\n marginTop: '24px',\r\n ['@media ' + style.mediaMinLarge]: {\r\n marginTop: '48px',\r\n },\r\n})\r\n\r\nexport const TopContent = (props: TopContentPropType) => {\r\n const {\r\n isCompact,\r\n label,\r\n heading,\r\n headingSize,\r\n modalButtonText,\r\n modalButtonClick,\r\n modalButtonIconAfter,\r\n intro,\r\n children,\r\n handleReadMore = false,\r\n readMoreLabel = ''\r\n } = props;\r\n return (\r\n
\r\n {label && {label}}\r\n
\r\n
\r\n {heading}\r\n {modalButtonText && (\r\n modalButtonClick()}\r\n iconAfter={modalButtonIconAfter && modalButtonIconAfter}\r\n theme={ButtonTheme.WhiteToBlack}\r\n />\r\n )}\r\n
\r\n
\r\n \r\n {intro}\r\n {handleReadMore &&\r\n \r\n {\r\n if (typeof handleReadMore !== 'function') {\r\n return\r\n }\r\n handleReadMore()\r\n }}>\r\n {readMoreLabel}\r\n \r\n \r\n }\r\n \r\n \r\n {children}\r\n \r\n
\r\n );\r\n};\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport OnPageMenuItem from './OnPageMenuItem.type';\r\nimport * as style from 'Shared/Style';\r\nimport { Right16x16 } from 'Shared/Icons/Arrow';\r\nimport Link from 'Shared/Link';\r\nimport { H2, ResponsiveSize } from 'Shared/SharedComponents/atoms/Typography';\r\n\r\ntype PropType = {\r\n menuItems: OnPageMenuItem[];\r\n};\r\n\r\nconst ItemLink = styled(Link, {\r\n cursor: 'pointer',\r\n color: style.colors.monochrome.black,\r\n margin: { bottom: '16px' },\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n})\r\n\r\nconst Right = styled(Right16x16, {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n color: 'inherit',\r\n})\r\n\r\nconst Line = styled.div({\r\n height: 0,\r\n width: '100%',\r\n margin: { bottom: '16px' },\r\n border: { y: { width: '1px', style: 'solid', color: style.colors.monochrome.black } },\r\n})\r\n\r\nconst OnPageMenuItemLines = ({ menuItems }: PropType) => {\r\n return (\r\n \r\n {menuItems.map((menuItem, index) => (\r\n \r\n \r\n

{menuItem.title}

\r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n );\r\n};\r\n\r\nexport default OnPageMenuItemLines;\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport Modal, { ModalScrollableContent, ModalTopContent } from 'Shared/SharedComponents/atoms/Modal';\r\nimport OnPageMenuItem from './OnPageMenuItem.type';\r\nimport OnPageMenuItemLines from './OnPageMenuItemLines';\r\n\r\ntype RequiredPropType = {\r\n modalIsShown: boolean;\r\n hideModal: () => void;\r\n label: string;\r\n heading: string;\r\n menuItems: OnPageMenuItem[];\r\n};\r\n\r\ntype PropType = RequiredPropType;\r\n\r\nconst ModalScrollableContentContainer = styled(ModalScrollableContent, {\r\n display: 'flex', \r\n flexDirection: 'column', \r\n alignItems: 'stretch'\r\n})\r\n\r\nexport const OnPageMenuModal = ({ modalIsShown, hideModal, label, heading, menuItems }: PropType) => {\r\n return (\r\n \r\n \r\n \r\n {menuItems && }\r\n \r\n \r\n );\r\n};\r\n\r\nexport default OnPageMenuModal;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport OnPageMenuItem from './OnPageMenuItem.type';\r\nimport connect from 'Shared/connect';\r\nimport { ButtonTheme, LinkButton, SolidButton } from 'Shared/TextButtons';\r\nimport { Menu24x24 } from 'Shared/Icons/Menu';\r\nimport OnPageMenuModal from './OnPageMenuModal';\r\nimport { Logout12x12 } from 'Shared/Icons/Logout';\r\nimport { post, replaceState } from '@polarnopyret/scope';\r\nimport { startPage } from 'Shared/known-urls';\r\nimport * as style from 'Shared/Style';\r\nimport { isCompact as functionIsCompact } from 'Shared/Viewport';\r\n\r\nconst TOP_PADDING = 16;\r\n\r\nasync function postAndRedirectToStartPage(url: string) {\r\n await post(url);\r\n await replaceState(startPage(), { includeAppShellData: true });\r\n}\r\n\r\nconst Logout = styled(Logout12x12, {\r\n marginLeft: '8px'\r\n})\r\n\r\nconst Link = styled(LinkButton, {\r\n display: 'inline-block'\r\n})\r\n\r\nconst Button = styled(SolidButton, {\r\n marginRight: '12px',\r\n ['@media ' + style.mediaMinLarge]: {\r\n marginRight: '16px',\r\n },\r\n})\r\n\r\nconst menuItemButtons = (menuItems: OnPageMenuItem[], isCompact: boolean) => {\r\n return menuItems.map((menuItem, index) =>\r\n menuItem.iconCode === 'LOGOUT' ? (\r\n // Needs div wrap for the scroll x to work.\r\n
\r\n postAndRedirectToStartPage(menuItem.url)}\r\n theme={ButtonTheme.RedBorder}\r\n text={menuItem.title}\r\n iconAfter={}\r\n display={'flex'}\r\n />\r\n
\r\n ) : (\r\n \r\n ),\r\n );\r\n};\r\n\r\ntype PropType = {\r\n pageLabel: string;\r\n menuLabel: string;\r\n menuItems: OnPageMenuItem[];\r\n rightItems?: OnPageMenuItem[];\r\n extraMenu: boolean;\r\n};\r\n\r\ntype ConnectedPropType = {\r\n headerHeight: number;\r\n currentBreakpoint: number;\r\n};\r\n\r\nconst Wrap = styled.div({\r\n backgroundColor: style.colors.monochrome.white,\r\n height: '72px',\r\n marginBottom: '16px',\r\n padding: { left: 12, y: TOP_PADDING },\r\n ['@media ' + style.mediaMinLarge]: {\r\n height: '80px',\r\n marginBottom: '80px',\r\n display: 'flex',\r\n paddingLeft: '16px',\r\n },\r\n})\r\n\r\nconst MenuItemsMobile = styled.div({\r\n display: 'flex',\r\n flexDirection: 'row',\r\n overflowX: 'auto',\r\n scrollSnapType: 'x mandatory',\r\n scrollbarWidth: 'none',\r\n msOverflowStyle: 'none',\r\n // @ts-ignore\r\n '::-webkit-scrollbar': {\r\n display: 'none',\r\n },\r\n gap: '12px',\r\n})\r\n\r\nconst MenuItemButton = styled(SolidButton, {\r\n alignItems: 'center', minWidth: 'fit-content'\r\n})\r\n\r\nconst MenuItemsDesktop = styled.div({\r\n display: 'flex', gap: '16px'\r\n})\r\n\r\nconst MenuItemsRightDesktop = styled.div({\r\n textAlign: 'right',\r\n flexGrow: 1,\r\n})\r\n\r\nconst OnPageSubMenu = (props: PropType & ConnectedPropType) => {\r\n const { rightItems, currentBreakpoint, headerHeight, extraMenu } = props;\r\n\r\n const [modalIsShown, setModalIsShown] = useState(false);\r\n const [isStuck, setIsStuck] = useState(false);\r\n const menuRef = useRef(null);\r\n\r\n const menuItems = props.menuItems.map((menuItem) => {\r\n if (\r\n menuItem.url?.split('/')?.[menuItem.url?.split('/').length - 1] ===\r\n window?.document?.URL?.split('/')?.[window?.document?.URL?.split('/').length - 1]\r\n ) {\r\n menuItem.selected = true;\r\n }\r\n\r\n return menuItem;\r\n });\r\n\r\n let compactMenuItems = menuItems;\r\n\r\n if (rightItems) {\r\n compactMenuItems = compactMenuItems.concat(rightItems);\r\n }\r\n\r\n const isCompact = functionIsCompact(currentBreakpoint);\r\n\r\n useEffect(() => {\r\n function onScroll() {\r\n if (window.scrollY >= menuRef.current?.offsetTop - headerHeight - TOP_PADDING) {\r\n setIsStuck(true);\r\n } else if (window.scrollY < menuRef.current?.offsetTop - headerHeight - TOP_PADDING) {\r\n setIsStuck(false);\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll);\r\n return () => window.removeEventListener('scroll', onScroll);\r\n }, [headerHeight]);\r\n\r\n return (\r\n \r\n \r\n {isCompact ? (\r\n <>\r\n {menuItems && (\r\n \r\n \r\n {extraMenu && \r\n setModalIsShown(true)}\r\n theme={ButtonTheme.WhiteToBlack}\r\n iconBefore={}\r\n padding={{ x: isCompact ? 12 : 16 }}\r\n />\r\n }\r\n {menuItemButtons(compactMenuItems, isCompact)}\r\n \r\n \r\n )}\r\n setModalIsShown(false)}\r\n label={props.menuLabel}\r\n heading={props.pageLabel}\r\n menuItems={compactMenuItems}\r\n />\r\n \r\n ) : (\r\n <>\r\n {menuItems && menuItemButtons(menuItems, isCompact)}\r\n \r\n {rightItems && menuItemButtons(rightItems, isCompact)}\r\n \r\n \r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default connect((state) => ({\r\n headerHeight: state.UI?.headerHeight || 0,\r\n currentBreakpoint: state.currentBreakpoint,\r\n}))(OnPageSubMenu);\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport QuickLink from './QuickLink.type';\r\nimport Link from 'Shared/Link';\r\nimport { AspectRatioOuter, HoverAspectRatioInner } from 'Shared/SharedComponents/atoms/AspectRatio';\r\nimport { setImageBackground, Preset } from 'Shared/image-background';\r\nimport SwiperList from 'Shared/SwiperList';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype PropType = {\r\n quickLinks: QuickLink[];\r\n isCompact: boolean;\r\n};\r\n\r\nconst Wrap = styled.div({\r\n width: '100%'\r\n})\r\n\r\nconst ItemWrap = styled(AspectRatioOuter, {\r\n paddingTop: '100%',\r\n borderRadius: '8px',\r\n backgroundSize: 'cover',\r\n backgroundPosition: 'center center',\r\n})\r\n\r\nconst ItemWrapInner = styled(HoverAspectRatioInner, {\r\n height: '100%',\r\n display: 'flex',\r\n ['@media ' + style.mediaMinLarge]: {\r\n border: { xy: { width: '2px' } },\r\n ':hover': { border: { xy: { width: '2px', } } },\r\n },\r\n})\r\n\r\nconst ItemLink = styled(Link, {\r\n textDecoration: 'none',\r\n color: 'black',\r\n})\r\n\r\nconst ItemLinkText = styled.span({\r\n display: 'block',\r\n width: '100%',\r\n padding: { xy: '12px' },\r\n margin: { top: 0, bottom: 0 },\r\n textAlign: 'center',\r\n fontSize: '20px',\r\n textTransform: 'uppercase',\r\n alignSelf: 'center',\r\n fontWeight: 500\r\n})\r\n\r\nconst QuickLinks = (props: PropType) => {\r\n const { quickLinks, isCompact } = props;\r\n const slidesPerView = isCompact ? 2.5 : 5.5;\r\n const spaceBetween = isCompact ? 12 : 16;\r\n const showNav = slidesPerView < quickLinks.length;\r\n\r\n return (\r\n \r\n \r\n {quickLinks.map((quickLink, index) => (\r\n
\r\n \r\n \r\n \r\n \r\n {quickLink.title}\r\n \r\n \r\n \r\n \r\n
\r\n ))}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default QuickLinks;\r\n","/**\r\n * @ComponentFor CustomerServiceItemViewModel\r\n */\r\nimport React from 'react';\r\nimport connect from 'Shared/connect';\r\nimport { EpiProperty } from '@polarnopyret/scope-episerver';\r\nimport Page from 'Shared/Page';\r\nimport { isCompact as functionIsCompact } from 'Shared/Viewport';\r\nimport QuickLinks from 'Shared/QuickLinks';\r\nimport CustomerServiceItemViewModel from './CustomerServiceItemViewModel.type';\r\nimport OnPageSubMenu from 'Shared/OnPageSubMenu';\r\nimport { TopContentWide } from 'Shared/Page/PageContent';\r\nimport { ResponsiveSize } from 'Shared/SharedComponents/atoms/Typography';\r\n\r\ntype RequiredPropType = CustomerServiceItemViewModel;\r\n\r\ntype ConnectedPropType = {\r\n currentBreakpoint: number;\r\n};\r\n\r\ntype PropType = RequiredPropType & ConnectedPropType;\r\nclass CustomerServiceItemPage extends React.Component {\r\n render() {\r\n const { currentBreakpoint, page, breadcrumbs, mainIntro, label, heading, quickLinks, menuItems } = this.props;\r\n const isCompact = functionIsCompact(currentBreakpoint);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect((state) => ({\r\n currentBreakpoint: state.currentBreakpoint,\r\n}))(CustomerServiceItemPage);\r\n"],"sourceRoot":""}