16d1998b3f
Update About Welcome's invocations of window functions to use optional chaining to avoid errors when they are undefined. Then, the surfaces that load the About Welcome bundle will no longer need to define those references as empty functions. Differential Revision: https://phabricator.services.mozilla.com/D155011
112 lines
3.1 KiB
JavaScript
112 lines
3.1 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/. */
|
|
|
|
// If we're in a subdialog, then this is a spotlight modal.
|
|
// Otherwise, this is about:welcome or a Feature Callout
|
|
// in another "about" page and we should return the current page.
|
|
const page = document.querySelector(":root[dialogroot=true]")
|
|
? "spotlight"
|
|
: document.location.href;
|
|
|
|
export const AboutWelcomeUtils = {
|
|
handleUserAction(action) {
|
|
window.AWSendToParent("SPECIAL_ACTION", action);
|
|
},
|
|
sendImpressionTelemetry(messageId, context) {
|
|
window.AWSendEventTelemetry?.({
|
|
event: "IMPRESSION",
|
|
event_context: {
|
|
...context,
|
|
page,
|
|
},
|
|
message_id: messageId,
|
|
});
|
|
},
|
|
sendActionTelemetry(messageId, elementId, eventName = "CLICK_BUTTON") {
|
|
const ping = {
|
|
event: eventName,
|
|
event_context: {
|
|
source: elementId,
|
|
page,
|
|
},
|
|
message_id: messageId,
|
|
};
|
|
window.AWSendEventTelemetry?.(ping);
|
|
},
|
|
async fetchFlowParams(metricsFlowUri) {
|
|
let flowParams;
|
|
try {
|
|
const response = await fetch(metricsFlowUri, {
|
|
credentials: "omit",
|
|
});
|
|
if (response.status === 200) {
|
|
const { deviceId, flowId, flowBeginTime } = await response.json();
|
|
flowParams = { deviceId, flowId, flowBeginTime };
|
|
} else {
|
|
console.error("Non-200 response", response); // eslint-disable-line no-console
|
|
}
|
|
} catch (e) {
|
|
flowParams = null;
|
|
}
|
|
return flowParams;
|
|
},
|
|
sendEvent(type, detail) {
|
|
document.dispatchEvent(
|
|
new CustomEvent(`AWPage:${type}`, {
|
|
bubbles: true,
|
|
detail,
|
|
})
|
|
);
|
|
},
|
|
};
|
|
|
|
export const DEFAULT_RTAMO_CONTENT = {
|
|
template: "return_to_amo",
|
|
utm_term: "rtamo",
|
|
content: {
|
|
position: "corner",
|
|
hero_text: { string_id: "mr1-welcome-screen-hero-text" },
|
|
title: { string_id: "return-to-amo-subtitle" },
|
|
has_noodles: true,
|
|
subtitle: {
|
|
string_id: "return-to-amo-addon-title",
|
|
},
|
|
help_text: {
|
|
string_id: "mr1-onboarding-welcome-image-caption",
|
|
},
|
|
backdrop:
|
|
"#212121 url(chrome://activity-stream/content/data/content/assets/proton-bkg.avif) center/cover no-repeat fixed",
|
|
primary_button: {
|
|
label: { string_id: "return-to-amo-add-extension-label" },
|
|
source_id: "ADD_EXTENSION_BUTTON",
|
|
action: {
|
|
type: "INSTALL_ADDON_FROM_URL",
|
|
data: { url: null, telemetrySource: "rtamo" },
|
|
},
|
|
},
|
|
secondary_button: {
|
|
label: {
|
|
string_id: "onboarding-not-now-button-label",
|
|
},
|
|
source_id: "RTAMO_START_BROWSING_BUTTON",
|
|
action: {
|
|
type: "OPEN_AWESOME_BAR",
|
|
},
|
|
},
|
|
secondary_button_top: {
|
|
label: {
|
|
string_id: "mr1-onboarding-sign-in-button-label",
|
|
},
|
|
source_id: "RTAMO_FXA_SIGNIN_BUTTON",
|
|
action: {
|
|
data: {
|
|
entrypoint: "activity-stream-firstrun",
|
|
},
|
|
type: "SHOW_FIREFOX_ACCOUNTS",
|
|
addFlowParams: true,
|
|
},
|
|
},
|
|
},
|
|
};
|