Structures

type TAppearance = TClothes & TSkin & {
    tattoos?: TTattoo[]
 
    // These are only needed to open the Menu. In the future, this will be refactored to be its own type
    modelIndex?: number
    outfits?: Outfit[]
}

type TClothes = {
    headOverlay: THeadOverlay
    drawables: TDrawables
    props: TProps
}

type TSkin = {
    headBlend: THeadBlend
    headStructure: THeadStructure
    hairColor: THairColor
    model: number
}

type TTattoo = {
    zoneIndex: number
    dlcIndex: number
    tattoo: TTattooEntry
    id: number
}

interface Outfit {
    id?: number | string,
    label: string,
    outfit: TOutfitData,
    jobname?: string,
    job?: { name: string, rank: number } | null
}

type TOutfitData  = {
    headOverlay: THeadOverlay
    drawables: TDrawables
    props: TProps;
    job?: { name: string, rank: number } | null;
}

type TProps = {
    [key: string]: TValue
}

type TDrawables = {
	[key: string]: TValue
}

type THeadStructure = {
	[key: string]: TValue
}

interface HeadOverlayData {
    id: string;
    index: number;
    overlayValue?: number;
    colourinterface?: number;
    colourType?: number;
    firstColor?: number;
    secondColor?: number;
    overlayOpacity?: number;
    hairColor?: number
    hairHighlight?: number
    eyeColor?: number
};
 
type THeadOverlay = {
	[key: string]: HeadOverlayData
}

type THairColor = {
	highlight: number
	color: number
}

type THeadBlend  = {
	skinSecond: number
	skinThird: number
	shapeSecond: number
	shapeThird: number
	shapeFirst: number
	hasParent: boolean
	skinMix: number
	shapeMix: number
	thirdMix: number
	skinFirst: number
}

type TTattooEntry = {
    label: string
    hash: number
    zone: number
    dlc?: string
}

type TValue = {
	index: number
	value: number
	id?: string
    texture?: number
}