import { Component, HostBinding, Inject, Input, Optional } from '@angular/core';
import { map } from 'rxjs/operators';
import { AclInspectorService } from '../inspector/inspector.service';
import { AclTag } from '@allianz/taly-acl';
import { AclIconName } from '../acl-icon/acl-icon.interface';
import { ACL_TAG_TOKEN } from '../tokens/public-api';
import { copyToClipboard } from '../util/copy-clipboard';

@Component({
  selector: 'acl-tag-hint',
  templateUrl: 'acl-tag-hint.component.html',
  styleUrls: ['./acl-tag-hint.component.scss'],
  standalone: false
})
export class AclTagHintComponent {
  @HostBinding('class.content-shown')
  @Input()
  contentShown = true;

  /**
   * can be set by the component creator like the acl tag directive
   * to override the automatically extracted acl tag from the injection chain
   * which is not always matching the expectations
   */
  @Input() givenAclTag!: AclTag;
  aclIconName = AclIconName;

  constructor(
    @Optional() @Inject(ACL_TAG_TOKEN) public injectedAclTag: AclTag,
    public aclInspector: AclInspectorService
  ) {}

  addVisibleRule() {
    this.aclInspector.addRule({
      path: this.aclTag.aclKey,
      state: 'visible',
      active: true,
      condition: '',
      defaultRule: false
    });
  }

  addHiddenRule() {
    this.aclInspector.addRule({
      path: this.aclTag.aclKey,
      state: 'hidden',
      condition: '',
      active: true,
      defaultRule: false
    });
  }

  clipboard() {
    copyToClipboard(this.aclTag.aclKey);
  }

  get ownTag() {
    return this.aclTag?.ownTag || 'n/a';
  }

  get aclKey$() {
    return this.aclTag?.aclKey$.pipe(map((value) => value.aclKey));
  }

  get aclTag() {
    return this.givenAclTag ?? this.injectedAclTag;
  }
}