Bug 1848396 - call availability report API when report back-in-stock button is selected r=shopping-reviewers,Gijs

Differential Revision: https://phabricator.services.mozilla.com/D187308

browser/components/BrowserGlue.sys.mjs

@@ -765,6 +765,7 @@ let JSWINDOWACTORS = {
         // methods available to the page js on load.
         DOMDocElementInserted: {},
         ShoppingTelemetryEvent: { wantUntrusted: true },
+        ReportProductAvailable: { wantUntrusted: true },
       },
     },
     matches: ["about:shoppingsidebar"],

browser/components/shopping/ShoppingSidebarChild.sys.mjs

@@ -87,6 +87,9 @@ export class ShoppingSidebarChild extends RemotePageChild {
       case "PolledRequestMade":
         this.updateContent({ isPolledRequest: true });
         break;
+      case "ReportProductAvailable":
+        this.reportProductAvailable();
+        break;
       case "ShoppingTelemetryEvent":
         this.submitShoppingEvent(event.detail);
         break;
@@ -283,6 +286,10 @@ export class ShoppingSidebarChild extends RemotePageChild {
     win.document.dispatchEvent(evt);
   }
 
+  async reportProductAvailable() {
+    await this.#product.sendReport();
+  }
+
   /**
    * Helper to handle telemetry events.
    *

browser/components/shopping/content/shopping-container.mjs

@@ -113,6 +113,12 @@ export class ShoppingContainer extends MozLitElement {
         break;
       case "ReportedProductAvailable":
         this.userReportedAvailable = true;
+        window.dispatchEvent(
+          new CustomEvent("ReportProductAvailable", {
+            bubbles: true,
+            composed: true,
+          })
+        );
         break;
       case "adsEnabledByUserChanged":
         this.adsEnabledByUser = event.detail?.adsEnabledByUser;