@messenger-box/slack-ui-mobile 10.0.3-alpha.7 → 10.0.3-alpha.74

package/lib/screens/Search/Recents.js

@@ -1,6 +1,6 @@
-import React__default,{useLayoutEffect}from'react';import {TouchableOpacity,Dimensions}from'react-native';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {useNavigation,useRoute,useFocusEffect}from'@react-navigation/native';import {startCase}from'lodash-es';import {VStack,FlatList,Box,Text,Spinner,HStack,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge}from'@admin-layout/gluestack-ui-mobile';import {RoomType}from'common';import {Octicons}from'@expo/vector-icons';import'../../constants/device.js';import'../../constants/globalStyles.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';Dimensions.get("window").width;
+import React__default,{useLayoutEffect}from'react';import {TouchableOpacity,Dimensions}from'react-native';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {useNavigation,useRoute,useFocusEffect}from'@react-navigation/native';import {startCase}from'lodash-es';import {VStack,FlatList,Box,Text,Spinner,HStack,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge}from'@admin-layout/gluestack-ui-mobile';import {RoomType}from'common';import {Octicons}from'@expo/vector-icons';import'../../constants/device.js';import'../../constants/globalStyles.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import colors from'tailwindcss/colors';Dimensions.get("window").width;
 Dimensions.get("window").height;
-const RecentsSearchScreen = ({
+const Recents = ({
   channels,
   loading
 }) => {
@@ -30,51 +30,46 @@ const RecentsSearchScreen = ({
     });
   }, []);
   const renderChannels = ({
-    item
+    item,
+    index
   }) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    const matches = (_a = item == null ? void 0 : item.title) == null ? void 0 : _a.match(/\b(\w)/g);
-    matches.join("").substring(0, 2);
+    (_a = item == null ? void 0 : item.title) == null ? void 0 : _a.match(/\b(\w)/g);
     const channelMembers = (_d = (_c = (_b = item == null ? void 0 : item.members) == null ? void 0 : _b.filter((ch) => {
       var _a2, _b2;
       return ((_a2 = ch == null ? void 0 : ch.user) == null ? void 0 : _a2.id) != (user == null ? void 0 : user.id) && ((_b2 = ch == null ? void 0 : ch.user) == null ? void 0 : _b2.__typename) == "UserAccount";
     })) == null ? void 0 : _c.map((m) => m == null ? void 0 : m.user)) != null ? _d : null;
-    return /* @__PURE__ */ React__default.createElement(TouchableOpacity, { key: item == null ? void 0 : item.id, style: {
+    return /* @__PURE__ */ React__default.createElement(TouchableOpacity, { key: index, style: {
       marginVertical: 10
-    }, onPress: () => openInbox(item) }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center", space: "md" }, /* @__PURE__ */ React__default.createElement(Box, { m: "$0", p: "$0" }, item.type == RoomType.Direct ? /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", bg: "transparent" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_f = (_e = channelMembers[0]) == null ? void 0 : _e.username) == null ? void 0 : _f.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", size: "md", style: {
+    }, onPress: () => openInbox(item) }, /* @__PURE__ */ React__default.createElement(HStack, { className: "flex-1 items-center justify-between" }, /* @__PURE__ */ React__default.createElement(HStack, { className: "flex-1 items-center", space: "md" }, /* @__PURE__ */ React__default.createElement(Box, { className: "m-0 p-0" }, item.type == RoomType.Direct ? /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", className: "bg-transparent" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_f = (_e = channelMembers[0]) == null ? void 0 : _e.username) == null ? void 0 : _f.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
       borderRadius: 6,
       borderWidth: 2,
       borderColor: "#fff"
     }, source: {
       uri: (_g = channelMembers[0]) == null ? void 0 : _g.picture
-    } }), (channelMembers == null ? void 0 : channelMembers.length) > 1 ? /* @__PURE__ */ React__default.createElement(
-      AvatarBadge,
-      {
-        right: "-$1",
-        bottom: "-$1",
-        style: {
-          width: 20,
-          height: 20
-        },
-        alignItems: "center",
-        bg: "#211627",
-        rounded: "$md"
-      },
-      /* @__PURE__ */ React__default.createElement(Text, { style: {
-        fontSize: 12,
-        fontWeight: "bold",
-        color: "#fff"
-      } }, channelMembers == null ? void 0 : channelMembers.length)
-    ) : /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
+    } }), (channelMembers == null ? void 0 : channelMembers.length) > 1 ? /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
+      width: 20,
+      height: 20
+    }, className: "right-[-1px] bottom-[-1px] items-center bg-[#211627] rounded-md" }, /* @__PURE__ */ React__default.createElement(Text, { style: {
+      fontSize: 12,
+      fontWeight: "bold",
+      color: "#fff"
+    } }, channelMembers == null ? void 0 : channelMembers.length)) : /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
       width: 10,
       height: 10
-    }, bg: "$green800" })) : item.type == RoomType.Private ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 20 })) : /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 20 })), /* @__PURE__ */ React__default.createElement(Text, { color: "$coolGray800", fontWeight: "$bold" }, item.title))));
+    }, className: "bg-green-800" })) : item.type == RoomType.Private ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 20 })) : /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 20 })), /* @__PURE__ */ React__default.createElement(Text, { color: "$coolGray800", className: "text-gray-800 font-bold" }, item.title))));
   };
-  return /* @__PURE__ */ React__default.createElement(VirtualizedScrollView, null, /* @__PURE__ */ React__default.createElement(VStack, { space: "md", flex: 1, pt: "$2" }, /* @__PURE__ */ React__default.createElement(FlatList, { px: "$4", flex: 1, pb: "$10", keyExtractor: (item, index) => String(index), contentContainerStyle: {
+  return /* @__PURE__ */ React__default.createElement(VirtualizedScrollView, { style: {
+    flex: 1
+  } }, /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-1 pt-2", space: "md" }, /* @__PURE__ */ React__default.createElement(FlatList, { style: {
+    paddingHorizontal: 4,
+    flex: 1,
+    paddingBottom: 10
+  }, keyExtractor: (item, index) => String(index), contentContainerStyle: {
     flex: 1,
     marginBottom: 100
   }, data: channels && channels.length > 0 ? channels : [], renderItem: renderChannels, ListEmptyComponent: () => {
-    return /* @__PURE__ */ React__default.createElement(Box, { bg: "#fff", py: "$2" }, (channels == null ? void 0 : channels.length) == 0 && loading ? /* @__PURE__ */ React__default.createElement(VStack, { space: "sm" }, /* @__PURE__ */ React__default.createElement(Box, { px: "$4", py: "$5" }, /* @__PURE__ */ React__default.createElement(Text, null, "No channels found"))) : /* @__PURE__ */ React__default.createElement(Spinner, { color: "$blue500" }));
-  }, key: "search-channel-people-list", keyboardShouldPersistTaps: "always" })));
+    return /* @__PURE__ */ React__default.createElement(Box, { className: "bg-white py-2" }, (channels == null ? void 0 : channels.length) == 0 && loading ? /* @__PURE__ */ React__default.createElement(VStack, { space: "sm" }, /* @__PURE__ */ React__default.createElement(Box, { className: "px-4 py-5" }, /* @__PURE__ */ React__default.createElement(Text, null, "No channels found"))) : /* @__PURE__ */ React__default.createElement(Spinner, { color: colors.blue[500] }));
+  }, key: "search-channel-recent-list", keyboardShouldPersistTaps: "always" })));
 };
-var Recents = React__default.memo(RecentsSearchScreen);export{Recents as default};//# sourceMappingURL=Recents.js.map
+var Recents$1 = React__default.memo(Recents);export{Recents$1 as default};//# sourceMappingURL=Recents.js.map

package/lib/screens/Search/Recents.js.map

@@ -1 +1 @@
-{"version":3,"file":"Recents.js","sources":["../../../src/screens/Search/Recents.tsx"],"sourcesContent":["import { Ionicons } from '@expo/vector-icons';\nimport React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { TouchableOpacity, Dimensions, Keyboard, KeyboardEvent } from 'react-native';\nimport styles from './styles';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useNavigation, useRoute, useFocusEffect } from '@react-navigation/native';\nimport { startCase, orderBy, uniqBy } from 'lodash-es';\nimport {\n    Center,\n    Heading,\n    Input,\n    View,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    Fab,\n    Icon,\n    Divider,\n    FlatList,\n    HStack,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    Image,\n    Checkbox,\n    ChevronLeftIcon,\n    KeyboardAvoidingView,\n    Spinner,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { RoomType } from 'common';\nimport { useGetChannelsByUserQuery } from 'common/lib/generated/generated.js';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport { NavigationRoutes } from '../../constants';\nimport { useSelector } from 'react-redux';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\n\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst RecentsSearchScreen = ({ channels, loading }) => {\n    const navigation = useNavigation<any>();\n    const route = useRoute<any>();\n    const user = useSelector(userSelector);\n\n    useLayoutEffect(() => {\n        // setLoading(true);\n    }, []);\n\n    useFocusEffect(\n        React.useCallback(() => {\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, []),\n    );\n\n    const openInbox = React.useCallback((item: any) => {\n        const channelMembers =\n            item?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null;\n\n        const memberImage =\n            item.type === RoomType.Direct\n                ? channelMembers?.length == 1\n                    ? channelMembers[0]?.picture ?? null\n                    : null\n                : null;\n\n        navigation.navigate(NavigationRoutes.DialogMessages, {\n            channelId: item?.id?.toString(),\n            title: item?.title?.toString(),\n            totalMembers: item?.members?.length,\n            memberImage: memberImage,\n            channelType: item?.type,\n            hideTabBar: true,\n        });\n    }, []);\n\n    const renderChannels = ({ item }: any) => {\n        const matches: any = item?.title?.match(/\\b(\\w)/g);\n        const acronym: any = matches.join('').substring(0, 2); // JSON\n\n        const channelMembers =\n            item?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null;\n\n        return (\n            <TouchableOpacity key={item?.id} style={{ marginVertical: 10 }} onPress={() => openInbox(item)}>\n                <HStack flex={1} alignItems={'center'} justifyContent={'space-between'}>\n                    <HStack flex={1} alignItems={'center'} space={'md'}>\n                        <Box m={'$0'} p={'$0'}>\n                            {item.type == RoomType.Direct ? (\n                                <Avatar size={'sm'} bg={'transparent'}>\n                                    <AvatarFallbackText>\n                                        {startCase(channelMembers[0]?.username?.charAt(0))}\n                                    </AvatarFallbackText>\n                                    <AvatarImage\n                                        alt=\"image\"\n                                        size={'md'}\n                                        style={{\n                                            // width: 25,\n                                            // height: 25,\n                                            borderRadius: 6,\n                                            borderWidth: 2,\n                                            borderColor: '#fff',\n                                        }}\n                                        source={{\n                                            uri: channelMembers[0]?.picture,\n                                        }}\n                                    />\n                                    {channelMembers?.length > 1 ? (\n                                        <AvatarBadge\n                                            // top={2}\n                                            // right={-12}\n                                            right={'-$1'}\n                                            bottom={'-$1'}\n                                            style={{ width: 20, height: 20 }}\n                                            alignItems={'center'}\n                                            bg={'#211627'}\n                                            // opacity={0.85}\n                                            rounded={'$md'}\n                                        >\n                                            <Text style={{ fontSize: 12, fontWeight: 'bold', color: '#fff' }}>\n                                                {channelMembers?.length}\n                                            </Text>\n                                        </AvatarBadge>\n                                    ) : (\n                                        <AvatarBadge style={{ width: 10, height: 10 }} bg=\"$green800\" />\n                                    )}\n                                </Avatar>\n                            ) : item.type == RoomType.Private ? (\n                                <>\n                                    <Octicons color=\"black\" name=\"lock\" size={20} />\n                                </>\n                            ) : (\n                                <Octicons color=\"black\" name=\"hash\" size={20} />\n                            )}\n                        </Box>\n                        <Text color=\"$coolGray800\" fontWeight=\"$bold\">\n                            {item.title}\n                        </Text>\n                    </HStack>\n                </HStack>\n            </TouchableOpacity>\n        );\n    };\n\n    return (\n        <VirtualizedScrollView>\n            <VStack space=\"md\" flex={1} pt={'$2'}>\n                <FlatList\n                    px={'$4'}\n                    flex={1}\n                    pb={'$10'}\n                    keyExtractor={(item, index) => String(index)}\n                    contentContainerStyle={{\n                        flex: 1,\n                        marginBottom: 100,\n                    }}\n                    data={channels && channels.length > 0 ? channels : []}\n                    renderItem={renderChannels}\n                    ListEmptyComponent={() => {\n                        return (\n                            <Box bg={'#fff'} py={'$2'}>\n                                {channels?.length == 0 && loading ? (\n                                    <VStack space=\"sm\">\n                                        <Box px=\"$4\" py={'$5'}>\n                                            <Text>No channels found</Text>\n                                        </Box>\n                                    </VStack>\n                                ) : (\n                                    <Spinner color={'$blue500'} />\n                                )}\n                            </Box>\n                        );\n                    }}\n                    key={'search-channel-people-list'}\n                    keyboardShouldPersistTaps=\"always\"\n                />\n            </VStack>\n        </VirtualizedScrollView>\n    );\n};\n\nexport default React.memo(RecentsSearchScreen);\n"],"names":["React","_a","_b"],"mappings":"sxBAcoB,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA;AACxB,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA;AAC9C,MAAM,sBAAsB,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,aAAa,aAAmB,EAAA;AACtC,EAAc,QAAc;AAC5B,EAAM,MAAA,IAAA,GAAO,YAAY,YAAY,CAAA;AACrC,EAAA,eAAA,CAAgB,MAAM;AAAA,GAEtB,EAAG,EAAE,CAAA;AACL,EAAe,cAAA,CAAAA,cAAA,CAAM,YAAY,MAAM;AACrC,IAAA,OAAO,MAAM;AAAA,KAGb;AAAA,GACF,EAAG,EAAE,CAAC,CAAA;AACN,EAAA,MAAM,SAAY,GAAAA,cAAA,CAAM,WAAY,CAAA,CAAC,IAAc,KAAA;AAhCrD,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAiCI,IAAA,MAAM,kBAAiB,EAAM,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,OAAA,KAAN,IAAe,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,CAAO,CAAC,EAAS,KAAA;AAjC3D,MAAA,IAAAC,GAAAC,EAAAA,GAAAA;AAiC8D,MAAA,OAAA,CAAA,CAAAD,GAAA,GAAA,EAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAI,IAAJ,KAAA,IAAA,GAAA,MAAA,GAAAA,GAAU,CAAA,EAAA,MAAM,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAMC,GAAA,GAAA,EAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAI,IAAJ,KAAA,IAAA,GAAA,MAAA,GAAAA,IAAU,UAAc,KAAA,aAAA;AAAA,KAAA,CAAA,KAAvF,mBAAuG,GAAI,CAAA,CAAC,CAAW,KAAA,CAAA,IAAA,IAAA,GAAA,MAAA,GAAA,CAAA,CAAG,UAA1H,IAAmI,GAAA,EAAA,GAAA,IAAA;AAC1J,IAAA,MAAM,WAAc,GAAA,IAAA,CAAK,IAAS,KAAA,QAAA,CAAS,UAAS,cAAgB,IAAA,IAAA,GAAA,MAAA,GAAA,cAAA,CAAA,MAAA,KAAU,CAAI,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,cAAA,CAAe,CAAf,CAAA,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAmB,OAAnB,KAAA,IAAA,GAAA,EAAA,GAA8B,OAAO,IAAO,GAAA,IAAA;AAC9H,IAAW,UAAA,CAAA,QAAA,CAAS,iBAAiB,cAAgB,EAAA;AAAA,MACnD,SAAA,EAAA,CAAW,EAAM,GAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,EAAA,KAAN,IAAU,GAAA,MAAA,GAAA,EAAA,CAAA,QAAA,EAAA;AAAA,MACrB,KAAA,EAAA,CAAO,EAAM,GAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,KAAA,KAAN,IAAa,GAAA,MAAA,GAAA,EAAA,CAAA,QAAA,EAAA;AAAA,MACpB,YAAA,EAAA,CAAc,EAAM,GAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,OAAA,KAAN,IAAe,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA;AAAA,MAC7B,WAAA;AAAA,MACA,aAAa,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,IAAA;AAAA,MACnB,UAAY,EAAA;AAAA,KACb,CAAA;AAAA,GACH,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,iBAAiB,CAAC;AAAA,IACtB;AAAA,GACS,KAAA;AA9Cb,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA+CI,IAAA,MAAM,OAAe,GAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,KAAN,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAa,KAAM,CAAA,SAAA,CAAA;AACxC,IAAqB,OAAQ,CAAA,IAAA,CAAK,EAAE,CAAE,CAAA,SAAA,CAAU,GAAG,CAAC;AAEpD,IAAA,MAAM,kBAAiB,EAAM,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,OAAA,KAAN,IAAe,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,CAAO,CAAC,EAAS,KAAA;AAlD3D,MAAA,IAAAD,GAAAC,EAAAA,GAAAA;AAkD8D,MAAA,OAAA,CAAA,CAAAD,GAAA,GAAA,EAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAI,IAAJ,KAAA,IAAA,GAAA,MAAA,GAAAA,GAAU,CAAA,EAAA,MAAM,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAMC,GAAA,GAAA,EAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAI,IAAJ,KAAA,IAAA,GAAA,MAAA,GAAAA,IAAU,UAAc,KAAA,aAAA;AAAA,KAAA,CAAA,KAAvF,mBAAuG,GAAI,CAAA,CAAC,CAAW,KAAA,CAAA,IAAA,IAAA,GAAA,MAAA,GAAA,CAAA,CAAG,UAA1H,IAAmI,GAAA,EAAA,GAAA,IAAA;AAC1J,IAAA,uBAAQF,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,GAAK,EAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,IAAI,KAAO,EAAA;AAAA,MAC7C,cAAgB,EAAA;AAAA,KAClB,EAAG,OAAS,EAAA,MAAM,SAAU,CAAA,IAAI,CACpB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,CAAG,EAAA,UAAA,EAAY,QAAU,EAAA,cAAA,EAAgB,mCAClDA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,CAAA,EAAG,UAAY,EAAA,QAAA,EAAU,KAAO,EAAA,IAAA,EAAA,kBACzCA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,CAAG,EAAA,IAAA,EAAM,CAAG,EAAA,IAAA,EAAA,EACZ,KAAK,IAAQ,IAAA,QAAA,CAAS,MAAS,mBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,IAAM,EAAA,EAAA,EAAI,aAChD,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,kBACI,EAAA,IAAA,EAAA,SAAA,CAAA,CAAU,EAAe,GAAA,CAAA,EAAA,GAAA,cAAA,CAAA,CAAA,CAAA,KAAf,mBAAmB,QAAnB,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAA6B,MAAO,CAAA,CAAA,CAAE,CACrD,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,GAAI,EAAA,OAAA,EAAQ,IAAM,EAAA,IAAA,EAAM,KAAO,EAAA;AAAA,MAGhE,YAAc,EAAA,CAAA;AAAA,MACd,WAAa,EAAA,CAAA;AAAA,MACb,WAAa,EAAA;AAAA,OACZ,MAAQ,EAAA;AAAA,MACT,GAAA,EAAA,CAAK,EAAe,GAAA,cAAA,CAAA,CAAA,CAAA,KAAf,IAAmB,GAAA,MAAA,GAAA,EAAA,CAAA;AAAA,KACvB,EAAA,CAAA,EAAA,CACoB,cAAgB,IAAA,IAAA,GAAA,MAAA,GAAA,cAAA,CAAA,MAAA,IAAS,CAAI,mBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QAGrD,KAAO,EAAA,KAAA;AAAA,QAAO,MAAQ,EAAA,KAAA;AAAA,QAAO,KAAO,EAAA;AAAA,UAClC,KAAO,EAAA,EAAA;AAAA,UACP,MAAQ,EAAA;AAAA,SACV;AAAA,QAAG,UAAY,EAAA,QAAA;AAAA,QAAU,EAAI,EAAA,SAAA;AAAA,QAE7B,OAAS,EAAA;AAAA,OAAA;AAAA,sBACqBA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA;AAAA,QACvC,QAAU,EAAA,EAAA;AAAA,QACV,UAAY,EAAA,MAAA;AAAA,QACZ,KAAO,EAAA;AAAA,OACT,EAAA,EACiC,iDAAgB,MACrB;AAAA,KACJ,mBAAkBA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,KAAO,EAAA;AAAA,MAC7D,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA;AAAA,OACP,EAAG,EAAA,WAAA,EAAY,CACA,CAAY,GAAA,IAAA,CAAK,QAAQ,QAAS,CAAA,OAAA,mBAC9BA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YAAS,KAAM,EAAA,OAAA,EAAQ,MAAK,MAAO,EAAA,IAAA,EAAM,IAAI,CAClD,CAAA,mBAAOA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,OAAQ,EAAA,IAAA,EAAK,QAAO,IAAM,EAAA,EAAA,EAAI,CAC5D,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,gBAAe,UAAW,EAAA,OAAA,EAAA,EACjC,KAAK,KACV,CACJ,CACJ,CACJ,CAAA;AAAA,GACV;AACA,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,qBACE,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAM,MAAK,IAAM,EAAA,CAAA,EAAG,EAAI,EAAA,IAAA,EAAA,kBAC3BA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,IAAI,IAAM,EAAA,IAAA,EAAM,CAAG,EAAA,EAAA,EAAI,KAAO,EAAA,YAAA,EAAc,CAAC,IAAA,EAAM,KAAU,KAAA,MAAA,CAAO,KAAK,CAAA,EAAG,qBAAuB,EAAA;AAAA,IACrH,IAAM,EAAA,CAAA;AAAA,IACN,YAAc,EAAA;AAAA,GACb,EAAA,IAAA,EAAM,QAAY,IAAA,QAAA,CAAS,MAAS,GAAA,CAAA,GAAI,QAAW,GAAA,EAAI,EAAA,UAAA,EAAY,cAAgB,EAAA,kBAAA,EAAoB,MAAM;AAC9G,IAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,MAAA,EAAQ,EAAI,EAAA,IAAA,EAAA,EAAA,CACH,QAAU,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAA,MAAA,KAAU,CAAK,IAAA,OAAA,mBAAWA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAM,IAC1C,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAG,IAAK,EAAA,EAAA,EAAI,IACb,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,IAAA,EAAA,mBAAiB,CAC3B,CACJ,CAAY,mBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,YAAY,CAChD,CAAA;AAAA,KACnB,GAAK,EAAA,4BAAA,EAA8B,yBAA0B,EAAA,QAAA,EAAS,CACnE,CACJ,CAAA;AACR,CAAA;AACA,cAAeA,cAAA,CAAM,KAAK,mBAAmB,CAAA"}
+{"version":3,"file":"Recents.js","sources":["../../../src/screens/Search/Recents.tsx"],"sourcesContent":["import { Ionicons } from '@expo/vector-icons';\nimport React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { TouchableOpacity, Dimensions, Keyboard, KeyboardEvent } from 'react-native';\nimport styles from './styles';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useNavigation, useRoute, useFocusEffect } from '@react-navigation/native';\nimport { startCase, orderBy, uniqBy } from 'lodash-es';\nimport {\n    Center,\n    Heading,\n    Input,\n    View,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    Fab,\n    Icon,\n    Divider,\n    FlatList,\n    HStack,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    Image,\n    Checkbox,\n    ChevronLeftIcon,\n    KeyboardAvoidingView,\n    Spinner,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { RoomType } from 'common';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport { colors, NavigationRoutes } from '../../constants';\nimport { useSelector } from 'react-redux';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport Colors from 'tailwindcss/colors';\n\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\n// Define props interface for the component\ninterface RecentsProps {\n    channels: any[];\n    loading: boolean;\n}\n\nconst Recents: React.FC<RecentsProps> = ({ channels, loading }) => {\n    const navigation = useNavigation<any>();\n    const route = useRoute<any>();\n    const user = useSelector(userSelector);\n\n    useLayoutEffect(() => {\n        // setLoading(true);\n    }, []);\n\n    useFocusEffect(\n        React.useCallback(() => {\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, []),\n    );\n\n    const openInbox = React.useCallback((item: any) => {\n        const channelMembers =\n            item?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null;\n\n        const memberImage =\n            item.type === RoomType.Direct\n                ? channelMembers?.length == 1\n                    ? channelMembers[0]?.picture ?? null\n                    : null\n                : null;\n\n        navigation.navigate(NavigationRoutes.DialogMessages, {\n            channelId: item?.id?.toString(),\n            title: item?.title?.toString(),\n            totalMembers: item?.members?.length,\n            memberImage: memberImage,\n            channelType: item?.type,\n            hideTabBar: true,\n        });\n    }, []);\n\n    const renderChannels = ({ item, index }: any) => {\n        const matches: any = item?.title?.match(/\\b(\\w)/g);\n        //  const acronym: any = matches?.join('').substring(0, 2); // JSON\n\n        const channelMembers =\n            item?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null;\n\n        return (\n            <TouchableOpacity key={index} style={{ marginVertical: 10 }} onPress={() => openInbox(item)}>\n                <HStack className=\"flex-1 items-center justify-between\">\n                    <HStack className=\"flex-1 items-center\" space={'md'}>\n                        <Box className=\"m-0 p-0\">\n                            {item.type == RoomType.Direct ? (\n                                <Avatar size={'sm'} className=\"bg-transparent\">\n                                    <AvatarFallbackText>\n                                        {startCase(channelMembers[0]?.username?.charAt(0))}\n                                    </AvatarFallbackText>\n                                    <AvatarImage\n                                        alt=\"image\"\n                                        style={{\n                                            // width: 25,\n                                            // height: 25,\n                                            borderRadius: 6,\n                                            borderWidth: 2,\n                                            borderColor: '#fff',\n                                        }}\n                                        source={{\n                                            uri: channelMembers[0]?.picture,\n                                        }}\n                                    />\n                                    {channelMembers?.length > 1 ? (\n                                        <AvatarBadge\n                                            style={{ width: 20, height: 20 }}\n                                            className=\"right-[-1px] bottom-[-1px] items-center bg-[#211627] rounded-md\"\n                                        >\n                                            <Text style={{ fontSize: 12, fontWeight: 'bold', color: '#fff' }}>\n                                                {channelMembers?.length}\n                                            </Text>\n                                        </AvatarBadge>\n                                    ) : (\n                                        <AvatarBadge style={{ width: 10, height: 10 }} className=\"bg-green-800\" />\n                                    )}\n                                </Avatar>\n                            ) : item.type == RoomType.Private ? (\n                                <>\n                                    <Octicons color=\"black\" name=\"lock\" size={20} />\n                                </>\n                            ) : (\n                                <Octicons color=\"black\" name=\"hash\" size={20} />\n                            )}\n                        </Box>\n                        <Text color=\"$coolGray800\" className=\"text-gray-800 font-bold\">\n                            {item.title}\n                        </Text>\n                    </HStack>\n                </HStack>\n            </TouchableOpacity>\n        );\n    };\n\n    return (\n        <VirtualizedScrollView style={{ flex: 1 }}>\n            <VStack className=\"flex-1 pt-2\" space=\"md\">\n                <FlatList\n                    style={{ paddingHorizontal: 4, flex: 1, paddingBottom: 10 }}\n                    keyExtractor={(item, index) => String(index)}\n                    contentContainerStyle={{\n                        flex: 1,\n                        marginBottom: 100,\n                    }}\n                    data={channels && channels.length > 0 ? channels : []}\n                    renderItem={renderChannels}\n                    ListEmptyComponent={() => {\n                        return (\n                            <Box className=\"bg-white py-2\">\n                                {channels?.length == 0 && loading ? (\n                                    <VStack space=\"sm\">\n                                        <Box className=\"px-4 py-5\">\n                                            <Text>No channels found</Text>\n                                        </Box>\n                                    </VStack>\n                                ) : (\n                                    <Spinner color={Colors.blue[500]} />\n                                )}\n                            </Box>\n                        );\n                    }}\n                    key={'search-channel-recent-list'}\n                    keyboardShouldPersistTaps=\"always\"\n                />\n            </VStack>\n        </VirtualizedScrollView>\n    );\n};\n\nexport default React.memo(Recents);\n"],"names":["React","_a","_b","Colors"],"mappings":"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"}