agora-appbuilder-core 3.0.7 → 3.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "3.0.7",
+  "version": "3.0.9",
   "description": "React Native template for RTE app builder",
   "main": "index.js",
   "files": [

package/template/_package-lock.json

@@ -7295,6 +7295,7 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/asar/-/asar-3.2.0.tgz",
       "integrity": "sha512-COdw2ZQvKdFGFxXwX3oYh2/sOsJWJegrdJCGxnN4MZ7IULgRBp9P6665aqj9z1v9VwP4oP1hRBojRDQ//IGgAg==",
+      "deprecated": "Please use @electron/asar moving forward.  There is no API change, just a package name change",
       "dev": true,
       "dependencies": {
         "chromium-pickle-js": "^0.2.0",
@@ -10613,6 +10614,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/electron-notarize/-/electron-notarize-1.0.0.tgz",
       "integrity": "sha512-dsib1IAquMn0onCrNMJ6gtEIZn/azG8hZMCYOuZIMVMUeRMgBYHK1s5TK9P8xAcrAjh/2aN5WYHzgVSWX314og==",
+      "deprecated": "Please use @electron/notarize moving forward.  There is no API change, just a package name change",
       "dev": true,
       "dependencies": {
         "debug": "^4.1.1",
@@ -21263,6 +21265,7 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.4.1.tgz",
       "integrity": "sha512-YWCYEmd5CQeHGSAKrYvXgmzzkrvssZcuuQDDeqkT+PziKGMgE+0MCCtcKbROzocGBG1meBLl2FotlRwf4gAzbQ==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
       "dependencies": {
         "@babel/runtime": "^7.12.1",
         "tiny-warning": "^1.0.3"
@@ -27810,6 +27813,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
       "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
+      "deprecated": "Use your platform's native performance.now() and performance.timeOrigin.",
       "dev": true,
       "dependencies": {
         "browser-process-hrtime": "^1.0.0"

package/template/src/SDKAppWrapper.tsx

@@ -38,13 +38,25 @@ export interface AppBuilderSdkApiInterface {
   ) => Unsubscribe;
 }
 
+let joinInit = false;
+
 export const AppBuilderSdkApi: AppBuilderSdkApiInterface = {
   customize: (customization: CustomizationApiInterface) => {
     SDKEvents.emit('addFpe', customization);
   },
   join: (roomid: string) =>
     new Promise((resolve, reject) => {
-      SDKEvents.emit('joinMeetingWithPhrase', roomid, resolve, reject);
+      if (joinInit) {
+        console.log('[SDKEvents] Join listener emitted preemptive');
+        SDKEvents.emit('joinMeetingWithPhrase', roomid, resolve, reject);
+      }
+      SDKEvents.on('joinInit', () => {
+        if (!joinInit) {
+          console.log('[SDKEvents] Join listener emitted');
+          SDKEvents.emit('joinMeetingWithPhrase', roomid, resolve, reject);
+          joinInit = true;
+        }
+      });
     }),
   createCustomization: customize,
   on: (userEventName, cb) => {

package/template/src/components/DeviceConfigure.tsx

@@ -147,7 +147,11 @@ const DeviceConfigure: React.FC<Props> = (props: any) => {
 
   useEffect(() => {
     // If stream exists and deviceList are empty, check for devices again
-    if (deviceList.length === 0) {
+    // Labels are empty in firefox when permission is grante first time, refresh device list if labels are empty
+    if (
+      deviceList.length === 0 ||
+      deviceList.find((device: MediaDeviceInfo) => device.label === '')
+    ) {
       refreshDevices();
     }
   }, [rtc]);

package/template/src/pages/Create.tsx

@@ -86,6 +86,7 @@ const Create = () => {
     if (isWebInternal()) {
       document.title = $config.APP_NAME;
     }
+    console.log('[SDKEvents] Join listener registered');
     const unbind = SDKEvents.on(
       'joinMeetingWithPhrase',
       (phrase, resolve, reject) => {
@@ -99,6 +100,7 @@ const Create = () => {
         }
       },
     );
+    SDKEvents.emit('joinInit');
     return () => {
       unbind();
     };

package/template/src/utils/SdkEvents.ts

@@ -19,6 +19,7 @@ import {createNanoEvents} from 'nanoevents';
 interface eventsMapInterface extends userEventsMapInterface {
   addFpe?: callBackType;
   addFpeInit?: () => void;
+  joinInit?: () => void;
   joinMeetingWithPhrase?: (
     phrase: string,
     resolve: () => void,