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

package/lib/screens/Home/Components/Channels/Channels.js

@@ -1,4 +1,4 @@
-import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState}from'react';import {TouchableOpacity}from'react-native';import {NavigationRoutes}from'../../../../constants/routes.js';import {View,HStack,Text,FlatList,Spinner,Button,ButtonText,VStack,Icon,AddIcon,Actionsheet,ActionsheetBackdrop,ActionsheetContent,ActionsheetItem,ActionsheetItemText,Box}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import styles from'../../styles.js';import {take,orderBy,uniqBy}from'lodash-es';import {RoomType}from'common';import {MaterialIcons,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 {useDisclose}from'../../../../hooks/useDisclose.js';const Channels = ({
+import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState}from'react';import {TouchableOpacity}from'react-native';import {NavigationRoutes}from'../../../../constants/routes.js';import {View,HStack,Text,FlatList,Button,ButtonText,VStack,Icon,AddIcon,Actionsheet,ActionsheetBackdrop,ActionsheetContent,ActionsheetItem,ActionsheetItemText,Spinner,Box}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import styles from'../../styles.js';import {take,orderBy,uniqBy}from'lodash-es';import {RoomType}from'common';import {MaterialIcons,Octicons}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import {useDisclose}from'../../../../hooks/useDisclose.js';const Channels = ({
   channels,
   loading,
   reFetchChannels,
@@ -16,217 +16,80 @@ import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native'
   const {
     orgName
   } = useDrawerLayout();
-  // const { authenticated } = isUserAuthenticated();
   useIsFocused();
   useFocusEffect(React__default.useCallback(() => {
-    // Do something when the screen is focused
     reFetchChannels();
     return () => {
-      // Do something when the screen is unfocused
-      // Useful for cleanup functions
     };
   }, []));
   const organizationChannels = React__default.useMemo(() => {
     var _a;
-    //Direct channel
-    return channels && (channels === null || channels === void 0 ? void 0 : channels.length) && take(orderBy(uniqBy((_a = [...channels]) === null || _a === void 0 ? void 0 : _a.filter(i => i.type !== RoomType.Direct), ({
+    return channels && (channels == null ? void 0 : channels.length) && take(orderBy(uniqBy((_a = [...channels]) == null ? void 0 : _a.filter((i) => i.type !== RoomType.Direct), ({
       id
-    }) => id), [ch => ch === null || ch === void 0 ? void 0 : ch.title.toLowerCase()], ['asc']), 20) || [];
+    }) => id), [(ch) => ch == null ? void 0 : ch.title.toLowerCase()], ["asc"]), 20) || [];
   }, [channels]);
   const openInbox = React__default.useCallback((id, title, totalMembers, type) => {
     navigation.navigate(NavigationRoutes.DialogMessages, {
-      channelId: id === null || id === void 0 ? void 0 : id.toString(),
-      title: title === null || title === void 0 ? void 0 : title.toString(),
-      totalMembers: totalMembers,
+      channelId: id == null ? void 0 : id.toString(),
+      title: title == null ? void 0 : title.toString(),
+      totalMembers,
       channelType: type,
-      orgName: orgName,
+      orgName,
       hideTabBar: true
     });
   }, [orgName]);
   const renderUserChannelItem = ({
     item
   }) => {
-    return React__default.createElement(TouchableOpacity, {
-      key: item.id,
-      onPress: () => {
-        var _a;
-        return openInbox(item === null || item === void 0 ? void 0 : item.id, item === null || item === void 0 ? void 0 : item.title, (_a = item === null || item === void 0 ? void 0 : item.members) === null || _a === void 0 ? void 0 : _a.length, item === null || item === void 0 ? void 0 : item.type);
-      }
-    }, React__default.createElement(VStack, {
-      py: '$1'
-    }, React__default.createElement(HStack, {
-      flex: 1,
-      alignItems: 'center',
-      space: "sm"
-    }, React__default.createElement(Box, null, item.type == RoomType.Channel ? React__default.createElement(Octicons, {
-      color: "black",
-      name: "hash",
-      size: 16
-    }) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Octicons, {
-      color: "black",
-      name: "lock",
-      size: 16
-    }))), React__default.createElement(Text, {
-      style: {
-        fontSize: 14,
-        fontWeight: '400'
-      },
-      color: '$coolGray800'
-    }, item.title))));
+    return /* @__PURE__ */ React__default.createElement(TouchableOpacity, { key: item.id, onPress: () => {
+      var _a;
+      return openInbox(item == null ? void 0 : item.id, item == null ? void 0 : item.title, (_a = item == null ? void 0 : item.members) == null ? void 0 : _a.length, item == null ? void 0 : item.type);
+    } }, /* @__PURE__ */ React__default.createElement(VStack, { py: "$1" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center", space: "sm" }, /* @__PURE__ */ React__default.createElement(Box, null, item.type == RoomType.Channel ? /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 16 }) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 16 }))), /* @__PURE__ */ React__default.createElement(Text, { style: {
+      fontSize: 14,
+      fontWeight: "400"
+    }, color: "$coolGray800" }, item.title))));
   };
   React__default.useCallback(() => {
-    fetchMoreChannels(organizationChannels === null || organizationChannels === void 0 ? void 0 : organizationChannels.length);
+    fetchMoreChannels(organizationChannels == null ? void 0 : organizationChannels.length);
   }, [organizationChannels]);
-  return React__default.createElement(View, {
-    style: styles.channelContainer
-  }, React__default.createElement(TouchableOpacity, {
-    style: styles.headingContainer,
-    onPress: () => setExpendable(!expandable)
-  }, React__default.createElement(HStack, {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'space-between'
-  }, React__default.createElement(Text, {
-    style: {
-      fontSize: 15,
-      fontWeight: '600',
-      color: 'black'
-    }
-  }, "Channels"), expandable ? React__default.createElement(MaterialIcons, {
-    color: 'black',
-    name: 'keyboard-arrow-up',
-    size: 20
-  }) : React__default.createElement(MaterialIcons, {
-    color: 'black',
-    name: 'keyboard-arrow-down',
-    size: 20
-  }))), expandable && React__default.createElement(React__default.Fragment, null, React__default.createElement(FlatList, {
-    py: '$2',
-    data: organizationChannels && organizationChannels.length > 0 ? organizationChannels : [],
-    renderItem: renderUserChannelItem,
-    key: 'channels-list',
-    keyExtractor: (item, index) => String(index),
-    contentContainerStyle: {
-      flex: 1
-    },
-    ListEmptyComponent: () => {
-      return React__default.createElement(View, {
-        py: '$1'
-      }, loading ? React__default.createElement(Spinner, {
-        color: '$blue500'
-      }) : React__default.createElement(Text, {
-        color: '$coolGray600'
-      }, "No Channels found"));
-    },
-    ListFooterComponent: () => {
-      return React__default.createElement(React__default.Fragment, null, (channels === null || channels === void 0 ? void 0 : channels.length) > 20 && React__default.createElement(HStack, {
-        flex: 1,
-        alignItems: 'center'
-      }, React__default.createElement(Button, {
-        bg: 'transparent',
-        variant: 'solid',
-        pl: '$0',
-        onPress: () => navigation.navigate(NavigationRoutes.Channels, {
-          orgName
-        }),
-        "$pressed-bg": "transparent",
-        "$active-bg": 'transparent'
-      }, React__default.createElement(MaterialIcons, {
-        color: 'black',
-        name: 'search',
-        size: 20
-      }), React__default.createElement(ButtonText, {
-        color: '$black'
-      }, "Browse all channels"))), React__default.createElement(TouchableOpacity
-      // onPress={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}
-      , {
-        // onPress={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}
+  return /* @__PURE__ */ React__default.createElement(View, { style: styles.channelContainer }, /* @__PURE__ */ React__default.createElement(TouchableOpacity, { style: styles.headingContainer, onPress: () => setExpendable(!expandable) }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(Text, { style: {
+    fontSize: 15,
+    fontWeight: "600",
+    color: "black"
+  } }, "Channels"), expandable ? /* @__PURE__ */ React__default.createElement(MaterialIcons, { color: "black", name: "keyboard-arrow-up", size: 20 }) : /* @__PURE__ */ React__default.createElement(MaterialIcons, { color: "black", name: "keyboard-arrow-down", size: 20 }))), expandable && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(FlatList, { py: "$2", data: organizationChannels && organizationChannels.length > 0 ? organizationChannels : [], renderItem: renderUserChannelItem, key: "channels-list", keyExtractor: (item, index) => String(index), contentContainerStyle: {
+    flex: 1
+  }, 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"));
+  }, ListFooterComponent: () => {
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (channels == null ? void 0 : channels.length) > 20 && /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", variant: "solid", pl: "$0", onPress: () => navigation.navigate(NavigationRoutes.Channels, {
+      orgName
+    }), "$pressed-bg": "transparent", "$active-bg": "transparent" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { color: "black", name: "search", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { color: "$black" }, "Browse all channels"))), /* @__PURE__ */ React__default.createElement(
+      TouchableOpacity,
+      {
         onPress: onOpen
-      }, React__default.createElement(VStack, {
-        py: '$1',
-        ml: '-$0.5'
-      }, React__default.createElement(HStack, {
-        flex: 1,
-        alignItems: 'center',
-        justifyContent: 'flex-start',
-        space: 'sm'
-      }, React__default.createElement(Icon, {
-        as: AddIcon,
-        color: '$coolGray600'
-      }), React__default.createElement(Text, {
-        style: {
-          fontSize: 14,
-          fontWeight: '400',
-          color: 'black'
-        }
-      }, "Add Channel")))), React__default.createElement(Actionsheet, {
-        isOpen: isOpen,
-        onClose: onClose
-      }, React__default.createElement(ActionsheetBackdrop, null), React__default.createElement(ActionsheetContent, {
-        bg: 'transparent'
-      }, React__default.createElement(VStack, {
-        w: "$full",
-        p: 20,
-        px: '$1'
-      }, React__default.createElement(ActionsheetItem, {
-        onPress: () => navigation.navigate(NavigationRoutes.AddChannel, {
-          orgName
-        }),
-        bg: '$white',
-        "$pressed-bg": "$coolGray100",
-        "$active-bg": '$coolGray100',
-        borderWidth: '$1',
-        borderColor: "$coolGray200",
-        borderRadius: '$lg',
-        borderBottomLeftRadius: '$0',
-        borderBottomRightRadius: '$0',
-        alignItems: "center",
-        justifyContent: "center"
-      }, React__default.createElement(ActionsheetItemText, {
-        style: {
-          fontWeight: '500',
-          fontSize: 15,
-          color: '#3b82f6'
-        }
-      }, "Create Channel")), React__default.createElement(ActionsheetItem, {
-        onPress: () => navigation.navigate(NavigationRoutes.Channels, {
-          orgName
-        }),
-        bg: '$white',
-        "$pressed-bg": "$coolGray100",
-        "$active-bg": '$coolGray100',
-        borderWidth: '$1',
-        borderColor: "$coolGray200",
-        borderRadius: '$lg',
-        borderTopLeftRadius: '$0',
-        borderTopRightRadius: '$0',
-        alignItems: "center",
-        justifyContent: "center"
-      }, React__default.createElement(ActionsheetItemText, {
-        style: {
-          fontWeight: '500',
-          fontSize: 15,
-          color: '#3b82f6'
-        }
-      }, "Browse Channels")), React__default.createElement(ActionsheetItem, {
-        onPress: () => onClose(),
-        bg: '$white',
-        "$pressed-bg": "$coolGray100",
-        "$active-bg": '$coolGray100',
-        borderWidth: '$1',
-        borderColor: "$coolGray200",
-        borderRadius: '$lg',
-        alignItems: "center",
-        justifyContent: "center",
-        mt: '$1'
-      }, React__default.createElement(ActionsheetItemText, {
-        style: {
-          fontWeight: '500',
-          fontSize: 15,
-          color: '#2563eb'
-        }
-      }, "Cancel"))))));
-    }
-  })));
+      },
+      /* @__PURE__ */ React__default.createElement(VStack, { py: "$1", ml: "-$0.5" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center", justifyContent: "flex-start", space: "sm" }, /* @__PURE__ */ React__default.createElement(Icon, { as: AddIcon, color: "$coolGray600" }), /* @__PURE__ */ React__default.createElement(Text, { style: {
+        fontSize: 14,
+        fontWeight: "400",
+        color: "black"
+      } }, "Add Channel")))
+    ), /* @__PURE__ */ React__default.createElement(Actionsheet, { isOpen, onClose }, /* @__PURE__ */ React__default.createElement(ActionsheetBackdrop, null), /* @__PURE__ */ React__default.createElement(ActionsheetContent, { bg: "transparent" }, /* @__PURE__ */ React__default.createElement(VStack, { w: "$full", p: 20, px: "$1" }, /* @__PURE__ */ React__default.createElement(ActionsheetItem, { onPress: () => navigation.navigate(NavigationRoutes.AddChannel, {
+      orgName
+    }), bg: "$white", "$pressed-bg": "$coolGray100", "$active-bg": "$coolGray100", borderWidth: "$1", borderColor: "$coolGray200", borderRadius: "$lg", borderBottomLeftRadius: "$0", borderBottomRightRadius: "$0", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(ActionsheetItemText, { style: {
+      fontWeight: "500",
+      fontSize: 15,
+      color: "#3b82f6"
+    } }, "Create Channel")), /* @__PURE__ */ React__default.createElement(ActionsheetItem, { onPress: () => navigation.navigate(NavigationRoutes.Channels, {
+      orgName
+    }), bg: "$white", "$pressed-bg": "$coolGray100", "$active-bg": "$coolGray100", borderWidth: "$1", borderColor: "$coolGray200", borderRadius: "$lg", borderTopLeftRadius: "$0", borderTopRightRadius: "$0", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(ActionsheetItemText, { style: {
+      fontWeight: "500",
+      fontSize: 15,
+      color: "#3b82f6"
+    } }, "Browse Channels")), /* @__PURE__ */ React__default.createElement(ActionsheetItem, { onPress: () => onClose(), bg: "$white", "$pressed-bg": "$coolGray100", "$active-bg": "$coolGray100", borderWidth: "$1", borderColor: "$coolGray200", borderRadius: "$lg", alignItems: "center", justifyContent: "center", mt: "$1" }, /* @__PURE__ */ React__default.createElement(ActionsheetItemText, { style: {
+      fontWeight: "500",
+      fontSize: 15,
+      color: "#2563eb"
+    } }, "Cancel"))))));
+  } })));
 };
 var Channels$1 = React__default.memo(Channels);export{Channels$1 as default};//# sourceMappingURL=Channels.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Channels.js","sources":["../../../../../src/screens/Home/Components/Channels/Channels.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Channels.js","sources":["../../../../../src/screens/Home/Components/Channels/Channels.tsx"],"sourcesContent":["import { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { TouchableOpacity, Share } from 'react-native';\nimport { NavigationRoutes } from '../../../../constants/routes';\nimport more from '../../../../assets/images/more.png';\nimport right from '../../../../assets/images/right.png';\nimport {} from '../../../../constants/preloadImages';\nimport {\n    Pressable,\n    View,\n    Image,\n    FlatList,\n    Icon,\n    AddIcon,\n    Box,\n    Text,\n    Avatar,\n    Spinner,\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Actionsheet,\n    ActionsheetBackdrop,\n    ActionsheetContent,\n    ActionsheetDragIndicatorWrapper,\n    ActionsheetDragIndicator,\n    ActionsheetItem,\n    ActionsheetItemText,\n    ActionsheetIcon,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { useNavigation } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\nimport styles from '../../styles';\nimport { startCase, orderBy, uniqBy, take } from 'lodash-es';\nimport { RoomType } from 'common';\nimport { useGetChannelsByUserQuery } from 'common/lib/generated/generated.js';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport Colors from '../../../../constants/Colors';\nimport { useDrawerLayout, useDisclose } from '../../../../hooks';\n\nconst Channels = ({ channels, loading, reFetchChannels, fetchMoreChannels, showMore }) => {\n    const { isOpen, onOpen, onClose } = useDisclose();\n    const navigation = useNavigation<any>();\n    const [expandable, setExpendable] = useState(true);\n    const user: any = useSelector(userSelector);\n    const { orgName } = useDrawerLayout();\n    // const { authenticated } = isUserAuthenticated();\n    const isFocused = useIsFocused();\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            reFetchChannels();\n\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, []),\n    );\n\n    const organizationChannels = React.useMemo(() => {\n        //Direct channel\n        return (\n            (channels &&\n                channels?.length &&\n                take(\n                    orderBy(\n                        uniqBy(\n                            [...channels]?.filter((i: any) => i.type !== RoomType.Direct),\n                            ({ id }) => id,\n                        ),\n                        [(ch: any) => ch?.title.toLowerCase()],\n                        ['asc'],\n                    ),\n                    20,\n                )) ||\n            []\n        );\n    }, [channels]);\n\n    const openInbox = React.useCallback(\n        (id: any, title: any, totalMembers: any, type?: any) => {\n            navigation.navigate(NavigationRoutes.DialogMessages, {\n                channelId: id?.toString(),\n                title: title?.toString(),\n                totalMembers: totalMembers,\n                channelType: type,\n                orgName: orgName,\n                hideTabBar: true,\n            });\n        },\n        [orgName],\n    );\n\n    const renderUserChannelItem = ({ item }: any) => {\n        return (\n            <TouchableOpacity\n                key={item.id}\n                onPress={() => openInbox(item?.id, item?.title, item?.members?.length, item?.type)}\n            >\n                <VStack py={'$1'}>\n                    <HStack flex={1} alignItems={'center'} space=\"sm\">\n                        <Box>\n                            {item.type == RoomType.Channel ? (\n                                <Octicons color=\"black\" name=\"hash\" size={16} />\n                            ) : (\n                                <>\n                                    <Octicons color=\"black\" name=\"lock\" size={16} />\n                                </>\n                            )}\n                        </Box>\n                        <Text style={{ fontSize: 14, fontWeight: '400' }} color={'$coolGray800'}>\n                            {item.title}\n                        </Text>\n                    </HStack>\n                </VStack>\n            </TouchableOpacity>\n        );\n    };\n\n    const loadMore = React.useCallback(() => {\n        fetchMoreChannels(organizationChannels?.length);\n    }, [organizationChannels]);\n\n    return (\n        <View style={styles.channelContainer}>\n            <TouchableOpacity style={styles.headingContainer} onPress={() => setExpendable(!expandable)}>\n                <HStack flex={1} alignItems={'center'} justifyContent={'space-between'}>\n                    <Text style={{ fontSize: 15, fontWeight: '600', color: 'black' }}>Channels</Text>\n                    {expandable ? (\n                        <MaterialIcons color={'black'} name={'keyboard-arrow-up'} size={20} />\n                    ) : (\n                        <MaterialIcons color={'black'} name={'keyboard-arrow-down'} size={20} />\n                    )}\n                    {/* <HStack alignItems={'center'}>\n                        <Button\n                            bg={'transparent'}\n                            onPress={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}\n                        >\n                            <MaterialIcons color={'black'} name={'add'} size={20} />\n                        </Button>\n                        {expandable ? (\n                            <MaterialIcons color={'black'} name={'keyboard-arrow-up'} size={20} />\n                        ) : (\n                            <MaterialIcons color={'black'} name={'keyboard-arrow-down'} size={20} />\n                        )}\n                    </HStack> */}\n                </HStack>\n            </TouchableOpacity>\n            {/* <TouchableOpacity style={styles.headingContainer} onPress={() => setExpendable(!expandable)}>\n                <Text fontSize={15} fontWeight={600}>\n                    Channels\n                </Text>\n                <Image alt={'more icon right'} style={styles.iconStyle} source={expandable ? more : right} />\n            </TouchableOpacity> */}\n            {expandable && (\n                <>\n                    <FlatList\n                        py={'$2'}\n                        data={organizationChannels && organizationChannels.length > 0 ? organizationChannels : []}\n                        renderItem={renderUserChannelItem}\n                        key={'channels-list'}\n                        keyExtractor={(item, index) => String(index)}\n                        contentContainerStyle={{\n                            flex: 1,\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                        ListFooterComponent={() => {\n                            return (\n                                <>\n                                    {channels?.length > 20 && (\n                                        <HStack flex={1} alignItems={'center'}>\n                                            <Button\n                                                bg={'transparent'}\n                                                variant={'solid'}\n                                                pl={'$0'}\n                                                onPress={() =>\n                                                    navigation.navigate(NavigationRoutes.Channels, { orgName })\n                                                }\n                                                $pressed-bg=\"transparent\"\n                                                $active-bg={'transparent'}\n                                            >\n                                                <MaterialIcons color={'black'} name={'search'} size={20} />\n                                                <ButtonText color={'$black'}>Browse all channels</ButtonText>\n                                            </Button>\n                                            {/* <Button\n                                                size={'sm'}\n                                                // w={135}\n                                                variant={'ghost'}\n                                                justifyContent={'flex-start'}\n                                                _text={{ color: 'black', fontSize: 16 }}\n                                                // onPress={() => loadMore()}\n                                            >\n                                                <HStack alignItems={'center'} space={1}>\n                                                    <Icon\n                                                        as={MaterialIcons}\n                                                        color={'black'}\n                                                        name={'search'}\n                                                        size={'lg'}\n                                                    />\n                                                    <Text color=\"black\" fontSize={16}>\n                                                        Browse All Channels\n                                                    </Text>\n                                                </HStack>\n                                            </Button> */}\n                                        </HStack>\n                                    )}\n\n                                    <TouchableOpacity\n                                        // onPress={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}\n                                        onPress={onOpen}\n                                    >\n                                        <VStack py={'$1'} ml={'-$0.5'}>\n                                            <HStack\n                                                flex={1}\n                                                alignItems={'center'}\n                                                justifyContent={'flex-start'}\n                                                space={'sm'}\n                                            >\n                                                <Icon as={AddIcon} color={'$coolGray600'} />\n                                                <Text style={{ fontSize: 14, fontWeight: '400', color: 'black' }}>\n                                                    Add Channel\n                                                </Text>\n                                            </HStack>\n                                        </VStack>\n                                    </TouchableOpacity>\n\n                                    <Actionsheet isOpen={isOpen} onClose={onClose}>\n                                        <ActionsheetBackdrop />\n                                        <ActionsheetContent bg={'transparent'}>\n                                            <VStack w=\"$full\" p={20} px={'$1'}>\n                                                <ActionsheetItem\n                                                    onPress={() =>\n                                                        navigation.navigate(NavigationRoutes.AddChannel, { orgName })\n                                                    }\n                                                    bg={'$white'}\n                                                    $pressed-bg=\"$coolGray100\"\n                                                    $active-bg={'$coolGray100'}\n                                                    borderWidth={'$1'}\n                                                    borderColor=\"$coolGray200\"\n                                                    borderRadius={'$lg'}\n                                                    borderBottomLeftRadius={'$0'}\n                                                    borderBottomRightRadius={'$0'}\n                                                    alignItems=\"center\"\n                                                    justifyContent=\"center\"\n                                                >\n                                                    <ActionsheetItemText\n                                                        style={{ fontWeight: '500', fontSize: 15, color: '#3b82f6' }}\n                                                    >\n                                                        Create Channel\n                                                    </ActionsheetItemText>\n                                                </ActionsheetItem>\n\n                                                <ActionsheetItem\n                                                    onPress={() =>\n                                                        navigation.navigate(NavigationRoutes.Channels, { orgName })\n                                                    }\n                                                    bg={'$white'}\n                                                    $pressed-bg=\"$coolGray100\"\n                                                    $active-bg={'$coolGray100'}\n                                                    borderWidth={'$1'}\n                                                    borderColor=\"$coolGray200\"\n                                                    borderRadius={'$lg'}\n                                                    borderTopLeftRadius={'$0'}\n                                                    borderTopRightRadius={'$0'}\n                                                    alignItems=\"center\"\n                                                    justifyContent=\"center\"\n                                                >\n                                                    <ActionsheetItemText\n                                                        style={{ fontWeight: '500', fontSize: 15, color: '#3b82f6' }}\n                                                    >\n                                                        Browse Channels\n                                                    </ActionsheetItemText>\n                                                </ActionsheetItem>\n\n                                                <ActionsheetItem\n                                                    onPress={() => onClose()}\n                                                    bg={'$white'}\n                                                    $pressed-bg=\"$coolGray100\"\n                                                    $active-bg={'$coolGray100'}\n                                                    borderWidth={'$1'}\n                                                    borderColor=\"$coolGray200\"\n                                                    borderRadius={'$lg'}\n                                                    alignItems=\"center\"\n                                                    justifyContent=\"center\"\n                                                    mt={'$1'}\n                                                >\n                                                    <ActionsheetItemText\n                                                        style={{ fontWeight: '500', fontSize: 15, color: '#2563eb' }}\n                                                    >\n                                                        Cancel\n                                                    </ActionsheetItemText>\n                                                </ActionsheetItem>\n                                            </VStack>\n                                        </ActionsheetContent>\n                                    </Actionsheet>\n                                </>\n                            );\n                        }}\n                    />\n                </>\n            )}\n        </View>\n    );\n};\n\nexport default React.memo(Channels);\n"],"names":["React"],"mappings":"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"}