agora-appbuilder-core 4.0.32-2 → 4.0.32-3

package/package.json

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

package/template/defaultConfig.js

@@ -76,8 +76,8 @@ const DefaultConfig = {
   CHAT_ORG_NAME: '',
   CHAT_APP_NAME: '',
   CHAT_URL: '',
-  CLI_VERSION: '3.0.32-2',
-  CORE_VERSION: '4.0.32-2',
+  CLI_VERSION: '3.0.32-3',
+  CORE_VERSION: '4.0.32-3',
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,

package/template/src/auth/openIDPURL.tsx

@@ -14,7 +14,8 @@ export const getIDPAuthLoginURL = (returnTo?: any) => {
 };
 
 export const enableIDPAuth = async (returnTo?: any, heading?: string) => {
-  Linking.openURL(getIDPAuthLoginURL(returnTo));
+  //react-native-web support 2nd argument
+  Linking.openURL(getIDPAuthLoginURL(returnTo), '_self');
 };
 
 export const exitApp = () => {};

package/template/src/auth/useIDPAuth.tsx

@@ -66,7 +66,8 @@ export const useIDPAuth = () => {
               tokenLogout(false)
                 .then(() => {
                   //open idp logout url
-                  Linking.openURL(IDPAuthLogoutURL);
+                  //react-native-web support 2nd argument
+                  Linking.openURL(IDPAuthLogoutURL, '_self');
                   resolve(true);
                 })
                 .catch(() => {

package/template/src/components/meeting-info-invite/MeetingInfo.tsx

@@ -49,11 +49,6 @@ const MeetingInfo = (props: MeetingInfoProps) => {
     <FpeShareComponent />
   ) : (
     <View style={style.root}>
-      {!isMobileUA() ? (
-        <IDPLogoutComponent containerStyle={{marginBottom: -100}} />
-      ) : (
-        <></>
-      )}
       <ScrollView contentContainerStyle={style.scrollMain}>
         <Card
           margin={margin}

package/template/src/components/meeting-info-invite/MeetingInfoCardHeader.tsx

@@ -25,22 +25,6 @@ export const MeetingInfoCardHeader = (props: MeetingInfoCardHeaderProps) => {
   const {avatar, children} = props;
   return (
     <View>
-      <View
-        style={{
-          flexDirection: 'row',
-          justifyContent: 'space-between',
-          alignItems: 'center',
-        }}>
-        {isMobileUA() ? (
-          <>
-            <IDPLogoutComponent
-              containerStyle={{marginTop: 0, marginRight: 0}}
-            />
-          </>
-        ) : (
-          <></>
-        )}
-      </View>
       <View style={style.flexRow}>
         {React.isValidElement(avatar) && (
           <View style={style.avatar}>{avatar}</View>

package/template/src/subComponents/ChatContainer.tsx

@@ -204,7 +204,7 @@ const ChatContainer = (props?: {
     <Loading text={loadingLabel} />
   ) : (
     <View style={style.containerView}>
-      {showEmojiPicker && <View style={CommonStyles.tintedOverlay} />}
+      {showEmojiPicker ? <View style={CommonStyles.tintedOverlay} /> : null}
       {chatType === ChatType.Private && privateChatUser ? (
         <>
           <View style={style.participantContainer}>
@@ -223,12 +223,10 @@ const ChatContainer = (props?: {
           </View>
           <Spacer size={10} />
         </>
-      ) : (
-        <></>
-      )}
-      {pinMsgId && chatType === ChatType.Group && (
+      ) : null}
+      {pinMsgId && chatType === ChatType.Group ? (
         <PinnedMessage pinMsgId={pinMsgId} pinnedByUser={pinnedByUser} />
-      )}
+      ) : null}
       <ScrollView
         ref={scrollViewRef}
         onContentSizeChange={onContentSizeChange}
@@ -242,7 +240,7 @@ const ChatContainer = (props?: {
             </View>
 
             {messageStore.map((message: messageStoreInterface, index) => (
-              <>
+              <React.Fragment key={`message-group-${message.msgId}`}>
                 {messageStoreLengthRef.current === messageStore.length &&
                 grpUnreadCount &&
                 messageStore.length - grpUnreadCount === index ? (
@@ -256,9 +254,7 @@ const ChatContainer = (props?: {
                       {grpUnreadCount} {unreadMessageLabel}
                     </Text>
                   </View>
-                ) : (
-                  <></>
-                )}
+                ) : null}
                 {!message?.hide ? (
                   <ChatBubbleComponent
                     isLocal={localUid === message.uid}
@@ -293,15 +289,11 @@ const ChatContainer = (props?: {
                 ) : null}
                 {messageStore?.length - 1 === index ? (
                   <Spacer size={10} />
-                ) : (
-                  <></>
-                )}
-              </>
+                ) : null}
+              </React.Fragment>
             ))}
           </>
-        ) : (
-          <></>
-        )}
+        ) : null}
         {chatType === ChatType.Private &&
         privateChatUser &&
         privateMessageStore[privateChatUser] ? (
@@ -325,9 +317,7 @@ const ChatContainer = (props?: {
                         {privateUnreadCount} {unreadMessageLabel}
                       </Text>
                     </View>
-                  ) : (
-                    <></>
-                  )}
+                  ) : null}
                   {!message?.hide ? (
                     <ChatBubbleComponent
                       isLocal={localUid === message.uid}
@@ -362,16 +352,12 @@ const ChatContainer = (props?: {
                   {privateMessageStore[privateChatUser]?.length - 1 ===
                   index ? (
                     <Spacer size={10} />
-                  ) : (
-                    <></>
-                  )}
+                  ) : null}
                 </>
               ),
             )}
           </>
-        ) : (
-          <></>
-        )}
+        ) : null}
         {defaultContent[privateChatUser]?.offline && (
           <View style={style.infoTextView}>
             <Text style={style.infoText}>{userOfflineLabel}</Text>

package/template/src/subComponents/ChatInput.tsx

@@ -314,10 +314,11 @@ export const ChatTextInput = (props: ChatTextInputProps) => {
             {!replyToMsgId && uploadedFiles.map(renderAttachmentBubble)}
             {/* {replyToMsgId && renderTextInput({borderWidth: 0, padddingLeft: 0})} */}
             <View>
-              {replyToMsgId && <View>{renderReplyMsg()}</View>}
-              {replyToMsgId && uploadedFiles.map(renderAttachmentBubble)}
-              {!replyToMsgId &&
-                renderTextInput({borderWidth: 0, padddingLeft: 0})}
+              {replyToMsgId ? <View>{renderReplyMsg()}</View> : null}
+              {replyToMsgId ? uploadedFiles.map(renderAttachmentBubble) : null}
+              {!replyToMsgId
+                ? renderTextInput({borderWidth: 0, padddingLeft: 0})
+                : null}
             </View>
           </ScrollView>
         </View>
@@ -328,7 +329,7 @@ export const ChatTextInput = (props: ChatTextInputProps) => {
               ? [style.inputWrapper, {borderRadius: 8, borderTopWidth: 1}]
               : {}
           }>
-          {replyToMsgId && <View>{renderReplyMsg()}</View>}
+          {replyToMsgId ? <View>{renderReplyMsg()}</View> : null}
           {renderTextInput({borderWidth: 0, padddingLeft: 0})}
         </View>
       )}

package/template/src/subComponents/chat/ChatSendButton.tsx

@@ -186,6 +186,7 @@ const ChatSendButton = (props: ChatSendButtonProps) => {
   const toastHeadingSize = useString(chatSendErrorTextSizeToastHeading)();
   const errorSubHeadingSize = useString(chatSendErrorTextSizeToastSubHeading);
   const groupID = data.chat.group_id;
+  const sendMessageBtnText = useString(chatSendMessageBtnText)();
 
   const onPress = () =>
     handleChatSend({
@@ -224,11 +225,7 @@ const ChatSendButton = (props: ChatSendButtonProps) => {
             : {}
         }
         disabled={!isValidMsg}
-        toolTipMessage={
-          isMobileUA() || !isValidMsg
-            ? null
-            : useString(chatSendMessageBtnText)()
-        }
+        toolTipMessage={isMobileUA() || !isValidMsg ? null : sendMessageBtnText}
         iconProps={{
           iconType: 'plain',
           iconContainerStyle: {