import { PfeBusinessService, PfeNavigationService } from '@allianz/ngx-pfe';
import { PfeTrackingService } from '@allianz/ngx-pfe/tracking';
import { AclService } from '@allianz/taly-acl/angular';
import { TalyValidationService, TalyBusinessEventService } from '@allianz/taly-core';
import {
  BuildingBlockInterface,
  BuildingBlockMetaService,
  TalyResourcesService
} from '@allianz/taly-core/building-blocks';
import { trackForm } from '@allianz/taly-core/form-tracking';
import { TalyFrameNavigationService } from '@allianz/taly-core/frame';
import { isDynamicFormBbConfig } from '@allianz/taly-core/schemas';
import { computed, Injector, Signal } from '@angular/core';
import { toObservable } from '@angular/core/rxjs-interop';
import { filter, skip, takeUntil } from 'rxjs';
import { PFEFacade } from './pfe-facade';
import { PfeRuntimeConfigService } from './runtime-utils/pfe-runtime-config/pfe-runtime-config.service';

export class PFERuntimeFacade extends PFEFacade {
  constructor(
    buildingBlock: BuildingBlockInterface,
    pfeBusinessService: PfeBusinessService,
    buildingBlockMetaService: BuildingBlockMetaService,
    frameNavigationService: TalyFrameNavigationService,
    pfeResourcesService: TalyResourcesService,
    businessEventService: TalyBusinessEventService,
    aclService: AclService,
    pfeTrackingService: PfeTrackingService | null,
    talyValidationService: TalyValidationService,
    private runtimeConfigService: PfeRuntimeConfigService,
    private navigationService: PfeNavigationService,
    private injector: Injector
  ) {
    super(
      buildingBlock,
      pfeBusinessService,
      buildingBlockMetaService,
      frameNavigationService,
      pfeResourcesService,
      businessEventService,
      aclService,
      pfeTrackingService,
      talyValidationService
    );
  }

  override connect() {
    const dynamicFormBbRawResources = this.getDynamicFormBbRawResources();
    // If not a Dynamic Form Building Block, connect through PFEFacade instead
    if (!dynamicFormBbRawResources()) {
      super.connect();
      return;
    }

    console.log(`✅ PFE Runtime Facade connecting Building Block '${this.buildingBlock.id}'`);

    const form = this.buildingBlock.getForm();
    if (form && this.pfeTrackingService) {
      trackForm(
        form,
        this.buildingBlock.id,
        this.disconnected$,
        this.pfeTrackingService.pushEvent.bind(this.pfeTrackingService)
      );
    }

    this.buildingBlock.setRawResources(dynamicFormBbRawResources());
    this.handleStateAndConnect();

    toObservable(dynamicFormBbRawResources, { injector: this.injector })
      .pipe(
        skip(1),
        filter((resources) => Boolean(resources)),
        takeUntil(this.disconnected$)
      )
      .subscribe((resources) => this.buildingBlock.setRawResources(resources));
  }

  private getDynamicFormBbRawResources(): Signal<Record<string, unknown> | undefined> {
    return computed(() => {
      const pagesConfig = this.runtimeConfigService.pagesConfig();
      const pageId = this.navigationService.currentPageId$.value;
      const currentPageConfig = pagesConfig.pages?.find((page) => page.id === pageId);
      const sidebarBlocks = (pagesConfig.frame?.globalSidebar?.tabs ?? []).flatMap(
        (tab) => tab.blocks ?? []
      );
      const blockConfig = [...(currentPageConfig?.blocks ?? []), ...sidebarBlocks].find(
        (block) => block.id === this.buildingBlock.id
      );

      if (!isDynamicFormBbConfig(blockConfig)) {
        return undefined;
      }

      return {
        talyDynamicFormConfig: blockConfig.form
      };
    });
  }
}