onRemoteStreamListener doesn't get triggered on the Initiator's Side (Web App)

Question

I am trying to build a video chat application between 2 users using the sdk provided by Connecty Cube everything works fine so far till.

• User 1 (caller) : initiates the call
• User 2 (opponent) : receives the call and accepts it
• User 1 & User 2 : should get a call back function onRemoteStreamListener in order to start the Video Session between them

What actually happens User 2 only gets the Event for OnRemoteStreamListener and could view/hear User 1, while onRemoteStreamListener doesn't get triggered in User 1 side. I am not sure what is the problem as I have been going through the documentation provided by Connecty Cube and having it as my reference for the integration link: https://developers.connectycube.com/js/videocalling?id=accept-a-call ConnectyCube SDK Version : 3.9.1

Here are samples for the code:

User 1 (Caller Code)

async startVideoSession() {
  try {
    const {
      dispatch,
      getters: {
        getConnectyCubeSessionInfo,
        getUserData,
        getSelectedVideoAppointement
      }
    } = this.$store;
    const patientConnectyCubeUserResponse = await dispatch(
      "getUserFromConnectyCube",
      {
        sessionInfo: getConnectyCubeSessionInfo,
        email: getSelectedVideoAppointement.patient.email
      }
    );
    const doctorConnectyCubeUserResponse = await dispatch(
      "getUserFromConnectyCube",
      {
        sessionInfo: getConnectyCubeSessionInfo,
        email: getUserData.email
      }
    );

    const {
      Credentials: { appId }
    } = connectyCubeClient;
    const client = new ConnectyCube();
    await client.init({ appId, token: getConnectyCubeSessionInfo.token });

    await client.createSession({
      login: ########,
      password: ##########
    });
    const token = client.service.sdkInstance.session.token;

    await client.chat.connect({
      userId: doctorConnectyCubeUserResponse.user.id,
      password: token
    });

    const isConnected = await client.chat.isConnected;

    if (isConnected) {
      const calleesIds = [patientConnectyCubeUserResponse.user.id]; // User's ids
      const sessionType = client.videochat.CallType.VIDEO; // AUDIO is also possible
      const additionalOptions = { bandwidth: 256 };
      const session = await client.videochat.createNewSession(
        calleesIds,
        sessionType,
        additionalOptions
      );
      const mediaParams = {
        audio: true,
        video: true,
        options: {
          muted: true,
          mirror: true
        }
      };
      await session
        .getUserMedia(mediaParams)
        .then(localStream => {
          session.attachMediaStream("doctor-video", localStream);
          const extension = {};
          session.call(extension, error => {
            console.log(error);
          });
        })
        .catch(err => {
          console.error(err);
        });
      console.log("last console.log");
      client.videochat.onAcceptCallListener = this.onAcceptCallListener;
      // client.videochat.onUserNotAnswerListener = function(session, userId) {
      //   console.log("call refused");
      // };

      client.videochat.onSessionConnectionStateChangedListener = function(
        session,
        userID,
        connectionState
      ) {
        console.log("Connection state => \n", connectionState);
      };

      client.videochat.onRemoteStreamListener = this.OnRemoteStreamListener;
    }
  } catch (err) {
    console.log("ERRRRRROR", err);
  }
}


OnRemoteStreamListener(session, userId, remoteStream) {
  // attach the remote stream to DOM element
  console.log("STREAM FROM DOCTOR");
  session.attachMediaStream("patient-video", remoteStream);
},

User 2 (opponent code)

async initalizeConnectyCube() {
  const {
    getters: { getPatientData }
  } = this.$store;

  const client = new ConnectyCube();
  const { Credentials, Config } = connectyCubeClient;
  await client.init(Credentials, Config);
  const sessionInfo = await client.createSession();
  await client.init({ appId: Credentials.appId, token: sessionInfo.token });
  const sessionStatus = await client.createSession({
    login: ########,
    password: ########
  });
  const token = client.service.sdkInstance.session.token;
  await client.chat.connect({
    userId: sessionStatus.user.id,
    password: token
  });
  const isUserConnected = await client.chat.isConnected;
  if (isUserConnected) {
    client.videochat.onCallListener = this.handleOnCallListener;
    client.videochat.onRemoteStreamListener = this.handleOnRemoteStreamListener;
  }
}

handleOnRemoteStreamListener(session, userID, remoteStream) {
  // attach the remote stream to DOM element
  console.log("STREAM FROM CALLER");
  session.attachMediaStream("patient-video", remoteStream);
}