import React from 'react';

import { ContainerRef } from '@cleartrip/ct-design-container';

import { AnimatedStyleWithController, IAnimatedRef, IAnimationOptions } from '../type';
import { IAnimatedStyleClass } from './IAnimatedStyleClass';

class AnimatedStyle implements IAnimatedStyleClass {
  private animatedStyle: IAnimationOptions | AnimatedStyleWithController[];
  private elementRefCallback: (element: React.MutableRefObject<ContainerRef | null>) => void;
  private classNamesRef: React.RefObject<string[] | null>;
  private isSequence: boolean;
  private springRef: React.RefObject<IAnimatedRef> | null;

  constructor(
    animationOptions?: IAnimationOptions | AnimatedStyleWithController[],
    elementRefCallback?: (element: React.MutableRefObject<ContainerRef | null>) => void,
    classNamesRef?: React.RefObject<string[]>,
    springRef?: React.RefObject<IAnimatedRef> | null,
  ) {
    this.animatedStyle = animationOptions ?? {};
    this.elementRefCallback =
      elementRefCallback ??
      (() => {
        // no-op
      });
    this.classNamesRef = classNamesRef ?? React.createRef<string[]>();
    this.isSequence = Array.isArray(animationOptions);
    this.springRef = springRef ?? null;
  }

  getWebIsSpring(): boolean {
    if (!this.isSequence) {
      return (this.animatedStyle as IAnimationOptions).config?.animationType === 'spring';
    }

    return false;
  }

  getWebSpringRef(): React.RefObject<IAnimatedRef> | null {
    return this.springRef;
  }

  getWebIsSequence(): boolean {
    return this.isSequence;
  }

  getWebAnimatedStyle(): IAnimationOptions | null {
    if (this.getWebIsSequence()) return null;
    return this.animatedStyle as IAnimationOptions;
  }

  getWebAnimatedSequenceStyles(): AnimatedStyleWithController[] {
    return this.animatedStyle as AnimatedStyleWithController[];
  }

  setWebElementRef(element: React.MutableRefObject<ContainerRef | null>): void {
    this.elementRefCallback(element);
  }

  getWebClassNamesRef(): React.RefObject<string[]> {
    return this.classNamesRef as React.RefObject<string[]>;
  }

  setWebClassNamesRef(ref: React.RefObject<string[]>): void {
    this.classNamesRef = ref;
  }

  // Platform-agnostic methods (delegate to web implementations)
  getAnimatedStyle(): IAnimationOptions | null {
    return this.getWebAnimatedStyle();
  }

  getAnimatedSequenceStyles(): AnimatedStyleWithController[] {
    return this.getWebAnimatedSequenceStyles();
  }

  getIsSequence(): boolean {
    return this.getWebIsSequence();
  }

  getNativeAnimatedStyle(): IAnimationOptions | null {
    // No Operation
    return null;
  }
  getNativeAnimatedSequenceStyles(): AnimatedStyleWithController[] {
    // No Operation
    return [];
  }
  getNativeElementRef(): React.RefObject<IAnimatedRef> | null {
    // No Operation
    return null;
  }
  setNativeElementRef(_: React.RefObject<IAnimatedRef> | null): void {
    // No Operation
    return;
  }
  getNativeIsSequence(): boolean {
    // No Operation
    return false;
  }
}

export default AnimatedStyle;