зеркало из https://github.com/mozilla/gecko-dev.git
72 строки
2.0 KiB
JavaScript
72 строки
2.0 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/. */
|
|
|
|
/* global RPMGetUpdateChannel, RPMGetFxAccountsEndpoint */
|
|
|
|
const PARAMS = new URL(location).searchParams;
|
|
const ENTRYPOINT = "new-install-page";
|
|
const SOURCE = `new-install-page-${RPMGetUpdateChannel()}`;
|
|
const CAMPAIGN = "dedicated-profiles";
|
|
const ENDPOINT = PARAMS.get("endpoint");
|
|
|
|
function appendAccountsParams(url) {
|
|
url.searchParams.set("entrypoint", ENTRYPOINT);
|
|
url.searchParams.set("utm_source", SOURCE);
|
|
url.searchParams.set("utm_campaign", CAMPAIGN);
|
|
}
|
|
|
|
function appendParams(url, params) {
|
|
appendAccountsParams(url);
|
|
|
|
for (let [key, value] of Object.entries(params)) {
|
|
url.searchParams.set(key, value);
|
|
}
|
|
}
|
|
|
|
async function requestFlowMetrics() {
|
|
let requestURL = new URL(await endpoint);
|
|
requestURL.pathname = "metrics-flow";
|
|
appendParams(requestURL, {
|
|
"form_type": "email",
|
|
});
|
|
|
|
let response = await fetch(requestURL, { credentials: "omit" });
|
|
if (response.status === 200) {
|
|
return response.json();
|
|
}
|
|
|
|
throw new Error(`Failed to retrieve metrics: ${response.status}`);
|
|
}
|
|
|
|
async function submitForm(event) {
|
|
// We never want to submit the form.
|
|
event.preventDefault();
|
|
|
|
let input = document.getElementById("sync-input");
|
|
input.disabled = true;
|
|
document.getElementById("sync-button").disabled = true;
|
|
|
|
let { flowId, flowBeginTime } = await metrics;
|
|
|
|
let requestURL = new URL(await endpoint);
|
|
appendParams(requestURL, {
|
|
"action": "email",
|
|
"utm_campaign": CAMPAIGN,
|
|
"email": input.value,
|
|
"flow_id": flowId,
|
|
"flow_begin_time": flowBeginTime,
|
|
});
|
|
|
|
window.open(requestURL, "_blank", "noopener");
|
|
}
|
|
|
|
const endpoint = RPMGetFxAccountsEndpoint(ENTRYPOINT);
|
|
|
|
// This must come before the CSP is set or it will be blocked.
|
|
const metrics = requestFlowMetrics();
|
|
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
document.getElementById("sync").addEventListener("submit", submitForm);
|
|
}, { once: true });
|