agora-appbuilder-core 4.0.22-beta-5 → 4.0.22-beta-7

package/package.json

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

package/template/src/auth/AuthProvider.tsx

@@ -38,6 +38,7 @@ import {
   loadingText,
 } from '../language/default-labels/commonLabels';
 import {LogSource, logger} from '../logger/AppBuilderLogger';
+import getUniqueID from '../utils/getUniqueID';
 
 export const GET_USER = gql`
   query getUser {
@@ -292,6 +293,11 @@ const AuthProvider = (props: AuthProviderProps) => {
       await apolloClient.query({
         query: GET_USER,
         fetchPolicy: 'network-only',
+        context: {
+          headers: {
+            'X-Request-Id': getUniqueID(),
+          },
+        },
       });
     } catch (error) {
       throw new Error(error);
@@ -471,6 +477,9 @@ const AuthProvider = (props: AuthProviderProps) => {
       );
       fetch(GET_UNAUTH_FLOW_API_ENDPOINT(), {
         credentials: 'include',
+        headers: {
+          'X-Request-Id': getUniqueID(),
+        },
       })
         .then(response => response.json())
         .then(response => {

package/template/src/auth/useIDPAuth.electron.tsx

@@ -9,6 +9,7 @@ import useTokenAuth from './useTokenAuth';
 import {useHistory} from '../components/Router';
 import {useString} from '../utils/useString';
 import {authSessionTimeoutToastHeading} from '../language/default-labels/commonLabels';
+import getUniqueID from '../utils/getUniqueID';
 
 export const useIDPAuth = () => {
   const {store, setStore} = useContext(StorageContext);
@@ -22,6 +23,7 @@ export const useIDPAuth = () => {
         fetch(`${$config.BACKEND_ENDPOINT}/v1/idp/logout`, {
           headers: {
             authorization: store?.token ? `Bearer ${store?.token}` : '',
+            'X-Request-Id': getUniqueID(),
           },
         })
           .then(response => response.json())

package/template/src/auth/useIDPAuth.native.tsx

@@ -8,6 +8,7 @@ import {
 } from './openIDPURL.native';
 import StorageContext from '../components/StorageContext';
 import useTokenAuth from './useTokenAuth';
+import getUniqueID from '../utils/getUniqueID';
 
 export const useIDPAuth = () => {
   const {store, setStore} = useContext(StorageContext);
@@ -19,9 +20,10 @@ export const useIDPAuth = () => {
         fetch(`${$config.BACKEND_ENDPOINT}/v1/idp/logout`, {
           headers: {
             authorization: store?.token ? `Bearer ${store?.token}` : '',
+            'X-Request-Id': getUniqueID(),
           },
         })
-          .then((response) => response.json())
+          .then(response => response.json())
           .then((res: any) => {
             if (res && res?.url) {
               //Storing the URL in the local variable
@@ -37,7 +39,7 @@ export const useIDPAuth = () => {
                     InAppBrowser.openAuth(
                       IDPAuthLogoutURL,
                       encodeURIComponent(getIDPAuthLoginURL()),
-                    ).then((res) => {
+                    ).then(res => {
                       if (res && res?.type === 'cancel') {
                         setShowNativePopup && setShowNativePopup(true);
                       }
@@ -54,7 +56,7 @@ export const useIDPAuth = () => {
               reject(false);
             }
           })
-          .catch((_) => {
+          .catch(_ => {
             reject(false);
           });
       } catch (error) {

package/template/src/auth/useIDPAuth.tsx

@@ -4,6 +4,7 @@ import {enableIDPAuth, getIDPAuthLoginURL} from './openIDPURL';
 import useTokenAuth from './useTokenAuth';
 import StorageContext from '../components/StorageContext';
 import {useContext} from 'react';
+import getUniqueID from '../utils/getUniqueID';
 
 export const useIDPAuth = () => {
   const location = useLocation();
@@ -17,9 +18,10 @@ export const useIDPAuth = () => {
           credentials: 'include',
           headers: {
             authorization: store?.token ? `Bearer ${store?.token}` : '',
+            'X-Request-Id': getUniqueID(),
           },
         })
-          .then((response) => response.json())
+          .then(response => response.json())
           .then((res: any) => {
             if (res && res?.url) {
               //Storing the URL in the local variable
@@ -47,7 +49,7 @@ export const useIDPAuth = () => {
               reject(false);
             }
           })
-          .catch((_) => {
+          .catch(_ => {
             reject(false);
           });
       } catch (error) {

package/template/src/auth/useTokenAuth.tsx

@@ -5,6 +5,7 @@ import SdkEvents from '../utils/SdkEvents';
 import isSDK from '../utils/isSDK';
 import {getPlatformId} from './config';
 import {LogSource, logger} from '../logger/AppBuilderLogger';
+import getUniqueID from '../utils/getUniqueID';
 const REFRESH_TOKEN_DURATION_IN_SEC = 59;
 
 const useTokenAuth = () => {
@@ -44,6 +45,7 @@ const useTokenAuth = () => {
           'Content-Type': 'application/json',
           authorization: store?.token ? `Bearer ${store.token}` : '',
           'X-Platform-ID': getPlatformId(),
+          'X-Request-Id': getUniqueID(),
         },
       })
         .then(response => response.json())
@@ -174,6 +176,7 @@ const useTokenAuth = () => {
                   authorization: tokenRef.current
                     ? `Bearer ${tokenRef.current}`
                     : '',
+                  'X-Request-Id': getUniqueID(),
                 },
               },
         )

package/template/src/components/GraphQLProvider.tsx

@@ -19,6 +19,7 @@ import {
   // from,
 } from '@apollo/client';
 import React, {createContext, useContext, useEffect, useState} from 'react';
+import getUniqueID from '../../src/utils/getUniqueID';
 import StorageContext from './StorageContext';
 
 export const GraphQLContext = createContext<{
@@ -53,6 +54,7 @@ const authLink = (token: string) => {
           ...headers,
           'X-Project-ID': $config.PROJECT_ID,
           'X-Platform-ID': 'turnkey_web',
+          'X-REQUEST-ID': getUniqueID(),
           ...(token && {
             authorization: token ? `Bearer ${token}` : '',
           }),

package/template/src/components/whiteboard/WhiteboardToolBox.tsx

@@ -42,6 +42,7 @@ import {
   whiteboardToolboxWidthLabel,
 } from '../../language/default-labels/videoCallScreenLabels';
 import {LogSource, logger} from '../../logger/AppBuilderLogger';
+import getUniqueID from '../../utils/getUniqueID';
 
 const supportedDocTypes = [
   'application/msword',
@@ -325,6 +326,8 @@ const WhiteboardToolBox = ({whiteboardRoom}) => {
           const myHeaders2 = new Headers();
           myHeaders2.append('Content-Type', 'application/json');
           myHeaders2.append('Authorization', `Bearer ${store?.token}`);
+          myHeaders2.append('X-Request-Id', getUniqueID());
+
           const body = JSON.stringify({
             resource_url: url,
             passphrase: roomId?.host,
@@ -398,6 +401,7 @@ const WhiteboardToolBox = ({whiteboardRoom}) => {
           const myHeaders2 = new Headers();
           myHeaders2.append('Content-Type', 'application/json');
           myHeaders2.append('Authorization', `Bearer ${store?.token}`);
+          myHeaders2.append('X-Request-Id', getUniqueID());
           const body = JSON.stringify({
             resource_url: url,
           });
@@ -468,6 +472,7 @@ const WhiteboardToolBox = ({whiteboardRoom}) => {
           method: 'GET',
           headers: {
             authorization: store?.token ? `Bearer ${store?.token}` : '',
+            'X-Request-Id': getUniqueID(),
           },
         })
           .then(async res => {

package/template/src/components/whiteboard/WhiteboardWidget.tsx

@@ -48,6 +48,7 @@ import {
   whiteboardWidgetZoomInText,
   whiteboardWidgetZoomOutText,
 } from '../../language/default-labels/videoCallScreenLabels';
+import getUniqueID from '../../utils/getUniqueID';
 
 const Seperator = () => {
   return (
@@ -126,6 +127,7 @@ const WhiteboardWidget = ({whiteboardRoom}) => {
       const myHeaders2 = new Headers();
       myHeaders2.append('Content-Type', 'application/json');
       myHeaders2.append('Authorization', `Bearer ${store?.token}`);
+      myHeaders2.append('X-Request-Id', getUniqueID());
       const body = JSON.stringify({
         room_uuid: room_uuid,
         path: '/init',

package/template/src/subComponents/caption/useSTTAPI.tsx

@@ -9,6 +9,7 @@ import useGetName from '../../utils/useGetName';
 import {capitalizeFirstLetter} from '../../utils/common';
 import {PropsContext, useLocalUid} from '../../../agora-rn-uikit';
 import {logger, LogSource} from '../../logger/AppBuilderLogger';
+import getUniqueID from '../../utils/getUniqueID';
 
 interface IuseSTTAPI {
   start: (lang: LanguageType[]) => Promise<{message: string} | null>;
@@ -55,6 +56,7 @@ const useSTTAPI = (): IuseSTTAPI => {
         headers: {
           'Content-Type': 'application/json',
           authorization: store.token ? `Bearer ${store.token}` : '',
+          'X-Request-Id': getUniqueID(),
         },
         body: JSON.stringify({
           passphrase: roomId?.host || '',

package/template/src/subComponents/recording/useRecording.tsx

@@ -50,6 +50,7 @@ import {useScreenContext} from '../../components/contexts/ScreenShareContext';
 import {useLiveStreamDataContext} from '../../components/contexts/LiveStreamDataContext';
 import {fetchRetry} from '../../utils/fetch-retry';
 import {LogSource, logger} from '../../logger/AppBuilderLogger';
+import getUniqueID from '../../utils/getUniqueID';
 
 const log = (...args: any[]) => {
   console.log('[Recording_v2:] ', ...args);
@@ -262,6 +263,7 @@ const RecordingProvider = (props: RecordingProviderProps) => {
       headers: {
         'Content-Type': 'application/json',
         authorization: store.token ? `Bearer ${store.token}` : '',
+        'X-Request-Id': getUniqueID(),
       },
       body: JSON.stringify({
         passphrase: roomId.host,
@@ -474,6 +476,7 @@ const RecordingProvider = (props: RecordingProviderProps) => {
         headers: {
           'Content-Type': 'application/json',
           authorization: store.token ? `Bearer ${store.token}` : '',
+          'X-Request-Id': getUniqueID(),
         },
         body: JSON.stringify({
           passphrase: roomId?.host,

package/template/src/subComponents/waiting-rooms/useWaitingRoomAPI.ts

@@ -8,6 +8,7 @@ import useGetName from '../../utils/useGetName';
 import {useLocalUid} from '../../../agora-rn-uikit';
 import {useParams} from '../../components/Router';
 import {LogSource, logger} from '../../logger/AppBuilderLogger';
+import getUniqueID from '../../utils/getUniqueID';
 
 interface IuseWaitingRoomAPI {
   request: (params: {
@@ -37,6 +38,7 @@ const useWaitingRoomAPI = (): IuseWaitingRoomAPI => {
       headers: {
         'Content-Type': 'application/json',
         authorization: store.token ? `Bearer ${store.token}` : '',
+        'X-Request-Id': getUniqueID(),
       },
       body: payload,
     });