forked from mirrors/gecko-dev
f0d5de33b0
1. Previously, the label and tooltip for all recommendations was just "Recommendation", even though the icon was different for extension and feature recommendations. Because users might not be able to see the icon and/or determine its meaning, it is important that this is communicated in the tooltip and a11y label. 2. Screen reader users won't know this has appeared, even though this attracts some attention visually. Therefore, provide a specific announcement for screen reader users when the recommendation appears. Differential Revision: https://phabricator.services.mozilla.com/D47718 --HG-- extra : moz-landing-system : lando
359 lines
11 KiB
JavaScript
359 lines
11 KiB
JavaScript
/* 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/. */
|
|
"use strict";
|
|
|
|
const TWO_DAYS = 2 * 24 * 3600 * 1000;
|
|
|
|
const MESSAGES = () => [
|
|
{
|
|
id: "SIMPLE_FXA_BOOKMARK_TEST_FLUENT",
|
|
template: "fxa_bookmark_panel",
|
|
content: {
|
|
title: { string_id: "cfr-doorhanger-bookmark-fxa-header" },
|
|
text: { string_id: "cfr-doorhanger-bookmark-fxa-body" },
|
|
cta: { string_id: "cfr-doorhanger-bookmark-fxa-link-text" },
|
|
color: "white",
|
|
background_color_1: "#7d31ae",
|
|
background_color_2: "#5033be",
|
|
info_icon: {
|
|
tooltiptext: {
|
|
string_id: "cfr-doorhanger-bookmark-fxa-info-icon-tooltip",
|
|
},
|
|
},
|
|
close_button: {
|
|
tooltiptext: {
|
|
string_id: "cfr-doorhanger-bookmark-fxa-close-btn-tooltip",
|
|
},
|
|
},
|
|
},
|
|
trigger: { id: "bookmark-panel" },
|
|
},
|
|
{
|
|
id: "SIMPLE_FXA_BOOKMARK_TEST_NON_FLUENT",
|
|
template: "fxa_bookmark_panel",
|
|
content: {
|
|
title: "Bookmark Message Title",
|
|
text: "Bookmark Message Body",
|
|
cta: "Sync bookmarks now",
|
|
color: "white",
|
|
background_color_1: "#7d31ae",
|
|
background_color_2: "#5033be",
|
|
info_icon: {
|
|
tooltiptext: "Toggle tooltip",
|
|
},
|
|
close_button: {
|
|
tooltiptext: "Close tooltip",
|
|
},
|
|
},
|
|
trigger: { id: "bookmark-panel" },
|
|
},
|
|
{
|
|
id: "WNP_THANK_YOU",
|
|
template: "update_action",
|
|
content: {
|
|
action: {
|
|
id: "moments-wnp",
|
|
data: {
|
|
url:
|
|
"https://www.mozilla.org/%LOCALE%/etc/firefox/retention/thank-you-a/",
|
|
expireDelta: TWO_DAYS,
|
|
},
|
|
},
|
|
},
|
|
trigger: { id: "momentsUpdate" },
|
|
},
|
|
{
|
|
id: "WHATS_NEW_70_1",
|
|
template: "whatsnew_panel_message",
|
|
order: 3,
|
|
content: {
|
|
bucket_id: "WHATS_NEW_70_1",
|
|
published_date: 1560969794394,
|
|
title: "Protection Is Our Focus",
|
|
icon_url:
|
|
"resource://activity-stream/data/content/assets/whatsnew-send-icon.png",
|
|
icon_alt: "Firefox Send Logo",
|
|
body:
|
|
"The New Enhanced Tracking Protection, gives you the best level of protection and performance. Discover how this version is the safest version of firefox ever made.",
|
|
cta_url: "https://blog.mozilla.org/",
|
|
cta_type: "OPEN_URL",
|
|
},
|
|
targeting: `firefoxVersion > 69`,
|
|
trigger: { id: "whatsNewPanelOpened" },
|
|
},
|
|
{
|
|
id: "WHATS_NEW_70_2",
|
|
template: "whatsnew_panel_message",
|
|
order: 1,
|
|
content: {
|
|
bucket_id: "WHATS_NEW_70_1",
|
|
published_date: 1560969794394,
|
|
title: "Another thing new in Firefox 70",
|
|
body:
|
|
"The New Enhanced Tracking Protection, gives you the best level of protection and performance. Discover how this version is the safest version of firefox ever made.",
|
|
link_text: "Learn more on our blog",
|
|
cta_url: "https://blog.mozilla.org/",
|
|
cta_type: "OPEN_URL",
|
|
},
|
|
targeting: `firefoxVersion > 69`,
|
|
trigger: { id: "whatsNewPanelOpened" },
|
|
},
|
|
{
|
|
id: "WHATS_NEW_69_1",
|
|
template: "whatsnew_panel_message",
|
|
order: 1,
|
|
content: {
|
|
bucket_id: "WHATS_NEW_69_1",
|
|
published_date: 1557346235089,
|
|
title: "Something new in Firefox 69",
|
|
body:
|
|
"The New Enhanced Tracking Protection, gives you the best level of protection and performance. Discover how this version is the safest version of firefox ever made.",
|
|
link_text: "Learn more on our blog",
|
|
cta_url: "https://blog.mozilla.org/",
|
|
cta_type: "OPEN_URL",
|
|
},
|
|
targeting: `firefoxVersion > 68`,
|
|
trigger: { id: "whatsNewPanelOpened" },
|
|
},
|
|
{
|
|
id: "WHATS_NEW_70_3",
|
|
template: "whatsnew_panel_message",
|
|
order: 2,
|
|
content: {
|
|
bucket_id: "WHATS_NEW_70_3",
|
|
published_date: 1560969794394,
|
|
layout: "tracking-protections",
|
|
title: { string_id: "cfr-whatsnew-tracking-blocked-title" },
|
|
subtitle: { string_id: "cfr-whatsnew-tracking-blocked-subtitle" },
|
|
icon_url:
|
|
"resource://activity-stream/data/content/assets/protection-report-icon.png",
|
|
icon_alt: "Protection Report icon",
|
|
body: { string_id: "cfr-whatsnew-tracking-protect-body" },
|
|
link_text: { string_id: "cfr-whatsnew-tracking-blocked-link-text" },
|
|
cta_url: "protections",
|
|
cta_type: "OPEN_ABOUT_PAGE",
|
|
},
|
|
targeting: `firefoxVersion > 69 && totalBlockedCount > 0`,
|
|
trigger: { id: "whatsNewPanelOpened" },
|
|
},
|
|
{
|
|
id: "BOOKMARK_CFR",
|
|
template: "cfr_doorhanger",
|
|
content: {
|
|
layout: "icon_and_message",
|
|
category: "cfrFeatures",
|
|
notification_text: { string_id: "cfr-doorhanger-feature-notification" },
|
|
heading_text: { string_id: "cfr-doorhanger-sync-bookmarks-header" },
|
|
info_icon: {
|
|
label: { string_id: "cfr-doorhanger-extension-sumo-link" },
|
|
sumo_path: "https://example.com",
|
|
},
|
|
text: { string_id: "cfr-doorhanger-sync-bookmarks-body" },
|
|
icon: "chrome://branding/content/icon64.png",
|
|
buttons: {
|
|
primary: {
|
|
label: { string_id: "cfr-doorhanger-sync-bookmarks-ok-button" },
|
|
action: {
|
|
type: "OPEN_PREFERENCES_PAGE",
|
|
data: { category: "sync" },
|
|
},
|
|
},
|
|
secondary: [
|
|
{
|
|
label: { string_id: "cfr-doorhanger-extension-cancel-button" },
|
|
action: { type: "CANCEL" },
|
|
},
|
|
{
|
|
label: {
|
|
string_id: "cfr-doorhanger-extension-never-show-recommendation",
|
|
},
|
|
},
|
|
{
|
|
label: {
|
|
string_id: "cfr-doorhanger-extension-manage-settings-button",
|
|
},
|
|
action: {
|
|
type: "OPEN_PREFERENCES_PAGE",
|
|
data: { category: "general-cfrfeatures" },
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
targeting: "true",
|
|
trigger: {
|
|
id: "openBookmarkedURL",
|
|
},
|
|
},
|
|
{
|
|
id: "PDF_URL_FFX_SEND",
|
|
template: "cfr_doorhanger",
|
|
content: {
|
|
layout: "icon_and_message",
|
|
category: "cfrFeatures",
|
|
notification_text: { string_id: "cfr-doorhanger-extension-notification" },
|
|
heading_text: { string_id: "cfr-doorhanger-firefox-send-header" },
|
|
info_icon: {
|
|
label: { string_id: "cfr-doorhanger-extension-sumo-link" },
|
|
sumo_path: "https://example.com",
|
|
},
|
|
text: { string_id: "cfr-doorhanger-firefox-send-body" },
|
|
icon: "chrome://branding/content/icon64.png",
|
|
buttons: {
|
|
primary: {
|
|
label: { string_id: "cfr-doorhanger-firefox-send-ok-button" },
|
|
action: {
|
|
type: "OPEN_URL",
|
|
data: {
|
|
args:
|
|
"https://send.firefox.com/login/?utm_source=activity-stream&entrypoint=activity-stream-cfr-pdf",
|
|
where: "tabshifted",
|
|
},
|
|
},
|
|
},
|
|
secondary: [
|
|
{
|
|
label: { string_id: "cfr-doorhanger-extension-cancel-button" },
|
|
action: { type: "CANCEL" },
|
|
},
|
|
{
|
|
label: {
|
|
string_id: "cfr-doorhanger-extension-never-show-recommendation",
|
|
},
|
|
},
|
|
{
|
|
label: {
|
|
string_id: "cfr-doorhanger-extension-manage-settings-button",
|
|
},
|
|
action: {
|
|
type: "OPEN_PREFERENCES_PAGE",
|
|
data: { category: "general-cfrfeatures" },
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
targeting: "true",
|
|
trigger: {
|
|
id: "openURL",
|
|
patterns: ["*://*/*.pdf"],
|
|
},
|
|
},
|
|
{
|
|
id: "SEND_TAB_CFR",
|
|
template: "cfr_doorhanger",
|
|
content: {
|
|
layout: "icon_and_message",
|
|
category: "cfrFeatures",
|
|
notification_text: { string_id: "cfr-doorhanger-extension-notification" },
|
|
heading_text: { string_id: "cfr-doorhanger-send-tab-header" },
|
|
info_icon: {
|
|
label: { string_id: "cfr-doorhanger-extension-sumo-link" },
|
|
sumo_path: "https://example.com",
|
|
},
|
|
text: { string_id: "cfr-doorhanger-send-tab-body" },
|
|
icon: "chrome://branding/content/icon64.png",
|
|
buttons: {
|
|
primary: {
|
|
label: { string_id: "cfr-doorhanger-send-tab-ok-button" },
|
|
action: {
|
|
type: "HIGHLIGHT_FEATURE",
|
|
data: { args: "pageAction-sendToDevice" },
|
|
},
|
|
},
|
|
secondary: [
|
|
{
|
|
label: { string_id: "cfr-doorhanger-extension-cancel-button" },
|
|
action: { type: "CANCEL" },
|
|
},
|
|
{
|
|
label: {
|
|
string_id: "cfr-doorhanger-extension-never-show-recommendation",
|
|
},
|
|
},
|
|
{
|
|
label: {
|
|
string_id: "cfr-doorhanger-extension-manage-settings-button",
|
|
},
|
|
action: {
|
|
type: "OPEN_PREFERENCES_PAGE",
|
|
data: { category: "general-cfrfeatures" },
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
targeting: "true",
|
|
trigger: {
|
|
// Match any URL that has a Reader Mode icon
|
|
id: "openArticleURL",
|
|
patterns: ["*://*/*"],
|
|
},
|
|
},
|
|
{
|
|
id: "SEND_RECIPE_TAB_CFR",
|
|
template: "cfr_doorhanger",
|
|
// Higher priority because this has the same targeting rules as
|
|
// SEND_TAB_CFR but is more specific
|
|
priority: 1,
|
|
content: {
|
|
layout: "icon_and_message",
|
|
category: "cfrFeatures",
|
|
notification_text: { string_id: "cfr-doorhanger-extension-notification" },
|
|
heading_text: { string_id: "cfr-doorhanger-send-tab-recipe-header" },
|
|
info_icon: {
|
|
label: { string_id: "cfr-doorhanger-extension-sumo-link" },
|
|
sumo_path: "https://example.com",
|
|
},
|
|
text: { string_id: "cfr-doorhanger-send-tab-body" },
|
|
icon: "chrome://branding/content/icon64.png",
|
|
buttons: {
|
|
primary: {
|
|
label: { string_id: "cfr-doorhanger-send-tab-ok-button" },
|
|
action: {
|
|
type: "HIGHLIGHT_FEATURE",
|
|
data: { args: "pageAction-sendToDevice" },
|
|
},
|
|
},
|
|
secondary: [
|
|
{
|
|
label: { string_id: "cfr-doorhanger-extension-cancel-button" },
|
|
action: { type: "CANCEL" },
|
|
},
|
|
{
|
|
label: {
|
|
string_id: "cfr-doorhanger-extension-never-show-recommendation",
|
|
},
|
|
},
|
|
{
|
|
label: {
|
|
string_id: "cfr-doorhanger-extension-manage-settings-button",
|
|
},
|
|
action: {
|
|
type: "OPEN_PREFERENCES_PAGE",
|
|
data: { category: "general-cfrfeatures" },
|
|
},
|
|
},
|
|
],
|
|
},
|
|
},
|
|
targeting: "true",
|
|
trigger: {
|
|
id: "openArticleURL",
|
|
params: ["www.allrecipes.com", "allrecipes.com"],
|
|
},
|
|
},
|
|
];
|
|
|
|
const PanelTestProvider = {
|
|
getMessages() {
|
|
return MESSAGES().map(message => ({
|
|
...message,
|
|
targeting: `providerCohorts.panel_local_testing == "SHOW_TEST"`,
|
|
}));
|
|
},
|
|
};
|
|
this.PanelTestProvider = PanelTestProvider;
|
|
|
|
const EXPORTED_SYMBOLS = ["PanelTestProvider"];
|