1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
   62
   63
   64
   65
   66
   67
   68
   69
   70
   71
   72
   73
   74
   75
   76
   77
   78
   79
   80
   81
   82
   83
   84
   85
   86
   87
   88
   89
   90
   91
   92
   93
   94
   95
   96
   97
   98
   99
  100
  101
  102


ash / webui / scanner_feedback_ui / resources / app.ts [blame]

// 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 '//resources/cros_components/orca_feedback/orca-feedback.js';

import {ColorChangeUpdater} from '//resources/cr_components/color_change_listener/colors_css_updater.js';
import type {OrcaFeedback} from '//resources/cros_components/orca_feedback/orca-feedback.js';
import {PolymerElement} from '//resources/polymer/v3_0/polymer/polymer_bundled.min.js';

import {getTemplate} from './app.html.js';
import {PageHandler} from './scanner_feedback_ui.mojom-webui.js';

const PAGE_HANDLER_REMOTE = PageHandler.getRemote();

const FEEDBACK_INFO_PROMISE = PAGE_HANDLER_REMOTE.getFeedbackInfo().then(
    ({feedbackInfo}) => feedbackInfo);


// `StringSource` is not exported from orca-feedback.js, so get a reference to
// it via `OrcaFeedback`.
type StringSource = NonNullable<OrcaFeedback['stringSource']>;

const STRING_SOURCE: StringSource = {
  getAriaLabelForLink(linkText: string): string {
    return `ARIA LABEL FOR ${linkText}`;
  },
  MSG_FEEDBACK_TITLE: 'FEEDBACK TITLE',
  MSG_FEEDBACK_SUBTITLE: 'FEEDBACK SUBTITLE',
  MSG_FEEDBACK_QUESTION: 'FEEDBACK QUESTION',
  MSG_FEEDBACK_QUESTION_PLACEHOLDER: 'FEEDBACK QUESTION PLACEHOLDER',
  MSG_OFFENSIVE_OR_UNSAFE: 'OFFENSIVE OR UNSAFE',
  MSG_FACTUALLY_INCORRECT: 'FACTUALLY INCORRECT',
  MSG_LEGAL_ISSUE: 'LEGAL ISSUE',
  getFeedbackDisclaimer(
      linkPolicyBegin: string, linkPolicyEnd: string,
      linkTermsOfServiceBegin: string, linkTermsOfServiceEnd: string): string {
    return `FEEDBACK DISCLAIMER ${linkPolicyBegin}POLICY${linkPolicyEnd} ${
        linkTermsOfServiceBegin}TERMS OF SERVICE${linkTermsOfServiceEnd}`;
  },
  MSG_PRIVACY_POLICY: 'PRIVACY POLICY',
  MSG_TERMS_OF_SERVICE: 'TERMS OF SERVICE',
  MSG_CANCEL: 'CANCEL',
  MSG_SEND: 'SEND'
};

export class ScannerFeedbackAppElement extends PolymerElement {
  static get is() {
    return 'scanner-feedback-app' as const;
  }

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

  static get properties() {
    return {
      // Private properties:
      stringSource: Object,
      openUrl: Object,
      extraInfoCallback: Object,
      screenshotUrl: String,
      revertToPeviousScreen: Object,
    };
  }

  // Used in template:
  private readonly stringSource = STRING_SOURCE;
  private readonly openUrl = (url: string) => {
    window.open(url, '_blank');
    this.revertToPreviousScreen();
  };
  private readonly extraInfoCallback = () =>
      FEEDBACK_INFO_PROMISE.then(feedbackInfo => feedbackInfo.actionDetails);
  private screenshotUrl = '';
  private readonly revertToPreviousScreen = () =>
      PAGE_HANDLER_REMOTE.closeDialog();

  constructor() {
    super();
    FEEDBACK_INFO_PROMISE.then(feedbackInfo => {
      this.screenshotUrl = feedbackInfo.screenshotUrl.url;
    });
  }

  // Used in computed bindings:
  private isEmpty(string: string): boolean {
    return string === '';
  }
}

declare global {
  interface HTMLElementTagNameMap {
    [ScannerFeedbackAppElement.is]: ScannerFeedbackAppElement;
  }
}

customElements.define(ScannerFeedbackAppElement.is, ScannerFeedbackAppElement);

document.addEventListener('DOMContentLoaded', () => {
  ColorChangeUpdater.forDocument().start();
});