chrome/browser/resources/settings/ai_page/ai_compare_subpage.ts

// Copyright 2024 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'chrome://resources/cr_elements/cr_link_row/cr_link_row.js';
import './ai_policy_indicator.js';

import {PrefsMixin} from '/shared/settings/prefs/prefs_mixin.js';
import {loadTimeData} from 'chrome://resources/js/load_time_data.js';
import {OpenWindowProxyImpl} from 'chrome://resources/js/open_window_proxy.js';
import {PolymerElement} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';

import type {MetricsBrowserProxy} from '../metrics_browser_proxy.js';
import {AiPageCompareInteractions, MetricsBrowserProxyImpl} from '../metrics_browser_proxy.js';

import {getTemplate} from './ai_compare_subpage.html.js';
import {getAiLearnMoreUrl} from './ai_learn_more_url_util.js';
import {isFeatureDisabledByPolicy} from './ai_policy_indicator.js';
import {AiEnterpriseFeaturePrefName, AiPageActions} from './constants.js';

const SettingsAiCompareSubpageElementBase = PrefsMixin(PolymerElement);

export class SettingsAiCompareSubpageElement extends
    SettingsAiCompareSubpageElementBase {
  static get is() {
    return 'settings-ai-compare-subpage';
  }

  static get template() {
    return getTemplate();
  }

  static get properties() {
    return {
      enterprisePref_: {
        type: Object,
        computed: `computePref(prefs.${AiEnterpriseFeaturePrefName.COMPARE})`,
      },
    };
  }

  private enterprisePref_: chrome.settingsPrivate.PrefObject;
  private metricsBrowserProxy_: MetricsBrowserProxy =
      MetricsBrowserProxyImpl.getInstance();

  private recordInteractionMetrics_(
      interaction: AiPageCompareInteractions, action: string) {
    this.metricsBrowserProxy_.recordAiPageCompareInteractions(interaction);
    this.metricsBrowserProxy_.recordAction(action);
  }

  private onCompareLinkoutClick_() {
    // Ignore click action if the feature is disabled.
    if (this.isDisabled_()) {
      return;
    }

    this.recordInteractionMetrics_(
        AiPageCompareInteractions.FEATURE_LINK_CLICKED,
        AiPageActions.COMPARE_FEATURE_LINK_CLICKED);

    OpenWindowProxyImpl.getInstance().openUrl(
        loadTimeData.getString('compareDataHomeUrl'));
  }

  private onLearnMoreClick_(event: Event) {
    // Stop the propagation of events, so that clicking on the 'Learn More' link
    // won't trigger the external linkout action on the parent cr-link-row
    // element.
    event.stopPropagation();
    this.recordInteractionMetrics_(
        AiPageCompareInteractions.LEARN_MORE_LINK_CLICKED,
        AiPageActions.COMPARE_LEARN_MORE_CLICKED);
  }

  private getLearnMoreUrl_(): string {
    return getAiLearnMoreUrl(
        this.enterprisePref_, loadTimeData.getString('compareLearnMoreUrl'),
        loadTimeData.getString('compareLearnMoreManagedUrl'));
  }

  private isDisabled_(): boolean {
    return isFeatureDisabledByPolicy(this.enterprisePref_);
  }
}

declare global {
  interface HTMLElementTagNameMap {
    'settings-ai-compare-subpage': SettingsAiCompareSubpageElement;
  }
}

customElements.define(
    SettingsAiCompareSubpageElement.is, SettingsAiCompareSubpageElement);