"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    var desc = Object.getOwnPropertyDescriptor(m, k);
    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
      desc = { enumerable: true, get: function() { return m[k]; } };
    }
    Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
    Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
    o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
    __setModuleDefault(result, mod);
    return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useLoaderTheme = exports.useThemes = exports.getThemes = exports.useAllThemes = exports.createDevAppThemes = void 0;
const react_1 = __importDefault(require("react"));
const theme_1 = require("@backstage/theme");
const WbSunny_1 = __importDefault(require("@mui/icons-material/WbSunny"));
const Brightness2_1 = __importDefault(require("@mui/icons-material/Brightness2"));
const styles_1 = require("@mui/material/styles");
const rhdh10 = __importStar(require("./rhdh-1.0"));
const rhdh11 = __importStar(require("./rhdh-1.1"));
const rhdh = __importStar(require("./rhdh"));
const useBrandingThemeColors_1 = require("./useBrandingThemeColors");
const createProvider = (theme) => ({ children }) => {
    return (react_1.default.createElement(theme_1.UnifiedThemeProvider, { theme: theme }, children));
};
const createBrandedProvider = (brandingThemeName, brandedThemeFactory) => ({ children }) => {
    const brandingThemeColors = (0, useBrandingThemeColors_1.useBrandingThemeColors)(brandingThemeName);
    const unifiedTheme = react_1.default.useMemo(() => brandedThemeFactory(brandingThemeColors), [brandingThemeColors]);
    return (react_1.default.createElement(theme_1.UnifiedThemeProvider, { theme: unifiedTheme }, children));
};
const createDevAppThemes = () => {
    return [
        {
            id: "backstage-light",
            title: "Backstage Light",
            variant: "light",
            icon: react_1.default.createElement(WbSunny_1.default, null),
            Provider: createProvider(theme_1.themes.light),
        },
        {
            id: "backstage-dark",
            title: "Backstage Dark",
            variant: "dark",
            icon: react_1.default.createElement(Brightness2_1.default, null),
            Provider: createProvider(theme_1.themes.dark),
        },
        {
            id: "rhdh-1.0-light",
            title: "RHDH 1.0 Light",
            variant: "light",
            icon: react_1.default.createElement(WbSunny_1.default, null),
            Provider: createProvider(rhdh10.customLightTheme({})),
        },
        {
            id: "rhdh-1.0-dark",
            title: "RHDH 1.0 Dark",
            variant: "dark",
            icon: react_1.default.createElement(Brightness2_1.default, null),
            Provider: createProvider(rhdh10.customDarkTheme({})),
        },
        {
            id: "rhdh-1.1-light",
            title: "RHDH 1.1 Light",
            variant: "light",
            icon: react_1.default.createElement(WbSunny_1.default, null),
            Provider: createProvider(rhdh11.customLightTheme({})),
        },
        {
            id: "rhdh-1.1-dark",
            title: "RHDH 1.1 Dark",
            variant: "dark",
            icon: react_1.default.createElement(Brightness2_1.default, null),
            Provider: createProvider(rhdh11.customDarkTheme({})),
        },
        {
            id: "rhdh-latest-light",
            title: "RHDH Light (latest)",
            variant: "light",
            icon: react_1.default.createElement(WbSunny_1.default, null),
            Provider: createProvider(rhdh.customLightTheme({})),
        },
        {
            id: "rhdh-latest-dark",
            title: "RHDH Dark (Latest)",
            variant: "dark",
            icon: react_1.default.createElement(Brightness2_1.default, null),
            Provider: createProvider(rhdh.customDarkTheme({})),
        },
    ];
};
exports.createDevAppThemes = createDevAppThemes;
const useAllThemes = () => {
    return react_1.default.useMemo(() => (0, exports.createDevAppThemes)(), []);
};
exports.useAllThemes = useAllThemes;
const getThemes = () => {
    return [
        {
            id: "light",
            title: "Light",
            variant: "light",
            icon: react_1.default.createElement(WbSunny_1.default, null),
            Provider: createBrandedProvider("light", rhdh.customLightTheme),
        },
        {
            id: "dark",
            title: "Dark",
            variant: "dark",
            icon: react_1.default.createElement(Brightness2_1.default, null),
            Provider: createBrandedProvider("dark", rhdh.customDarkTheme),
        },
    ];
};
exports.getThemes = getThemes;
const useThemes = () => {
    return react_1.default.useMemo(() => (0, exports.getThemes)(), []);
};
exports.useThemes = useThemes;
const useLoaderTheme = () => {
    return react_1.default.useMemo(() => {
        var _a;
        const latestTheme = localStorage.getItem("theme");
        const unifiedTheme = latestTheme !== "dark"
            ? rhdh.customLightTheme({})
            : rhdh.customDarkTheme({});
        const palette = (_a = unifiedTheme.getTheme("v5")) === null || _a === void 0 ? void 0 : _a.palette;
        return (0, styles_1.createTheme)({ palette });
    }, []);
};
exports.useLoaderTheme = useLoaderTheme;