@ukpc-lib/react 0.10.10 → 0.10.12

package/dist/brand/assets/config/firebase-messaging-sw.js

@@ -0,0 +1,43 @@
+/* eslint-disable no-undef */
+// This a service worker file for receiving push notifitications.
+// See `Access registration token section` @ https://firebase.google.com/docs/cloud-messaging/js/client#retrieve-the-current-registration-token
+ 
+// Scripts for firebase and firebase messaging
+// eslint-disable-next-line no-undef
+importScripts('https://www.gstatic.com/firebasejs/8.2.0/firebase-app.js');
+importScripts('https://www.gstatic.com/firebasejs/8.2.0/firebase-messaging.js');
+ 
+ 
+// Initialize the Firebase app in the service worker by passing the generated config
+// TODO: research for initializing config using .env in each repo instead of hardcode
+const firebaseConfig = {
+  apiKey: "AIzaSyBURVBSZYwY5qqVJClcp8_3uCi9X88CXX0",
+  authDomain: "sb-brand3.firebaseapp.com",
+  projectId: "sb-brand3",
+  storageBucket: "sb-brand3.appspot.com",
+  messagingSenderId: "219299800311",
+  appId: "1:219299800311:web:128cdb8de3650de3021ff2",
+  measurementId: "G-MLZSEVW7YD"
+};
+ 
+
+firebase.initializeApp(firebaseConfig);
+ 
+// Retrieve firebase messaging
+const messaging = firebase.messaging();
+ 
+//Handle incoming messages while the app is not in focus (i.e in the background, hidden behind other tabs, or completely closed).
+const channel = new BroadcastChannel('my-channel');
+messaging.onBackgroundMessage(function(payload) {
+  console.log('Received background message ', payload);
+ 
+  const notificationTitle = payload.data.actorName;
+  const notificationOptions = {
+    body: `${payload.data.message} ${payload.data.context}`,
+    icon: 'https://ukpcsaprod.blob.core.windows.net/saas/notification-icon.svg',
+  };
+ 
+  self.registration.showNotification(notificationTitle,
+    notificationOptions);
+    channel.postMessage({notificationTitle, notificationOptions});
+});