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

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

@@ -1,5 +1,5 @@
-import React__default,{useState,useEffect}from'react';import {Dimensions,StyleSheet}from'react-native';import {Box,Input,InputField,Fab,FabIcon,AddIcon}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'tslib';import'@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';import'@react-navigation/core';import'../../../../components/Header/styles.js';import'../../../../components/Tiles/styles.js';import'../../../../components/CustomDrawer/CustomDrawer.js';import'../../../../components/CustomBottomTabs/CustomBottomTabs.js';import'../../../../components/NavigationHeader/NavigationHeader.js';import'@react-navigation/elements';import'@common-stack/client-react';import'../../../../components/NavigationHeader/InboxNavigationHeader.js';import'../../../../components/WorkSpaceDrawer/WorkSpaceDrawer.js';import {ChannelsByAlphabeticalAccordion}from'../../../../components/Channels/ChannelsByAlphabeticalAccordion.js';import'../../../../components/SlackSearchInput/index.js';Dimensions.get('window').width;
-Dimensions.get('window').height;
+import React__default,{useState,useEffect}from'react';import {Dimensions,StyleSheet}from'react-native';import {Box,Input,InputField,Fab,FabIcon,AddIcon}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'@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';import'@react-navigation/core';import'../../../../components/Header/styles.js';import'../../../../components/Tiles/styles.js';import'../../../../components/CustomDrawer/CustomDrawer.js';import'../../../../components/CustomBottomTabs/CustomBottomTabs.js';import'../../../../components/NavigationHeader/NavigationHeader.js';import'@react-navigation/elements';import'@common-stack/client-react';import'../../../../components/NavigationHeader/InboxNavigationHeader.js';import'../../../../components/WorkSpaceDrawer/WorkSpaceDrawer.js';import {ChannelsByAlphabeticalAccordion}from'../../../../components/Channels/ChannelsByAlphabeticalAccordion.js';import'../../../../components/SlackSearchInput/index.js';Dimensions.get("window").width;
+Dimensions.get("window").height;
 const defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];
 const Channels = ({
   teamId,
@@ -10,7 +10,6 @@ const Channels = ({
     organizationDetail
   } = useDrawerLayout();
   const navigation = useNavigation();
-  // const route = useRoute<any>();
   useIsFocused();
   const [channels, setChannels] = useState([]);
   const [intialChannels, setInitialChannels] = useState([]);
@@ -22,7 +21,7 @@ const Channels = ({
   } = useGetChannelsByUserQuery({
     variables: {
       criteria: {
-        orgName: orgName,
+        orgName,
         type: defaultChannelType,
         team: teamId
       },
@@ -33,7 +32,7 @@ const Channels = ({
     if (orgName) {
       refetch({
         criteria: {
-          orgName: orgName,
+          orgName,
           type: defaultChannelType,
           team: teamId
         },
@@ -41,42 +40,41 @@ 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
-      },
-      headerStyle: {
-        borderBottomWidth: 1,
-        borderColor: '#d1d2d3'
-      }
-    });
+    if (navigation)
+      navigation.setOptions({
+        headerShown: true,
+        headerTitleAlign: "left",
+        headerTitleStyle: {
+          borderBottomWidth: 1
+        },
+        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
     });
   };
@@ -88,17 +86,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));
@@ -110,68 +111,33 @@ 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(Box, {
-    flex: 1,
-    bg: '$white'
-  }, React__default.createElement(Input, {
-    bg: '$white',
-    variant: "underlined"
-  }, React__default.createElement(InputField, {
-    px: '$3',
-    alignItems: "center",
-    type: "text",
-    size: "xl",
-    placeholderTextColor: '#404040',
-    color: "$black",
-    fontSize: 15,
-    placeholder: "Search for channels",
-    onChange: ({
-      nativeEvent: {
-        eventCount,
-        target,
-        text
-      }
-    }) => {
-      searchChannels(text);
-    },
-    autoCapitalize: 'none',
-    autoCorrect: false
-  })), React__default.createElement(ChannelsByAlphabeticalAccordion, {
-    channels: sortedChannels,
-    loading: loading,
-    onPress: openInbox
-  }), React__default.createElement(Fab, {
-    size: "md",
-    bg: '$white',
-    borderRadius: '$lg',
-    right: "$4",
-    bottom: "$10",
-    onPress: () => navigation.navigate(NavigationRoutes.AddChannel, {
-      teamName: teamName === null || teamName === void 0 ? void 0 : teamName.toString(),
-      teamId: teamId === null || teamId === void 0 ? void 0 : teamId.toString()
-    }),
-    "$pressed-bg": '$trueGray200',
-    "$active-bg": '$trueGray200'
-  }, React__default.createElement(FabIcon, {
-    as: AddIcon,
-    color: '$black'
-  })));
+  return /* @__PURE__ */ React__default.createElement(Box, { flex: 1, bg: "$white" }, /* @__PURE__ */ React__default.createElement(Input, { bg: "$white", variant: "underlined" }, /* @__PURE__ */ React__default.createElement(InputField, { px: "$3", alignItems: "center", type: "text", size: "xl", placeholderTextColor: "#404040", color: "$black", fontSize: 15, placeholder: "Search for channels", onChange: ({
+    nativeEvent: {
+      eventCount,
+      target,
+      text
+    }
+  }) => {
+    searchChannels(text);
+  }, autoCapitalize: "none", autoCorrect: false })), /* @__PURE__ */ React__default.createElement(ChannelsByAlphabeticalAccordion, { channels: sortedChannels, loading, onPress: openInbox }), /* @__PURE__ */ React__default.createElement(Fab, { size: "md", bg: "$white", borderRadius: "$lg", right: "$4", bottom: "$10", onPress: () => navigation.navigate(NavigationRoutes.AddChannel, {
+    teamName: teamName == null ? void 0 : teamName.toString(),
+    teamId: teamId == null ? void 0 : teamId.toString()
+  }), "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200" }, /* @__PURE__ */ React__default.createElement(FabIcon, { as: AddIcon, color: "$black" })));
 };
 StyleSheet.create({
   container: {
     flex: 1,
-    //justifyContent: 'center',
     padding: 20
   },
   itemView: {
@@ -181,7 +147,7 @@ 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/Teams/Components/Channels/Channels.js.map

@@ -1 +1 @@
-{"version":3,"file":"Channels.js","sources":["../../../../../src/screens/Teams/Components/Channels/Channels.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Channels.js","sources":["../../../../../src/screens/Teams/Components/Channels/Channels.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { StyleSheet, TouchableHighlight, Dimensions } from 'react-native';\nimport { Input, InputField, Box, Fab, FabIcon, AddIcon } from '@admin-layout/gluestack-ui-mobile';\nimport Colors from '../../../../constants/Colors';\nimport { NavigationRoutes } from '../../../../constants/routes';\n// import { 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, useRoute } from '@react-navigation/native';\n// import { navigationRef } from '@common-stack/client-react';\n// import { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport { StatusBar } from 'expo-status-bar';\nimport { useDrawerLayout } from '../../../../hooks';\nimport { startCase, orderBy, uniqBy } from 'lodash-es';\nimport { ChannelsByAlphabeticalAccordion } from '../../../../components';\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 = ({ teamId, teamName }: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const navigation = useNavigation<any>();\n    // const route = useRoute<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: teamId,\n            },\n            limit: 100,\n        },\n    });\n\n    useFocusEffect(\n        React.useCallback(() => {\n            if (orgName) {\n                refetch({\n                    criteria: {\n                        orgName: orgName,\n                        type: defaultChannelType,\n                        team: teamId,\n                    },\n                    limit: 100,\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                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 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        <Box flex={1} bg={'$white'}>\n            <Input bg={'$white'} variant=\"underlined\">\n                <InputField\n                    px={'$3'}\n                    alignItems=\"center\"\n                    type=\"text\"\n                    size=\"xl\"\n                    placeholderTextColor={'#404040'}\n                    color=\"$black\"\n                    fontSize={15}\n                    placeholder=\"Search for channels\"\n                    onChange={({ nativeEvent: { eventCount, target, text } }) => {\n                        searchChannels(text);\n                    }}\n                    autoCapitalize={'none'}\n                    autoCorrect={false}\n                />\n            </Input>\n            <ChannelsByAlphabeticalAccordion channels={sortedChannels} loading={loading} onPress={openInbox} />\n            <Fab\n                size=\"md\"\n                bg={'$white'}\n                borderRadius={'$lg'}\n                right=\"$4\"\n                bottom=\"$10\"\n                onPress={() =>\n                    navigation.navigate(NavigationRoutes.AddChannel, {\n                        teamName: teamName?.toString(),\n                        teamId: teamId?.toString(),\n                    })\n                }\n                $pressed-bg={'$trueGray200'}\n                $active-bg={'$trueGray200'}\n            >\n                <FabIcon as={AddIcon} color={'$black'} />\n            </Fab>\n        </Box>\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/Teams/Components/Members/Members.js

@@ -1,5 +1,5 @@
-import React__default,{useState}from'react';import {Dimensions,TouchableOpacity}from'react-native';import VirtualizedScrollView from'../../../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {useNavigation,useRoute}from'@react-navigation/native';import {uniqBy,startCase}from'lodash-es';import {VStack,FlatList,Box,Text,Spinner,HStack,Avatar,AvatarFallbackText,Badge,BadgeText}from'@admin-layout/gluestack-ui-mobile';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,{useState}from'react';import {TouchableOpacity,Dimensions}from'react-native';import VirtualizedScrollView from'../../../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {useNavigation,useRoute}from'@react-navigation/native';import {uniqBy,startCase}from'lodash-es';import {VStack,FlatList,Box,Text,Spinner,HStack,Avatar,AvatarFallbackText,Badge,BadgeText}from'@admin-layout/gluestack-ui-mobile';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 TeamMembersScreen = ({
   team,
   loading,
@@ -13,99 +13,42 @@ const TeamMembersScreen = ({
   const [teamMembers, setTeamMembers] = useState([]);
   const [initialOrgMembers, setInitialOrgMembers] = useState([]);
   React__default.useEffect(() => {
-    var _a;
-    if ((_a = team === null || team === void 0 ? void 0 : team.getTeam) === null || _a === void 0 ? void 0 : _a.teamMembers) {
-      setTeamMembers(oldMembers => {
-        var _a;
-        return uniqBy([...((_a = team === null || team === void 0 ? void 0 : team.getTeam) === null || _a === void 0 ? void 0 : _a.teamMembers), ...oldMembers], ({
+    var _a2;
+    if ((_a2 = team == null ? void 0 : team.getTeam) == null ? void 0 : _a2.teamMembers) {
+      setTeamMembers((oldMembers) => {
+        var _a3;
+        return uniqBy([...(_a3 = team == null ? void 0 : team.getTeam) == null ? void 0 : _a3.teamMembers, ...oldMembers], ({
           id
         }) => id);
       });
-      setInitialOrgMembers(oldMembers => {
-        var _a;
-        return uniqBy([...((_a = team === null || team === void 0 ? void 0 : team.getTeam) === null || _a === void 0 ? void 0 : _a.teamMembers), ...oldMembers], ({
+      setInitialOrgMembers((oldMembers) => {
+        var _a3;
+        return uniqBy([...(_a3 = team == null ? void 0 : team.getTeam) == null ? void 0 : _a3.teamMembers, ...oldMembers], ({
           id
         }) => id);
       });
     }
-  }, [(_a = team === null || team === void 0 ? void 0 : team.getTeam) === null || _a === void 0 ? void 0 : _a.teamMembers]);
-  const goToProfile = React__default.useCallback(userId => {
+  }, [(_a = team == null ? void 0 : team.getTeam) == null ? void 0 : _a.teamMembers]);
+  const goToProfile = React__default.useCallback((userId) => {
     navigation.navigate(NavigationRoutes.Profile, {
-      userId: userId === null || userId === void 0 ? void 0 : userId.toString()
+      userId: userId == null ? void 0 : userId.toString()
     });
   }, []);
   const renderTeamMembers = ({
     item
   }) => {
-    var _a, _b, _c, _d, _e;
-    const matches = (_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.match(/\b(\w)/g);
-    //const acronym: any = matches.join('').substring(0, 2); // JSON
-    Array.isArray(matches) ? (_d = (_c = (_b = matches === null || matches === void 0 ? void 0 : matches.reverse()) === null || _b === void 0 ? void 0 : _b.join('')) === null || _c === void 0 ? void 0 : _c.substring(0, 2)) === null || _d === void 0 ? void 0 : _d.toUpperCase() : '';
-    return React__default.createElement(TouchableOpacity, {
-      key: item === null || item === void 0 ? void 0 : item.id,
-      style: {
-        marginVertical: 10
-      },
-      onPress: () => goToProfile(item === null || item === void 0 ? void 0 : item.userId)
-    }, React__default.createElement(HStack, {
-      flex: 1,
-      alignItems: 'center',
-      justifyContent: 'space-between'
-    }, React__default.createElement(HStack, {
-      flex: 1,
-      alignItems: 'center',
-      justifyContent: 'space-between'
-    }, React__default.createElement(HStack, {
-      space: 'sm',
-      alignItems: 'center'
-    }, React__default.createElement(Avatar, {
-      size: 'sm',
-      bg: '$coolGray400',
-      rounded: '$full'
-    }, React__default.createElement(AvatarFallbackText, {
-      fontWeight: "$bold",
-      color: '$white'
-    }, startCase((_e = item === null || item === void 0 ? void 0 : item.name) !== null && _e !== void 0 ? _e : 'icon'))), React__default.createElement(Text, {
-      color: "$coolGray800",
-      fontWeight: "$bold"
-    }, item === null || item === void 0 ? void 0 : item.name)), React__default.createElement(Badge, {
-      size: "md",
-      borderRadius: "$none",
-      action: "info",
-      variant: 'outline'
-    }, React__default.createElement(BadgeText, null, item === null || item === void 0 ? void 0 : item.role)))));
+    var _a2, _b, _c, _d, _e;
+    const matches = (_a2 = item == null ? void 0 : item.name) == null ? void 0 : _a2.match(/\b(\w)/g);
+    Array.isArray(matches) ? (_d = (_c = (_b = matches == null ? void 0 : matches.reverse()) == null ? void 0 : _b.join("")) == null ? void 0 : _c.substring(0, 2)) == null ? void 0 : _d.toUpperCase() : "";
+    return /* @__PURE__ */ React__default.createElement(TouchableOpacity, { key: item == null ? void 0 : item.id, style: {
+      marginVertical: 10
+    }, onPress: () => goToProfile(item == null ? void 0 : item.userId) }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", bg: "$coolGray400", rounded: "$full" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, { fontWeight: "$bold", color: "$white" }, startCase((_e = item == null ? void 0 : item.name) != null ? _e : "icon"))), /* @__PURE__ */ React__default.createElement(Text, { color: "$coolGray800", fontWeight: "$bold" }, item == null ? void 0 : item.name)), /* @__PURE__ */ React__default.createElement(Badge, { size: "md", borderRadius: "$none", action: "info", variant: "outline" }, /* @__PURE__ */ React__default.createElement(BadgeText, null, item == null ? void 0 : item.role)))));
   };
-  return React__default.createElement(VirtualizedScrollView, null, React__default.createElement(VStack, {
-    space: "sm",
+  return /* @__PURE__ */ React__default.createElement(VirtualizedScrollView, null, /* @__PURE__ */ React__default.createElement(VStack, { space: "sm", flex: 1, pt: "$2", bg: "$white" }, /* @__PURE__ */ React__default.createElement(FlatList, { px: "$4", flex: 1, pb: "$10", keyExtractor: (item, index) => String(index), contentContainerStyle: {
     flex: 1,
-    pt: '$2',
-    bg: '$white'
-  }, React__default.createElement(FlatList, {
-    px: '$4',
-    flex: 1,
-    pb: '$10',
-    keyExtractor: (item, index) => String(index),
-    contentContainerStyle: {
-      flex: 1,
-      marginBottom: 100
-    },
-    data: teamMembers && teamMembers.length > 0 ? teamMembers : [],
-    renderItem: renderTeamMembers,
-    ListEmptyComponent: () => {
-      return React__default.createElement(Box, {
-        flex: 1,
-        pt: '$20',
-        alignItems: "center",
-        justifyContent: "center"
-      }, (teamMembers === null || teamMembers === void 0 ? void 0 : teamMembers.length) == 0 && loading ? React__default.createElement(Text, {
-        textAlign: "center",
-        color: '$coolGray600'
-      }, "No members found") : React__default.createElement(Spinner, {
-        color: '$blue500'
-      }));
-    },
-    key: 'team-members-list',
-    keyboardShouldPersistTaps: "always"
-  })));
+    marginBottom: 100
+  }, data: teamMembers && teamMembers.length > 0 ? teamMembers : [], renderItem: renderTeamMembers, ListEmptyComponent: () => {
+    return /* @__PURE__ */ React__default.createElement(Box, { flex: 1, pt: "$20", alignItems: "center", justifyContent: "center" }, (teamMembers == null ? void 0 : teamMembers.length) == 0 && loading ? /* @__PURE__ */ React__default.createElement(Text, { textAlign: "center", color: "$coolGray600" }, "No members found") : /* @__PURE__ */ React__default.createElement(Spinner, { color: "$blue500" }));
+  }, key: "team-members-list", keyboardShouldPersistTaps: "always" })));
 };
 var TeamMembers = React__default.memo(TeamMembersScreen);export{TeamMembers as default};//# sourceMappingURL=Members.js.map

package/lib/screens/Teams/Components/Members/Members.js.map

@@ -1 +1 @@
-{"version":3,"file":"Members.js","sources":["../../../../../src/screens/Teams/Components/Members/Members.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Members.js","sources":["../../../../../src/screens/Teams/Components/Members/Members.tsx"],"sourcesContent":["import { Ionicons } from '@expo/vector-icons';\nimport React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { TouchableOpacity, Dimensions, Keyboard, KeyboardEvent } from 'react-native';\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    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    ButtonText,\n    FlatList,\n    HStack,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n    Spinner,\n    Badge,\n    BadgeText,\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 TeamMembersScreen = ({ team, loading, teamId, teamName }) => {\n    const navigation = useNavigation<any>();\n    const route = useRoute<any>();\n    const user = useSelector(userSelector);\n    const [teamMembers, setTeamMembers] = useState<any>([]);\n    const [initialOrgMembers, setInitialOrgMembers] = useState<any>([]);\n\n    React.useEffect(() => {\n        if (team?.getTeam?.teamMembers) {\n            setTeamMembers((oldMembers: any) => uniqBy([...team?.getTeam?.teamMembers, ...oldMembers], ({ id }) => id));\n            setInitialOrgMembers((oldMembers: any) =>\n                uniqBy([...team?.getTeam?.teamMembers, ...oldMembers], ({ id }) => id),\n            );\n        }\n    }, [team?.getTeam?.teamMembers]);\n\n    const goToProfile = React.useCallback((userId: any) => {\n        navigation.navigate(NavigationRoutes.Profile, {\n            userId: userId?.toString(),\n        });\n    }, []);\n\n    const renderTeamMembers = ({ item }: any) => {\n        const matches: any = item?.name?.match(/\\b(\\w)/g);\n        //const acronym: any = matches.join('').substring(0, 2); // JSON\n        const acronym: any = Array.isArray(matches) ? matches?.reverse()?.join('')?.substring(0, 2)?.toUpperCase() : '';\n        return (\n            <TouchableOpacity key={item?.id} style={{ marginVertical: 10 }} onPress={() => goToProfile(item?.userId)}>\n                <HStack flex={1} alignItems={'center'} justifyContent={'space-between'}>\n                    <HStack flex={1} alignItems={'center'} justifyContent={'space-between'}>\n                        <HStack space={'sm'} alignItems={'center'}>\n                            <Avatar size={'sm'} bg={'$coolGray400'} rounded={'$full'}>\n                                <AvatarFallbackText fontWeight=\"$bold\" color={'$white'}>\n                                    {startCase(item?.name ?? 'icon')}\n                                </AvatarFallbackText>\n                            </Avatar>\n\n                            <Text color=\"$coolGray800\" fontWeight=\"$bold\">\n                                {item?.name}\n                            </Text>\n                        </HStack>\n\n                        <Badge size=\"md\" borderRadius=\"$none\" action=\"info\" variant={'outline'}>\n                            <BadgeText>{item?.role}</BadgeText>\n                        </Badge>\n                    </HStack>\n                </HStack>\n            </TouchableOpacity>\n        );\n    };\n\n    return (\n        <VirtualizedScrollView>\n            <VStack space=\"sm\" flex={1} pt={'$2'} bg={'$white'}>\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={teamMembers && teamMembers.length > 0 ? teamMembers : []}\n                    renderItem={renderTeamMembers}\n                    ListEmptyComponent={() => {\n                        return (\n                            <Box flex={1} pt={'$20'} alignItems=\"center\" justifyContent=\"center\">\n                                {teamMembers?.length == 0 && loading ? (\n                                    <Text textAlign=\"center\" color={'$coolGray600'}>\n                                        No members found\n                                    </Text>\n                                ) : (\n                                    <Spinner color={'$blue500'} />\n                                )}\n                            </Box>\n                        );\n                    }}\n                    key={'team-members-list'}\n                    keyboardShouldPersistTaps=\"always\"\n                />\n            </VStack>\n        </VirtualizedScrollView>\n    );\n};\n\nexport default React.memo(TeamMembersScreen);\n"],"names":["React","_a"],"mappings":"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"}

package/lib/screens/Teams/Team.js

@@ -1,14 +1,31 @@
-import {__rest}from'tslib';import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useEffect}from'react';import {Dimensions}from'react-native';import {SafeAreaView,Box}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import {RoomType}from'common';import {useGetOrganizationTeamQuery}from'common/lib/generated/generated.js';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {StatusBar}from'expo-status-bar';import Channels from'./Components/Channels/Channels.js';import TeamMembers from'./Components/Members/Members.js';import {LoadingSpinnerDefault}from'../../components/LoadingSpinner/index.js';Dimensions.get('window').width;
-Dimensions.get('window').height;
+import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useEffect}from'react';import {Dimensions}from'react-native';import {SafeAreaView,Box}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import {RoomType}from'common';import {useGetOrganizationTeamQuery}from'common/lib/generated/generated.js';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {StatusBar}from'expo-status-bar';import Channels from'./Components/Channels/Channels.js';import TeamMembers from'./Components/Members/Members.js';import {LoadingSpinnerDefault}from'../../components/LoadingSpinner/index.js';var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+Dimensions.get("window").width;
+Dimensions.get("window").height;
 const defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];
-const Team = _a => {
-  var _b, _c, _d, _e, _f, _g;
-  var {
-      tab = 'channels',
-      route
-    } = _a;
-    __rest(_a, ["tab", "route"]);
-  tab === 'members' ? RoomType.Direct : defaultChannelType;
+const Team = (_a) => {
+  var _b = _a, {
+    tab = "channels",
+    route
+  } = _b; __objRest(_b, [
+    "tab",
+    "route"
+  ]);
+  var _a2, _b2, _c, _d, _e, _f;
+  tab === "members" ? RoomType.Direct : defaultChannelType;
   const {
     orgName,
     organizationDetail
@@ -23,53 +40,37 @@ const Team = _a => {
     refetch
   } = useGetOrganizationTeamQuery({
     variables: {
-      orgName: orgName,
-      teamName: (_b = route === null || route === void 0 ? void 0 : route.params) === null || _b === void 0 ? void 0 : _b.teamName
+      orgName,
+      teamName: (_a2 = route == null ? void 0 : route.params) == null ? void 0 : _a2.teamName
     }
   });
   useFocusEffect(React__default.useCallback(() => {
-    var _a;
+    var _a3;
     if (orgName) {
       refetch({
-        orgName: orgName,
-        teamName: (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.teamName
+        orgName,
+        teamName: (_a3 = route == null ? void 0 : route.params) == null ? void 0 : _a3.teamName
       });
     }
     return () => {
-      // Do something when the screen is unfocused
-      // Useful for cleanup functions
     };
-  }, [orgName, tab, (_c = route === null || route === void 0 ? void 0 : route.params) === null || _c === void 0 ? void 0 : _c.teamId]));
+  }, [orgName, tab, (_b2 = route == null ? void 0 : route.params) == null ? void 0 : _b2.teamId]));
   useEffect(() => {
-    if (navigation) navigation.setOptions({
-      headerShown: true,
-      headerTitleAlign: 'left',
-      headerTitleStyle: {
-        borderBottomWidth: 1
-      },
-      headerStyle: {
-        borderBottomWidth: 1,
-        borderColor: '#d1d2d3'
-      }
-    });
+    if (navigation)
+      navigation.setOptions({
+        headerShown: true,
+        headerTitleAlign: "left",
+        headerTitleStyle: {
+          borderBottomWidth: 1
+        },
+        headerStyle: {
+          borderBottomWidth: 1,
+          borderColor: "#d1d2d3"
+        }
+      });
   }, [team, navigation]);
-  if (loading) return React__default.createElement(LoadingSpinnerDefault, null);
-  return React__default.createElement(SafeAreaView, {
-    flex: 1,
-    bg: '$white'
-  }, React__default.createElement(StatusBar, {
-    style: "light"
-  }), React__default.createElement(Box, {
-    flex: 1
-  }, tab == 'channels' && React__default.createElement(Channels, {
-    teamId: (_d = route === null || route === void 0 ? void 0 : route.params) === null || _d === void 0 ? void 0 : _d.teamId,
-    teamName: (_e = route === null || route === void 0 ? void 0 : route.params) === null || _e === void 0 ? void 0 : _e.teamName,
-    team: team
-  }), tab == 'members' && React__default.createElement(TeamMembers, {
-    teamId: (_f = route === null || route === void 0 ? void 0 : route.params) === null || _f === void 0 ? void 0 : _f.teamId,
-    teamName: (_g = route === null || route === void 0 ? void 0 : route.params) === null || _g === void 0 ? void 0 : _g.teamName,
-    team: team,
-    loading: loading
-  })));
+  if (loading)
+    return /* @__PURE__ */ React__default.createElement(LoadingSpinnerDefault, null);
+  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { flex: 1, bg: "$white" }, /* @__PURE__ */ React__default.createElement(StatusBar, { style: "light" }), /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, tab == "channels" && /* @__PURE__ */ React__default.createElement(Channels, { teamId: (_c = route == null ? void 0 : route.params) == null ? void 0 : _c.teamId, teamName: (_d = route == null ? void 0 : route.params) == null ? void 0 : _d.teamName, team }), tab == "members" && /* @__PURE__ */ React__default.createElement(TeamMembers, { teamId: (_e = route == null ? void 0 : route.params) == null ? void 0 : _e.teamId, teamName: (_f = route == null ? void 0 : route.params) == null ? void 0 : _f.teamName, team, loading })));
 };
 var Team$1 = React__default.memo(Team);export{Team$1 as default};//# sourceMappingURL=Team.js.map

package/lib/screens/Teams/Team.js.map

@@ -1 +1 @@
-{"version":3,"file":"Team.js","sources":["../../../src/screens/Teams/Team.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"22BAoBoB,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AACxB,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAE9C,MAAM,kBAAkB,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC;AAEhF,MAAM,IAAI,GAAG,EAAC,IAAyC;;;AACnD,MAAA,GAAA,GAAiB,UAAA;MACX;AACN,KAAA,GAAA,EAAM;AACN,UAAkB,CAAA,EAAA,EAAA,CAAA,KAAY,EAAA,OAAA,CAAA;AAC9B,EAAkB,GAAY,KAAA,SAAG,GAAA,QAAA,CAAA,MAAA,GAAA;AAEjC,EAAA,MAAA;AAMI,IAAA,OAAA;AACI,IAAA;qBACQ,EAAE;AACb,EAAA,MAAA,UAAA,GAAA,aAAA,EAAA;AACJ,EAAE,WAAA,CAAA,YAAA;AAEH,EACS,YAAY;;QACb,EAAI,IAAA;AACA,IAAA,OAAA;AACI,IAAA,KAAA;;AAEH,GAAA,GAAA,2BAAE,CAAA;aACN,EAAA;AACD,MAAA,OAAA,EAAO,OAAK;cACoC,EAAA,CAAA,EAAA,GAAA,KAAA,KAAA,IAAA,IAAA,KAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,MAAA,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA;;AAEhD,GAAA,CAAA;AACJ,EAAA,eAAaA,cAAK,YAAK,CAAA,MAAA;IAG3B,IAAS,EAAA;AACL,IAAA,IAAA,OAAc,EAAA;aACA,CAAA;AACN,QAAA,OAAA,EAAA,OAAA;AACA,QAAA,QAAA,EAAA,CAAA,EAAA,GAAA,KAAA,KAAkB,IAAM,IAAA,KAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,MAAA,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA;AACxB,OAAA,CAAA;AACI;AACH,IAAA,OAAA,MAAA;AACD;AACI;AACA,KAAA;AACH,GAAA,EAAA,CAAA,OAAA,EAAA,GAAA,EAAA,CAAA,EAAA,GAAA,KAAA,KAAA,IAAA,IAAA,KAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,MAAA,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AACJ,EAAA,SAAA,CAAA,MAAE;AACX,IAAA,IAAI,UAAgB,EAAA,UAAG,CAAA,UAAA,CAAA;AAEvB,MAAA,WAAW,EAAA,IAAA;sBAAS,EAAA,MAAA;MAEb,gBACF,EAAA;AACG,QAAA,iBAAA,EAAA;AACA,OAAA;AACK,MAAA,aAAO;4BAGS;AAWjC,QAAE,WAAA,EAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Team.js","sources":["../../../src/screens/Teams/Team.tsx"],"sourcesContent":["import { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { TouchableOpacity, Dimensions } from 'react-native';\nimport { SafeAreaView, Box } from '@admin-layout/gluestack-ui-mobile';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n// import { navigationRef } from '@common-stack/client-react';\nimport { startCase, uniqBy, orderBy } from 'lodash-es';\nimport { RoomType } from 'common';\nimport { useGetChannelsByUserQuery, useGetOrganizationTeamQuery } from 'common/lib/generated/generated.js';\nimport { FontAwesome, Feather, Octicons, MaterialIcons, AntDesign } from '@expo/vector-icons';\nimport { NavigationRoutes } from '../../constants';\nimport { useDrawerLayout } from '../../hooks';\n// import VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { StatusBar } from 'expo-status-bar';\n// import { NavigationHeader } from '../../components';\nimport { Channels } from './Components/Channels';\nimport { TeamMembers } from './Components/Members';\nimport { LoadingSpinnerDefault } from '../../components/LoadingSpinner';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];\n\nconst Team = ({ tab = 'channels', route, ...props }) => {\n    const channelType = tab === 'members' ? RoomType.Direct : defaultChannelType;\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const isFocused = useIsFocused();\n\n    const {\n        data: team,\n        loading,\n        error,\n        refetch,\n    } = useGetOrganizationTeamQuery({\n        variables: {\n            orgName: orgName,\n            teamName: route?.params?.teamName,\n        },\n    });\n\n    useFocusEffect(\n        React.useCallback(() => {\n            if (orgName) {\n                refetch({\n                    orgName: orgName,\n                    teamName: route?.params?.teamName,\n                });\n            }\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, [orgName, tab, route?.params?.teamId]),\n    );\n\n    useEffect(() => {\n        if (navigation)\n            navigation.setOptions({\n                headerShown: true,\n                headerTitleAlign: 'left',\n                headerTitleStyle: {\n                    borderBottomWidth: 1,\n                },\n                headerStyle: {\n                    borderBottomWidth: 1,\n                    borderColor: '#d1d2d3',\n                },\n            });\n    }, [team, navigation]);\n\n    if (loading) return <LoadingSpinnerDefault />;\n\n    return (\n        <SafeAreaView flex={1} bg={'$white'}>\n            <StatusBar style=\"light\" />\n            <Box flex={1}>\n                {tab == 'channels' && (\n                    <Channels teamId={route?.params?.teamId} teamName={route?.params?.teamName} team={team} />\n                )}\n                {tab == 'members' && (\n                    <TeamMembers\n                        teamId={route?.params?.teamId}\n                        teamName={route?.params?.teamName}\n                        team={team}\n                        loading={loading}\n                    />\n                )}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(Team);\n"],"names":["_a","_b","React"],"mappings":"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"}