export const quizSetupSteps = {
    1: { displayStep: 1, text: "Настройка стартовой страницы" },
    2: { displayStep: 1, text: "Настройка стартовой страницы" },
    3: { displayStep: 1, text: "Настройка стартовой страницы" },
    4: { displayStep: 2, text: "Задайте вопросы" },
    5: { displayStep: 3, text: "Настройте авторезультаты" },
    6: { displayStep: 3, text: "Настройте авторезультаты" },
    7: { displayStep: 4, text: "Оценка графа карты вопросов" },
    8: { displayStep: 5, text: "Настройте форму контактов" },
    9: { displayStep: 6, text: "Установите квиз" },
    10: { displayStep: 7, text: "Запустите рекламу" },
} as const;

export const maxQuizSetupSteps = Math.max(...Object.keys(quizSetupSteps).map(n => parseInt(n)));

export const maxDisplayQuizSetupSteps = Math.max(...Object.values(quizSetupSteps).map(v => v.displayStep));

export type QuizSetupStep = keyof typeof quizSetupSteps;

export type QuizStartpageType = "standard" | "expanded" | "centered";

export type QuizStartpageAlignType = "left" | "right" | "center";

export interface QuizConfig {
    type: "quiz" | "form";
    logo: string;
    noStartPage: boolean;
    startpageType: QuizStartpageType;
    startpage: {
        description: string;
        button: string;
        position: QuizStartpageAlignType;
        background: {
            type: null | "image" | "video";
            desktop: string;
            mobile: string;
            video: string;
            cycle: boolean;
        };
    };
    info: {
        phonenumber: string;
        clickable: boolean;
        orgname: string;
        site: string;
        law?: string;
    };
    meta: string;
}

export const defaultQuizConfig: QuizConfig = {
    type: "quiz",
    logo: "",
    noStartPage: false,
    startpageType: "standard",
    startpage: {
        description: "",
        button: "",
        position: "left",
        background: {
            type: null,
            desktop: "",
            mobile: "",
            video: "",
            cycle: false,
        },
    },
    info: {
        phonenumber: "",
        clickable: false,
        orgname: "",
        site: "",
        law: "",
    },
    meta: "",
};