Types

type CameraConfig = {
  virtualLabel: string[];
};

type CompressionAlgorithm = {
  dimension: ImageDimension,
  fileSizeThreshold: number,
  qualityThreshold?: number,
};

type Credential = {
  clientId: string;
  secret: string;
};

type Endpoint = {
  headers: Record<any, any>;
  params: Record<any, any>;
  url: Url;
};

type ImageDimension = [number, number];

type Instruction =
  | 'look_left'
  | 'look_right'
  | 'open_mouth'
  | 'see_straight';

type InstructionOptions = {
  commands: Instruction[];
  seedLimit: number;
  translator: Record<Instruction, string>;
  illustrator: Record<Instruction, string>;
  isShowInstruction: boolean;
  isSoundLooping: boolean;
  isUseSound: boolean;
  speaker: Record<Instruction, string>;
};

type InstructionPageContent = {
  title: string;
  subtitle: string;
  instructions: Array<{
    caption: string;
    image: string;
  }>;
  action: {
    backIcon: string;
    start: string;
    next: string;
  };
};

type InstructionPageTheme = {
  frameContainer: {
    backgroundColor: string;
  };
  title: {
    color: string;
    fontSize: string;
  };
  subtitle: {
    color: string;
    fontSize: string;
  };
  figcaption: {
    color: string;
    fontSize: string;
  };
  action: {
    start: {
      color: string;
      fontSize: string;
      backgroundColor: string;
      hover: {
        backgroundColor: string;
      };
    };
    next: {
      color: string;
      fontSize: string;
      backgroundColor: string;
      hover: {
        backgroundColor: string;
      };
    };
  };
};

type ContentConfiguration = {
  Instruction: InstructionPageContent;
  Verification: VerificationPageContent;
  Result: ResultPageContent;
};

type LivenessSDK = {
  onStart: (hideFrame?: boolean) => void;
  onDestroy: () => void;
};

onStart(hideFrame?: boolean): void;

onDestroy(): void;

type LivenessThemeConfiguration = {
  Component: {
    Instruction: InstructionPageTheme;
    Verification: VerificationPageTheme;
    Result: ResultPageTheme;
    Shared: SharedTheme;
  };
  Palette: ThemePalette;
  Typography: TypographyPalette;
  VendorPlaceholder: boolean;
};

type Palette = {
  contrastText: string;
  default: string;
  LIGHT: string;
  DARK: string;
};

type PaletteTheme = {
  primary: Palette;
  secondary: Palette;
};

type ProxyMiddleware = {
  License: Endpoint;
  PassiveLiveness: Endpoint;
  GenerateKey?: Endpoint;
};

type ResultPageContent = {
  icon: string;
  description: string;
};

type ResultPageTheme = {
  frameContainer: {
    backgroundColor: string;
  };
  description: {
    color: string;
    fontSize: string;
  };
};

type SharedTheme = {
  background: {
    backgroundColor: string;
    backgroundImage: string;
    backgroundSize: string;
  };
};

type ScreenOrientation =
  | 'auto'
  | 'landscape'
  | 'portrait';

type Url = string;

type VerificationPageContent = {
  title: string;
  action: {
    backIcon: string;
  };
  instruction: {
    loading: {
      caption: string;
      image: string;
      sound: string;
    };
    processing: {
      caption: string;
      image: string;
      sound: string;
    };
  };
};

type VerificationPageTheme = {
  frameContainer: {
    backgroundColor: string;
  };
  title: {
    color: string;
    fontSize: string;
  };
  camera: {
    initial: {
      borderColor: string;
    };
    undetected: {
      borderColor: string;
    };
    detected: {
      borderColor: string;
    };
  };
  instruction: {
    backgroundColor: string;
    color: string;
    fontSize: string;
  };
};

type TypographyTheme = {
  fontFamily: string[];
  fontSize: {
    title: string;
    body: string;
    caption: string;
    button: string;
  };
};