{"version":3,"sources":["webpack:///./Avensia.Common/Features/Account/MyPages/components/Panel.tsx","webpack:///./Avensia.Common/Features/Account/MyPages/components/Content.tsx","webpack:///./Avensia.Common/Features/Account/MyPages/MyPagesBaseLayout.tsx"],"names":["doLogout","e","preventDefault","props","logoutUrl","then","menuList","forEach","menu","url","includeAppShellData","render","isMobile","this","currentBreakpoint","Medium","MenuWrapper","css","compose","Ul","listStyle","map","idx","Item","key","borderTop","style","color","width","CustomLink","isActive","fontWeight","to","name","Logout","onClick","Component","connect","state","alignListStyle","alignItems","display","nav","padding","x","top","li","borderBottom","height","justifyContent","marginLeft","marginTop","xy","Link","cursor","defaultCss","y","Div","CustomBreadcrumbs","breadcrumbs","textAlign","fontSize","heading","children","letterSpacing","margin","MypagesWrapper","subMenu","pageTitle","CustomContent","CustomPanel","div","flexDirection","minHeight","marginRight","order","Content"],"mappings":"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","file":"assets/7.chunk.a586979757c68abfe5fc.js","sourcesContent":["import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { translate, postJson, replaceState, clearCacheItem, URLX, Breakpoint } from '@avensia/scope';\r\nimport connect from 'Shared/connect';\r\nimport NavigationItem from 'Shared/NavigationItem/NavigationItem.type';\r\nimport Link from 'Shared/Link';\r\nimport { black, thin, thick, alto, pixelsToUnit, minMediumMediaQuery } from 'Shared/Style';\r\n\r\ntype ConnectStateType = {\r\n currentBreakpoint?: number;\r\n};\r\n\r\ntype PropType = {\r\n menuList: NavigationItem[];\r\n logoutUrl: string;\r\n} & ConnectStateType &\r\n StyledProps;\r\n\r\nclass Panel extends React.Component {\r\n doLogout = (e: React.MouseEvent) => {\r\n e.preventDefault();\r\n postJson(this.props.logoutUrl).then(() => {\r\n this.props.menuList.forEach(menu => clearCacheItem(new URLX(menu.url)));\r\n replaceState('/', { includeAppShellData: true });\r\n });\r\n };\r\n\r\n render() {\r\n const isMobile = this.props.currentBreakpoint < Breakpoint.Medium;\r\n\r\n return (\r\n \r\n {!isMobile &&

{translate('/Account/MyPages/Title')}

}\r\n \r\n {this.props.menuList.map((menu, idx) => (\r\n \r\n \r\n {menu.name}\r\n \r\n \r\n ))}\r\n {translate('/Account/Logout')}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default styled(\r\n connect(\r\n (state): ConnectStateType => ({\r\n currentBreakpoint: state.currentBreakpoint,\r\n }),\r\n )(Panel),\r\n);\r\n\r\nconst alignListStyle = {\r\n alignItems: 'center',\r\n display: 'flex',\r\n};\r\n\r\nconst MenuWrapper = styled.nav({\r\n padding: {\r\n x: pixelsToUnit(10),\r\n top: pixelsToUnit(14),\r\n },\r\n [minMediumMediaQuery]: {\r\n borderTop: {\r\n style: 'solid',\r\n width: thick,\r\n color: alto,\r\n },\r\n },\r\n});\r\n\r\nconst Item = styled.li({\r\n borderBottom: {\r\n style: 'solid',\r\n color: alto,\r\n width: thin,\r\n },\r\n height: pixelsToUnit(40),\r\n justifyContent: 'space-between',\r\n [minMediumMediaQuery]: {\r\n borderBottom: 'none',\r\n height: 'inherit',\r\n marginLeft: pixelsToUnit(14),\r\n marginTop: pixelsToUnit(5),\r\n padding: { xy: 0 },\r\n },\r\n});\r\n\r\nconst CustomLink = styled(Link, {\r\n ...alignListStyle,\r\n color: black,\r\n height: 'inherit',\r\n width: '100%',\r\n});\r\n\r\nconst Logout = styled(Item, {\r\n ...alignListStyle,\r\n cursor: 'pointer',\r\n});\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport connect from 'Shared/connect';\r\nimport { Style } from '@glitz/type';\r\nimport BreadCrumbs from 'Shared/Breadcrumbs';\r\nimport BreadcrumbsViewModel from 'Shared/Breadcrumbs/BreadcrumbsViewModel.type';\r\nimport H1 from 'Shared/Generic/h1';\r\nimport { eta, kappa, pixelsToUnit, minMediumMediaQuery, beta } from 'Shared/Style';\r\n\r\ntype ConnectStateType = {\r\n currentBreakpoint: number;\r\n};\r\n\r\ntype PropType = StyledProps &\r\n ConnectStateType & {\r\n heading: string;\r\n children: any;\r\n breadcrumbs: BreadcrumbsViewModel[];\r\n };\r\n\r\nconst MainDetails = (props: PropType) => {\r\n const defaultCss: Style = {\r\n padding: { x: pixelsToUnit(10), y: 0 },\r\n };\r\n const isMobile = props.currentBreakpoint < 4;\r\n\r\n return (\r\n \r\n \r\n

{props.heading}

\r\n {props.children}\r\n \r\n );\r\n};\r\n\r\nexport default styled(\r\n connect(state => ({\r\n currentBreakpoint: state.currentBreakpoint,\r\n }))(MainDetails),\r\n);\r\n\r\nconst CustomBreadcrumbs = styled(BreadCrumbs, {\r\n fontSize: eta,\r\n letterSpacing: pixelsToUnit(0.2),\r\n margin: {\r\n y: pixelsToUnit(10),\r\n x: 0,\r\n },\r\n textAlign: 'center',\r\n [minMediumMediaQuery]: {\r\n fontSize: kappa,\r\n textAlign: 'left',\r\n },\r\n});\r\n","import * as React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport MyPagesBaseViewModel from './MyPagesBaseViewModel.type';\r\nimport { Main } from 'Shared/PageLayout';\r\nimport { minMediumMediaQuery, pixelsToUnit, minLargeMediaQuery } from 'Shared/Style';\r\nimport Panel from './components/Panel';\r\nimport Content from './components/Content';\r\n\r\nconst MyPagesBaseLayout = (props: MyPagesBaseViewModel & { children: any }) => {\r\n const { subMenu, pageTitle, logoutUrl, children } = props;\r\n return (\r\n
\r\n \r\n \r\n {children}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default MyPagesBaseLayout;\r\n\r\nconst MypagesWrapper = styled.div({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: '100%',\r\n [minMediumMediaQuery]: {\r\n flexDirection: 'row',\r\n minHeight: pixelsToUnit(708),\r\n },\r\n});\r\n\r\nconst CustomPanel = styled(Panel, {\r\n marginTop: pixelsToUnit(70),\r\n [minMediumMediaQuery]: {\r\n marginRight: pixelsToUnit(26),\r\n marginLeft: pixelsToUnit(26),\r\n marginTop: pixelsToUnit(5),\r\n order: 1,\r\n width: '15%',\r\n },\r\n});\r\n\r\nconst CustomContent = styled(Content, {\r\n [minLargeMediaQuery]: {\r\n width: '70%',\r\n },\r\n [minMediumMediaQuery]: {\r\n width: '75%',\r\n order: 2,\r\n },\r\n});\r\n"],"sourceRoot":""}