import * as tslib_1 from "tslib";
/**
 * @note - the big piece isn't observing, just 2 small ones
 */
import * as React from 'react';
import { observer } from 'xmobx/mobx-react';
import { application } from '@skava/state';
import { shouldPageSecurelyRedirectToLoginForGuest } from 'src/bootstrap/api/config';
import SideBar from './SideBar';
import store from './SideBar/state';
import { MyAccountWrapper, MyAccountSection, AccountBackButtonWrap } from './styled';
import { securelyRedirectIfUnAuthorizedRequest } from './deps';
import { SubRouting } from './SubRouting';
let MyAccountNavigation = class MyAccountNavigation extends React.Component {
    render() {
        return (React.createElement(React.Fragment, null, store.activeTab && application.isMobile && (React.createElement(AccountBackButtonWrap, { key: "MobileBackButton", title: "Account", onClick: store.reset }))));
    }
};
MyAccountNavigation = tslib_1.__decorate([
    observer
], MyAccountNavigation);
let MyAccountSideBar = class MyAccountSideBar extends React.Component {
    render() {
        return store.shouldRenderSideBar && React.createElement(SideBar, Object.assign({}, this.props, { key: "AccountSideBar" }));
    }
};
MyAccountSideBar = tslib_1.__decorate([
    observer
], MyAccountSideBar);
/**
 * @alias MyAccountWidget
 */
class MyAccountAppShell extends React.PureComponent {
    componentDidMount() {
        if (shouldPageSecurelyRedirectToLoginForGuest) {
            securelyRedirectIfUnAuthorizedRequest();
        }
    }
    render() {
        const { className, ...remainingProps } = this.props;
        // activeTab || !application.isMobile
        return (React.createElement(MyAccountWrapper, { className: className },
            React.createElement(MyAccountNavigation, { key: "AccountNav" }),
            React.createElement(MyAccountSideBar, { key: "AccountSideBar" }),
            React.createElement(MyAccountSection, { key: "AccountSection" },
                React.createElement(SubRouting, null))));
    }
}
MyAccountAppShell.defaultProps = {
    className: '',
};
export { MyAccountAppShell };
export default MyAccountAppShell;
//# sourceMappingURL=MyAccountAppShell.js.map