@messenger-box/platform-mobile 10.0.2-alpha.5 → 10.0.3-alpha.5

package/lib/screens/inbox/containers/ConversationView.js

@@ -1,36 +1,74 @@
-import {__rest,__awaiter}from'tslib';import React__default,{useState,useRef,useEffect,useCallback,useMemo}from'react';import {Spinner,Box,Button,ButtonText,HStack,Image,Avatar,AvatarFallbackText,AvatarImage,Text}from'@admin-layout/gluestack-ui-mobile';import {Platform,TouchableHighlight}from'react-native';import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import {navigationRef}from'@common-stack/client-react';import {useSelector}from'react-redux';import {uniqBy,orderBy,startCase}from'lodash-es';import*as ImagePicker from'expo-image-picker';import {encode}from'base-64';import {MaterialCommunityIcons,Ionicons}from'@expo/vector-icons';import {GiftedChat,Send,MessageText,Actions}from'react-native-gifted-chat';import {RoomType,PreDefinedRole}from'common';import {useAddDirectChannelMutation,useSendMessagesMutation,useSendExpoNotificationOnPostMutation,useMessagesQuery,OnChatMessageAddedDocument}from'common/lib/generated/generated.js';import {useUploadFilesNative}from'@messenger-box/platform-client';import {objectId}from'@messenger-box/core';import {userSelector}from'@adminide-stack/user-auth0-client';import {isToday,isYesterday,format}from'date-fns';import Message from'../components/SlackMessageContainer/SlackMessage.js';import ImageViewerModal from'../components/SlackMessageContainer/ImageViewerModal.js';import CachedImage from'../components/CachedImage/index.js';import {config}from'../config/config.js';const {
+import React__default,{useState,useRef,useEffect,useCallback,useMemo}from'react';import {Spinner,Box,HStack,Image,Button,ButtonText,Avatar,AvatarFallbackText,AvatarImage,Text}from'@admin-layout/gluestack-ui-mobile';import {Platform,TouchableHighlight}from'react-native';import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import {navigationRef}from'@common-stack/client-react';import {useSelector}from'react-redux';import {uniqBy,orderBy,startCase}from'lodash-es';import*as ImagePicker from'expo-image-picker';import {encode}from'base-64';import {Ionicons,MaterialCommunityIcons}from'@expo/vector-icons';import {GiftedChat,Actions,MessageText,Send}from'react-native-gifted-chat';import {RoomType,PreDefinedRole}from'common';import {useAddDirectChannelMutation,useSendMessagesMutation,useSendExpoNotificationOnPostMutation,useMessagesQuery,OnChatMessageAddedDocument}from'common/lib/generated/generated.js';import {useUploadFilesNative}from'@messenger-box/platform-client';import {objectId}from'@messenger-box/core';import {userSelector}from'@adminide-stack/user-auth0-client';import {isToday,isYesterday,format}from'date-fns';import Message from'../components/SlackMessageContainer/SlackMessage.js';import ImageViewerModal from'../components/SlackMessageContainer/ImageViewerModal.js';import CachedImage from'../components/CachedImage/index.js';import {config}from'../config/config.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const {
   MESSAGES_PER_PAGE,
   CALL_TO_ACTION_BOX_BGCOLOR,
   CALL_TO_ACTION_PATH,
   CALL_TO_ACTION_BUTTON_BORDERCOLOR,
   CALL_TO_ACTION_TEXT_COLOR
 } = config;
-const createdAtText = value => {
-  if (!value) return '';
+const createdAtText = (value) => {
+  if (!value)
+    return "";
   let date = new Date(value);
-  if (isToday(date)) return 'Today';
-  if (isYesterday(date)) return 'Yesterday';
-  return format(new Date(value), 'MMM dd, yyyy');
+  if (isToday(date))
+    return "Today";
+  if (isYesterday(date))
+    return "Yesterday";
+  return format(new Date(value), "MMM dd, yyyy");
 };
-const ConversationViewComponent = _a => {
-  var {
-      channelId: ChannelId,
-      role,
-      isShowThreadMessage
-    } = _a,
-    rest = __rest(_a, ["channelId", "role", "isShowThreadMessage"]);
+const ConversationViewComponent = (_a) => {
+  var _b = _a, {
+    channelId: ChannelId,
+    role,
+    isShowThreadMessage
+  } = _b, rest = __objRest(_b, [
+    "channelId",
+    "role",
+    "isShowThreadMessage"
+  ]);
+  var _a2;
   const [channelToTop, setChannelToTop] = useState(0);
   const [channelMessages, setChannelMessages] = useState([]);
   const auth = useSelector(userSelector);
   const [totalCount, setTotalCount] = useState(0);
-  const [selectedImage, setImage] = useState('');
-  const currentRoute = navigationRef.isReady() ? navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.getCurrentRoute() : null;
-  const [channelId, setChannelId] = useState((rest === null || rest === void 0 ? void 0 : rest.isCreateNewChannel) ? null : ChannelId);
+  const [selectedImage, setImage] = useState("");
+  const currentRoute = navigationRef.isReady() ? (_a2 = navigationRef) == null ? void 0 : _a2.getCurrentRoute() : null;
+  const [channelId, setChannelId] = useState((rest == null ? void 0 : rest.isCreateNewChannel) ? null : ChannelId);
   const [loadingOldMessages, setLoadingOldMessages] = useState(false);
   const navigation = useNavigation();
   const [files, setFiles] = useState([]);
   const [images, setImages] = useState([]);
-  const [msg, setMsg] = useState('');
+  const [msg, setMsg] = useState("");
   const [loading, setLoading] = useState(false);
   const [loadEarlierMsg, setLoadEarlierMsg] = useState(false);
   const [imageLoading, setImageLoading] = useState(false);
@@ -47,7 +85,7 @@ const ConversationViewComponent = _a => {
     startUpload
   } = useUploadFilesNative();
   const [sendMsg] = useSendMessagesMutation();
-  useSendExpoNotificationOnPostMutation();
+  const [sendExpoNotificationOnPostMutation] = useSendExpoNotificationOnPostMutation();
   const {
     data,
     loading: messageLoading,
@@ -56,100 +94,88 @@ const ConversationViewComponent = _a => {
     subscribeToMore
   } = useMessagesQuery({
     variables: {
-      channelId: channelId === null || channelId === void 0 ? void 0 : channelId.toString(),
+      channelId: channelId == null ? void 0 : channelId.toString(),
       parentId: null,
       limit: MESSAGES_PER_PAGE,
-      skip: skip
+      skip
     },
     skip: !channelId,
-    fetchPolicy: 'cache-and-network',
-    nextFetchPolicy: 'cache-first',
-    refetchWritePolicy: 'merge'
+    fetchPolicy: "cache-and-network",
+    nextFetchPolicy: "cache-first",
+    refetchWritePolicy: "merge"
   });
-  // const {
-  //     data: channelsDetail,
-  //     loading: channelLoading,
-  //     refetch: refetchChannelDetail,
-  // } = useViewChannelDetailQuery({
-  //     variables: {
-  //         id: channelId?.toString(),
-  //     },
-  // });
-  // const { data: users } = useGetAllUsersQuery();
   React__default.useEffect(() => {
     return () => {
       setChannelMessages([]);
     };
   }, []);
   useFocusEffect(React__default.useCallback(() => {
-    // Do something when the screen is focused
     setSkip(0);
-    //  refetchChannelDetail({ id: channelId?.toString() });
     if (channelId) {
       refetch({
-        channelId: channelId === null || channelId === void 0 ? void 0 : channelId.toString(),
+        channelId: channelId == null ? void 0 : channelId.toString(),
         parentId: null,
         limit: MESSAGES_PER_PAGE,
         skip: 0
       }).then(({
-        data
+        data: data2
       }) => {
-        if (!(data === null || data === void 0 ? void 0 : data.messages)) {
+        if (!(data2 == null ? void 0 : data2.messages)) {
           return;
         }
         const {
           data: messages,
-          totalCount
-        } = data.messages;
-        setTotalCount(totalCount);
+          totalCount: totalCount2
+        } = data2.messages;
+        setTotalCount(totalCount2);
         setChannelMessages(messages);
       });
     }
     return () => {
-      // Do something when the screen is unfocused
-      // Useful for cleanup functions
       setChannelId(null);
       setTotalCount(0);
       setSkip(0);
     };
   }, [channelId, isFocused]));
   React__default.useEffect(() => {
-    var _a;
-    const currentChannelId = ChannelId || ((_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _a === void 0 ? void 0 : _a.channelId);
+    var _a3;
+    const currentChannelId = ChannelId || ((_a3 = currentRoute == null ? void 0 : currentRoute.params) == null ? void 0 : _a3.channelId);
     setChannelId(currentChannelId);
   }, [ChannelId, currentRoute]);
   React__default.useEffect(() => {
-    if (selectedImage) setImageLoading(false);
+    if (selectedImage)
+      setImageLoading(false);
   }, [selectedImage]);
   useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.messages) === null || _a === void 0 ? void 0 : _a.data) {
+    var _a3;
+    if ((_a3 = data == null ? void 0 : data.messages) == null ? void 0 : _a3.data) {
       const {
         data: messages,
         totalCount: messeageTotalCount
       } = data.messages;
-      console.log('messeageTotalCount', messeageTotalCount, ' totalCount=', totalCount);
+      console.log("messeageTotalCount", messeageTotalCount, " totalCount=", totalCount);
       if (messages && messages.length > 0 && messeageTotalCount > totalCount || messages && messages.length > 0 && (loadingOldMessages || channelMessages.length === 0)) {
-        setChannelMessages(oldMessages => uniqBy([...messages, ...oldMessages], ({
+        setChannelMessages((oldMessages) => uniqBy([...messages, ...oldMessages], ({
           id
         }) => id));
         setTotalCount(messeageTotalCount);
       }
-      if (loadingOldMessages && channelMessages) setLoadingOldMessages(false);
+      if (loadingOldMessages && channelMessages)
+        setLoadingOldMessages(false);
     }
   }, [data, loadingOldMessages, channelMessages, totalCount]);
-  const onFetchOld = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+  const onFetchOld = useCallback(async () => {
     if (totalCount > channelMessages.length && !loadingOldMessages) {
       setLoadEarlierMsg(true);
       try {
-        const response = yield fetchMoreMessages({
+        const response = await fetchMoreMessages({
           variables: {
-            channelId: channelId === null || channelId === void 0 ? void 0 : channelId.toString(),
+            channelId: channelId == null ? void 0 : channelId.toString(),
             parentId: null,
             skip: channelMessages.length
           }
         });
-        if (response === null || response === void 0 ? void 0 : response.data) {
+        if (response == null ? void 0 : response.data) {
           setSkip(channelMessages.length);
           setLoadEarlierMsg(false);
           setLoadingOldMessages(true);
@@ -157,14 +183,8 @@ const ConversationViewComponent = _a => {
       } catch (error) {
         setLoadEarlierMsg(false);
       }
-      // ?.then((res: any) => {
-      //     setLoadingOldMessages(true);
-      // });
     }
-  }), [totalCount, channelMessages]);
-  // const isCloseToTop = ({ layoutMeasurement, contentOffset, contentSize }) => {
-  //     return contentOffset.y <= 100; // 100px from top
-  // };
+  }, [totalCount, channelMessages]);
   const isCloseToTop = ({
     layoutMeasurement,
     contentOffset,
@@ -174,11 +194,7 @@ const ConversationViewComponent = _a => {
     return contentSize.height - layoutMeasurement.height - paddingToTop <= contentOffset.y;
   };
   const dataURLtoFile = (dataurl, filename) => {
-    var arr = dataurl.split(','),
-      mime = arr[0].match(/:(.*?);/)[1],
-      bstr = encode(arr[1]),
-      n = bstr.length,
-      u8arr = new Uint8Array(n);
+    var arr = dataurl.split(","), mime = arr[0].match(/:(.*?);/)[1], bstr = encode(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
     while (n--) {
       u8arr[n] = bstr.charCodeAt(n);
     }
@@ -186,99 +202,94 @@ const ConversationViewComponent = _a => {
       type: mime
     });
   };
-  const onSelectImages = () => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
+  const onSelectImages = async () => {
+    var _a3;
     setImageLoading(true);
-    let imageSource = yield ImagePicker.launchImageLibraryAsync({
+    let imageSource = await ImagePicker.launchImageLibraryAsync({
       mediaTypes: ImagePicker.MediaTypeOptions.Images,
       allowsEditing: true,
       aspect: [4, 3],
       quality: 1,
       base64: true
     });
-    // if (!imageSource.cancelled) {
-    //     const image = 'data:image/jpeg;base64,' + imageSource?.base64;
-    //     setImage(image);
-    //     const file = dataURLtoFile(image, 'inputImage.jpg');
-    //     setFiles((files) => files.concat(file));
-    //     setImages((images) => images.concat(imageSource as ImagePicker.ImageInfo));
-    // }
-    // if (imageSource.cancelled) setLoading(false);
     if (!imageSource.canceled) {
-      const image = 'data:image/jpeg;base64,' + ((_a = imageSource === null || imageSource === void 0 ? void 0 : imageSource.assets[0]) === null || _a === void 0 ? void 0 : _a.base64);
+      const image = "data:image/jpeg;base64," + ((_a3 = imageSource == null ? void 0 : imageSource.assets[0]) == null ? void 0 : _a3.base64);
       setImage(image);
-      const file = dataURLtoFile(image, 'inputImage.jpg');
-      setFiles(files => files.concat(file));
-      setImages(images => images.concat(imageSource === null || imageSource === void 0 ? void 0 : imageSource.assets[0]));
+      const file = dataURLtoFile(image, "inputImage.jpg");
+      setFiles((files2) => files2.concat(file));
+      setImages((images2) => images2.concat(imageSource == null ? void 0 : imageSource.assets[0]));
     }
-    if (imageSource.canceled) setLoading(false);
-  });
-  const createDirectChannel = useCallback(msg => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    if ((rest === null || rest === void 0 ? void 0 : rest.isCreateNewChannel) && ((_a = rest === null || rest === void 0 ? void 0 : rest.newChannelData) === null || _a === void 0 ? void 0 : _a.type) === (RoomType === null || RoomType === void 0 ? void 0 : RoomType.Direct) && ((_c = (_b = rest === null || rest === void 0 ? void 0 : rest.newChannelData) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-      (_g = (_f = addDirectChannel({
+    if (imageSource.canceled)
+      setLoading(false);
+  };
+  const createDirectChannel = useCallback((msg2) => {
+    var _a3, _b2, _c, _d, _e, _f, _g, _h;
+    if ((rest == null ? void 0 : rest.isCreateNewChannel) && ((_a3 = rest == null ? void 0 : rest.newChannelData) == null ? void 0 : _a3.type) === ((_b2 = RoomType) == null ? void 0 : _b2.Direct) && ((_d = (_c = rest == null ? void 0 : rest.newChannelData) == null ? void 0 : _c.userIds) == null ? void 0 : _d.length) > 0) {
+      (_h = (_g = addDirectChannel({
         variables: {
-          receiver: [...((_e = (_d = rest === null || rest === void 0 ? void 0 : rest.newChannelData) === null || _d === void 0 ? void 0 : _d.userIds) !== null && _e !== void 0 ? _e : [])],
-          displayName: 'DIRECT CHANNEL'
+          receiver: [...(_f = (_e = rest == null ? void 0 : rest.newChannelData) == null ? void 0 : _e.userIds) != null ? _f : []],
+          displayName: "DIRECT CHANNEL"
         }
-      })) === null || _f === void 0 ? void 0 : _f.then(res => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        if ((_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.createDirectChannel) === null || _b === void 0 ? void 0 : _b.id) {
-          setChannelId((_d = (_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.createDirectChannel) === null || _d === void 0 ? void 0 : _d.id);
+      })) == null ? void 0 : _g.then(async (res) => {
+        var _a4, _b3, _c2, _d2, _e2, _f2, _g2, _h2;
+        if ((_b3 = (_a4 = res == null ? void 0 : res.data) == null ? void 0 : _a4.createDirectChannel) == null ? void 0 : _b3.id) {
+          setChannelId((_d2 = (_c2 = res == null ? void 0 : res.data) == null ? void 0 : _c2.createDirectChannel) == null ? void 0 : _d2.id);
           const notificationData = {
             url: config.INBOX_MESSEGE_PATH,
             params: {
-              channelId: (_f = (_e = res === null || res === void 0 ? void 0 : res.data) === null || _e === void 0 ? void 0 : _e.createDirectChannel) === null || _f === void 0 ? void 0 : _f.id,
+              channelId: (_f2 = (_e2 = res == null ? void 0 : res.data) == null ? void 0 : _e2.createDirectChannel) == null ? void 0 : _f2.id,
               hideTabBar: true
             },
-            screen: 'DialogMessages',
+            screen: "DialogMessages",
             other: {
-              sound: Platform.OS === 'android' ? undefined : 'default'
+              sound: Platform.OS === "android" ? void 0 : "default"
             }
           };
           setLoading(true);
-          yield sendMsg({
+          await sendMsg({
             variables: {
-              channelId: (_h = (_g = res === null || res === void 0 ? void 0 : res.data) === null || _g === void 0 ? void 0 : _g.createDirectChannel) === null || _h === void 0 ? void 0 : _h.id,
-              content: msg,
+              channelId: (_h2 = (_g2 = res == null ? void 0 : res.data) == null ? void 0 : _g2.createDirectChannel) == null ? void 0 : _h2.id,
+              content: msg2,
               notificationParams: notificationData
             },
             update: (cache, {
-              data,
+              data: data2,
               errors
             }) => {
-              if (!data || errors) {
+              if (!data2 || errors) {
                 setLoading(false);
                 return;
               }
               setChannelToTop(channelToTop + 1);
               setLoading(false);
-              setMsg('');
+              setMsg("");
             }
           });
         }
-      }))) === null || _g === void 0 ? void 0 : _g.catch(e => console.log('error', JSON.stringify(e)));
+      })) == null ? void 0 : _h.catch((e) => console.log("error", JSON.stringify(e)));
     }
   }, [rest]);
-  const handleSend = useCallback(message => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
-    if (!channelId) return;
-    if (!message && message != ' ' && images.length == 0) return;
+  const handleSend = useCallback(async (message) => {
+    var _a3;
+    if (!channelId)
+      return;
+    if (!message && message != " " && images.length == 0)
+      return;
     const notificationData = {
       url: config.INBOX_MESSEGE_PATH,
       params: {
         channelId,
         hideTabBar: true
       },
-      screen: 'DialogMessages',
+      screen: "DialogMessages",
       other: {
-        sound: Platform.OS === 'android' ? undefined : 'default'
+        sound: Platform.OS === "android" ? void 0 : "default"
       }
     };
     if (images && images.length > 0) {
       const postId = objectId();
       setLoading(true);
-      const uploadResponse = yield startUpload({
+      const uploadResponse = await startUpload({
         file: images,
         saveUploadedFile: {
           variables: {
@@ -291,526 +302,371 @@ const ConversationViewComponent = _a => {
           }
         }
       });
-      if (uploadResponse === null || uploadResponse === void 0 ? void 0 : uploadResponse.error) setLoading(false);
+      if (uploadResponse == null ? void 0 : uploadResponse.error)
+        setLoading(false);
       const uploadedFiles = uploadResponse.data;
       if (uploadResponse.data) {
-        setImage('');
+        setImage("");
         setFiles([]);
         setImages([]);
-        //setLoading(false);
-        const files = (_a = uploadedFiles === null || uploadedFiles === void 0 ? void 0 : uploadedFiles.map(f => f.id)) !== null && _a !== void 0 ? _a : null;
-        yield sendMsg({
+        const files2 = (_a3 = uploadedFiles == null ? void 0 : uploadedFiles.map((f) => f.id)) != null ? _a3 : null;
+        await sendMsg({
           variables: {
             postId,
             channelId,
             content: message,
-            files,
+            files: files2,
             notificationParams: notificationData
           },
           update: (cache, {
-            data,
+            data: data2,
             errors
           }) => {
-            if (!data || errors) {
+            if (!data2 || errors) {
               setLoading(false);
               return;
             }
-            //Temporary fix.....//
-            const newMessage = data === null || data === void 0 ? void 0 : data.sendMessage;
-            setChannelMessages(oldMessages => uniqBy([...oldMessages, newMessage], ({
+            const newMessage = data2 == null ? void 0 : data2.sendMessage;
+            setChannelMessages((oldMessages) => uniqBy([...oldMessages, newMessage], ({
               id
             }) => id));
-            setTotalCount(t => t + 1);
-            //Temporary fix.....//
+            setTotalCount((t) => t + 1);
             setChannelToTop(channelToTop + 1);
             setLoading(false);
-            setMsg('');
+            setMsg("");
           }
         });
       }
     } else {
       setLoading(true);
-      yield sendMsg({
+      await sendMsg({
         variables: {
           channelId,
           content: message,
           notificationParams: notificationData
         },
         update: (cache, {
-          data,
+          data: data2,
           errors
         }) => {
-          if (!data || errors) {
+          if (!data2 || errors) {
             setLoading(false);
             return;
           }
-          //Temporary fix.....//
-          const newMessage = data === null || data === void 0 ? void 0 : data.sendMessage;
-          setChannelMessages(oldMessages => uniqBy([...oldMessages, newMessage], ({
+          const newMessage = data2 == null ? void 0 : data2.sendMessage;
+          setChannelMessages((oldMessages) => uniqBy([...oldMessages, newMessage], ({
             id
           }) => id));
-          setTotalCount(t => t + 1);
-          //Temporary fix.....//
+          setTotalCount((t) => t + 1);
           setChannelToTop(channelToTop + 1);
           setLoading(false);
-          setMsg('');
+          setMsg("");
         }
       });
     }
-  }), [setChannelMessages, channelId, images, channelToTop, expoTokens]);
+  }, [setChannelMessages, channelId, images, channelToTop, expoTokens]);
   const messageList = useMemo(() => {
     let res = [];
-    const filteredMessages = channelMessages && (channelMessages === null || channelMessages === void 0 ? void 0 : channelMessages.length) > 0 ? uniqBy([...channelMessages], ({
+    const filteredMessages = channelMessages && (channelMessages == null ? void 0 : channelMessages.length) > 0 ? uniqBy([...channelMessages], ({
       id
     }) => id) : [];
-    if (channelId && (filteredMessages === null || filteredMessages === void 0 ? void 0 : filteredMessages.length) > 0) {
-      orderBy(channelMessages, ['createdAt'], ['desc']).map(msg => {
-        var _a, _b, _c, _d;
+    if (channelId && (filteredMessages == null ? void 0 : filteredMessages.length) > 0) {
+      orderBy(channelMessages, ["createdAt"], ["desc"]).map((msg2) => {
+        var _a3, _b2, _c, _d;
         let message = {
-          _id: '',
-          text: '',
+          _id: "",
+          text: "",
           createdAt: 0,
           user: {
-            _id: '',
-            name: '',
-            avatar: ''
+            _id: "",
+            name: "",
+            avatar: ""
           },
-          type: ''
+          type: ""
         };
-        const date = new Date(msg.createdAt);
-        message._id = msg.id;
-        message.text = msg.message;
+        const date = new Date(msg2.createdAt);
+        message._id = msg2.id;
+        message.text = msg2.message;
         message.createdAt = date;
         message.user = {
-          _id: msg.author.id,
-          name: msg.author.givenName + ' ' + msg.author.familyName,
-          avatar: (_a = msg.author) === null || _a === void 0 ? void 0 : _a.picture
-        }, message.image = (_c = (_b = msg.files) === null || _b === void 0 ? void 0 : _b.data[0]) === null || _c === void 0 ? void 0 : _c.url, message.sent = msg === null || msg === void 0 ? void 0 : msg.isDelivered, message.received = msg === null || msg === void 0 ? void 0 : msg.isRead;
-        message.type = msg === null || msg === void 0 ? void 0 : msg.type;
-        message.propsConfiguration = msg === null || msg === void 0 ? void 0 : msg.propsConfiguration;
-        message.replies = (_d = msg === null || msg === void 0 ? void 0 : msg.replies) !== null && _d !== void 0 ? _d : [];
+          _id: msg2.author.id,
+          name: msg2.author.givenName + " " + msg2.author.familyName,
+          avatar: (_a3 = msg2.author) == null ? void 0 : _a3.picture
+        }, message.image = (_c = (_b2 = msg2.files) == null ? void 0 : _b2.data[0]) == null ? void 0 : _c.url, message.sent = msg2 == null ? void 0 : msg2.isDelivered, message.received = msg2 == null ? void 0 : msg2.isRead;
+        message.type = msg2 == null ? void 0 : msg2.type;
+        message.propsConfiguration = msg2 == null ? void 0 : msg2.propsConfiguration;
+        message.replies = (_d = msg2 == null ? void 0 : msg2.replies) != null ? _d : [];
         message.isShowThreadMessage = isShowThreadMessage;
         res.push(message);
       });
     }
-    return (res === null || res === void 0 ? void 0 : res.length) > 0 ? uniqBy([...res], ({
+    return (res == null ? void 0 : res.length) > 0 ? uniqBy([...res], ({
       _id
     }) => _id) : [];
-    //return res;
   }, [channelMessages, channelId]);
-  const renderSend = props => {
-    return React__default.createElement(Send, Object.assign({}, props, {
-      disabled: channelId || (rest === null || rest === void 0 ? void 0 : rest.isCreateNewChannel) ? false : true
-    }), React__default.createElement(Box, null, React__default.createElement(MaterialCommunityIcons, {
-      name: "send-circle",
-      style: {
-        marginBottom: 5,
-        marginRight: 5
-      },
-      size: 32,
-      color: channelId || (rest === null || rest === void 0 ? void 0 : rest.isCreateNewChannel) ? '#2e64e5' : '#b8b2b2'
-    })));
+  const renderSend = (props) => {
+    return /* @__PURE__ */ React__default.createElement(Send, __spreadProps(__spreadValues({}, props), { disabled: channelId || (rest == null ? void 0 : rest.isCreateNewChannel) ? false : true }), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(MaterialCommunityIcons, { name: "send-circle", style: {
+      marginBottom: 5,
+      marginRight: 5
+    }, size: 32, color: channelId || (rest == null ? void 0 : rest.isCreateNewChannel) ? "#2e64e5" : "#b8b2b2" })));
   };
-  const renderMessageText = props => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22;
+  const renderMessageText = (props) => {
+    var _a3, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U;
     const {
       currentMessage
     } = props;
-    const lastReply = ((_b = (_a = currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.replies) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (_d = (_c = currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.replies) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d[0] : null;
-    if (currentMessage.type === 'ALERT') {
-      const attachment = (_f = (_e = currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.propsConfiguration) === null || _e === void 0 ? void 0 : _e.contents) === null || _f === void 0 ? void 0 : _f.attachment;
-      let action = '';
-      let actionId = '';
+    const lastReply = ((_b2 = (_a3 = currentMessage == null ? void 0 : currentMessage.replies) == null ? void 0 : _a3.data) == null ? void 0 : _b2.length) > 0 ? (_d = (_c = currentMessage == null ? void 0 : currentMessage.replies) == null ? void 0 : _c.data) == null ? void 0 : _d[0] : null;
+    if (currentMessage.type === "ALERT") {
+      const attachment = (_f = (_e = currentMessage == null ? void 0 : currentMessage.propsConfiguration) == null ? void 0 : _e.contents) == null ? void 0 : _f.attachment;
+      let action = "";
+      let actionId = "";
       let params = {};
-      if ((_g = attachment === null || attachment === void 0 ? void 0 : attachment.callToAction) === null || _g === void 0 ? void 0 : _g.extraParams) {
-        const extraParams = (_h = attachment === null || attachment === void 0 ? void 0 : attachment.callToAction) === null || _h === void 0 ? void 0 : _h.extraParams;
-        const route = (_j = extraParams === null || extraParams === void 0 ? void 0 : extraParams.route) !== null && _j !== void 0 ? _j : null;
+      if ((_g = attachment == null ? void 0 : attachment.callToAction) == null ? void 0 : _g.extraParams) {
+        const extraParams = (_h = attachment == null ? void 0 : attachment.callToAction) == null ? void 0 : _h.extraParams;
+        const route = (_i = extraParams == null ? void 0 : extraParams.route) != null ? _i : null;
         let path = null;
         let param = null;
         if (role && role == PreDefinedRole.Guest) {
-          path = ((_k = route === null || route === void 0 ? void 0 : route.guest) === null || _k === void 0 ? void 0 : _k.name) ? (_m = (_l = route === null || route === void 0 ? void 0 : route.guest) === null || _l === void 0 ? void 0 : _l.name) !== null && _m !== void 0 ? _m : null : null;
-          param = ((_o = route === null || route === void 0 ? void 0 : route.guest) === null || _o === void 0 ? void 0 : _o.params) ? (_q = (_p = route === null || route === void 0 ? void 0 : route.guest) === null || _p === void 0 ? void 0 : _p.params) !== null && _q !== void 0 ? _q : null : null;
+          path = ((_j = route == null ? void 0 : route.guest) == null ? void 0 : _j.name) ? (_l = (_k = route == null ? void 0 : route.guest) == null ? void 0 : _k.name) != null ? _l : null : null;
+          param = ((_m = route == null ? void 0 : route.guest) == null ? void 0 : _m.params) ? (_o = (_n = route == null ? void 0 : route.guest) == null ? void 0 : _n.params) != null ? _o : null : null;
         } else if (role && role == PreDefinedRole.Owner) {
-          path = ((_r = route === null || route === void 0 ? void 0 : route.host) === null || _r === void 0 ? void 0 : _r.name) ? (_t = (_s = route === null || route === void 0 ? void 0 : route.host) === null || _s === void 0 ? void 0 : _s.name) !== null && _t !== void 0 ? _t : null : null;
-          param = ((_u = route === null || route === void 0 ? void 0 : route.host) === null || _u === void 0 ? void 0 : _u.params) ? (_w = (_v = route === null || route === void 0 ? void 0 : route.host) === null || _v === void 0 ? void 0 : _v.params) !== null && _w !== void 0 ? _w : null : null;
+          path = ((_p = route == null ? void 0 : route.host) == null ? void 0 : _p.name) ? (_r = (_q = route == null ? void 0 : route.host) == null ? void 0 : _q.name) != null ? _r : null : null;
+          param = ((_s = route == null ? void 0 : route.host) == null ? void 0 : _s.params) ? (_u = (_t = route == null ? void 0 : route.host) == null ? void 0 : _t.params) != null ? _u : null : null;
         } else {
-          path = ((_x = route === null || route === void 0 ? void 0 : route.host) === null || _x === void 0 ? void 0 : _x.name) ? (_z = (_y = route === null || route === void 0 ? void 0 : route.host) === null || _y === void 0 ? void 0 : _y.name) !== null && _z !== void 0 ? _z : null : null;
-          param = ((_0 = route === null || route === void 0 ? void 0 : route.host) === null || _0 === void 0 ? void 0 : _0.params) ? (_2 = (_1 = route === null || route === void 0 ? void 0 : route.host) === null || _1 === void 0 ? void 0 : _1.params) !== null && _2 !== void 0 ? _2 : null : null;
+          path = ((_v = route == null ? void 0 : route.host) == null ? void 0 : _v.name) ? (_x = (_w = route == null ? void 0 : route.host) == null ? void 0 : _w.name) != null ? _x : null : null;
+          param = ((_y = route == null ? void 0 : route.host) == null ? void 0 : _y.params) ? (_A = (_z = route == null ? void 0 : route.host) == null ? void 0 : _z.params) != null ? _A : null : null;
         }
         action = path;
-        params = Object.assign({}, param);
-      } else if ((_3 = attachment === null || attachment === void 0 ? void 0 : attachment.callToAction) === null || _3 === void 0 ? void 0 : _3.link) {
+        params = __spreadValues({}, param);
+      } else if ((_B = attachment == null ? void 0 : attachment.callToAction) == null ? void 0 : _B.link) {
         action = CALL_TO_ACTION_PATH;
-        actionId = (_4 = attachment === null || attachment === void 0 ? void 0 : attachment.callToAction) === null || _4 === void 0 ? void 0 : _4.link.split('/').pop();
+        actionId = (_C = attachment == null ? void 0 : attachment.callToAction) == null ? void 0 : _C.link.split("/").pop();
         params = {
           reservationId: actionId
         };
       }
-      return React__default.createElement(React__default.Fragment, null, (attachment === null || attachment === void 0 ? void 0 : attachment.callToAction) && action ? React__default.createElement(Box, {
-        bg: CALL_TO_ACTION_BOX_BGCOLOR,
-        borderRadius: 15,
-        pb: '$2'
-      }, React__default.createElement(Button, {
-        variant: 'outline',
-        size: 'sm',
-        borderColor: CALL_TO_ACTION_BUTTON_BORDERCOLOR,
-        onPress: () => action && params && navigation.navigate(action, params)
-      }, React__default.createElement(ButtonText, {
-        color: CALL_TO_ACTION_TEXT_COLOR
-      }, attachment.callToAction.title)), React__default.createElement(MessageText, Object.assign({}, props, {
-        textStyle: {
-          left: {
-            marginLeft: 5,
-            color: CALL_TO_ACTION_TEXT_COLOR,
-            paddingHorizontal: 2
-          }
-        }
-      }))) : React__default.createElement(TouchableHighlight, {
-        underlayColor: '#c0c0c0',
-        style: {
-          width: '100%'
+      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (attachment == null ? void 0 : attachment.callToAction) && action ? /* @__PURE__ */ React__default.createElement(Box, { bg: CALL_TO_ACTION_BOX_BGCOLOR, borderRadius: 15, pb: "$2" }, /* @__PURE__ */ React__default.createElement(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          borderColor: CALL_TO_ACTION_BUTTON_BORDERCOLOR,
+          onPress: () => action && params && navigation.navigate(action, params)
         },
-        onPress: () => {
-          if (currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.isShowThreadMessage) navigation.navigate(config.THREAD_MESSEGE_PATH, {
-            channelId: channelId,
-            title: 'Message',
-            postParentId: currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage._id,
+        /* @__PURE__ */ React__default.createElement(ButtonText, { color: CALL_TO_ACTION_TEXT_COLOR }, attachment.callToAction.title)
+      ), /* @__PURE__ */ React__default.createElement(MessageText, __spreadProps(__spreadValues({}, props), { textStyle: {
+        left: {
+          marginLeft: 5,
+          color: CALL_TO_ACTION_TEXT_COLOR,
+          paddingHorizontal: 2
+        }
+      } }))) : /* @__PURE__ */ React__default.createElement(TouchableHighlight, { underlayColor: "#c0c0c0", style: {
+        width: "100%"
+      }, onPress: () => {
+        if (currentMessage == null ? void 0 : currentMessage.isShowThreadMessage)
+          navigation.navigate(config.THREAD_MESSEGE_PATH, {
+            channelId,
+            title: "Message",
+            postParentId: currentMessage == null ? void 0 : currentMessage._id,
             isPostParentIdThread: true
           });
+      } }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(MessageText, __spreadProps(__spreadValues({}, props), { textStyle: {
+        left: {
+          marginLeft: 5
         }
-      }, React__default.createElement(React__default.Fragment, null, React__default.createElement(MessageText, Object.assign({}, props, {
-        textStyle: {
-          left: {
-            marginLeft: 5
-          }
-        }
-      })), ((_6 = (_5 = currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.replies) === null || _5 === void 0 ? void 0 : _5.data) === null || _6 === void 0 ? void 0 : _6.length) > 0 && React__default.createElement(HStack, {
-        space: 'sm',
-        px: '$1',
-        alignItems: 'center'
-      }, React__default.createElement(HStack, null, (_11 = (_10 = (_9 = (_8 = (_7 = currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.replies) === null || _7 === void 0 ? void 0 : _7.data) === null || _8 === void 0 ? void 0 : _8.filter((v, i, a) => a.findIndex(t => {
-        var _a, _b;
-        return ((_a = t === null || t === void 0 ? void 0 : t.author) === null || _a === void 0 ? void 0 : _a.id) === ((_b = v === null || v === void 0 ? void 0 : v.author) === null || _b === void 0 ? void 0 : _b.id);
-      }) === i)) === null || _9 === void 0 ? void 0 : _9.slice(0, 2)) === null || _10 === void 0 ? void 0 : _10.reverse()) === null || _11 === void 0 ? void 0 : _11.map((p, i) => {
-        var _a, _b, _c;
-        return React__default.createElement(Avatar, {
-          key: 'conversations-view-key-' + i,
-          bg: 'transparent',
-          size: 'sm'
-        }, React__default.createElement(AvatarFallbackText, null, startCase((_b = (_a = p === null || p === void 0 ? void 0 : p.author) === null || _a === void 0 ? void 0 : _a.username) === null || _b === void 0 ? void 0 : _b.charAt(0))), React__default.createElement(AvatarImage, {
-          alt: "user image",
-          style: {
-            borderRadius: 6,
-            borderWidth: 2,
-            borderColor: '#fff'
-          },
-          source: {
-            uri: (_c = p === null || p === void 0 ? void 0 : p.author) === null || _c === void 0 ? void 0 : _c.picture
-          }
-        }));
-      })), React__default.createElement(Text, {
-        style: {
-          fontSize: 12
-        },
-        fontWeight: '$bold',
-        color: '$blue800'
-      }, (_12 = currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.replies) === null || _12 === void 0 ? void 0 : _12.totalCount, ' ', ((_13 = currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.replies) === null || _13 === void 0 ? void 0 : _13.totalCount) == 1 ? 'reply' : 'replies'), React__default.createElement(Text, {
-        style: {
-          fontSize: 12
-        },
-        fontWeight: '$bold',
-        color: '$trueGray500'
-      }, lastReply ? createdAtText(lastReply === null || lastReply === void 0 ? void 0 : lastReply.createdAt) : '')))));
+      } })), ((_E = (_D = currentMessage == null ? void 0 : currentMessage.replies) == null ? void 0 : _D.data) == null ? void 0 : _E.length) > 0 && /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", px: "$1", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(HStack, null, (_J = (_I = (_H = (_G = (_F = currentMessage == null ? void 0 : currentMessage.replies) == null ? void 0 : _F.data) == null ? void 0 : _G.filter((v, i, a) => a.findIndex((t) => {
+        var _a4, _b3;
+        return ((_a4 = t == null ? void 0 : t.author) == null ? void 0 : _a4.id) === ((_b3 = v == null ? void 0 : v.author) == null ? void 0 : _b3.id);
+      }) === i)) == null ? void 0 : _H.slice(0, 2)) == null ? void 0 : _I.reverse()) == null ? void 0 : _J.map((p, i) => {
+        var _a4, _b3, _c2;
+        return /* @__PURE__ */ React__default.createElement(Avatar, { key: "conversations-view-key-" + i, bg: "transparent", size: "sm" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_b3 = (_a4 = p == null ? void 0 : p.author) == null ? void 0 : _a4.username) == null ? void 0 : _b3.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "user image", style: {
+          borderRadius: 6,
+          borderWidth: 2,
+          borderColor: "#fff"
+        }, source: {
+          uri: (_c2 = p == null ? void 0 : p.author) == null ? void 0 : _c2.picture
+        } }));
+      })), /* @__PURE__ */ React__default.createElement(Text, { style: {
+        fontSize: 12
+      }, fontWeight: "$bold", color: "$blue800" }, (_K = currentMessage == null ? void 0 : currentMessage.replies) == null ? void 0 : _K.totalCount, " ", ((_L = currentMessage == null ? void 0 : currentMessage.replies) == null ? void 0 : _L.totalCount) == 1 ? "reply" : "replies"), /* @__PURE__ */ React__default.createElement(Text, { style: {
+        fontSize: 12
+      }, fontWeight: "$bold", color: "$trueGray500" }, lastReply ? createdAtText(lastReply == null ? void 0 : lastReply.createdAt) : "")))));
     } else {
-      return React__default.createElement(TouchableHighlight, {
-        underlayColor: '#c0c0c0',
-        style: {
-          width: '100%'
-        },
-        onPress: () => {
-          if (currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.isShowThreadMessage) navigation.navigate(config.THREAD_MESSEGE_PATH, {
-            channelId: channelId,
-            title: 'Message',
-            postParentId: currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage._id,
+      return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { underlayColor: "#c0c0c0", style: {
+        width: "100%"
+      }, onPress: () => {
+        if (currentMessage == null ? void 0 : currentMessage.isShowThreadMessage)
+          navigation.navigate(config.THREAD_MESSEGE_PATH, {
+            channelId,
+            title: "Message",
+            postParentId: currentMessage == null ? void 0 : currentMessage._id,
             isPostParentIdThread: true
           });
+      } }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(MessageText, __spreadProps(__spreadValues({}, props), { textStyle: {
+        left: {
+          marginLeft: 5
         }
-      }, React__default.createElement(React__default.Fragment, null, React__default.createElement(MessageText, Object.assign({}, props, {
-        textStyle: {
-          left: {
-            marginLeft: 5
-          }
-        }
-      })), ((_15 = (_14 = currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.replies) === null || _14 === void 0 ? void 0 : _14.data) === null || _15 === void 0 ? void 0 : _15.length) > 0 && React__default.createElement(HStack, {
-        space: 'sm',
-        px: '$1',
-        alignItems: 'center'
-      }, React__default.createElement(HStack, null, (_20 = (_19 = (_18 = (_17 = (_16 = currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.replies) === null || _16 === void 0 ? void 0 : _16.data) === null || _17 === void 0 ? void 0 : _17.filter((v, i, a) => a.findIndex(t => {
-        var _a, _b;
-        return ((_a = t === null || t === void 0 ? void 0 : t.author) === null || _a === void 0 ? void 0 : _a.id) === ((_b = v === null || v === void 0 ? void 0 : v.author) === null || _b === void 0 ? void 0 : _b.id);
-      }) === i)) === null || _18 === void 0 ? void 0 : _18.slice(0, 2)) === null || _19 === void 0 ? void 0 : _19.reverse()) === null || _20 === void 0 ? void 0 : _20.map((p, i) => {
-        var _a, _b, _c;
-        return React__default.createElement(Avatar, {
-          key: 'conversation-replies-key-' + i,
-          bg: 'transparent',
-          size: 'sm'
-        }, React__default.createElement(AvatarFallbackText, null, startCase((_b = (_a = p === null || p === void 0 ? void 0 : p.author) === null || _a === void 0 ? void 0 : _a.username) === null || _b === void 0 ? void 0 : _b.charAt(0))), React__default.createElement(AvatarImage, {
-          alt: "user image",
-          style: {
-            borderRadius: 6,
-            borderWidth: 2,
-            borderColor: '#fff'
-          },
-          source: {
-            uri: (_c = p === null || p === void 0 ? void 0 : p.author) === null || _c === void 0 ? void 0 : _c.picture
-          }
-        }));
-      })), React__default.createElement(Text, {
-        style: {
-          fontSize: 12
-        },
-        fontWeight: '$bold',
-        color: '$blue800'
-      }, (_21 = currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.replies) === null || _21 === void 0 ? void 0 : _21.totalCount, ' ', ((_22 = currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.replies) === null || _22 === void 0 ? void 0 : _22.totalCount) == 1 ? 'reply' : 'replies'), React__default.createElement(Text, {
-        style: {
-          fontSize: 12
-        },
-        fontWeight: '$bold',
-        color: '$trueGray500'
-      }, lastReply ? createdAtText(lastReply === null || lastReply === void 0 ? void 0 : lastReply.createdAt) : ''))));
+      } })), ((_N = (_M = currentMessage == null ? void 0 : currentMessage.replies) == null ? void 0 : _M.data) == null ? void 0 : _N.length) > 0 && /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", px: "$1", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(HStack, null, (_S = (_R = (_Q = (_P = (_O = currentMessage == null ? void 0 : currentMessage.replies) == null ? void 0 : _O.data) == null ? void 0 : _P.filter((v, i, a) => a.findIndex((t) => {
+        var _a4, _b3;
+        return ((_a4 = t == null ? void 0 : t.author) == null ? void 0 : _a4.id) === ((_b3 = v == null ? void 0 : v.author) == null ? void 0 : _b3.id);
+      }) === i)) == null ? void 0 : _Q.slice(0, 2)) == null ? void 0 : _R.reverse()) == null ? void 0 : _S.map((p, i) => {
+        var _a4, _b3, _c2;
+        return /* @__PURE__ */ React__default.createElement(Avatar, { key: "conversation-replies-key-" + i, bg: "transparent", size: "sm" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_b3 = (_a4 = p == null ? void 0 : p.author) == null ? void 0 : _a4.username) == null ? void 0 : _b3.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "user image", style: {
+          borderRadius: 6,
+          borderWidth: 2,
+          borderColor: "#fff"
+        }, source: {
+          uri: (_c2 = p == null ? void 0 : p.author) == null ? void 0 : _c2.picture
+        } }));
+      })), /* @__PURE__ */ React__default.createElement(Text, { style: {
+        fontSize: 12
+      }, fontWeight: "$bold", color: "$blue800" }, (_T = currentMessage == null ? void 0 : currentMessage.replies) == null ? void 0 : _T.totalCount, " ", ((_U = currentMessage == null ? void 0 : currentMessage.replies) == null ? void 0 : _U.totalCount) == 1 ? "reply" : "replies"), /* @__PURE__ */ React__default.createElement(Text, { style: {
+        fontSize: 12
+      }, fontWeight: "$bold", color: "$trueGray500" }, lastReply ? createdAtText(lastReply == null ? void 0 : lastReply.createdAt) : ""))));
     }
   };
-  const renderActions = props => {
-    return React__default.createElement(Actions, Object.assign({}, props, {
-      icon: () => React__default.createElement(Ionicons, {
-        name: 'image',
-        size: 30,
-        color: 'black',
-        onPress: onSelectImages
-      })
-    }));
+  const renderActions = (props) => {
+    return /* @__PURE__ */ React__default.createElement(Actions, __spreadProps(__spreadValues({}, props), { icon: () => /* @__PURE__ */ React__default.createElement(Ionicons, { name: "image", size: 30, color: "black", onPress: onSelectImages }) }));
   };
-  const renderAccessory = props => {
-    return React__default.createElement(Box, null, selectedImage !== '' ? React__default.createElement(HStack, {
-      alignItems: 'center'
-    }, React__default.createElement(Image, {
-      ml: '$3',
-      key: selectedImage,
-      alt: 'image',
-      source: {
-        uri: selectedImage
+  const renderAccessory = (props) => {
+    return /* @__PURE__ */ React__default.createElement(Box, null, selectedImage !== "" ? /* @__PURE__ */ React__default.createElement(HStack, { alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Image, { ml: "$3", key: selectedImage, alt: "image", source: {
+      uri: selectedImage
+    }, size: "xs" }), /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        variant: "solid",
+        bg: "transparent",
+        onPress: () => {
+          setFiles([]);
+          setImage("");
+          setImages([]);
+        }
       },
-      size: 'xs'
-    }), React__default.createElement(Button, {
-      variant: 'solid',
-      bg: 'transparent',
-      //colorScheme={'secondary'}
-      onPress: () => {
-        setFiles([]);
-        setImage('');
-        setImages([]);
-      }
-    }, React__default.createElement(ButtonText, {
-      color: '$black'
-    }, "Cancel"))) : null);
+      /* @__PURE__ */ React__default.createElement(ButtonText, { color: "$black" }, "Cancel")
+    )) : null);
   };
   const setImageViewerObject = (obj, v) => {
     setImageObject(obj);
     setImageViewer(v);
   };
   const modalContent = React__default.useMemo(() => {
-    if (!imageObject) return React__default.createElement(React__default.Fragment, null);
+    if (!imageObject)
+      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
     const {
       image,
       _id
     } = imageObject;
-    return React__default.createElement(CachedImage, {
-      style: {
-        width: '100%',
-        height: '100%'
-      },
-      resizeMode: 'cover',
-      // cacheKey={`${_id}-conversation-modal-image-key`}
-      cacheKey: `${_id}-slack-bubble-imageKey`,
-      source: {
-        uri: image,
-        //headers: `Authorization: Bearer ${token}`,
-        expiresIn: 86400
-      },
-      alt: 'image'
-    });
+    return /* @__PURE__ */ React__default.createElement(
+      CachedImage,
+      {
+        style: {
+          width: "100%",
+          height: "100%"
+        },
+        resizeMode: "cover",
+        cacheKey: `${_id}-slack-bubble-imageKey`,
+        source: {
+          uri: image,
+          expiresIn: 86400
+        },
+        alt: "image"
+      }
+    );
   }, [imageObject]);
-  const renderMessage = useCallback(props => {
-    // const {
-    //     currentMessage: { text: currText },
-    // } = props;
-    //let messageTextStyle: any;
-    // Make "pure emoji" messages much bigger than plain text.
-    // if (currText && emojiUtils.isPureEmojiString(currText)) {
-    //   messageTextStyle = {
-    //     fontSize: 28,
-    //     // Emoji get clipped if lineHeight isn't increased; make it consistent across platforms.
-    //     lineHeight: Platform.OS === 'android' ? 34 : 30,
-    //   }
-    // }
-    // return <SlackMessage {...props} messageTextStyle={messageTextStyle} />;
-    return React__default.createElement(Message, Object.assign({}, props, {
-      isShowImageViewer: isShowImageViewer,
-      setImageViewer: setImageViewerObject
-    }));
+  const renderMessage = useCallback((props) => {
+    return /* @__PURE__ */ React__default.createElement(Message, __spreadProps(__spreadValues({}, props), { isShowImageViewer, setImageViewer: setImageViewerObject }));
   }, [isShowImageViewer]);
-  // const renderMessage = (props: any) => {
-  //     // const {
-  //     //     currentMessage: { text: currText },
-  //     // } = props;
-  //     //let messageTextStyle: any;
-  //     // Make "pure emoji" messages much bigger than plain text.
-  //     // if (currText && emojiUtils.isPureEmojiString(currText)) {
-  //     //   messageTextStyle = {
-  //     //     fontSize: 28,
-  //     //     // Emoji get clipped if lineHeight isn't increased; make it consistent across platforms.
-  //     //     lineHeight: Platform.OS === 'android' ? 34 : 30,
-  //     //   }
-  //     // }
-  //     // return <SlackMessage {...props} messageTextStyle={messageTextStyle} />;
-  //     return <SlackMessage {...props} isShowImageViewer={isShowImageViewer} setImageViewer={setImageViewerObject} />;
-  // };
   let onScroll = false;
-  const onMomentumScrollBegin = _a => __awaiter(void 0, [_a], void 0, function* ({
+  const onMomentumScrollBegin = async ({
     nativeEvent
-  }) {
+  }) => {
     onScroll = true;
-    console.log('scroll top');
-    if (!loadingOldMessages && isCloseToTop(nativeEvent) && totalCount > (channelMessages === null || channelMessages === void 0 ? void 0 : channelMessages.length)) {
-      yield onFetchOld();
+    console.log("scroll top");
+    if (!loadingOldMessages && isCloseToTop(nativeEvent) && totalCount > (channelMessages == null ? void 0 : channelMessages.length)) {
+      await onFetchOld();
     }
-  });
+  };
   const onEndReached = () => {
-    console.log('on end reached');
-    if (!onScroll) return;
-    // load messages, show ActivityIndicator
+    console.log("on end reached");
+    if (!onScroll)
+      return;
     onScroll = false;
-    // setLoadingOldMessages(true);
   };
-  return React__default.createElement(React__default.Fragment, null, loadEarlierMsg && React__default.createElement(Spinner, {
-    color: '$blue500'
-  }), React__default.createElement(GiftedChat, {
-    ref: messageRootListRef,
-    wrapInSafeArea: false,
-    renderLoading: () => React__default.createElement(Spinner, {
-      color: '$blue500'
-    }),
-    messages: messageList,
-    listViewProps: {
-      onEndReached: onEndReached,
-      onEndReachedThreshold: 0.5,
-      onMomentumScrollBegin: onMomentumScrollBegin
-    },
-    // listViewProps={{
-    //     scrollEventThrottle: 400,
-    //     onScroll: ({ nativeEvent }) => { console.log('scroll')
-    //       if (!loadingOldMessages  && isCloseToTop(nativeEvent)) {
-    //         onFetchOld();
-    //       }
-    //     }
-    //   }}
-    onSend: messages => {
-      var _a, _b, _c, _d, _e;
-      return (rest === null || rest === void 0 ? void 0 : rest.isCreateNewChannel) && !channelId ? ((_a = rest === null || rest === void 0 ? void 0 : rest.newChannelData) === null || _a === void 0 ? void 0 : _a.type) === (RoomType === null || RoomType === void 0 ? void 0 : RoomType.Direct) ? createDirectChannel((_c = (_b = messages[0]) === null || _b === void 0 ? void 0 : _b.text) !== null && _c !== void 0 ? _c : ' ') : null : channelId && handleSend((_e = (_d = messages[0]) === null || _d === void 0 ? void 0 : _d.text) !== null && _e !== void 0 ? _e : ' ');
-    },
-    text: msg ? msg : ' ',
-    onInputTextChanged: text => setMsg(text),
-    renderFooter: () => loading ? React__default.createElement(Spinner, {
-      color: '$blue500'
-    }) : imageLoading ? React__default.createElement(Spinner, {
-      color: '$blue500'
-    }) : '',
-    scrollToBottom: true,
-    user: {
-      // _id: currentUser?.id || '',
-      _id: (auth === null || auth === void 0 ? void 0 : auth.id) || ''
-    },
-    isTyping: true,
-    alwaysShowSend: loading ? false : true,
-    //onLoadEarlier={onFetchOld}
-    //infiniteScroll={true}
-    renderSend: renderSend,
-    // loadEarlier={data?.messages?.totalCount > channelMessages.length}
-    //isLoadingEarlier={loadEarlierMsg}
-    //extraData={{ isLoadingEarlier: loadingOldMessages }}
-    // renderLoadEarlier={() =>
-    //     !loadEarlierMsg && (
-    //         <Center py={2}>
-    //             <Button
-    //                 onPress={() => onFetchOld()}
-    //                 variant={'outline'}
-    //                 _text={{ color: 'black', fontSize: 15, fontWeight: 'bold' }}
-    //             >
-    //                 Load earlier messages
-    //             </Button>
-    //         </Center>
-    //     )
-    // }
-    renderMessageText: renderMessageText,
-    minInputToolbarHeight: 50,
-    renderActions: channelId && renderActions,
-    renderAccessory: renderAccessory,
-    renderMessage: renderMessage,
-    renderChatFooter: () => React__default.createElement(React__default.Fragment, null, React__default.createElement(ImageViewerModal, {
-      isVisible: isShowImageViewer,
-      setVisible: setImageViewer,
-      modalContent: modalContent
-    }), React__default.createElement(SubscriptionHandler, {
-      channelId: channelId === null || channelId === void 0 ? void 0 : channelId.toString(),
-      subscribeToNewMessages: () => subscribeToMore({
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, loadEarlierMsg && /* @__PURE__ */ React__default.createElement(Spinner, { color: "$blue500" }), /* @__PURE__ */ React__default.createElement(
+    GiftedChat,
+    {
+      ref: messageRootListRef,
+      wrapInSafeArea: false,
+      renderLoading: () => /* @__PURE__ */ React__default.createElement(Spinner, { color: "$blue500" }),
+      messages: messageList,
+      listViewProps: {
+        onEndReached,
+        onEndReachedThreshold: 0.5,
+        onMomentumScrollBegin
+      },
+      onSend: (messages) => {
+        var _a3, _b2, _c, _d, _e, _f;
+        return (rest == null ? void 0 : rest.isCreateNewChannel) && !channelId ? ((_a3 = rest == null ? void 0 : rest.newChannelData) == null ? void 0 : _a3.type) === ((_b2 = RoomType) == null ? void 0 : _b2.Direct) ? createDirectChannel((_d = (_c = messages[0]) == null ? void 0 : _c.text) != null ? _d : " ") : null : channelId && handleSend((_f = (_e = messages[0]) == null ? void 0 : _e.text) != null ? _f : " ");
+      },
+      text: msg ? msg : " ",
+      onInputTextChanged: (text) => setMsg(text),
+      renderFooter: () => loading ? /* @__PURE__ */ React__default.createElement(Spinner, { color: "$blue500" }) : imageLoading ? /* @__PURE__ */ React__default.createElement(Spinner, { color: "$blue500" }) : "",
+      scrollToBottom: true,
+      user: {
+        _id: (auth == null ? void 0 : auth.id) || ""
+      },
+      isTyping: true,
+      alwaysShowSend: loading ? false : true,
+      renderSend,
+      renderMessageText,
+      minInputToolbarHeight: 50,
+      renderActions: channelId && renderActions,
+      renderAccessory,
+      renderMessage,
+      renderChatFooter: () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ImageViewerModal, { isVisible: isShowImageViewer, setVisible: setImageViewer, modalContent }), /* @__PURE__ */ React__default.createElement(SubscriptionHandler, { channelId: channelId == null ? void 0 : channelId.toString(), subscribeToNewMessages: () => subscribeToMore({
         document: OnChatMessageAddedDocument,
         variables: {
-          channelId: channelId === null || channelId === void 0 ? void 0 : channelId.toString()
+          channelId: channelId == null ? void 0 : channelId.toString()
         },
         updateQuery: (prev, {
           subscriptionData
         }) => {
-          var _a, _b, _c, _d, _e;
-          if (!subscriptionData.data) return prev;
+          var _a3, _b2, _c, _d, _e;
+          if (!subscriptionData.data)
+            return prev;
           setSkip(0);
-          const newMessage = (_a = subscriptionData === null || subscriptionData === void 0 ? void 0 : subscriptionData.data) === null || _a === void 0 ? void 0 : _a.chatMessageAdded;
-          ((_b = prev === null || prev === void 0 ? void 0 : prev.messages) === null || _b === void 0 ? void 0 : _b.data) ? [...prev.messages.data, newMessage] : [];
-          const totalMsgCount = ((_c = prev === null || prev === void 0 ? void 0 : prev.messages) === null || _c === void 0 ? void 0 : _c.totalCount) + 1;
-          setChannelMessages(oldMessages => uniqBy([...oldMessages, newMessage], ({
+          const newMessage = (_a3 = subscriptionData == null ? void 0 : subscriptionData.data) == null ? void 0 : _a3.chatMessageAdded;
+          ((_b2 = prev == null ? void 0 : prev.messages) == null ? void 0 : _b2.data) ? [...prev.messages.data, newMessage] : [];
+          const totalMsgCount = ((_c = prev == null ? void 0 : prev.messages) == null ? void 0 : _c.totalCount) + 1;
+          setChannelMessages((oldMessages) => uniqBy([...oldMessages, newMessage], ({
             id
           }) => id));
           setTotalCount(totalMsgCount);
-          const merged = Object.assign(Object.assign({}, prev), {
-            messages: Object.assign(Object.assign({}, prev === null || prev === void 0 ? void 0 : prev.messages), {
-              data: [...((_e = (_d = prev === null || prev === void 0 ? void 0 : prev.messages) === null || _d === void 0 ? void 0 : _d.data) !== null && _e !== void 0 ? _e : []), newMessage],
+          const merged = __spreadProps(__spreadValues({}, prev), {
+            messages: __spreadProps(__spreadValues({}, prev == null ? void 0 : prev.messages), {
+              data: [...(_e = (_d = prev == null ? void 0 : prev.messages) == null ? void 0 : _d.data) != null ? _e : [], newMessage],
               totalCount: totalMsgCount
             })
           });
           return merged;
-          // return Object.assign({}, prev, {
-          //     messages: {
-          //         data: [...prev.messages.data, newMessage],
-          //         totalCount: prev.messages.totalCount + 1,
-          //     },
-          // });
         }
-      })
-    })),
-    lightboxProps: {
-      underlayColor: 'transparent',
-      springConfig: {
-        tension: 90000,
-        friction: 90000
-      },
-      disabled: true
+      }) })),
+      lightboxProps: {
+        underlayColor: "transparent",
+        springConfig: {
+          tension: 9e4,
+          friction: 9e4
+        },
+        disabled: true
+      }
     }
-  }));
+  ));
 };
 const SubscriptionHandler = ({
   subscribeToNewMessages,
   channelId
 }) => {
   useEffect(() => subscribeToNewMessages(), [channelId]);
-  return React__default.createElement(React__default.Fragment, null);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
 };
 const ConversationView = React__default.memo(ConversationViewComponent);export{ConversationView};//# sourceMappingURL=ConversationView.js.map