import * as tslib_1 from "tslib";
import * as React from 'react';
import { observer, Provider } from 'xmobx/mobx-react';
// domain
import { sessionContainer } from '@skava/packages/core/auth/session/container';
import { state, getCurrentSection } from './state';
import { application } from '@skava/state';
import { myaccountMenu } from '../ROUTE_PARAMS';
// local
import MenuItem from './MenuItem';
import UserDetails from './UserDetails';
import { MyAccountSideBarWrap, StyledSideBarNav } from './styled';
import { MenuItemProvider } from './Context';
const renderMenu = (item, index) => {
    return (React.createElement(MenuItemProvider, { item: item, key: item.link },
        React.createElement(MenuItem, null)));
};
const LIST = sessionContainer.isBuyerAdminUser ? myaccountMenu.admin : myaccountMenu.user;
let SideBar = class SideBar extends React.Component {
    componentDidMount() {
        const { isMobile } = application;
        // for Mobile this over rides our reset value on back button actions
        if (!isMobile) {
            const currentSection = getCurrentSection();
            state.handleClick(currentSection);
        }
    }
    render() {
        const listView = LIST.map(renderMenu);
        return (React.createElement(Provider, { sidebarStore: state },
            React.createElement(MyAccountSideBarWrap, { role: "region" },
                React.createElement(UserDetails, null),
                React.createElement(StyledSideBarNav, { "aria-label": 'My account side bar' }, listView))));
    }
};
SideBar = tslib_1.__decorate([
    observer
], SideBar);
export { SideBar };
export default SideBar;
//# sourceMappingURL=SideBar.js.map