var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
import React from 'react';
import { observer } from 'xmobx/mobx-react';
import { ClickBoundary } from '../../../bootstrapper/containers/ClickBoundary';
// domain
import application from '../../../state/application';
import Menu from 'widgets/Menu';
import { CategoryListConsumer } from '../../../state/categories/contexts/CategoryList';
import { oneRouter } from '@skava/router';
import { oneStorage } from '@skava/persistence';
// local
import { sessionContainer } from '../../../state/session/container';
import { ConsentPopup } from '../ConsentPopup';
import TopBar from './TopBar';
import MiddleBar from './MiddleBar';
import { HeaderHeader } from './styled';
import state from './state';
const hasNoScroll = () => document.body.className === 'no-scroll';
const isCheckout = () => oneRouter.pathname === '/checkout';
const isSearch = () => oneRouter.entries().pathname.includes('/search');
let Header = class Header extends React.Component {
    constructor() {
        super(...arguments);
        // @note - this is updating elsewhere...
        // @todo - why is this not a renderprop already
        this.renderWithCategories = (context) => {
            console.debug('[menu] renderWithCategories', state.isMenuDropDownVisible);
            return (React.createElement(React.Fragment, null,
                React.createElement(MiddleBar, Object.assign({}, context, { key: "middle" })),
                React.createElement(ClickBoundary, { onClickOutside: state.handleClickBoundary, key: "click" },
                    React.createElement(Menu, { isVisible: state.isMenuDropDownVisible, categoryList: context || [] }))));
        };
        /**
         * @todo REMOVE, THIS DOES NOT BELONG HERE, IT BELONGS IN LAYOUTS OR NOWHEREE!!!
         */
        this.renderUserConsent = () => {
            const userConsent = oneStorage.get('hasUserConsent');
            console.log('isRegisteredUser', sessionContainer.isRegisteredUser, userConsent);
            if (userConsent === undefined && process.env.BUSINESS_RELATIONSHIP === 'B2C') {
                return React.createElement(ConsentPopup, { key: "consent" });
            }
            else {
                return '';
            }
        };
    }
    // @vetri - fix for making the menudropdown close on clicking the MenuInnerNavItem
    // @james - ^ does not work now
    componentWillMount() {
        console.debug('[header] componentWillMount');
        state.setMenuDropDownVisibility();
    }
    render() {
        const { className } = this.props;
        return (React.createElement(React.Fragment, null,
            React.createElement(HeaderHeader, { className: className, isScrollingDown: application.isScrollingDown, isCheckoutValidation: isCheckout(), isSearchValidation: isSearch(), noScroll: hasNoScroll, key: "hh" },
                React.createElement(TopBar, { key: "top" }),
                React.createElement(CategoryListConsumer, { key: "consumer" }, this.renderWithCategories)),
            this.renderUserConsent()));
    }
};
Header = __decorate([
    observer
], Header);
export default Header;
//# sourceMappingURL=index.js.map