import type { THEOplayer } from 'react-native-theoplayer';
import { AnalyticsConfig } from '../api/AnalyticsConfig';
import { ChromelessPlayer } from 'theoplayer';
import { CustomData, SourceMetadata } from '@theoplayer/react-native-analytics-bitmovin';
import { DefaultMetadata } from '../api/DefaultMetadata';
import { CustomDataValues, THEOplayerAdapter } from 'bitmovin-analytics';
import { buildWebConfigFromDefaultMetadata, buildWebConfigFromSourceMetadata, buildWebSourceMetadata } from './web/BitmovinAdapterWeb';

const BITMOVIN_ANALYTICS_AUGMENTED_MARKER = '__bitmovinAnalyticsHasBeenSetup';

export class BitmovinConnectorAdapter {
  private readonly integration: THEOplayerAdapter;

  constructor(player: THEOplayer, config: AnalyticsConfig, defaultMetadata?: DefaultMetadata) {
    const webConfig = buildWebConfigFromDefaultMetadata(config, defaultMetadata);
    this.integration = new THEOplayerAdapter(webConfig, player.nativeHandle as ChromelessPlayer);
  }

  updateSourceMetadata(sourceMetadata: SourceMetadata): void {
    this.integration.sourceChange(buildWebConfigFromSourceMetadata(sourceMetadata));
  }

  updateCustomData(customData: CustomData): void {
    // Any new customData values will be merged with the existing ones, so only the fields that are included in the customData parameter will be updated.
    this.integration.setCustomData(customData as CustomDataValues);
  }

  programChange(sourceMetadata: SourceMetadata): void {
    this.integration.programChange(buildWebSourceMetadata(sourceMetadata));
  }

  sendCustomDataEvent(customData: CustomData): void {
    this.integration.setCustomDataOnce(customData);
  }

  destroy() {
    /**
     * We can safely disable the BITMOVIN_ANALYTICS_AUGMENTED_MARKER here to avoid duplicate connectors being attached to the same player instance,
     * because we know either the collector or both player and collector were destroyed here.
     * This is needed because when using <StrictMode> in React, mount effects will trigger twice in development mode.
     */
    const container = document.querySelector('.theoplayer-container');
    if (container) {
      container[BITMOVIN_ANALYTICS_AUGMENTED_MARKER] = false;
    }
  }
}