"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
/*
 *  This file is part of CoCalc: Copyright © 2022 Sagemath, Inc.
 *  License: AGPLv3 s.t. "Commons Clause" – see LICENSE.md for details
 */
const misc_1 = require("@cocalc/util/misc");
const theme_1 = require("@cocalc/util/theme");
const antd_1 = require("antd");
const in_place_sign_in_or_up_1 = __importDefault(require("components/auth/in-place-sign-in-or-up"));
const anonymous_1 = __importDefault(require("components/misc/anonymous"));
const loading_1 = __importDefault(require("components/share/loading"));
const profile_1 = __importDefault(require("lib/hooks/profile"));
const router_1 = require("next/router");
const how_used_1 = __importDefault(require("./how-used"));
const licensed_projects_1 = __importDefault(require("./licensed-projects"));
const managed_1 = __importDefault(require("./managed"));
const menu_1 = __importDefault(require("./menu"));
const overview_1 = __importDefault(require("./overview"));
const config_1 = require("lib/config");
const { Content } = antd_1.Layout;
function LicensesLayout({ page }) {
    const router = (0, router_1.useRouter)();
    const profile = (0, profile_1.default)({ noCache: true });
    if (!profile) {
        return (0, jsx_runtime_1.jsx)(loading_1.default, { large: true, center: true });
    }
    const { account_id, is_anonymous } = profile;
    if (!account_id) {
        return ((0, jsx_runtime_1.jsx)(antd_1.Alert, { style: { margin: "15px auto" }, type: "warning", message: (0, jsx_runtime_1.jsx)(in_place_sign_in_or_up_1.default, { title: "Account Configuration", why: "to see information about your licenses", onSuccess: () => {
                    router.reload();
                } }) }));
    }
    if (is_anonymous) {
        return (0, jsx_runtime_1.jsx)(anonymous_1.default, {});
    }
    const [main] = page;
    function body() {
        if (main == null)
            return (0, jsx_runtime_1.jsx)(overview_1.default, {});
        switch (main) {
            case "projects":
                return (0, jsx_runtime_1.jsx)(licensed_projects_1.default, {});
            case "managed":
                return (0, jsx_runtime_1.jsx)(managed_1.default, {});
            case "how-used":
                return (0, jsx_runtime_1.jsx)(how_used_1.default, { account_id: account_id });
            default:
                (0, misc_1.unreachable)(main);
        }
    }
    // this is layout the same way as ../store/index.tsx
    return ((0, jsx_runtime_1.jsx)(antd_1.Layout, { style: {
            padding: "0 24px 24px",
            backgroundColor: "white",
            color: theme_1.COLORS.GRAY_D,
        }, children: (0, jsx_runtime_1.jsx)(Content, { style: {
                padding: 24,
                margin: 0,
                minHeight: 280,
            }, children: (0, jsx_runtime_1.jsxs)("div", { style: { maxWidth: config_1.MAX_WIDTH, margin: "auto" }, children: [(0, jsx_runtime_1.jsx)(menu_1.default, { main: main }), body()] }) }) }));
}
exports.default = LicensesLayout;
//# sourceMappingURL=layout.js.map