import { PropertyKind, RelationalPropertyKind } from './property';
import { StyleDefinitionState } from './style';

export type ValueConfig = Record<string, unknown>;

export enum ActionVariableKind {
  ARRAY = 'ARRAY',
  BOOLEAN = 'BOOLEAN',
  COLLECTION = 'COLLECTION',
  DATE = 'DATE',
  DATE_TIME = 'DATE_TIME',
  DECIMAL = 'DECIMAL',
  INTEGER = 'INTEGER',
  JSON = 'JSON',
  OBJECT = 'OBJECT',
  RECORD = 'RECORD',
  STRING = 'STRING',
}

export enum CreateActionInputVariableKind {
  CHECKBOX = 'BOOLEAN',
  NUMBER = 'INTEGER',
  TEXT = 'STRING',
  ARRAY = 'ARRAY',
  OBJECT = 'OBJECT',
}

export type ActionVariableType =
  | 'ARRAY'
  | 'BOOLEAN'
  | 'COLLECTION'
  | 'DATE'
  | 'DATE_TIME'
  | 'DECIMAL'
  | 'INTEGER'
  | 'JSON'
  | 'OBJECT'
  | 'RECORD'
  | 'STRING';

export enum CreatePropertyKind {
  AUTO_INCREMENT = 'AUTO_INCREMENT',
  BOOLEAN = 'BOOLEAN',
  BOOLEAN_EXPRESSION = 'BOOLEAN_EXPRESSION',
  DATE = 'DATE',
  DATE_EXPRESSION = 'DATE_EXPRESSION',
  DATE_TIME = 'DATE_TIME',
  DATE_TIME_EXPRESSION = 'DATE_TIME_EXPRESSION',
  DECIMAL = 'DECIMAL',
  DECIMAL_EXPRESSION = 'DECIMAL_EXPRESSION',
  EMAIL_ADDRESS = 'EMAIL_ADDRESS',
  FILE = 'FILE',
  IBAN = 'IBAN',
  IMAGE = 'IMAGE',
  INTEGER = 'INTEGER',
  INTEGER_EXPRESSION = 'INTEGER_EXPRESSION',
  LIST = 'LIST',
  MINUTES = 'MINUTES',
  MINUTES_EXPRESSION = 'MINUTES_EXPRESSION',
  MULTI_FILE = 'MULTI_FILE',
  MULTI_IMAGE = 'MULTI_IMAGE',
  OBJECT = 'OBJECT',
  PASSWORD = 'PASSWORD',
  PDF = 'PDF',
  PHONE_NUMBER = 'PHONE_NUMBER',
  PRICE = 'PRICE',
  PRICE_EXPRESSION = 'PRICE_EXPRESSION',
  RICH_TEXT = 'RICH_TEXT',
  STRING = 'STRING',
  STRING_EXPRESSION = 'STRING_EXPRESSION',
  TEXT = 'TEXT',
  TEXT_EXPRESSION = 'TEXT_EXPRESSION',
  TIME = 'TIME',
  URL = 'URL',
  ZIPCODE = 'ZIPCODE',
}

export type OptionCategory = {
  label: string;
  expanded?: boolean;
  members: string[];
  condition?: {
    type: string;
    option: string;
    comparator: string;
    value: string | boolean | number;
  };
};

export type RowItem = string | number | boolean;
export type AllowedValue = Record<string | 'uuid', RowItem>;

export interface PrefabComponentOptionBase {
  label: string;
  key: string;
  type: string;
  optionRef?: {
    id?: string;
    sourceId?: string;
    inherit?: 'label' | 'name' | 'value' | Array<{} | string> | {};
  };
  configuration?: {
    allowedKinds?: string[];
    allowedClickThroughKinds?: RelationalPropertyKind[];
    allowedSplitButtonKinds?: PropertyKind[];
    allowRelations?: boolean;
    allowFormatting?: boolean;
    allowPropertyName?: boolean;
    allowedExtensions?: string[];
    allowedInput?: {
      name: string;
      value: boolean | string | number;
    }[];
    allowedTypes?: string[];
    apiVersion?: string;
    as?: 'BUTTONGROUP' | 'DROPDOWN' | 'MULTILINE' | 'UNIT' | 'VISIBILITY';
    component?: string;
    condition?: {
      type: 'SHOW' | 'HIDE';
      option: string;
      comparator: 'EQ' | 'EQ_COMPONENT_ID';
      value: string | boolean | number;
    };
    createProperty?: {
      type: CreatePropertyKind;
      value?: string;
    };
    createAction?: {
      template: string;
      name?: string;
      permissions?: string;
      value?: string;
    };
    createActionInputVariable?: {
      type: CreateActionInputVariableKind;
      name?: string;
      value?: string;
    };
    dataType?: string;
    dependsOn?: string;
    disabled?: boolean;
    disabledNames?: string[];
    hasThemeInherit?: boolean;
    mediaType?: 'IMAGE' | 'VIDEO';
    modal?: {
      type: 'MODEL_AND_PROPERTIES';
      generateCustomModel: boolean;
      modelRequired: boolean;
    };
    placeholder?: string;
    showOnDrop?: boolean;
    showTextStyleColor?: boolean;
    manageObjectValues?: {
      buttonLabel?: string;
      label?: string;
      value: AllowedValue[];
      selectableObjectKey?: boolean;
    };
    pushToWrapper?: {
      name: string;
      condition?: {
        type: 'SHOW' | 'HIDE';
        option: string;
        comparator: 'EQ' | 'EQ_COMPONENT_ID';
        value: string | boolean | number;
      };
    };
  };
}

export interface PrefabLinkedOptionBase {
  label: string;
  key: string;
}

export interface ValueDefault extends PrefabComponentOptionBase {
  value: boolean | string[] | string | number | ValueConfig;
  ref?: {
    id?: string;
  };
  showInReconfigure?: boolean;
  showInAddChild?: boolean;
}

export interface ValueRef extends PrefabComponentOptionBase {
  ref: {
    id?: string;
    value: string | string[];
  };
  showInReconfigure?: boolean;
  showInAddChild?: boolean;
}

export type PrefabComponentOption = ValueDefault | ValueRef;
export type PrefabWrapperLinkedOptionConfiguration = {
  as?: string;
  dataType?: string;
  allowedInput?: { name: string; value: string | boolean | number }[];
  condition?: {
    type: 'SHOW' | 'HIDE';
    option: string;
    comparator: 'EQ' | 'EQ_COMPONENT_ID';
    value: string | boolean | number | { ref: { componentId: string } };
  };
  showOnDrop?: boolean;
};

export interface PrefabWrapperLinkedOption extends PrefabLinkedOptionBase {
  configuration?: PrefabWrapperLinkedOptionConfiguration;
  type: 'LINKED_OPTION';
  value?: {
    ref: {
      componentId: string;
      optionId: string;
    };
  };
  optionRef?: {
    id?: string;
    sourceId?: string;
    inherit?: 'label' | 'name' | 'value' | Array<{} | string>;
  };
  showInReconfigure?: boolean;
  showInAddChild?: boolean;
}

export interface PrefabWrapperLinkedPartialOption
  extends PrefabLinkedOptionBase {
  configuration?: PrefabWrapperLinkedOptionConfiguration;
  type: 'LINKED_PARTIAL';
  value?: {
    ref: {
      componentId: string;
    };
  };
  optionRef?: {
    id?: string;
    sourceId?: string;
    inherit?: 'label' | 'name' | 'value' | Array<{} | string>;
  };
  showInReconfigure?: boolean;
  showInAddChild?: boolean;
}

export type PrefabComponentStyle = {
  name?: string;
  overwrite?:
    | {
        backgroundColor?: {
          value: string;
          type: string;
        };
        borderColor?: {
          value: string;
          type: string;
        };
        borderRadius?: string | string[];
        borderStyle?: string;
        borderWidth?: string | string[];
        boxShadow?: string;
        color?: {
          value: string;
          type: string;
        };
        fontFamily?: string;
        fontSize?: string;
        fontStyle?: string;
        fontWeight?: string;
        letterSpacing?: string;
        lineHeight?: string;
        padding?: string | string[];
        textDecoration?: string;
        textTransform?: string;
      }
    | StyleDefinitionState[];
};

export type OptionProducer = (key: string) => PrefabComponentOption;
export type LinkedOptionProducer = (key: string) => PrefabWrapperLinkedOption;
export type LinkedPartialOptionProducer = (
  key: string,
) => PrefabWrapperLinkedPartialOption;

export type StyleProducer = (key: string) => PrefabComponentStyle;

export interface BaseConfiguration {
  condition?: {
    type: 'SHOW' | 'HIDE';
    option: string;
    comparator: 'EQ';
    value: string | boolean | number;
  };
}

interface VariableConfiguration extends BaseConfiguration {
  placeholder: string;
}

interface ButtonGroupConfiguration extends BaseConfiguration {
  as: 'BUTTONGROUP';
  dataType: 'string';
  allowedInput: { name: string; value: string }[];
}

interface DropdownConfiguration extends BaseConfiguration {
  as: 'DROPDOWN';
  dataType: 'string';
  allowedInput: { name: string; value: string }[];
}

export type Configuration =
  | VariableConfiguration
  | ButtonGroupConfiguration
  | DropdownConfiguration;