fix: create participant when entering room instead of when adding com…

…ponent

src/components/comments/canvas-pin-adapter/index.ts

@@ -41,6 +41,7 @@ export class CanvasPin implements PinAdapter {
     }
 
     this.canvasSides = this.canvas.getBoundingClientRect();
+
     document.body.style.position = 'relative';
     this.onPinFixedObserver = new Observer({ logger: this.logger });
     this.divWrapper = this.renderDivWrapper();

src/core/index.ts

@@ -92,19 +92,24 @@ const init = async (apiKey: string, options: SuperVizSdkOptions): Promise<Launch
     throw new Error('Failed to validate API key');
   }
 
-  const environment = await ApiService.fetchConfig(apiUrl, apiKey);
-  const limits = await ApiService.fetchLimits(apiUrl, apiKey);
-  const waterMark = await ApiService.fetchWaterMark(apiUrl, apiKey);
+  const [environment, limits, waterMark] = await Promise.all([
+    ApiService.fetchConfig(apiUrl, apiKey),
+    ApiService.fetchLimits(apiUrl, apiKey),
+    ApiService.fetchWaterMark(apiUrl, apiKey),
+  ]).catch(() => {
+    throw new Error('Failed to load configuration from server');
+  });
 
   if (!environment || !environment.ablyKey) {
     throw new Error('Failed to load configuration from server');
   }
 
   const { ablyKey } = environment;
+  const { participant, roomId } = options;
 
   const isEnteringTwice = await ApiService.validadeParticipantIsEnteringTwice(
-    options.participant,
-    options.roomId,
+    participant,
+    roomId,
     apiKey,
     ablyKey,
   );
@@ -126,6 +131,12 @@ const init = async (apiKey: string, options: SuperVizSdkOptions): Promise<Launch
     colors: options.customColors,
   });
 
+  ApiService.createOrUpdateParticipant({
+    name: participant.name,
+    participantId: participant.id,
+    avatar: participant.avatar?.imageUrl,
+  });
+
   return LauncherFacade(options);
 };
 

src/core/launcher/index.ts

@@ -75,11 +75,6 @@ export class Launcher extends Observable implements DefaultLauncher {
     this.realtime.updateMyProperties({ activeComponents: this.activeComponents });
 
     ApiService.sendActivity(this.participant.id, this.group.id, this.group.name, component.name);
-    ApiService.createOrUpdateParticipant({
-      name: this.participant?.name,
-      participantId: this.participant?.id,
-      avatar: this.participant?.avatar.imageUrl,
-    });
   };
 
   /**