{"version":3,"sources":["webpack:///./Avensia.Common/Features/Account/MyPages/MyDetails/index.tsx","webpack:///./Avensia.Common/Features/Shared/Breadcrumbs/index.tsx","webpack:///./Avensia.Common/Features/Shared/Icon/Checkbox.tsx","webpack:///./Avensia.Common/Features/Shared/Generic/h1.tsx","webpack:///./Avensia.Common/Features/Shared/Icon/Radio.tsx","webpack:///./Avensia.Common/Features/Shared/Fields/Toggle.tsx","webpack:///./Avensia.Common/Features/Shared/Icon/glyphs/checkbox_unchecked.svg","webpack:///./Avensia.Common/Features/Shared/Icon/glyphs/checkbox_checked.svg","webpack:///./Avensia.Common/Features/Shared/Icon/glyphs/radio-button.svg","webpack:///./Avensia.Common/Features/Shared/Icon/glyphs/radio-button-checked.svg","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":["props","toggleSection","setState","isSectionOpen","state","toggleCheckbox","unsubscribeNewsletter","deleteAccount","this","includeAppShellData","errorMessage","Promise","reject","render","firstName","lastName","email","address1","city","postalCode","fullName","for","page","mainContent","DetailsWrapper","Details","DetailsHeader","ToggleDelete","appearance","Bare","onClick","DeleteAccountWrapper","Warning","ConfirmMessage","DeleteAccount","Tertiary","UnsubscribeWrapper","CustomChecbox","checked","onChange","CheckboxText","div","marginTop","width","display","flexWrap","justifyContent","borderBottom","style","color","paddingBottom","p","fontWeight","padding","xy","x","textTransform","alignItems","marginRight","span","cursor","Li","li","marginLeft","content","PathLink","textDecoration","CurrentLink","placeholderBreadcrum","text","url","isVariationPage","currentPage","dispatch","navigateMainMenu","key","Div","css","compose","row","breadcrumbs","slice","isSliced","map","breadcrumb","index","length","Item","itemProp","to","e","charAt","toUpperCase","substr","toLowerCase","String","flexFlow","lineHeight","Unchecked","Checked","h1","fontSize","sharedCheckBoxStyle","height","StyledChecked","StyledUnchecked","CheckedCheckBox","theme","secondaryColor","target","UNSAFE_componentWillReceiveProps","nextProps","restProps","Object","assign","children","className","Input","ref","elementRef","type","Component","factory","Radio","input","React","CheckboxUnchecked","createElement","defaultProps","module","exports","default","CheckboxChecked","RadioButton","RadioButtonChecked","doLogout","preventDefault","logoutUrl","then","menuList","forEach","menu","isMobile","currentBreakpoint","Medium","MenuWrapper","Ul","listStyle","idx","borderTop","CustomLink","isActive","name","Logout","connect","alignListStyle","nav","top","Link","defaultCss","y","CustomBreadcrumbs","textAlign","heading","letterSpacing","margin","MypagesWrapper","subMenu","pageTitle","CustomContent","CustomPanel","flexDirection","minHeight","order","Content"],"mappings":"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","file":"assets/14.chunk.15d42d633eabe8e24c2c.js","sourcesContent":["/**\r\n * @ComponentFor MyDetailsPageViewModel\r\n */\r\nimport * as React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { postJson, translate, replaceState } from '@avensia/scope';\r\nimport { EpiProperty } from '@avensia/scope-episerver';\r\nimport MyDetailsPageViewModel from './MyDetailsPageViewModel.type';\r\nimport { minMediumMediaQuery, pixelsToUnit, thick, alto } from 'Shared/Style';\r\nimport MyPagesBaseLayout from '../MyPagesBaseLayout';\r\nimport FeedbackButton, { Appearance as FeedBackAppearance } from 'Shared/Button/Feedback';\r\nimport Button, { Appearance as ButtonAppearance } from 'Shared/Button';\r\nimport { Checkbox } from 'Shared/Fields/Toggle';\r\nimport { ErrorMessage } from 'Shared/FeedbackMessage';\r\n\r\ntype PropType = MyDetailsPageViewModel;\r\n\r\ntype StateType = {\r\n unsubscribeNewsletter: boolean;\r\n errorMessage: string;\r\n isSectionOpen: boolean;\r\n};\r\n\r\nclass MyDetailsPage extends React.Component {\r\n constructor(props: PropType) {\r\n super(props);\r\n\r\n this.state = {\r\n unsubscribeNewsletter: false,\r\n errorMessage: '',\r\n isSectionOpen: false,\r\n };\r\n }\r\n\r\n toggleSection = () => {\r\n return this.setState({ isSectionOpen: !this.state.isSectionOpen });\r\n };\r\n\r\n toggleCheckbox = () => {\r\n return this.setState({ unsubscribeNewsletter: !this.state.unsubscribeNewsletter });\r\n };\r\n\r\n deleteAccount = async () => {\r\n const hasDeleted = await postJson(\r\n `/MyDetails/DeleteAccount?unregisterFromNewsletter=${this.state.unsubscribeNewsletter}`,\r\n );\r\n\r\n if (hasDeleted) {\r\n replaceState('/', { includeAppShellData: true });\r\n } else {\r\n this.setState({ errorMessage: translate('/Account/MyPages/Details/CloseAccountError') });\r\n return Promise.reject(null);\r\n }\r\n };\r\n\r\n render() {\r\n const { firstName, lastName, email, address1, city, postalCode } = this.props.details;\r\n const fullName = firstName + ' ' + lastName;\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n

{translate('/Account/MyPages/Details/UserInformation')}

\r\n \r\n
{fullName}
\r\n
{email}
\r\n
\r\n\r\n
\r\n \r\n

{translate('/Account/MyPages/Details/InvoiceAddress')}

\r\n \r\n
{fullName}
\r\n
{address1}
\r\n
\r\n {postalCode} {city}\r\n
\r\n
\r\n \r\n\r\n \r\n {translate('/Account/MyPages/Details/CloseMyAccount')}\r\n \r\n\r\n {this.state.isSectionOpen && (\r\n \r\n {translate('/Account/MyPages/Details/SureCloseAccount')}\r\n\r\n {translate('/Account/MyPages/Details/ConfirmCloseAccount')}\r\n\r\n \r\n {translate('/Account/MyPages/Details/CloseMyAccount')}\r\n \r\n\r\n \r\n \r\n \r\n {translate('/Account/MyPages/Details/UnregisterNewsletter')}\r\n \r\n \r\n\r\n {this.state.errorMessage && (\r\n {translate('/Account/MyPages/Details/CloseAccountError')}\r\n )}\r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default MyDetailsPage;\r\n\r\nconst Details = styled.div({\r\n marginTop: pixelsToUnit(40),\r\n width: '100%',\r\n [minMediumMediaQuery]: {\r\n width: '48%',\r\n },\r\n});\r\n\r\nconst DetailsWrapper = styled.div({\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n [minMediumMediaQuery]: {\r\n justifyContent: 'space-between',\r\n },\r\n});\r\n\r\nconst DetailsHeader = styled.div({\r\n borderBottom: {\r\n style: 'solid',\r\n width: thick,\r\n color: alto,\r\n },\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n paddingBottom: pixelsToUnit(12),\r\n});\r\n\r\nconst Warning = styled.p({\r\n fontWeight: 'bold',\r\n});\r\n\r\nconst ConfirmMessage = styled.p({\r\n marginTop: pixelsToUnit(20),\r\n});\r\n\r\nconst ToggleDelete = styled(Button, {\r\n display: 'block',\r\n marginTop: pixelsToUnit(40),\r\n padding: {\r\n xy: 0,\r\n },\r\n});\r\n\r\nconst DeleteAccount = styled(FeedbackButton, {\r\n marginTop: pixelsToUnit(23),\r\n padding: { x: pixelsToUnit(24) },\r\n textTransform: 'capitalize',\r\n});\r\n\r\nconst DeleteAccountWrapper = styled.div({\r\n marginTop: pixelsToUnit(20),\r\n});\r\n\r\nconst UnsubscribeWrapper = styled.div({\r\n alignItems: 'center',\r\n display: 'flex',\r\n marginTop: pixelsToUnit(26),\r\n});\r\n\r\nconst CustomChecbox = styled(Checkbox, {\r\n marginRight: pixelsToUnit(12),\r\n});\r\n\r\nconst CheckboxText = styled.span({\r\n cursor: 'pointer',\r\n});\r\n","import React from 'react';\r\nimport { translate } from '@avensia/scope';\r\nimport Link from 'Shared/Link';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { pseudo } from '@glitz/core';\r\nimport BreadcrumbsViewModel from './BreadcrumbsViewModel.type';\r\nimport Ul from '../Generic/Ul';\r\nimport { scorpion, minMediumMediaQuery, pixelsToUnit } from 'Shared/Style';\r\nimport connect from 'Shared/connect';\r\nimport isVariationPage from 'Product/current-page-is-variation';\r\nimport { ItemKeyType } from 'SiteLayout/MainMenu/item';\r\nimport { navigateMainMenu } from 'SiteLayout/MainMenu/action-creators';\r\n\r\ntype RequiredPropType = {\r\n breadcrumbs: BreadcrumbsViewModel[];\r\n isSliced?: boolean;\r\n};\r\n\r\ntype ConnectStateType = {\r\n isVariationPage: boolean;\r\n};\r\n\r\ntype ConnectDispatchType = {\r\n navigateMainMenu: (key: ItemKeyType) => void;\r\n};\r\n\r\ntype PropType = RequiredPropType & ConnectStateType & StyledProps & ConnectDispatchType;\r\n\r\nconst Li = styled.li({\r\n marginLeft: pixelsToUnit(5),\r\n ...pseudo(':not(:last-child):after', {\r\n content: '\"/\"',\r\n marginLeft: pixelsToUnit(5),\r\n }),\r\n});\r\n\r\nconst PathLink = styled(Link, {\r\n color: scorpion,\r\n ':hover': {\r\n textDecoration: 'underline',\r\n },\r\n ':focus': {\r\n textDecoration: 'none',\r\n },\r\n});\r\n\r\nconst CurrentLink = styled(PathLink, {\r\n fontWeight: 'bold',\r\n});\r\n\r\nconst placeholderBreadcrum = [\r\n {\r\n text: '',\r\n url: '/',\r\n },\r\n] as BreadcrumbsViewModel[];\r\n\r\nexport default styled(\r\n connect(\r\n (state): ConnectStateType => ({\r\n isVariationPage: isVariationPage(state.currentPage),\r\n }),\r\n\r\n (dispatch): ConnectDispatchType => ({\r\n navigateMainMenu(key: ItemKeyType) {\r\n dispatch(navigateMainMenu(key));\r\n },\r\n }),\r\n )((props: PropType) => (\r\n \r\n \r\n {(props.breadcrumbs || placeholderBreadcrum)\r\n .slice(props.isSliced ? -1 : 0)\r\n .map((breadcrumb, index, { length }) => {\r\n const Item = props.isVariationPage && index === length - 1 && !props.isSliced ? CurrentLink : PathLink;\r\n\r\n return (\r\n
  • \r\n props.navigateMainMenu(breadcrumb.url)}>\r\n {index === 0 && !props.isSliced\r\n ? translate('/Shared/Breadcrumbs/Start')\r\n : breadcrumb.text.charAt(0).toUpperCase() + breadcrumb.text.substr(1).toLowerCase()}\r\n \r\n \r\n
    • \r\n );\r\n })}\r\n \r\n     \r\n )),\r\n);\r\n","import factory from './icon';\r\nimport UncheckedSvg from './glyphs/checkbox_unchecked.svg';\r\nimport CheckedSvg from './glyphs/checkbox_checked.svg';\r\n\r\nexport const Unchecked = factory(UncheckedSvg);\r\nexport const Checked = factory(CheckedSvg);\r\n","import { styled } from '@glitz/react';\r\nimport * as style from '../Style';\r\n\r\nexport default styled.h1({\r\n fontSize: style.alpha,\r\n fontWeight: 'normal',\r\n});\r\n","import factory from './icon';\r\nimport UncheckedSvg from './glyphs/radio-button.svg';\r\nimport CheckedSvg from './glyphs/radio-button-checked.svg';\r\n\r\nexport const Unchecked = factory(UncheckedSvg);\r\nexport const Checked = factory(CheckedSvg);\r\n","import React from 'react';\r\nimport { styled, applyClassName } from '@glitz/react';\r\nimport { Unchecked, Checked } from '../Icon/Checkbox';\r\nimport { Unchecked as UncheckedRadio, Checked as CheckedRadio } from '../Icon/Radio';\r\nimport * as style from '../Style';\r\n\r\nconst sharedCheckBoxStyle = {\r\n width: style.pixelsToUnit(15),\r\n height: style.pixelsToUnit(15),\r\n};\r\n\r\nconst StyledChecked = styled(Checked, sharedCheckBoxStyle);\r\nconst StyledUnchecked = styled(Unchecked, sharedCheckBoxStyle);\r\n\r\nconst CheckedCheckBox = styled(StyledChecked, {\r\n color: (theme) => theme.secondaryColor,\r\n});\r\n\r\ntype PropType = React.InputHTMLAttributes & {\r\n elementRef?: (el: HTMLInputElement) => void;\r\n};\r\n\r\ntype StateType = {\r\n checked: boolean;\r\n};\r\n\r\nclass Toggle extends React.Component {\r\n constructor(props: PropType) {\r\n super(props);\r\n this.state = {\r\n checked: typeof props.checked === 'undefined' ? false : props.checked,\r\n };\r\n }\r\n UNSAFE_componentWillReceiveProps(nextProps: PropType) {\r\n const checked = typeof nextProps.checked === 'undefined' ? this.state.checked : nextProps.checked;\r\n if (this.props.checked !== checked) {\r\n this.setState({ checked });\r\n }\r\n }\r\n onChange = (e: React.ChangeEvent) => {\r\n if (this.props.onChange) {\r\n this.props.onChange(e);\r\n }\r\n if (typeof this.props.checked === 'undefined') {\r\n const checked = (e.target as HTMLInputElement).checked;\r\n if (checked !== this.state.checked) {\r\n this.setState({ checked });\r\n }\r\n }\r\n };\r\n render() {\r\n const restProps = Object.assign({}, this.props) as PropType;\r\n delete restProps.children;\r\n delete restProps.className;\r\n delete restProps.style;\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nfunction factory(type: 'radio' | 'checkbox') {\r\n return styled(\r\n applyClassName((props: PropType) => ),\r\n {\r\n cursor: 'pointer',\r\n display: 'inline-flex',\r\n alignItems: 'center',\r\n },\r\n );\r\n}\r\n\r\nexport const Radio = factory('radio');\r\nexport const Checkbox = factory('checkbox');\r\nconst Input = styled.input(style.visuallyHidden());\r\n","var React = require('react');\n\nfunction CheckboxUnchecked (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"defs\",{\"key\":0},React.createElement(\"path\",{\"id\":\"path-1\",\"d\":\"M0 2h15v15H0z\"})),React.createElement(\"g\",{\"id\":\"Categorypage-Copy-2\",\"stroke\":\"none\",\"strokeWidth\":\"1\",\"fill\":\"none\",\"fillRule\":\"evenodd\",\"transform\":\"translate(-48 -1134)\",\"key\":1},React.createElement(\"g\",{\"id\":\"Group-9\",\"transform\":\"translate(46 304)\"},React.createElement(\"g\",{\"id\":\"Filtrera\",\"transform\":\"translate(1 714)\"},React.createElement(\"g\",{\"id\":\"Group-4-Copy\",\"transform\":\"translate(0 42)\"},React.createElement(\"g\",{\"id\":\"Group-3-Copy\",\"transform\":\"translate(1 72)\"},React.createElement(\"g\",{\"id\":\"Rectangle-2\"},[React.createElement(\"use\",{\"fill\":\"#FFF\",\"xlinkHref\":\"#path-1\",\"key\":0}),React.createElement(\"path\",{\"stroke\":\"#909090\",\"d\":\"M.5 2.5h14v14H.5z\",\"key\":1})]))))))]);\n}\n\nCheckboxUnchecked.defaultProps = {\"width\":\"15\",\"height\":\"15\",\"viewBox\":\"0 0 15 15\"};\n\nmodule.exports = CheckboxUnchecked;\n\nCheckboxUnchecked.default = CheckboxUnchecked;\n","var React = require('react');\n\nfunction CheckboxChecked (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"defs\",{\"key\":0},React.createElement(\"path\",{\"id\":\"path-1\",\"d\":\"M0 2h15v15H0z\"})),React.createElement(\"g\",{\"id\":\"Categorypage-Copy-2\",\"stroke\":\"none\",\"strokeWidth\":\"1\",\"fill\":\"none\",\"fillRule\":\"evenodd\",\"transform\":\"translate(-48 -1134)\",\"key\":1},React.createElement(\"g\",{\"id\":\"Group-9\",\"transform\":\"translate(46 304)\"},React.createElement(\"g\",{\"id\":\"Filtrera\",\"transform\":\"translate(1 714)\"},React.createElement(\"g\",{\"id\":\"Group-4-Copy\",\"transform\":\"translate(0 42)\"},React.createElement(\"g\",{\"id\":\"Group-3-Copy\",\"transform\":\"translate(1 72)\"},React.createElement(\"g\",{\"id\":\"Rectangle-2\"},[React.createElement(\"use\",{\"fill\":\"currentColor\",\"xlinkHref\":\"#path-1\",\"key\":0}),React.createElement(\"path\",{\"stroke\":\"currentColor\",\"d\":\"M.5 2.5h14v14H.5z\",\"key\":1})]))))))]);\n}\n\nCheckboxChecked.defaultProps = {\"width\":\"15\",\"height\":\"15\",\"viewBox\":\"0 0 15 15\"};\n\nmodule.exports = CheckboxChecked;\n\nCheckboxChecked.default = CheckboxChecked;\n","var React = require('react');\n\nfunction RadioButton (props) {\n return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"Checkout-Desktop--January\",\"stroke\":\"none\",\"strokeWidth\":\"1\",\"fill\":\"none\",\"fillRule\":\"evenodd\",\"transform\":\"translate(-459 -2080)\"},React.createElement(\"g\",{\"id\":\"Group-13\",\"transform\":\"translate(430 2051)\",\"fill\":\"#FFF\",\"stroke\":\"#513265\"},React.createElement(\"g\",{\"id\":\"Group-5\",\"transform\":\"translate(30 28)\"},React.createElement(\"circle\",{\"id\":\"Oval\",\"cx\":\"14\",\"cy\":\"16\",\"r\":\"14\"})))));\n}\n\nRadioButton.defaultProps = {\"width\":\"30\",\"height\":\"30\",\"viewBox\":\"0 0 30 30\"};\n\nmodule.exports = RadioButton;\n\nRadioButton.default = RadioButton;\n","var React = require('react');\n\nfunction RadioButtonChecked (props) {\n return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"Checkout-Desktop--January\",\"stroke\":\"none\",\"strokeWidth\":\"1\",\"fill\":\"none\",\"fillRule\":\"evenodd\",\"transform\":\"translate(-459 -2080)\"},React.createElement(\"g\",{\"id\":\"Group-13\",\"transform\":\"translate(430 2051)\"},React.createElement(\"g\",{\"id\":\"Group-5\",\"transform\":\"translate(30 28)\"},React.createElement(\"g\",{\"id\":\"Group-18\",\"transform\":\"translate(0 2)\"},[React.createElement(\"circle\",{\"id\":\"Oval\",\"stroke\":\"#513265\",\"fill\":\"#FFF\",\"cx\":\"14\",\"cy\":\"14\",\"r\":\"14\",\"key\":0}),React.createElement(\"circle\",{\"id\":\"Oval-Copy\",\"fill\":\"#513265\",\"cx\":\"14\",\"cy\":\"14\",\"r\":\"10\",\"key\":1})])))));\n}\n\nRadioButtonChecked.defaultProps = {\"width\":\"30\",\"height\":\"30\",\"viewBox\":\"0 0 30 30\"};\n\nmodule.exports = RadioButtonChecked;\n\nRadioButtonChecked.default = RadioButtonChecked;\n","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":""}