const colorPalettes = [
    {
        identifier: 'default',
        title: 'Standardfarben',
        colors: [
            {
                identifier: 'white',
                hex_value: 'ffffff',
                title: 'wei\u00df',
            },
            {
                identifier: 'black',
                hex_value: '000000',
                title: 'schwarz',
            },
            { identifier: 'yellow', hex_value: 'ffb800', title: 'gelb' },
            {
                identifier: 'red',
                hex_value: 'f73429',
                title: 'rot',
            },
            { identifier: 'blue', hex_value: '0078b8', title: 'blau' },
            {
                identifier: 'pink',
                hex_value: 'ca0f86',
                title: 'rosa',
            },
            {
                identifier: 'green',
                hex_value: '007755',
                title: 'gr\u00fcn',
            },
            { identifier: 'brown', hex_value: '7e4531', title: 'braun' },
            {
                identifier: 'gold',
                hex_value: '917b4c',
                title: 'gold',
            },
            { identifier: 'silver', hex_value: '84888b', title: 'silber' },
        ],
    },
];

const designAreas = [
    {
        identifier: 'front',
        sequenceNumber: '10',
        title: 'Vorne',
        baseShape: {},
        position: {
            x: 0,
            y: 0,
            height: 150,
            width: 100,
        },
        designProductionMethods: [
            {
                identifier: 'print',
                title: 'Druck',
                height: 15,
                width: 10,
                options: { minFontSize: 5 },
                colorPalettes: colorPalettes,
                customData: 'null',
            },
        ],
        customData: {},
    },
    {
        identifier: 'sleeve',
        sequenceNumber: '20',
        title: '\u00c4rmel',
        baseShape: {},
        position: {
            x: 50,
            y: 50,
            height: 200,
            width: 250,
        },
        designProductionMethods: [
            {
                identifier: 'print',
                title: 'Druck',
                height: 20,
                width: 25,
                options: { minFontSize: 5 },
                colorPalettes: colorPalettes,
                customData: 'null',
            },
        ],
        customData: { selectedCameraView: '2' },
    },
    {
        identifier: 'back',
        sequenceNumber: '30',
        title: 'Rückseite',
        baseShape: {},
        position: {
            x: 150,
            y: 300,
            height: 600,
            width: 300,
        },
        designProductionMethods: [
            {
                identifier: 'print',
                title: 'Druck',
                height: 30,
                width: 15,
                options: { minFontSize: 5 },
                colorPalettes: colorPalettes,
                customData: 'null',
            },
        ],
        customData: {},
        defaultViewIdentifier: '3',
    },
];

// response for POST /configurationmodes/designer/getdata', { configuration: {...} }
export const response = {
    designViews: [
        {
            identifier: '1',
            title: 'Erste Ansicht',
            sequenceNumber: '10',
            designAreas,
            customData: {},
        },
        {
            identifier: '2',
            title: 'Zweite Ansicht',
            sequenceNumber: '20',
            designAreas,
            customData: {},
        },
        {
            identifier: '3',
            title: 'Dritte Ansicht',
            sequenceNumber: '30',
            designAreas,
            customData: {},
        },
    ],
};

export const simpleState = {
    filteredDesignAreas: [
        {
            identifier: 'area1',
        },
        {
            identifier: 'area2',
        },
    ],
    selectedDesignArea: {
        identifier: 'area2',
    },
    previousEditedDesignArea: {},
};

export const simpleStateWithOutSelectedDesignArea = {
    filteredDesignAreas: [
        {
            identifier: 'area1',
        },
        {
            identifier: 'area2',
        },
    ],
    previousEditedDesignArea: {},
};
