{"version":3,"sources":["webpack:///./Avensia.Common/Features/Account/MyPages/OrderDetail/components/OrderListProduct.tsx","webpack:///./Avensia.Common/Features/Account/MyPages/OrderDetail/OrderDetailsPage.tsx","webpack:///./Avensia.Common/Features/Shared/Breadcrumbs/index.tsx","webpack:///./Avensia.Common/Features/Shared/Generic/h1.tsx","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","products","orderStatus","ProductsList","StatusValue","ProductWrapper","length","map","item","idx","ProductItem","key","Product","CustomLink","to","productUrl","css","imageUrl","backgroundColor","src","ratio","OneToOne","DetailsContainer","ProductNameLink","productName","productCode","ArticleNumberWrapper","sku","returnQuantity","ProductPrice","current","price","currency","PaymentWrapper","Payment","SummaryHeader","Cost","Price","shippingFee","paymentFee","TotalPrice","totalPrice","span","textAlign","flexBasis","fontSize","fontWeight","div","color","minHeight","overflowY","padding","xy","x","y","paddingBottom","display","flexDirection","border","width","style","marginBottom","marginTop","alignItems","justifyContent","flexGrow","maxHeight","Link","minWidth","maxWidth","flexFlow","textDecoration","position","float","letterSpacing","alignSelf","wordBreak","OrderDetailsPage","shippingAddress","billingAddress","paymentMethodName","shippingMethodName","paymentType","ordersHistoryUrl","breadcrumbs","url","MyPagesBaseLayout","Content","TextGroup","TextWrapper","Label","Text","order","created","orderGroupId","paymentStatus","orderStatusDisplay","page","orderMessage","for","OrderListProduct","orderLineItems","AdditionalDetails","DetailsSection","TitleAndDescription","Title","Description","firstName","lastName","address1","address2","postalCode","city","phoneNumber","email","ActionButton","appearance","Button","Secondary","flexWrap","height","borderBottom","label","marginLeft","textTransform","margin","Li","li","content","PathLink","CurrentLink","placeholderBreadcrum","text","state","isVariationPage","currentPage","dispatch","navigateMainMenu","Div","compose","row","slice","isSliced","breadcrumb","index","Item","itemProp","onClick","e","charAt","toUpperCase","substr","toLowerCase","String","lineHeight","h1","doLogout","preventDefault","logoutUrl","then","menuList","forEach","menu","includeAppShellData","render","isMobile","this","currentBreakpoint","Medium","MenuWrapper","Ul","listStyle","borderTop","isActive","name","Logout","Component","connect","alignListStyle","nav","top","cursor","defaultCss","CustomBreadcrumbs","heading","children","MypagesWrapper","subMenu","pageTitle","CustomContent","CustomPanel","marginRight"],"mappings":"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","file":"assets/23.chunk.bb3c35fbfcf4a16b72f9.js","sourcesContent":["import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { translate } from '@avensia/scope';\r\nimport Price from 'Pricing/Price';\r\nimport Image, { Ratio as ImageRatio } from 'Shared/Image/Ratio';\r\nimport { pixelsToUnit, minMediumMediaQuery, white, thin, minSmallMediaQuery, minTinyMediaQuery } from 'Shared/Style';\r\nimport OrderLineItemViewModel from 'Order/Details/OrderLineItemViewModel.type';\r\nimport { alto, mountainmeadow, black, whiteLilacFaded, tundora } from 'Shared/Style/colors';\r\nimport { iota, gamma, epsilon, delta, sigma } from 'Shared/Style/typography';\r\nimport { small } from 'Shared/Style/spacing';\r\nimport Link from 'Shared/Link';\r\n\r\ntype PropType = {\r\n products: OrderLineItemViewModel[];\r\n orderStatus: string;\r\n shippingFee: number;\r\n paymentFee: number;\r\n totalPrice: number;\r\n currency: string;\r\n};\r\n\r\nexport default (props: PropType) => {\r\n const { products, orderStatus } = props;\r\n return (\r\n \r\n

\r\n {translate('/Account/MyPages/OrderHistory/Status')}: {orderStatus}\r\n

\r\n \r\n {!!products &&\r\n products.length > 0 &&\r\n products.map((item: OrderLineItemViewModel, idx: number) => (\r\n \r\n \r\n \r\n \r\n \r\n {!!item && (\r\n <>\r\n \r\n {item.productName}\r\n {item.productCode && (\r\n \r\n \r\n {`${translate('/Account/MyPages/OrderHistory/Detail/ArticleNumber')}: ${item.sku}`}\r\n \r\n \r\n )}\r\n {item.returnQuantity > 0 && (\r\n
\r\n {translate('/Account/MyPages/OrderHistory/Detail/Status')}:\r\n {translate('/Account/MyPages/OrderHistory/Returned')}\r\n
\r\n )}\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n {translate('/Account/MyPages/OrderHistory/Detail/Shipping')}\r\n \r\n \r\n \r\n \r\n \r\n {translate('/Account/MyPages/OrderHistory/Detail/PaymentCost')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {translate('/Account/MyPages/OrderHistory/Detail/TotalIncludeVat')}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst SummaryHeader = styled.span({\r\n textAlign: 'right',\r\n flexBasis: '60%',\r\n});\r\n\r\nconst StatusValue = styled.span({\r\n fontSize: epsilon,\r\n fontWeight: 'normal',\r\n});\r\n\r\nconst ProductsList = styled.div({\r\n backgroundColor: whiteLilacFaded,\r\n color: tundora,\r\n minHeight: pixelsToUnit(235),\r\n overflowY: 'hidden',\r\n padding: {\r\n xy: small,\r\n },\r\n [minMediumMediaQuery]: {\r\n padding: {\r\n x: pixelsToUnit(30),\r\n y: pixelsToUnit(20),\r\n },\r\n paddingBottom: pixelsToUnit(30),\r\n },\r\n});\r\n\r\nconst ProductWrapper = styled.div({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n border: {\r\n y: {\r\n color: alto,\r\n width: thin,\r\n style: 'solid',\r\n },\r\n },\r\n paddingBottom: pixelsToUnit(30),\r\n marginBottom: pixelsToUnit(15),\r\n marginTop: pixelsToUnit(5),\r\n [minMediumMediaQuery]: {\r\n marginBottom: pixelsToUnit(30),\r\n },\r\n});\r\n\r\nconst ProductItem = styled.div({\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n width: '100%',\r\n});\r\n\r\nconst Product = styled.div({\r\n display: 'flex',\r\n flexGrow: 1,\r\n marginTop: pixelsToUnit(30),\r\n width: '70%',\r\n [minMediumMediaQuery]: {\r\n maxHeight: pixelsToUnit(100),\r\n },\r\n});\r\n\r\nconst CustomLink = styled(Link, {\r\n width: pixelsToUnit(15),\r\n minWidth: pixelsToUnit(51),\r\n maxHeight: pixelsToUnit(51),\r\n [minSmallMediaQuery]: {\r\n maxHeight: 'none',\r\n },\r\n [minMediumMediaQuery]: {\r\n width: '35%',\r\n maxWidth: pixelsToUnit(101),\r\n },\r\n});\r\n\r\nconst DetailsContainer = styled.div({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'space-around',\r\n flexFlow: 'column-wrap',\r\n fontSize: sigma,\r\n flexGrow: 1,\r\n padding: {\r\n x: pixelsToUnit(10),\r\n },\r\n [minMediumMediaQuery]: {\r\n padding: {\r\n x: pixelsToUnit(20),\r\n },\r\n },\r\n});\r\n\r\nconst ProductNameLink = styled(Link, {\r\n color: black,\r\n maxWidth: pixelsToUnit(150),\r\n ':hover': { textDecoration: 'underLine' },\r\n [minTinyMediaQuery]: { maxWidth: 'initial' },\r\n});\r\n\r\nconst PaymentWrapper = styled.div({\r\n position: 'relative',\r\n float: 'right',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n maxWidth: pixelsToUnit(297),\r\n width: '100%',\r\n});\r\n\r\nconst Payment = styled.div({\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n flexFlow: 'row',\r\n width: '100%',\r\n});\r\n\r\nconst Cost = styled.span({\r\n fontWeight: 'normal',\r\n fontSize: epsilon,\r\n letterSpacing: pixelsToUnit(0.23),\r\n [minMediumMediaQuery]: {\r\n fontSize: gamma,\r\n },\r\n});\r\nconst TotalPrice = styled(Price, {\r\n color: mountainmeadow,\r\n fontSize: delta,\r\n [minMediumMediaQuery]: {\r\n fontSize: iota,\r\n },\r\n});\r\n\r\nconst ProductPrice = styled(Price, {\r\n fontSize: sigma,\r\n alignSelf: 'center',\r\n [minMediumMediaQuery]: { fontSize: epsilon },\r\n});\r\n\r\nconst ArticleNumberWrapper = styled.div({\r\n wordBreak: 'break-word',\r\n});\r\n","/**\r\n * @ComponentFor OrderDetailsPageViewModel\r\n */\r\n\r\nimport * as React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { translate } from '@avensia/scope';\r\nimport { EpiProperty, epiPropertyValue } from '@avensia/scope-episerver';\r\nimport OrderDetailsPageViewModel from './OrderDetailsPageViewModel.type';\r\nimport Button, { Appearance as ButtonAppearance } from 'Shared/Button';\r\nimport OrderListProduct from './components/OrderListProduct';\r\nimport MyPagesBaseLayout from '../MyPagesBaseLayout';\r\nimport { pixelsToUnit, thin, minMediumMediaQuery } from 'Shared/Style';\r\nimport { mercurySolid } from 'Shared/Style/colors';\r\nimport { sigma, epsilon } from 'Shared/Style/typography';\r\nimport { minTinyMediaQuery } from 'Shared/Style/media';\r\n\r\nexport default function OrderDetailsPage(props: OrderDetailsPageViewModel) {\r\n const { shippingAddress, billingAddress, paymentMethodName, shippingMethodName, paymentType } = props.order;\r\n const ordersHistoryUrl = props.breadcrumbs[props.breadcrumbs.length - 2].url;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {props.order.created}\r\n \r\n \r\n \r\n {props.order.orderGroupId}\r\n \r\n \r\n \r\n \r\n \r\n {props.order.paymentStatus}\r\n \r\n \r\n \r\n {props.order.orderStatusDisplay}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {epiPropertyValue(props.page.orderMessage) && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {translate('/Account/MyPages/OrderHistory/Detail/Title/PackageSentTo')}\r\n \r\n {`${shippingAddress.firstName} ${shippingAddress.lastName}`}\r\n
{shippingAddress.address1}
\r\n
{shippingAddress.address2}
\r\n {`${shippingAddress.postalCode} ${shippingAddress.city}`}\r\n \r\n \r\n \r\n {translate('/Account/MyPages/OrderHistory/Detail/Title/SelectedDeliveryMethod')}\r\n {shippingMethodName}\r\n \r\n {/* TODO: Enable this html Description tag if backend data provide and map data here\r\n {translate('/Account/MyPages/OrderHistory/Detail/Title/PaymentMethod')}\r\n \r\n Faktura\r\n \r\n Betalningsmottagare: Skeidarv
\r\n Bankgiro: 852-7541
\r\n Referensnummer: 11103011412198\r\n \r\n \r\n Efter erhållandet av leveransen/varan, vänligen betala till:
\r\n IBAN: SE02 9500 0099 6042 0083 8631
\r\n BIC: NDEASESS\r\n \r\n \r\n */}\r\n \r\n \r\n \r\n {translate('/Account/MyPages/OrderHistory/Detail/Title/InvoiceAddress')}\r\n \r\n {`${billingAddress.firstName} ${billingAddress.lastName}`}\r\n
{billingAddress.address1}
\r\n
{billingAddress.address2}
\r\n
{`${billingAddress.postalCode} ${billingAddress.city}`}
\r\n
{billingAddress.phoneNumber}
\r\n {billingAddress.email}\r\n \r\n \r\n \r\n {translate('/Account/MyPages/OrderHistory/Detail/Title/SelectedPaymentMethod')}\r\n {paymentMethodName}{paymentType ? ` - ${paymentType}` : ''}\r\n \r\n {/* UnComment if the Data is avalable:\r\n \r\n {translate('/Account/MyPages/OrderHistory/Detail/Title/OrderType')}\r\n Webshop\r\n */}\r\n \r\n \r\n \r\n {translate('/Account/MyPages/OrderHistory/Detail/ButtonText')}\r\n \r\n \r\n \r\n );\r\n}\r\nconst Content = styled.div({\r\n display: 'flex',\r\n maxWidth: pixelsToUnit(840),\r\n flexDirection: 'column',\r\n marginTop: pixelsToUnit(25),\r\n fontSize: sigma,\r\n [minTinyMediaQuery]: {\r\n fontSize: epsilon,\r\n },\r\n [minMediumMediaQuery]: {\r\n marginBottom: pixelsToUnit(97),\r\n },\r\n});\r\n\r\nconst TextGroup = styled.div({\r\n marginBottom: pixelsToUnit(20),\r\n});\r\n\r\nconst AdditionalDetails = styled.div({\r\n marginTop: pixelsToUnit(50),\r\n display: 'flex',\r\n flexGrow: 1,\r\n flexWrap: 'wrap',\r\n justifyContent: 'space-between',\r\n});\r\n\r\nconst DetailsSection = styled.div({\r\n flexBasis: '100%',\r\n fontSize: pixelsToUnit(16),\r\n [minMediumMediaQuery]: {\r\n flexBasis: '45%',\r\n },\r\n});\r\n\r\nconst TextWrapper = styled.div({\r\n width: '100%',\r\n display: 'flex',\r\n alignItems: 'flex-start',\r\n});\r\n\r\nconst Title = styled(TextWrapper, {\r\n marginBottom: pixelsToUnit(10),\r\n height: pixelsToUnit(35),\r\n fontWeight: 'bold',\r\n borderBottom: {\r\n width: thin,\r\n style: 'solid',\r\n color: mercurySolid,\r\n },\r\n});\r\n\r\nconst Label = styled.label({\r\n fontWeight: 'bold',\r\n});\r\n\r\nconst Text = styled.span({\r\n width: '100%',\r\n marginLeft: pixelsToUnit(5),\r\n});\r\n\r\nconst TitleAndDescription = styled(TextGroup, {\r\n marginBottom: pixelsToUnit(50),\r\n});\r\n\r\nconst Description = styled(Text, {\r\n marginLeft: 0,\r\n});\r\n\r\nconst ActionButton = styled(Button, {\r\n display: 'flex',\r\n alignItems: 'center',\r\n height: pixelsToUnit(45),\r\n maxWidth: pixelsToUnit(264),\r\n letterSpacing: pixelsToUnit(0.7),\r\n textTransform: 'none',\r\n fontSize: sigma,\r\n padding: {\r\n x: pixelsToUnit(27),\r\n y: 0,\r\n },\r\n margin: {\r\n x: 'auto',\r\n },\r\n [minMediumMediaQuery]: {\r\n marginTop: pixelsToUnit(20),\r\n margin: {\r\n x: 0,\r\n },\r\n },\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 { 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 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":""}