🚧 added getGroupingsByProfileId, createChannelNamesByGroupings to chat service. TODO test before code review

frontend/src/services/chat.service.js

 import PubNub from 'pubnub'
 
+// custom services 
+import {fetchMembershipsByProfileId} from '../services/grouping.service'
+
 /**
  * Provider method holder
  * We always reference this object so
      */
     constructor() {
         // Map of each active chat
+        // * this is where we will store all of our groupings on from the backend on user login...
         this.groupings = {}
 
         // Our pubnub instance
         this.uuid = null
 
         // Setup the main channel
+        //  subscriptions array will be built dynamically from the this.groupings object
         this.subscriptions = [MAIN_CHANNEL, 'Channel-LosAngeles']
         this.listeners = {
             status: async e => {
     async setup(uuid) {
         this.uuid = `${uuid}`
         this.provider = await setupPubnub(this.uuid)
-
+            
+        //  step 1: build the this.groupings object from the backend
+        this.getGroupingsByProfileId(this.uuid)
+        //  step 2: build the this.subscriptions array from the this.groupings object
+        console.log('this.subscriptions: ', this.subscriptions)
+        //  step 3: subscribe to the this.subscriptions array
         this._listenFor({ listeners: this.listeners })
         this._subscribe(this.subscriptions)
     }
     _listenFor({ listeners }) {
         providerMethods['listen'](listeners)
     }
+
+    // fetch all groupings for this profile and then store them in the chatter groupings object for reference
+    async getGroupingsByProfileId(profileId) {
+        console.log('fetching groupings for profileId:', profileId)
+        const groupings = await fetchMembershipsByProfileId(profileId)
+        this.groupings = groupings
+        this.createChannelNamesByGroupings(this.groupings)
+    }
+    // building a list of channel names from the groupings object.grouping_name
+    createChannelNamesByGroupings(groupings) {
+        groupings.forEach(item => {
+            this.subscriptions.push(item.grouping_name)
+        });
+        
+        
+    }
 }
 
 export { Chatter }

frontend/src/services/login.service.js

 import { fetchResponsesByProfileId, Chatter, StonkAlert } from '../services'
 import { surveyFactory } from '../utils'
 
+
 /**
  * Logged in profile state manager
  * Sort of a util and service hybrid
         this.chatter = new Chatter()
         // Use the reactive id object
         const testAccountUUID = this.id.value
-        this.chatter.setup(testAccountUUID)
+        this.chatter.setup(testAccountUUID).then(() => {
+            console.log('chatter setup complete')
+           
+        })
+        
     }
+
+    
 }
 
 const currentProfile = new Login()