importScripts("https://www.gstatic.com/firebasejs/7.14.2/firebase-app.js");
importScripts(
  "https://www.gstatic.com/firebasejs/7.14.2/firebase-messaging.js"
);

firebase.initializeApp({
  apiKey: "AIzaSyDSezy-jGJreo7ulgpLdlpOwAOrgcaEkhU",
  authDomain: "imex-prod.firebaseapp.com",
  databaseURL: "https://imex-prod.firebaseio.com",
  projectId: "imex-prod",
  storageBucket: "imex-prod.appspot.com",
  messagingSenderId: "253497221485",
  appId: "1:253497221485:web:3c81c483b94db84b227a64",
  measurementId: "G-NTWBKG2L0M",
});

// firebase.initializeApp({
//   apiKey: "AIzaSyDPLT8GiDHDR1R4nI66Qi0BY1aYviDPioc",
//   authDomain: "imex-dev.firebaseapp.com",
//   databaseURL: "https://imex-dev.firebaseio.com",
//   projectId: "imex-dev",
//   storageBucket: "imex-dev.appspot.com",
//   messagingSenderId: "759548147434",
//   appId: "1:759548147434:web:e8239868a48ceb36700993",
//   measurementId: "G-K5XRBVVB4S",
// });

const messaging = firebase.messaging();

//Handles Background Messages
// messaging.setBackgroundMessageHandler(function (payload) {
//   console.log("backgroundMessageHandler", payload);
//   const promiseChain = clients
//     .matchAll({
//       type: "window",
//       includeUncontrolled: true,
//     })
//     .then((windowClients) => {
//       for (let i = 0; i < windowClients.length; i++) {
//         const windowClient = windowClients[i];
//         console.log("[fbmsw] Posting Paylout to window client.");
//         windowClient.postMessage(payload);
//       }
//     })
//     .then(() => {
//       console.log("[fbmsw] Showing notification.");
//       return registration.showNotification(JSON.stringify(payload));
//     });
//   return promiseChain;
// });

// messaging.onMessage((payload) => {
//   console.log("Message received. ", payload);
//   // ...
// });

messaging.setBackgroundMessageHandler(function (payload) {
  console.log(
    "**********[firebase-messaging-sw.js] Received background message ",
    payload
  );
  // Customize notification here
  const notificationTitle = "Background Message Title";
  const notificationOptions = {
    body: payload.notification.body + "FROM SW",
    icon: "logo240.png",
  };

  return self.registration.showNotification(
    notificationTitle,
    notificationOptions
  );
});

// self.addEventListener("message", (message) => {
//   const { payload } = message.data.firebaseMessaging;

//   navigator.serviceWorker.getRegistration().then((registration) =>
//     registration.showNotification(payload.notification.title, {
//       body: payload.notification.body + "FROM SW",
//       icon: "logo240.png",
//       badge: "logo240.png",
//       actions: [
//         {
//           action: "respond",
//           title: "Respond",
//         },
//       ],
//     })
//   );
// });

//Handles the notification getting clicked.
self.addEventListener("notificationclick", function (event) {
  console.log("SW notificationclick", event);
});

// self.addEventListener("message", (message) => {
//   console.log("Push from SW", message);
// //   registration.showNotification("Push from SW" + JSON.stringify(message.data));
// });