Merge pull request #716 from SuperViz/fix/active-components-lists

fix: active components lists

Author: carlossantos74

src/core/launcher/index.ts

@@ -47,6 +47,7 @@ export class Launcher extends Observable implements DefaultLauncher {
     localParticipant.publish({ ...participant });
     participants.subscribe(this.onParticipantListUpdate);
     isDomainWhitelisted.subscribe(this.onAuthentication);
+    localParticipant.subscribe(this.onLocalParticipantUpdate);
 
     group.publish(participantGroup);
     this.ioc = new IOC(localParticipant.value);
@@ -188,11 +189,9 @@ export class Launcher extends Observable implements DefaultLauncher {
    * @returns {boolean}
    */
   private canAddComponent = (component: Partial<BaseComponent>): boolean => {
-    const { localParticipant } = useStore(StoreType.GLOBAL);
-
     const isProvidedFeature = config.get<boolean>(`features.${component.name}`);
     const hasComponentLimit = LimitsService.checkComponentLimit(component.name);
-    const isComponentActive = localParticipant.value.activeComponents?.includes(component.name);
+    const isComponentActive = this.activeComponents?.includes(component.name);
 
     const verifications = [
       {
@@ -236,6 +235,16 @@ export class Launcher extends Observable implements DefaultLauncher {
     );
   };
 
+  private onLocalParticipantUpdate = (participant: Participant): void => {
+    this.activeComponents = participant.activeComponents || [];
+
+    if (this.activeComponents.length) {
+      this.activeComponentsInstances = this.activeComponentsInstances.filter((ac) => {
+        return this.activeComponents.includes(ac.name);
+      });
+    }
+  };
+
   /**
    * @function onParticipantListUpdate
    * @description on participant list update

src/services/io/index.ts

@@ -23,7 +23,6 @@ export class IOC {
    */
   public destroy(): void {
     this.client.destroy();
-    this.client.connection.off();
   }
 
   /**
@@ -43,7 +42,7 @@ export class IOC {
 
     if (
       needsToReconnectStates.includes(state.state) &&
-      state.reason !== 'Unauthorized connection'
+      !['io client disconnect', 'Unauthorized connection'].includes(state.reason)
     ) {
       this.forceReconnect();
     }