browser/apps/desktop/src/auth/accessibility-cookie.component.ts

import { Component, NgZone } from "@angular/core";
import { UntypedFormControl, UntypedFormGroup, Validators } from "@angular/forms";
import { Router } from "@angular/router";

import { BroadcasterService } from "@bitwarden/common/platform/abstractions/broadcaster.service";
import { EnvironmentService } from "@bitwarden/common/platform/abstractions/environment.service";
import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
import { Utils } from "@bitwarden/common/platform/misc/utils";

import { getCookie } from "../utils";

const BroadcasterSubscriptionId = "AccessibilityCookieComponent";

@Component({
  selector: "app-accessibility-cookie",
  templateUrl: "accessibility-cookie.component.html",
})
export class AccessibilityCookieComponent {
  listenForCookie = false;
  hCaptchaWindow: Window;

  accessibilityForm = new UntypedFormGroup({
    link: new UntypedFormControl("", Validators.required),
  });

  constructor(
    protected router: Router,
    protected platformUtilsService: PlatformUtilsService,
    protected environmentService: EnvironmentService,
    protected i18nService: I18nService,
    private broadcasterService: BroadcasterService,
    protected ngZone: NgZone
  ) {}

  async ngOnInit() {
    this.broadcasterService.subscribe(BroadcasterSubscriptionId, async (message: any) => {
      this.ngZone.run(() => {
        switch (message.command) {
          case "windowIsFocused":
            if (this.listenForCookie) {
              this.listenForCookie = false;
              this.checkForCookie();
            }
            break;
          default:
        }
      });
    });
  }

  registerhCaptcha() {
    this.platformUtilsService.launchUri("https://www.hcaptcha.com/accessibility");
  }

  async checkForCookie() {
    this.hCaptchaWindow.close();
    const [cookie] = await getCookie("https://www.hcaptcha.com/", "hc_accessibility");
    if (cookie) {
      this.onCookieSavedSuccess();
    } else {
      this.onCookieSavedFailure();
    }
  }

  onCookieSavedSuccess() {
    this.platformUtilsService.showToast(
      "success",
      null,
      this.i18nService.t("accessibilityCookieSaved")
    );
  }

  onCookieSavedFailure() {
    this.platformUtilsService.showToast(
      "error",
      null,
      this.i18nService.t("noAccessibilityCookieSaved")
    );
  }

  async submit() {
    if (Utils.getHostname(this.accessibilityForm.value.link) !== "accounts.hcaptcha.com") {
      this.platformUtilsService.showToast(
        "error",
        this.i18nService.t("errorOccurred"),
        this.i18nService.t("invalidUrl")
      );
      return;
    }
    this.listenForCookie = true;
    this.hCaptchaWindow = window.open(this.accessibilityForm.value.link);
  }

  ngOnDestroy() {
    this.broadcasterService.unsubscribe(BroadcasterSubscriptionId);
  }
}