browser/base/content/newInstallPage.js

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 /* global RPMGetUpdateChannel, RPMGetFxAccountsEndpoint */
   6
   7 const PARAMS = new URL(location).searchParams;
   8 const ENTRYPOINT = "new-install-page";
   9 const SOURCE = `new-install-page-${RPMGetUpdateChannel()}`;
  10 const CAMPAIGN = "dedicated-profiles";
  11 const ENDPOINT = PARAMS.get("endpoint");
  12
  13 function appendAccountsParams(url) {
  14   url.searchParams.set("entrypoint", ENTRYPOINT);
  15   url.searchParams.set("utm_source", SOURCE);
  16   url.searchParams.set("utm_campaign", CAMPAIGN);
  17 }
  18
  19 function appendParams(url, params) {
  20   appendAccountsParams(url);
  21
  22   for (let [key, value] of Object.entries(params)) {
  23     url.searchParams.set(key, value);
  24   }
  25 }
  26
  27 async function requestFlowMetrics() {
  28   let requestURL = new URL(await endpoint);
  29   requestURL.pathname = "metrics-flow";
  30   appendParams(requestURL, {
  31     "form_type": "email",
  32   });
  33
  34   let response = await fetch(requestURL, { credentials: "omit" });
  35   if (response.status === 200) {
  36     return response.json();
  37   }
  38
  39   throw new Error(`Failed to retrieve metrics: ${response.status}`);
  40 }
  41
  42 async function submitForm(event) {
  43   // We never want to submit the form.
  44   event.preventDefault();
  45
  46   let input = document.getElementById("sync-input");
  47
  48   let { flowId, flowBeginTime } = await metrics;
  49
  50   let requestURL = new URL(await endpoint);
  51   appendParams(requestURL, {
  52     "action": "email",
  53     "utm_campaign": CAMPAIGN,
  54     "email": input.value,
  55     "flow_id": flowId,
  56     "flow_begin_time": flowBeginTime,
  57   });
  58
  59   window.open(requestURL, "_blank", "noopener");
  60   document.getElementById("sync").hidden = true;
  61 }
  62
  63 const endpoint = RPMGetFxAccountsEndpoint(ENTRYPOINT);
  64
  65 // This must come before the CSP is set or it will be blocked.
  66 const metrics = requestFlowMetrics();
  67
  68 document.addEventListener("DOMContentLoaded", () => {
  69   document.getElementById("sync").addEventListener("submit", submitForm);
  70 }, { once: true });