agora-appbuilder-core 4.0.0-api.7 → 4.0.0-api.9

package/template/src/utils/useMuteToggleLocal.ts

@@ -13,7 +13,7 @@ import {useLocalUserInfo, useRtc} from 'customization-api';
 import {useContext} from 'react';
 import {
   PropsContext,
-  ClientRole,
+  ClientRoleType,
   ToggleState,
   DispatchContext,
 } from '../../agora-rn-uikit';
@@ -33,7 +33,7 @@ function useMuteToggleLocal() {
   const local = useLocalUserInfo();
   const isLiveStream = $config.EVENT_MODE;
   const {rtcProps} = useContext(PropsContext);
-  const isBroadCasting = rtcProps?.role == ClientRole.Broadcaster;
+  const isBroadCasting = rtcProps?.role == ClientRoleType.ClientRoleBroadcaster;
 
   const {videoMuteQueue, audioMuteQueue} = useContext(SdkMuteQueueContext);
 
@@ -77,9 +77,14 @@ function useMuteToggleLocal() {
             });
 
             try {
-              await RtcEngineUnsafe.muteLocalAudioStream(
-                localAudioState === ToggleState.enabled,
-              );
+              isWebInternal()
+                ? await RtcEngineUnsafe.muteLocalAudioStream(
+                    localAudioState === ToggleState.enabled,
+                  ) //@ts-ignore
+                : await RtcEngineUnsafe.enableLocalAudio(
+                    localAudioState === ToggleState.enabled ? false : true,
+                  );
+
               // Enable UI
               dispatch({
                 type: 'LocalMuteAudio',

package/template/src/utils/useSearchParams.tsx

@@ -0,0 +1,18 @@
+import {useLocation} from '../components/Router';
+import {useMemo} from 'react';
+
+interface ReadOnlyURLSearchParams extends URLSearchParams {
+  append: never;
+  set: never;
+  delete: never;
+  sort: never;
+}
+
+export function useSearchParams() {
+  const {search} = useLocation();
+
+  return useMemo(
+    () => new URLSearchParams(search) as ReadOnlyURLSearchParams,
+    [search],
+  );
+}

package/template/src/utils/endCallEveryOne.ts

@@ -1,7 +0,0 @@
-import {controlMessageEnum} from '../components/ChatContext';
-import events from '../rtm-events-api';
-
-const endCallEveryOne = () => {
-  events.send(controlMessageEnum.endCallForEveryone);
-};
-export default endCallEveryOne;

package/template/src/utils/useDisableButton.tsx

@@ -1,37 +0,0 @@
-/*
-********************************************
- Copyright © 2021 Agora Lab, Inc., all rights reserved.
- AppBuilder and all associated components, source code, APIs, services, and documentation 
- (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be 
- accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.  
- Use without a license or in violation of any license terms and conditions (including use for 
- any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more 
- information visit https://appbuilder.agora.io. 
-*********************************************
-*/
-import {useRoomInfo} from '../components/room-info/useRoomInfo';
-import {controlMessageEnum} from '../components/ChatContext';
-import events, {PersistanceLevel} from '../rtm-events-api';
-import {MUTE_REMOTE_TYPE} from './useRemoteMute';
-
-function useDisableButton() {
-  const {
-    data: {isHost},
-  } = useRoomInfo();
-
-  return async (type: MUTE_REMOTE_TYPE, action: boolean = true) => {
-    if (isHost) {
-      events.send(
-        controlMessageEnum.disableButton,
-        JSON.stringify({button: type, action}),
-        PersistanceLevel.None,
-      );
-    } else {
-      console.error(
-        'A host can only enable/disable participants video/audio button.',
-      );
-    }
-  };
-}
-
-export default useDisableButton;