/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

import { html } from "chrome://global/content/vendor/lit.all.mjs";
import { EditProfileCard } from "chrome://browser/content/profiles/edit-profile-card.mjs";
// eslint-disable-next-line import/no-unassigned-import
import "chrome://global/content/elements/moz-support-link.mjs";

const DEFAULT_THEME_ID = "default-theme@mozilla.org";
const TEN_MINUTES_IN_MS = 10 * 60 * 1000;

/**
 * Element used for updating a profile's name, theme, and avatar.
 */
export class NewProfileCard extends EditProfileCard {
  async init() {
    if (this.initialized) {
      return;
    }

    let { currentProfile, profiles, profileCreated, themes, isInAutomation } =
      await RPMSendQuery("Profiles:GetNewProfileContent");

    if (isInAutomation) {
      this.updateNameDebouncer.timeout = 50;
    }

    if (!isInAutomation) {
      this.maybeRedirectExistingProfile(profileCreated);
    }

    this.setProfile(currentProfile);
    this.profiles = profiles;
    this.themes = themes;

    await Promise.all([
      this.setInitialInput(),
      this.setRandomTheme(isInAutomation),
    ]);
  }

  /**
   * To avoid accidental data loss caused by the no-confirmation delete
   * button, if the profile is more than 10 minutes old, redirect to
   * about:editprofile instead.
   *
   * Extracted into a helper function to simplify testing.
   *
   * @param {number} profileCreated
   *  Profile creation timestamp (milliseconds since epoch).
   */
  maybeRedirectExistingProfile(profileCreated) {
    if (Date.now() - TEN_MINUTES_IN_MS > profileCreated) {
      window.removeEventListener("beforeunload", this);
      window.location.replace("about:editprofile");
    }
  }

  async setRandomTheme(isInAutomation) {
    if (this.profile.themeId !== DEFAULT_THEME_ID) {
      return;
    }

    let possibleThemes = this.themes;
    if (isInAutomation) {
      possibleThemes = possibleThemes.filter(t => t.useInAutomation);
    }
    let newTheme =
      possibleThemes[Math.floor(Math.random() * possibleThemes.length)];
    await super.updateTheme(newTheme.id);
  }

  async setInitialInput() {
    if (RPMGetBoolPref("browser.profiles.profile-name.updated", false)) {
      return;
    }

    await this.getUpdateComplete();

    this.nameInput.value = "";
  }

  onDeleteClick() {
    window.removeEventListener("beforeunload", this);
    RPMSendAsyncMessage("Profiles:DeleteProfile");
  }

  headerTemplate() {
    return html`<div>
      <h1 data-l10n-id="new-profile-page-header"></h1>
      <p>
        <span data-l10n-id="new-profile-page-header-description"></span>
        <a
          is="moz-support-link"
          support-page="profile-management"
          data-l10n-id="new-profile-page-learn-more"
        ></a>
      </p>
    </div>`;
  }

  nameInputTemplate() {
    return html`<input
      type="text"
      id="profile-name"
      size="64"
      aria-errormessage="error-message"
      data-l10n-id="new-profile-page-input-placeholder"
      .value=${this.profile.name}
      @input=${super.handleInputEvent}
    />`;
  }
}

customElements.define("new-profile-card", NewProfileCard);