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

package/lib/screens/Channels/Channels.js

@@ -1,5 +1,5 @@
-import React__default,{useState,useEffect}from'react';import {Dimensions,StyleSheet,TouchableHighlight}from'react-native';import {Button,ButtonText,Box,Text,SafeAreaView,View,Input,InputSlot,InputIcon,SearchIcon,InputField,Divider,VStack,FlatList,HStack,Spinner}from'@admin-layout/gluestack-ui-mobile';import colors from'../../constants/Colors.js';import {NavigationRoutes}from'../../constants/routes.js';import {RoomType}from'common';import {useGetChannelsByUserQuery}from'common/lib/generated/generated.js';import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import {FontAwesome,Octicons}from'@expo/vector-icons';import'tslib';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {uniqBy}from'lodash-es';Dimensions.get('window').width;
-Dimensions.get('window').height;
+import React__default,{useState,useEffect}from'react';import {TouchableHighlight,StyleSheet,Dimensions}from'react-native';import {Box,Text,Button,ButtonText,SafeAreaView,View,Input,InputSlot,InputIcon,SearchIcon,InputField,Divider,VStack,FlatList,Spinner,HStack}from'@admin-layout/gluestack-ui-mobile';import colors from'../../constants/Colors.js';import {NavigationRoutes}from'../../constants/routes.js';import {RoomType}from'common';import {useGetChannelsByUserQuery}from'common/lib/generated/generated.js';import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import {FontAwesome,Octicons}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {uniqBy}from'lodash-es';Dimensions.get("window").width;
+Dimensions.get("window").height;
 const defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];
 const Channels = ({
   navigation,
@@ -21,7 +21,7 @@ const Channels = ({
   } = useGetChannelsByUserQuery({
     variables: {
       criteria: {
-        orgName: orgName,
+        orgName,
         type: defaultChannelType,
         team: null
       },
@@ -32,7 +32,7 @@ const Channels = ({
     if (orgName) {
       refetch({
         criteria: {
-          orgName: orgName,
+          orgName,
           type: defaultChannelType,
           team: null
         },
@@ -40,92 +40,48 @@ const Channels = ({
       });
     }
     return () => {
-      // Do something when the screen is unfocused
-      // Useful for cleanup functions
     };
   }, [orgName]));
   useEffect(() => {
     var _a, _b, _c;
     if (channelsData) {
-      let channels = (_a = channelsData === null || channelsData === void 0 ? void 0 : channelsData.channelsByUser) === null || _a === void 0 ? void 0 : _a.filter(i => i.type !== RoomType.Direct);
-      channels = (_c = (_b = channels === null || channels === void 0 ? void 0 : channels.slice()) === null || _b === void 0 ? void 0 : _b.sort((a, b) => a.title.localeCompare(b.title))) !== null && _c !== void 0 ? _c : [];
-      setChannels(oldChannels => uniqBy([...channels, ...oldChannels], ({
+      let channels2 = (_a = channelsData == null ? void 0 : channelsData.channelsByUser) == null ? void 0 : _a.filter((i) => i.type !== RoomType.Direct);
+      channels2 = (_c = (_b = channels2 == null ? void 0 : channels2.slice()) == null ? void 0 : _b.sort((a, b) => a.title.localeCompare(b.title))) != null ? _c : [];
+      setChannels((oldChannels) => uniqBy([...channels2, ...oldChannels], ({
         id
       }) => id));
-      setInitialChannels(oldChannels => uniqBy([...channels, ...oldChannels], ({
+      setInitialChannels((oldChannels) => uniqBy([...channels2, ...oldChannels], ({
         id
       }) => id));
     }
   }, [channelsData]);
   useEffect(() => {
-    if (navigation) navigation.setOptions({
-      // headerShown: true,
-      headerTitleAlign: 'left',
-      headerTitleStyle: {
-        borderBottomWidth: 1
-      },
-      headerLeft: props => React__default.createElement(Button, {
-        onPress: () => navigation.goBack(),
-        variant: 'link'
-      }, React__default.createElement(ButtonText, null, "Cancel")),
-      headerRight: props => React__default.createElement(Button, {
-        onPress: () => navigation.navigate(NavigationRoutes.AddChannel, {
+    if (navigation)
+      navigation.setOptions({
+        headerTitleAlign: "left",
+        headerTitleStyle: {
+          borderBottomWidth: 1
+        },
+        headerLeft: (props) => /* @__PURE__ */ React__default.createElement(Button, { onPress: () => navigation.goBack(), variant: "link" }, /* @__PURE__ */ React__default.createElement(ButtonText, null, "Cancel")),
+        headerRight: (props) => /* @__PURE__ */ React__default.createElement(Button, { onPress: () => navigation.navigate(NavigationRoutes.AddChannel, {
           orgName
-        }),
-        variant: 'link'
-      }, React__default.createElement(ButtonText, null, "Create")),
-      headerTitle: props => React__default.createElement(Box, null, React__default.createElement(Text, {
-        color: '$black',
-        fontSize: 15,
-        fontWeight: '600'
-      }, "Channels")),
-      headerStyle: {
-        borderBottomWidth: 1,
-        borderColor: '#d1d2d3'
-      }
-    });
+        }), variant: "link" }, /* @__PURE__ */ React__default.createElement(ButtonText, null, "Create")),
+        headerTitle: (props) => /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Text, { color: "$black", fontSize: 15, fontWeight: "600" }, "Channels")),
+        headerStyle: {
+          borderBottomWidth: 1,
+          borderColor: "#d1d2d3"
+        }
+      });
   }, [channels, navigation]);
-  const openInbox = item => {
+  const openInbox = (item) => {
     var _a, _b, _c;
     navigation.navigate(NavigationRoutes.DialogMessages, {
-      channelId: (_a = item === null || item === void 0 ? void 0 : item.id) === null || _a === void 0 ? void 0 : _a.toString(),
-      title: (_b = item === null || item === void 0 ? void 0 : item.title) === null || _b === void 0 ? void 0 : _b.toString(),
-      totalMembers: (_c = item === null || item === void 0 ? void 0 : item.members) === null || _c === void 0 ? void 0 : _c.length,
+      channelId: (_a = item == null ? void 0 : item.id) == null ? void 0 : _a.toString(),
+      title: (_b = item == null ? void 0 : item.title) == null ? void 0 : _b.toString(),
+      totalMembers: (_c = item == null ? void 0 : item.members) == null ? void 0 : _c.length,
       hideTabBar: true
     });
   };
-  // const renderUserChannelItem = ({ item }: any) => {
-  //     return (
-  //         <TouchableHighlight
-  //             underlayColor={'transparent'}
-  //             activeOpacity={0.5}
-  //             key={item.id}
-  //             style={{ marginTop: 1 }}
-  //             onPress={() => openInbox(item?.id, item?.title, item?.members?.length)}
-  //         >
-  //             <Box bg={'#fff'} shadow={1} py={2}>
-  //                 <VStack space="5">
-  //                     {/* <Box px="4" pt="4"> */}
-  //                     <HStack px="4" py={1} space={2}>
-  //                         <Text style={styles.headingText}>#</Text>
-  //                         {/* <Box px="4" py={1}> */}
-  //                         <Box px="2">
-  //                             <Text style={styles.headingText}>{item.title}</Text>
-  //                             <Text>You are a memeber</Text>
-  //                         </Box>
-  //                     </HStack>
-  //                     {/* <Box px="4" py={1}>
-  //                   <Text style={styles.headingText}>#  {item.title}</Text>
-  //                   <Text > You are a memeber</Text>
-  //               </Box> */}
-  //                     {/* <Box px="4" pb={2}>
-  //                   You are a memeber
-  //               </Box> */}
-  //                 </VStack>
-  //             </Box>
-  //         </TouchableHighlight>
-  //     );
-  // };
   React__default.useMemo(() => {
     const obj = channels.reduce((r, {
       id,
@@ -134,17 +90,20 @@ const Channels = ({
       members
     }) => {
       const l = title[0];
-      if (!r[l]) r[l] = [{
-        id,
-        title,
-        type,
-        members
-      }];else r[l].push({
-        id,
-        title,
-        type,
-        members
-      });
+      if (!r[l])
+        r[l] = [{
+          id,
+          title,
+          type,
+          members
+        }];
+      else
+        r[l].push({
+          id,
+          title,
+          type,
+          members
+        });
       return r;
     }, {});
     const sorted = Object.entries(obj).sort(([a], [b]) => a.localeCompare(b));
@@ -156,125 +115,41 @@ const Channels = ({
     });
     return sortedFilteredData;
   }, [channels]);
-  const searchChannels = React__default.useCallback(v => {
+  const searchChannels = React__default.useCallback((v) => {
     if (v) {
-      const searchedChannel = channels.filter(o => {
+      const searchedChannel = channels.filter((o) => {
         var _a;
-        return (_a = o === null || o === void 0 ? void 0 : o.title) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(v === null || v === void 0 ? void 0 : v.toLowerCase());
+        return (_a = o == null ? void 0 : o.title) == null ? void 0 : _a.toLowerCase().includes(v == null ? void 0 : v.toLowerCase());
       });
       setChannels(searchedChannel);
     } else {
       setChannels(intialChannels);
     }
   }, [intialChannels, channels]);
-  return React__default.createElement(SafeAreaView, {
-    flex: 1,
-    bg: '$white'
-  }, React__default.createElement(View, {
-    flex: 1,
-    bg: '$white'
-  }, React__default.createElement(Input, {
-    bg: '$coolGray100',
-    mx: "$4",
-    my: '$2',
-    borderRadius: '$lg',
-    borderWidth: '$0',
-    style: {
-      boxShadow: 'none'
-    },
-    variant: "outline"
-  }, React__default.createElement(InputSlot, {
-    pl: "$3"
-  }, React__default.createElement(InputIcon, {
-    color: '$black',
-    as: SearchIcon
-  })), React__default.createElement(InputField, {
-    px: '$3',
-    alignItems: "center",
-    type: "text",
-    size: "xl",
-    placeholder: "Search",
-    placeholderTextColor: '#404040',
-    color: "$black",
-    fontSize: 15,
-    onChange: ({
-      nativeEvent: {
-        eventCount,
-        target,
-        text
-      }
-    }) => {
-      searchChannels(text);
-    },
-    autoCapitalize: 'none',
-    autoCorrect: false
-  })), React__default.createElement(Divider, null), React__default.createElement(View, {
-    flex: 1
-  }, React__default.createElement(VStack, {
-    flex: 1
-  }, React__default.createElement(FlatList, {
-    contentContainerStyle: {
-      flexGrow: 1,
-      paddingBottom: 50
-    },
-    w: '100%',
-    h: '100%',
-    maxWidth: '100%',
-    pb: '$20',
-    mb: '$10',
-    data: channels ? channels : [],
-    keyExtractor: (item, index) => item + index,
-    renderItem: ({
-      item
-    }) => React__default.createElement(TouchableHighlight, {
-      underlayColor: 'transparent',
-      activeOpacity: 0.5,
-      key: item.id,
-      style: {
-        marginTop: 1
-      },
-      onPress: () => openInbox(item)
-    }, React__default.createElement(Box, {
-      bg: '#fff',
-      py: '$2'
-    }, React__default.createElement(VStack, {
-      space: "md"
-    }, React__default.createElement(HStack, {
-      px: "$4",
-      py: '$1',
-      space: 'sm',
-      alignItems: "center"
-    }, React__default.createElement(Text, {
-      style: styles.headingText
-    }, item.type == RoomType.Private ? React__default.createElement(React__default.Fragment, null, React__default.createElement(FontAwesome, {
-      color: '#525252',
-      name: "lock",
-      size: 20
-    })) : React__default.createElement(Octicons, {
-      color: "#525252",
-      name: "hash",
-      size: 20
-    })), React__default.createElement(Box, {
-      px: "$2"
-    }, React__default.createElement(Text, {
-      style: styles.headingText
-    }, item.title)))))),
-    ListEmptyComponent: () => {
-      return React__default.createElement(View, {
-        py: '$1'
-      }, loading ? React__default.createElement(Spinner, {
-        color: '$blue500'
-      }) : React__default.createElement(Text, {
-        color: '$coolGray600'
-      }, "No Channels found"));
-    },
-    key: 'search-channels-list'
-  })))));
+  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { flex: 1, bg: "$white" }, /* @__PURE__ */ React__default.createElement(View, { flex: 1, bg: "$white" }, /* @__PURE__ */ React__default.createElement(Input, { bg: "$coolGray100", mx: "$4", my: "$2", borderRadius: "$lg", borderWidth: "$0", style: {
+    boxShadow: "none"
+  }, variant: "outline" }, /* @__PURE__ */ React__default.createElement(InputSlot, { pl: "$3" }, /* @__PURE__ */ React__default.createElement(InputIcon, { color: "$black", as: SearchIcon })), /* @__PURE__ */ React__default.createElement(InputField, { px: "$3", alignItems: "center", type: "text", size: "xl", placeholder: "Search", placeholderTextColor: "#404040", color: "$black", fontSize: 15, onChange: ({
+    nativeEvent: {
+      eventCount,
+      target,
+      text
+    }
+  }) => {
+    searchChannels(text);
+  }, autoCapitalize: "none", autoCorrect: false })), /* @__PURE__ */ React__default.createElement(Divider, null), /* @__PURE__ */ React__default.createElement(View, { flex: 1 }, /* @__PURE__ */ React__default.createElement(VStack, { flex: 1 }, /* @__PURE__ */ React__default.createElement(FlatList, { contentContainerStyle: {
+    flexGrow: 1,
+    paddingBottom: 50
+  }, w: "100%", h: "100%", maxWidth: "100%", pb: "$20", mb: "$10", data: channels ? channels : [], keyExtractor: (item, index) => item + index, renderItem: ({
+    item
+  }) => /* @__PURE__ */ React__default.createElement(TouchableHighlight, { underlayColor: "transparent", activeOpacity: 0.5, key: item.id, style: {
+    marginTop: 1
+  }, onPress: () => openInbox(item) }, /* @__PURE__ */ React__default.createElement(Box, { bg: "#fff", py: "$2" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "md" }, /* @__PURE__ */ React__default.createElement(HStack, { px: "$4", py: "$1", space: "sm", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Text, { style: styles.headingText }, item.type == RoomType.Private ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(FontAwesome, { color: "#525252", name: "lock", size: 20 })) : /* @__PURE__ */ React__default.createElement(Octicons, { color: "#525252", name: "hash", size: 20 })), /* @__PURE__ */ React__default.createElement(Box, { px: "$2" }, /* @__PURE__ */ React__default.createElement(Text, { style: styles.headingText }, item.title)))))), ListEmptyComponent: () => {
+    return /* @__PURE__ */ React__default.createElement(View, { py: "$1" }, loading ? /* @__PURE__ */ React__default.createElement(Spinner, { color: "$blue500" }) : /* @__PURE__ */ React__default.createElement(Text, { color: "$coolGray600" }, "No Channels found"));
+  }, key: "search-channels-list" })))));
 };
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    //justifyContent: 'center',
     padding: 20
   },
   itemView: {
@@ -284,7 +159,7 @@ const styles = StyleSheet.create({
   headingText: {
     color: colors.light.text,
     fontSize: 16,
-    fontWeight: '400'
+    fontWeight: "400"
   }
 });
 var Channels$1 = React__default.memo(Channels);export{Channels$1 as default};//# sourceMappingURL=Channels.js.map

package/lib/screens/Channels/Channels.js.map

@@ -1 +1 @@
-{"version":3,"file":"Channels.js","sources":["../../../src/screens/Channels/Channels.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Channels.js","sources":["../../../src/screens/Channels/Channels.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { StyleSheet, TouchableHighlight, Dimensions } from 'react-native';\nimport {\n    Input,\n    InputField,\n    InputSlot,\n    InputIcon,\n    SearchIcon,\n    Button,\n    ButtonText,\n    View,\n    Text,\n    VStack,\n    Box,\n    Fab,\n    SafeAreaView,\n    FlatList,\n    Divider,\n    HStack,\n    SectionList,\n    Center,\n    Heading,\n    Spinner,\n} from '@admin-layout/gluestack-ui-mobile';\nimport Colors from '../../constants/Colors';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { AntDesign } from '@expo/vector-icons';\n// import VirtualizedScrollView from '../VirtualizedScrollView';\nimport { RoomType } from 'common';\nimport { useGetChannelsByUserQuery, useGetChannelsByUserLazyQuery } from 'common/lib/generated/generated.js';\nimport { useIsFocused, useFocusEffect, useNavigation } from '@react-navigation/native';\n// import { navigationRef } from '@common-stack/client-react';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport { StatusBar } from 'expo-status-bar';\nimport { NavigationHeader, ChannelsByAlphabeticalAccordion } from '../../components';\nimport { useDrawerLayout } from '../../hooks';\nimport { startCase, orderBy, uniqBy } from 'lodash-es';\n\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];\n\nconst Channels = ({ navigation, route }: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const navigationRef = useNavigation<any>();\n    const isFocused = useIsFocused();\n    const [channels, setChannels] = useState<any[]>([]);\n    const [intialChannels, setInitialChannels] = useState<any[]>([]);\n\n    const {\n        data: channelsData,\n        loading,\n        error,\n        refetch,\n    } = useGetChannelsByUserQuery({\n        variables: {\n            criteria: {\n                orgName: orgName,\n                type: defaultChannelType,\n                team: null,\n            },\n            limit: 50,\n        },\n    });\n\n    useFocusEffect(\n        React.useCallback(() => {\n            if (orgName) {\n                refetch({\n                    criteria: {\n                        orgName: orgName,\n                        type: defaultChannelType,\n                        team: null,\n                    },\n                    limit: 50,\n                });\n            }\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, [orgName]),\n    );\n\n    useEffect(() => {\n        if (channelsData) {\n            let channels: any = channelsData?.channelsByUser?.filter((i: any) => i.type !== RoomType.Direct);\n            channels = channels?.slice()?.sort((a: any, b: any) => a.title.localeCompare(b.title)) ?? [];\n            setChannels((oldChannels: any) => uniqBy([...channels, ...oldChannels], ({ id }) => id));\n            setInitialChannels((oldChannels: any) => uniqBy([...channels, ...oldChannels], ({ id }) => id));\n        }\n    }, [channelsData]);\n\n    useEffect(() => {\n        if (navigation)\n            navigation.setOptions({\n                // headerShown: true,\n                headerTitleAlign: 'left',\n                headerTitleStyle: {\n                    borderBottomWidth: 1,\n                },\n                headerLeft: (props: any) => (\n                    <Button onPress={() => navigation.goBack()} variant={'link'}>\n                        <ButtonText>Cancel</ButtonText>\n                    </Button>\n                ),\n                headerRight: (props: any) => (\n                    <Button\n                        onPress={() => navigation.navigate(NavigationRoutes.AddChannel, { orgName })}\n                        variant={'link'}\n                    >\n                        <ButtonText>Create</ButtonText>\n                    </Button>\n                ),\n                headerTitle: (props: any) => (\n                    <Box>\n                        <Text color={'$black'} fontSize={15} fontWeight={'600'}>\n                            Channels\n                        </Text>\n                    </Box>\n                ),\n                headerStyle: {\n                    borderBottomWidth: 1,\n                    borderColor: '#d1d2d3',\n                },\n            });\n    }, [channels, navigation]);\n\n    const openInbox = (item: any) => {\n        navigation.navigate(NavigationRoutes.DialogMessages, {\n            channelId: item?.id?.toString(),\n            title: item?.title?.toString(),\n            totalMembers: item?.members?.length,\n            hideTabBar: true,\n        });\n    };\n\n    // const renderUserChannelItem = ({ item }: any) => {\n    //     return (\n    //         <TouchableHighlight\n    //             underlayColor={'transparent'}\n    //             activeOpacity={0.5}\n    //             key={item.id}\n    //             style={{ marginTop: 1 }}\n    //             onPress={() => openInbox(item?.id, item?.title, item?.members?.length)}\n    //         >\n    //             <Box bg={'#fff'} shadow={1} py={2}>\n    //                 <VStack space=\"5\">\n    //                     {/* <Box px=\"4\" pt=\"4\"> */}\n    //                     <HStack px=\"4\" py={1} space={2}>\n    //                         <Text style={styles.headingText}>#</Text>\n    //                         {/* <Box px=\"4\" py={1}> */}\n    //                         <Box px=\"2\">\n    //                             <Text style={styles.headingText}>{item.title}</Text>\n    //                             <Text>You are a memeber</Text>\n    //                         </Box>\n    //                     </HStack>\n    //                     {/* <Box px=\"4\" py={1}>\n    //                   <Text style={styles.headingText}>#  {item.title}</Text>\n    //                   <Text > You are a memeber</Text>\n    //               </Box> */}\n    //                     {/* <Box px=\"4\" pb={2}>\n    //                   You are a memeber\n    //               </Box> */}\n    //                 </VStack>\n    //             </Box>\n    //         </TouchableHighlight>\n    //     );\n    // };\n\n    const sortedChannels: any = React.useMemo(() => {\n        const obj = channels.reduce((r, { id, title, type, members }) => {\n            const l = title[0];\n            if (!r[l]) r[l] = [{ id, title, type, members }];\n            else r[l].push({ id, title, type, members });\n            return r;\n        }, {});\n\n        const sorted = Object.entries(obj).sort(([a], [b]) => a.localeCompare(b));\n\n        const sortedFilteredData = sorted.map(([key, value]) => {\n            return {\n                title: key,\n                data: value,\n            };\n        });\n\n        return sortedFilteredData;\n    }, [channels]);\n\n    const searchChannels = React.useCallback(\n        (v: any) => {\n            if (v) {\n                const searchedChannel = channels.filter((o: any) => o?.title?.toLowerCase().includes(v?.toLowerCase()));\n                setChannels(searchedChannel);\n            } else {\n                setChannels(intialChannels);\n            }\n        },\n        [intialChannels, channels],\n    );\n\n    return (\n        <SafeAreaView flex={1} bg={'$white'}>\n            <View flex={1} bg={'$white'}>\n                <Input\n                    bg={'$coolGray100'}\n                    mx=\"$4\"\n                    my={'$2'}\n                    borderRadius={'$lg'}\n                    borderWidth={'$0'}\n                    style={{ boxShadow: 'none' }}\n                    variant=\"outline\"\n                >\n                    <InputSlot pl=\"$3\">\n                        <InputIcon color={'$black'} as={SearchIcon} />\n                    </InputSlot>\n                    <InputField\n                        px={'$3'}\n                        alignItems=\"center\"\n                        type=\"text\"\n                        size=\"xl\"\n                        placeholder=\"Search\"\n                        placeholderTextColor={'#404040'}\n                        color=\"$black\"\n                        fontSize={15}\n                        onChange={({ nativeEvent: { eventCount, target, text } }) => {\n                            searchChannels(text);\n                        }}\n                        autoCapitalize={'none'}\n                        autoCorrect={false}\n                    />\n                </Input>\n                <Divider />\n                {/* <ChannelsByAlphabeticalAccordion channels={sortedChannels} loading={loading} onPress={openInbox} /> */}\n                <View flex={1}>\n                    <VStack flex={1}>\n                        <FlatList\n                            contentContainerStyle={{\n                                flexGrow: 1,\n                                paddingBottom: 50,\n                            }}\n                            w={'100%'}\n                            h={'100%'}\n                            maxWidth={'100%'}\n                            pb={'$20'}\n                            mb={'$10'}\n                            data={channels ? channels : []}\n                            keyExtractor={(item: any, index: any) => item + index}\n                            renderItem={({ item }: any) => (\n                                <TouchableHighlight\n                                    underlayColor={'transparent'}\n                                    activeOpacity={0.5}\n                                    key={item.id}\n                                    style={{ marginTop: 1 }}\n                                    onPress={() => openInbox(item)}\n                                >\n                                    <Box bg={'#fff'} py={'$2'}>\n                                        <VStack space=\"md\">\n                                            <HStack px=\"$4\" py={'$1'} space={'sm'} alignItems=\"center\">\n                                                <Text style={styles.headingText}>\n                                                    {item.type == RoomType.Private ? (\n                                                        <>\n                                                            <FontAwesome color={'#525252'} name=\"lock\" size={20} />\n                                                        </>\n                                                    ) : (\n                                                        <Octicons color=\"#525252\" name=\"hash\" size={20} />\n                                                    )}\n                                                </Text>\n\n                                                <Box px=\"$2\">\n                                                    <Text style={styles.headingText}>{item.title}</Text>\n                                                    {/* <Text>You are a memeber</Text> */}\n                                                </Box>\n                                            </HStack>\n                                        </VStack>\n                                    </Box>\n                                </TouchableHighlight>\n                            )}\n                            ListEmptyComponent={() => {\n                                return (\n                                    <View py={'$1'}>\n                                        {loading ? (\n                                            <Spinner color={'$blue500'} />\n                                        ) : (\n                                            <Text color={'$coolGray600'}>No Channels found</Text>\n                                        )}\n                                    </View>\n                                );\n                            }}\n                            key={'search-channels-list'}\n                        />\n                    </VStack>\n                </View>\n\n                {/* <Fab\n                    onPress={() => navigation.navigate(NavigationRoutes.AddChannel)}\n                    bg={'$white'}\n                    $pressed-bg={'$trueGray200'}\n                    $active-bg={'$trueGray200'}\n                    bottom={'$10'}\n                    // renderInPortal={false}\n                    // shadow={3}\n                    size=\"sm\"\n                    borderRadius={'$lg'}\n                >\n                    <AntDesign color=\"black\" name=\"plus\" size={20} />\n                </Fab> */}\n            </View>\n        </SafeAreaView>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        //justifyContent: 'center',\n        padding: 20,\n    },\n    itemView: {\n        paddingVertical: 8,\n        marginTop: 5,\n    },\n    headingText: {\n        color: Colors.light.text,\n        fontSize: 16,\n        fontWeight: '400',\n    },\n});\n\nexport default React.memo(Channels);\n"],"names":["React","channels","Colors"],"mappings":"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"}

package/lib/screens/Files/FilesScreen.js

@@ -1,16 +1,5 @@
 import React__default from'react';import {View,Text}from'@admin-layout/gluestack-ui-mobile';const FilesScreen = ({
   navigation
 }) => {
-  return React__default.createElement(View, {
-    py: '$2',
-    bg: '#fff',
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
-  }, React__default.createElement(Text, {
-    pb: '$12',
-    textAlign: 'center',
-    fontSize: '$md',
-    fontWeight: '$bold'
-  }, "Files"));
+  return /* @__PURE__ */ React__default.createElement(View, { py: "$2", bg: "#fff", flex: 1, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Text, { pb: "$12", textAlign: "center", fontSize: "$md", fontWeight: "$bold" }, "Files"));
 };export{FilesScreen as default};//# sourceMappingURL=FilesScreen.js.map

package/lib/screens/Files/FilesScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilesScreen.js","sources":["../../../src/screens/Files/FilesScreen.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"4FAYA,MAAM,WAAW,GAAG,CAAC;;;AAQrB,EAAE,OAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAEF,IAAA,EAAA,EAAA,IAAA;;;;;;;;;;;"}
+{"version":3,"file":"FilesScreen.js","sources":["../../../src/screens/Files/FilesScreen.tsx"],"sourcesContent":["import { Ionicons } from '@expo/vector-icons';\nimport { StackNavigationProp } from '@react-navigation/stack';\nimport React, { useState } from 'react';\nimport { Pressable, TouchableOpacity } from 'react-native';\nimport { Actionsheet, Box, Text, Button, Image, View, FlatList } from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { Header, Tiles } from '../../components';\nimport { NavigationRoutes } from '../../constants/routes';\ntype FilesScreenProps = {\n    navigation: any;\n};\n\nconst FilesScreen = ({ navigation }: FilesScreenProps) => {\n    return (\n        <View py={'$2'} bg={'#fff'} flex={1} justifyContent={'center'} alignItems={'center'}>\n            <Text pb={'$12'} textAlign={'center'} fontSize={'$md'} fontWeight={'$bold'}>\n                Files\n            </Text>\n        </View>\n    );\n};\n\nexport default FilesScreen;\n"],"names":["React"],"mappings":"4FAWA,MAAM,cAAc,CAAC;AAAA,EACnB;AACF,CAAwB,KAAA;AACtB,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,IAAA,EAAM,IAAI,MAAQ,EAAA,IAAA,EAAM,CAAG,EAAA,cAAA,EAAgB,QAAU,EAAA,UAAA,EAAY,4BACvEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,KAAA,EAAO,SAAW,EAAA,QAAA,EAAU,UAAU,KAAO,EAAA,UAAA,EAAY,OAAS,EAAA,EAAA,OAE5E,CACJ,CAAA;AACR"}