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

package/lib/screens/Search/Recents.js

@@ -1,5 +1,5 @@
-import React__default,{useLayoutEffect}from'react';import {Dimensions,TouchableOpacity}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;
-Dimensions.get('window').height;
+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;
+Dimensions.get("window").height;
 const RecentsSearchScreen = ({
   channels,
   loading
@@ -8,27 +8,24 @@ const RecentsSearchScreen = ({
   useRoute();
   const user = useSelector(userSelector);
   useLayoutEffect(() => {
-    // setLoading(true);
   }, []);
   useFocusEffect(React__default.useCallback(() => {
     return () => {
-      // Do something when the screen is unfocused
-      // Useful for cleanup functions
     };
   }, []));
-  const openInbox = React__default.useCallback(item => {
+  const openInbox = React__default.useCallback((item) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const channelMembers = (_c = (_b = (_a = item === null || item === void 0 ? void 0 : item.members) === null || _a === void 0 ? void 0 : _a.filter(ch => {
-      var _a, _b;
-      return ((_a = ch === null || ch === void 0 ? void 0 : ch.user) === null || _a === void 0 ? void 0 : _a.id) != (user === null || user === void 0 ? void 0 : user.id) && ((_b = ch === null || ch === void 0 ? void 0 : ch.user) === null || _b === void 0 ? void 0 : _b.__typename) == 'UserAccount';
-    })) === null || _b === void 0 ? void 0 : _b.map(m => m === null || m === void 0 ? void 0 : m.user)) !== null && _c !== void 0 ? _c : null;
-    const memberImage = item.type === RoomType.Direct ? (channelMembers === null || channelMembers === void 0 ? void 0 : channelMembers.length) == 1 ? (_e = (_d = channelMembers[0]) === null || _d === void 0 ? void 0 : _d.picture) !== null && _e !== void 0 ? _e : null : null : null;
+    const channelMembers = (_c = (_b = (_a = item == null ? void 0 : item.members) == null ? void 0 : _a.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 : _b.map((m) => m == null ? void 0 : m.user)) != null ? _c : null;
+    const memberImage = item.type === RoomType.Direct ? (channelMembers == null ? void 0 : channelMembers.length) == 1 ? (_e = (_d = channelMembers[0]) == null ? void 0 : _d.picture) != null ? _e : null : null : null;
     navigation.navigate(NavigationRoutes.DialogMessages, {
-      channelId: (_f = item === null || item === void 0 ? void 0 : item.id) === null || _f === void 0 ? void 0 : _f.toString(),
-      title: (_g = item === null || item === void 0 ? void 0 : item.title) === null || _g === void 0 ? void 0 : _g.toString(),
-      totalMembers: (_h = item === null || item === void 0 ? void 0 : item.members) === null || _h === void 0 ? void 0 : _h.length,
-      memberImage: memberImage,
-      channelType: item === null || item === void 0 ? void 0 : item.type,
+      channelId: (_f = item == null ? void 0 : item.id) == null ? void 0 : _f.toString(),
+      title: (_g = item == null ? void 0 : item.title) == null ? void 0 : _g.toString(),
+      totalMembers: (_h = item == null ? void 0 : item.members) == null ? void 0 : _h.length,
+      memberImage,
+      channelType: item == null ? void 0 : item.type,
       hideTabBar: true
     });
   }, []);
@@ -36,116 +33,48 @@ const RecentsSearchScreen = ({
     item
   }) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    const matches = (_a = item === null || item === void 0 ? void 0 : item.title) === null || _a === void 0 ? void 0 : _a.match(/\b(\w)/g);
-    matches.join('').substring(0, 2); // JSON
-    const channelMembers = (_d = (_c = (_b = item === null || item === void 0 ? void 0 : item.members) === null || _b === void 0 ? void 0 : _b.filter(ch => {
-      var _a, _b;
-      return ((_a = ch === null || ch === void 0 ? void 0 : ch.user) === null || _a === void 0 ? void 0 : _a.id) != (user === null || user === void 0 ? void 0 : user.id) && ((_b = ch === null || ch === void 0 ? void 0 : ch.user) === null || _b === void 0 ? void 0 : _b.__typename) == 'UserAccount';
-    })) === null || _c === void 0 ? void 0 : _c.map(m => m === null || m === void 0 ? void 0 : m.user)) !== null && _d !== void 0 ? _d : null;
-    return React__default.createElement(TouchableOpacity, {
-      key: item === null || item === void 0 ? void 0 : item.id,
-      style: {
-        marginVertical: 10
+    const matches = (_a = item == null ? void 0 : item.title) == null ? void 0 : _a.match(/\b(\w)/g);
+    matches.join("").substring(0, 2);
+    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: {
+      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: {
+      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"
       },
-      onPress: () => openInbox(item)
-    }, React__default.createElement(HStack, {
-      flex: 1,
-      alignItems: 'center',
-      justifyContent: 'space-between'
-    }, React__default.createElement(HStack, {
-      flex: 1,
-      alignItems: 'center',
-      space: 'md'
-    }, React__default.createElement(Box, {
-      m: '$0',
-      p: '$0'
-    }, item.type == RoomType.Direct ? React__default.createElement(Avatar, {
-      size: 'sm',
-      bg: 'transparent'
-    }, React__default.createElement(AvatarFallbackText, null, startCase((_f = (_e = channelMembers[0]) === null || _e === void 0 ? void 0 : _e.username) === null || _f === void 0 ? void 0 : _f.charAt(0))), React__default.createElement(AvatarImage, {
-      alt: "image",
-      size: 'md',
-      style: {
-        // width: 25,
-        // height: 25,
-        borderRadius: 6,
-        borderWidth: 2,
-        borderColor: '#fff'
-      },
-      source: {
-        uri: (_g = channelMembers[0]) === null || _g === void 0 ? void 0 : _g.picture
-      }
-    }), (channelMembers === null || channelMembers === void 0 ? void 0 : channelMembers.length) > 1 ? React__default.createElement(AvatarBadge
-    // top={2}
-    // right={-12}
-    , {
-      // top={2}
-      // right={-12}
-      right: '-$1',
-      bottom: '-$1',
-      style: {
-        width: 20,
-        height: 20
-      },
-      alignItems: 'center',
-      bg: '#211627',
-      // opacity={0.85}
-      rounded: '$md'
-    }, React__default.createElement(Text, {
-      style: {
+      /* @__PURE__ */ React__default.createElement(Text, { style: {
         fontSize: 12,
-        fontWeight: 'bold',
-        color: '#fff'
-      }
-    }, channelMembers === null || channelMembers === void 0 ? void 0 : channelMembers.length)) : React__default.createElement(AvatarBadge, {
-      style: {
-        width: 10,
-        height: 10
-      },
-      bg: "$green800"
-    })) : item.type == RoomType.Private ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Octicons, {
-      color: "black",
-      name: "lock",
-      size: 20
-    })) : React__default.createElement(Octicons, {
-      color: "black",
-      name: "hash",
-      size: 20
-    })), React__default.createElement(Text, {
-      color: "$coolGray800",
-      fontWeight: "$bold"
-    }, item.title))));
+        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))));
   };
-  return React__default.createElement(VirtualizedScrollView, null, React__default.createElement(VStack, {
-    space: "md",
-    flex: 1,
-    pt: '$2'
-  }, React__default.createElement(FlatList, {
-    px: '$4',
+  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: {
     flex: 1,
-    pb: '$10',
-    keyExtractor: (item, index) => String(index),
-    contentContainerStyle: {
-      flex: 1,
-      marginBottom: 100
-    },
-    data: channels && channels.length > 0 ? channels : [],
-    renderItem: renderChannels,
-    ListEmptyComponent: () => {
-      return React__default.createElement(Box, {
-        bg: '#fff',
-        py: '$2'
-      }, (channels === null || channels === void 0 ? void 0 : channels.length) == 0 && loading ? React__default.createElement(VStack, {
-        space: "sm"
-      }, React__default.createElement(Box, {
-        px: "$4",
-        py: '$5'
-      }, React__default.createElement(Text, null, "No channels found"))) : React__default.createElement(Spinner, {
-        color: '$blue500'
-      }));
-    },
-    key: 'search-channel-people-list',
-    keyboardShouldPersistTaps: "always"
-  })));
+    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" })));
 };
 var Recents = React__default.memo(RecentsSearchScreen);export{Recents 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":[null],"names":["React"],"mappings":"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"}
+{"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":"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"}