agora-appbuilder-core 2.3.0-beta.25 → 2.3.0-beta.27

package/package.json

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

package/template/customization-api/app-state.ts

@@ -38,3 +38,5 @@ export {useMeetingInfo} from '../src/components/meeting-info/useMeetingInfo';
 export type {MeetingInfoContextInterface} from '../src/components/meeting-info/useMeetingInfo';
 export {useChatUIControl} from '../src/components/chat-ui/useChatUIControl';
 export type {ChatUIControlInterface} from '../src/components/chat-ui/useChatUIControl';
+export {useMessages} from '../src/app-state/useMessages';
+export type {messageInterface} from '../src/app-state/useMessages';

package/template/customization-api/sub-components.ts

@@ -29,6 +29,7 @@ export {
   ChatSendButton,
   ChatTextInput,
   Chat,
+  SettingsView,
 } from '../src/pages/video-call/index';
 export {default as GridLayout} from '../src/components/GridVideo';
 export {default as PinnedLayout} from '../src/components/PinnedVideo';

package/template/customization-api/utils.ts

@@ -20,23 +20,6 @@ export {default as useIsPSTN} from '../src/utils/useIsPSTN';
 //hook used to get/set username
 export {default as useUserName} from '../src/utils/useUserName';
 
-//hooks used to manage messages
-export {default as useGroupMessages} from '../src/utils/useGroupMessages';
-export {default as usePrivateMessages} from '../src/utils/usePrivateMessages';
-export {
-  default as useUnreadMessageCount,
-  UNREAD_MESSAGE_COUNT_TYPE,
-} from '../src/utils/useUnreadMessageCount';
-export {
-  default as useSetUnreadMessageCount,
-  SET_UNREAD_MESSAGE_COUNT_TYPE,
-} from '../src/utils/useSetUnreadMessageCount';
-export {
-  default as useSendMessage,
-  MESSAGE_TYPE,
-} from '../src/utils/useSendMessage';
-export {default as useEditMessage} from '../src/utils/useEditMessage';
-export {default as useDeleteMessage} from '../src/utils/useDeleteMessage';
 export {controlMessageEnum} from '../src/components/ChatContext';
 
 //hook to manage audio/video states
@@ -54,6 +37,7 @@ export {
 export {ToggleState} from '../agora-rn-uikit/src/Contexts/PropsContext';
 
 //
+export type {SidePanelType} from '../src/subComponents/SidePanelEnum';
 export {useSidePanel} from '../src/utils/useSidePanel';
 
 //hooks used for navigation

package/template/src/app-state/useMessages.ts

@@ -0,0 +1,52 @@
+import {
+  individualUnreadMessageCount,
+  useChatNotification,
+} from '../components/chat-notification/useChatNotification';
+import {
+  messageStoreInterface,
+  useChatMessages,
+} from '../components/chat-messages/useChatMessages';
+
+export interface messageInterface {
+  groupMessages: messageStoreInterface[];
+  privateMessages: {
+    [key: string]: messageStoreInterface[];
+  };
+  sendMessage: (msg: string, toUid?: number) => void;
+  editMessage: (msgId: string, msg: string, toUid?: number) => void;
+  deleteMessage: (msgId: string, toUid?: number) => void;
+  groupUnreadCount: number;
+  individualUnreadCount: individualUnreadMessageCount;
+  setGroupUnreadCount: React.Dispatch<React.SetStateAction<number>>;
+  setIndividualUnreadCount: React.Dispatch<
+    React.SetStateAction<individualUnreadMessageCount>
+  >;
+}
+
+export const useMessages: () => messageInterface = () => {
+  const {
+    deleteChatMessage: deleteMessage,
+    editChatMessage: editMessage,
+    messageStore: groupMessages,
+    privateMessageStore: privateMessages,
+    sendChatMessage: sendMessage,
+  } = useChatMessages();
+  const {
+    setUnreadIndividualMessageCount: setIndividualUnreadCount,
+    setUnreadGroupMessageCount: setGroupUnreadCount,
+    unreadGroupMessageCount: groupUnreadCount,
+    unreadIndividualMessageCount: individualUnreadCount,
+  } = useChatNotification();
+
+  return {
+    groupMessages,
+    privateMessages,
+    sendMessage,
+    editMessage,
+    deleteMessage,
+    groupUnreadCount,
+    individualUnreadCount,
+    setGroupUnreadCount,
+    setIndividualUnreadCount,
+  };
+};

package/template/src/components/chat-notification/useChatNotification.tsx

@@ -12,7 +12,7 @@
 import {createHook} from 'customization-implementation';
 import React, {SetStateAction, useState, useEffect} from 'react';
 
-interface individualUnreadMessageCount {
+export interface individualUnreadMessageCount {
   [key: number]: number;
 }
 

package/template/src/pages/Create.tsx

@@ -93,7 +93,7 @@ const Create = () => {
         console.log('SDKEvents: joinMeetingWithPhrase event called', phrase);
         try {
           setMeetingInfo(MeetingInfoDefaultValue);
-          navigateTo(phrase);
+          history.push(phrase);
           resolve();
         } catch (error) {
           reject(error);

package/template/src/subComponents/ChatContainer.tsx

@@ -29,9 +29,8 @@ import {useCustomization} from 'customization-implementation';
 import {isValidReactComponent, useIsWeb} from '../utils/common';
 import {useString} from '../utils/useString';
 import {useChatUIControl} from '../components/chat-ui/useChatUIControl';
-import useGroupMessages from '../utils/useGroupMessages';
-import usePrivateMessages from '../utils/usePrivateMessages';
 import {useRender} from 'customization-api';
+import {useChatMessages} from '../components/chat-messages/useChatMessages';
 
 /**
  * Chat container is the component which renders all the chat messages
@@ -42,10 +41,7 @@ const ChatContainer = (props?: {
   chatBubble?: React.ComponentType<ChatBubbleProps>;
 }) => {
   const {renderList} = useRender();
-  const groupMessages = useGroupMessages();
-  const messageStore = groupMessages();
-  const getPrivateMessage = usePrivateMessages();
-  const privateMessageStore = getPrivateMessage();
+  const {messageStore, privateMessageStore} = useChatMessages();
   const {height, width} = useWindowDimensions();
   const {
     privateActive,

package/template/src/utils/useDeleteMessage.ts

@@ -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 {UidType} from '../../agora-rn-uikit';
-import {useChatMessages} from '../components/chat-messages/useChatMessages';
-import {MESSAGE_TYPE} from './useSendMessage';
-
-function useDeleteMessage() {
-  const {deleteChatMessage} = useChatMessages();
-  const deleteMessage = (type: MESSAGE_TYPE, msgId: string, uid?: UidType) => {
-    switch (type) {
-      case MESSAGE_TYPE.group:
-        deleteChatMessage(msgId);
-        break;
-      case MESSAGE_TYPE.private:
-        if (uid) {
-          deleteChatMessage(msgId, uid);
-        } else {
-          console.error('To delete the private message, UID should be passed');
-        }
-        break;
-      default:
-        break;
-    }
-  };
-  return deleteMessage;
-}
-
-export default useDeleteMessage;

package/template/src/utils/useEditMessage.ts

@@ -1,42 +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 {UidType} from '../../agora-rn-uikit';
-import {useChatMessages} from '../components/chat-messages/useChatMessages';
-import {MESSAGE_TYPE} from './useSendMessage';
-
-function useEditMessage() {
-  const {editChatMessage} = useChatMessages();
-  const editMessage = (
-    type: MESSAGE_TYPE,
-    msgId: string,
-    message: string,
-    uid?: UidType,
-  ) => {
-    switch (type) {
-      case MESSAGE_TYPE.group:
-        editChatMessage(msgId, message);
-        break;
-      case MESSAGE_TYPE.private:
-        if (uid) {
-          editChatMessage(msgId, message, uid);
-        } else {
-          console.error('To edit the private message, UID should be passed');
-        }
-        break;
-      default:
-        break;
-    }
-  };
-  return editMessage;
-}
-
-export default useEditMessage;

package/template/src/utils/useGroupMessages.ts

@@ -1,25 +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 {useChatMessages} from '../components/chat-messages/useChatMessages';
-
-/**
- * This hook will fetch the group messages
- * @returns groupMessageData
- */
-function useGroupMessages() {
-  const {messageStore} = useChatMessages();
-  const groupMessages = () => messageStore;
-  return groupMessages;
-}
-
-export default useGroupMessages;

package/template/src/utils/usePrivateMessages.ts

@@ -1,33 +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 {useChatMessages} from '../components/chat-messages/useChatMessages';
-import {UidType} from '../../agora-rn-uikit';
-
-/**
- * This hook will return function to find the private message by uid
- * @returns private message
- */
-function usePrivateMessages() {
-  const {privateMessageStore} = useChatMessages();
-  /**
-   *
-   * @param uid - User id
-   * @returns If uid is passed then it will return particular private message data
-   * otherwise it will return whole private message store
-   */
-  const privateMessages = (uid?: UidType) =>
-    uid ? privateMessageStore[uid] : privateMessageStore;
-  return privateMessages;
-}
-
-export default usePrivateMessages;

package/template/src/utils/useSendMessage.ts

@@ -1,40 +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 {UidType} from '../../agora-rn-uikit';
-import {useChatMessages} from '../components/chat-messages/useChatMessages';
-
-export enum MESSAGE_TYPE {
-  group,
-  private,
-}
-function useSendMessage() {
-  const {sendChatMessage} = useChatMessages();
-  const sendMessage = (type: MESSAGE_TYPE, message: string, uid?: UidType) => {
-    switch (type) {
-      case MESSAGE_TYPE.group:
-        sendChatMessage(message);
-        break;
-      case MESSAGE_TYPE.private:
-        if (uid) {
-          sendChatMessage(message, uid);
-        } else {
-          console.error('To send the private message, UID should be passed');
-        }
-        break;
-      default:
-        break;
-    }
-  };
-  return sendMessage;
-}
-
-export default useSendMessage;

package/template/src/utils/useSetUnreadMessageCount.ts

@@ -1,44 +0,0 @@
-import {UidType} from '../../agora-rn-uikit';
-import {useChatNotification} from '../components/chat-notification/useChatNotification';
-
-export enum SET_UNREAD_MESSAGE_COUNT_TYPE {
-  setGroupMessageCount,
-  setIndividualMessageCount,
-}
-
-const useSetUnreadMessageCount = () => {
-  const {setUnreadIndividualMessageCount, setUnreadGroupMessageCount} =
-    useChatNotification();
-  const setUnreadMessageCount = (
-    type: SET_UNREAD_MESSAGE_COUNT_TYPE,
-    count: number,
-    uid?: UidType,
-  ) => {
-    switch (type) {
-      case SET_UNREAD_MESSAGE_COUNT_TYPE.setGroupMessageCount:
-        setUnreadGroupMessageCount(count);
-        break;
-      case SET_UNREAD_MESSAGE_COUNT_TYPE.setIndividualMessageCount:
-        if (uid) {
-          setUnreadIndividualMessageCount((prevState) => {
-            if (prevState && prevState.hasOwnProperty(uid)) {
-              return {
-                ...prevState,
-                [uid]: count,
-              };
-            } else {
-              console.error(`ERROR: Invalid UID`);
-              return prevState;
-            }
-          });
-        } else {
-          console.error('UID must be passed for setIndividualMessageCount.');
-        }
-        break;
-      default:
-        break;
-    }
-  };
-  return setUnreadMessageCount;
-};
-export default useSetUnreadMessageCount;

package/template/src/utils/useUnreadMessageCount.ts

@@ -1,53 +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 {UidType} from '../../agora-rn-uikit';
-import {useChatNotification} from '../components/chat-notification/useChatNotification';
-
-export enum UNREAD_MESSAGE_COUNT_TYPE {
-  GroupAndPrivateCount,
-  GroupCount,
-  PrivateCount,
-  IndivdualCount,
-}
-
-function useUnreadMessageCount() {
-  const {
-    totalUnreadCount,
-    unreadGroupMessageCount,
-    unreadPrivateMessageCount,
-    unreadIndividualMessageCount,
-  } = useChatNotification();
-
-  const unreadMessageCount = (
-    type: UNREAD_MESSAGE_COUNT_TYPE,
-    uid?: UidType,
-  ) => {
-    switch (type) {
-      case UNREAD_MESSAGE_COUNT_TYPE.GroupAndPrivateCount:
-        return totalUnreadCount;
-      case UNREAD_MESSAGE_COUNT_TYPE.GroupCount:
-        return unreadGroupMessageCount;
-      case UNREAD_MESSAGE_COUNT_TYPE.PrivateCount:
-        return unreadPrivateMessageCount;
-      case UNREAD_MESSAGE_COUNT_TYPE.IndivdualCount:
-        return uid && unreadIndividualMessageCount[uid]
-          ? unreadIndividualMessageCount[uid]
-          : 0;
-      default:
-        return 0;
-    }
-  };
-
-  return unreadMessageCount;
-}
-
-export default useUnreadMessageCount;