:nut_and_bolt: started frontend NotificationFactory in notification.js utils #TODO import wave into notification.js

frontend/src/services/chat.service.js

 const setupPubnub = async uuid => {
     const publishKey = import.meta.env.VITE_PUBNUB_PUBLISH_KEY
     const subscribeKey = import.meta.env.VITE_PUBNUB_SUBSCRIBE_KEY
+
     if (!uuid) return console.error('no pubnub uuid set')
 
     const pubnubClient = await new PubNub({
         this.uuid = `${uuid}`
         this.provider = await setupPubnub(this.uuid)
 
-        //  step 1: build the this.groupings object from the backend
-        // ? .await for the groupings to be fetched before subscribing to channels
+        //  step_1: build the this.groupings object from the backend
+        //  await for the groupings to be fetched before subscribing to channels
         await this._setupAllChannels(groupings)
         this._listenFor({ listeners: this.listeners })
         this.subscribe({ channels: this.subscriptions })
      * @return {object} timestamp
      */
     async publish(channel, message) {
-        // console.log('publishing message to channel:', channel)
         return providerMethods.publish({
             channel,
             message: new ChatMessage(message),

frontend/src/utils/index.js

 
 import { Connector } from './db'
 import { SurveyFactory } from './survey'
+import { NotificationFactory } from './notification'
 import { possible } from './lang'
 import { pidMixin, cardMixin } from './mixins'
 
 }
 
 const surveyFactory = new SurveyFactory(possible['usa'])
+const notificationFactory = new NotificationFactory
 
 const mixins = { pidMixin, cardMixin }
 
 
 const randomSurveyResponses = count => {
     const surveyResponses = [
-        { id: null ,"idOrPrompt": "email", "val": `${randomEmail()}` },
-        { id: null ,"idOrPrompt": "name", "val": `john test-${count}` },
-        { id: 99 ,"idOrPrompt": 15, "val": randomValFrom(possible.usa.pronouns) },
-        { id: null ,"idOrPrompt": "seeking", "val": Math.random() > 0.2 ? possible.usa.seeking[0] : possible.usa.seeking[1] },
-        { id: 99 ,"idOrPrompt": 13, "val": randomValFrom(possible.usa.urgency) },
-        { id: null ,"idOrPrompt": "experience", "val": randomValFrom(possible.usa.experience) },
-        { id: 99 ,"idOrPrompt": 14, "val": "swe" },
-        { id: 99 ,"idOrPrompt": 10, "val": randomValFrom(possible.usa.duration) },
-        { id: 99 ,"idOrPrompt": 9, "val": randomValFrom(possible.usa.language) },
-        { id: 99 ,"idOrPrompt": 11, "val": randomValFrom(possible.usa.presence) },
-        { id: 99 ,"idOrPrompt": 7, "val": `${randomValFrom(possibleZipcodes)}` },
-        { id: 99 ,"idOrPrompt": 16, "val": `${randomNumber(55)}` },
-        { id: 99 ,"idOrPrompt": 12, "val": "this is a test of the survey signup" },
-        { id: 99 ,"idOrPrompt": 8, "val": randomMedia() },
-        { id: 99 ,"idOrPrompt": 1, "val": `${randomNumber(3) - randomNumber(3)}` },
-        { id: 99 ,"idOrPrompt": 2, "val": `${randomNumber(3) - randomNumber(3)}` },
-        { id: 99 ,"idOrPrompt": 3, "val": `${randomNumber(3) - randomNumber(3)}` },
-        { id: 99 ,"idOrPrompt": 4, "val": `${randomNumber(3) - randomNumber(3)}` },
-        { id: 99 ,"idOrPrompt": 5, "val": `${randomNumber(3) - randomNumber(3)}` },
-        { id: 99 ,"idOrPrompt": 6, "val": `${randomNumber(3) - randomNumber(3)}` }
+        { id: null, "idOrPrompt": "email", "val": `${randomEmail()}` },
+        { id: null, "idOrPrompt": "name", "val": `john test-${count}` },
+        { id: 99, "idOrPrompt": 15, "val": randomValFrom(possible.usa.pronouns) },
+        { id: null, "idOrPrompt": "seeking", "val": Math.random() > 0.2 ? possible.usa.seeking[0] : possible.usa.seeking[1] },
+        { id: 99, "idOrPrompt": 13, "val": randomValFrom(possible.usa.urgency) },
+        { id: null, "idOrPrompt": "experience", "val": randomValFrom(possible.usa.experience) },
+        { id: 99, "idOrPrompt": 14, "val": "swe" },
+        { id: 99, "idOrPrompt": 10, "val": randomValFrom(possible.usa.duration) },
+        { id: 99, "idOrPrompt": 9, "val": randomValFrom(possible.usa.language) },
+        { id: 99, "idOrPrompt": 11, "val": randomValFrom(possible.usa.presence) },
+        { id: 99, "idOrPrompt": 7, "val": `${randomValFrom(possibleZipcodes)}` },
+        { id: 99, "idOrPrompt": 16, "val": `${randomNumber(55)}` },
+        { id: 99, "idOrPrompt": 12, "val": "this is a test of the survey signup" },
+        { id: 99, "idOrPrompt": 8, "val": randomMedia() },
+        { id: 99, "idOrPrompt": 1, "val": `${randomNumber(3) - randomNumber(3)}` },
+        { id: 99, "idOrPrompt": 2, "val": `${randomNumber(3) - randomNumber(3)}` },
+        { id: 99, "idOrPrompt": 3, "val": `${randomNumber(3) - randomNumber(3)}` },
+        { id: 99, "idOrPrompt": 4, "val": `${randomNumber(3) - randomNumber(3)}` },
+        { id: 99, "idOrPrompt": 5, "val": `${randomNumber(3) - randomNumber(3)}` },
+        { id: 99, "idOrPrompt": 6, "val": `${randomNumber(3) - randomNumber(3)}` }
     ]
     return surveyResponses
 }
 
-export { 
+export {
     api,
     validatorMapping,
     surveyFactory,
+    notificationFactory,
     makeKebob,
     mixins,
     randomSurveyResponses,

frontend/src/views/HomeView.vue

 )
     header
         SummaryBar
-        TagList(:icon="{ family: 'mdi', shape: 'heart' }")
+        TagList(:icon='{ family: "mdi", shape: "heart" }')
         AspectBar
         PairingButton
         h2 Match Queue
             this.loading = false
         },
         // this can be placed in utils/notification.js
+
         notify(payload) {
             this.$waveui.notify({
-                message: payload.timetoken,
+                message: payload,
                 timeout: 6000,
                 bgColor: 'white',
                 color: 'success',