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

package/lib/screens/Organization/InviteOrganizationMembers.js.map

@@ -1 +1 @@
-{"version":3,"file":"InviteOrganizationMembers.js","sources":["../../../src/screens/Organization/InviteOrganizationMembers.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect, useCallback } from 'react';\nimport { StyleSheet, TouchableOpacity, Dimensions, Share, Alert } from 'react-native';\nimport {\n    SafeAreaView,\n    Text,\n    VStack,\n    Box,\n    Button,\n    ButtonText,\n    Icon,\n    Divider,\n    HStack,\n    Center,\n    Heading,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useCreateOrganizationMutation, useGetAllUsersQuery } from 'common/lib/generated/generated.js';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { useSelector } from 'react-redux';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useFocusEffect, useNavigation } from '@react-navigation/native';\nimport { Ionicons, AntDesign, FontAwesome5, MaterialCommunityIcons } from '@expo/vector-icons';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst InviteOrganizationMembers = ({ route }: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, []),\n    );\n\n    useEffect(() => {\n        if (navigation)\n            navigation.setOptions({\n                headerTintColor: '#1d1c1d',\n                headerRight: (props: any) => (\n                    <Button\n                        mr={'$2'}\n                        onPress={() =>\n                            navigation.navigate(NavigationRoutes.InitializeOrganizationChannel, {\n                                orgName: route?.params?.orgName,\n                            })\n                        }\n                        variant={'link'}\n                    >\n                        <ButtonText color={'$black'}>SKIP</ButtonText>\n                    </Button>\n                ),\n            });\n    }, [navigation]);\n\n    const shareLink = React.useCallback(async () => {\n        try {\n            const result = await Share.share({\n                message: 'CDMBSE | Messenger App',\n            });\n            if (result.action === Share.sharedAction) {\n                if (result.activityType) {\n                    // shared with activity type of result.activityType\n                } else {\n                    // shared\n                }\n            } else if (result.action === Share.dismissedAction) {\n                // dismissed\n            }\n        } catch (error: any) {\n            Alert.alert(error.message);\n            // alert(error.message);\n        }\n    }, []);\n\n    return (\n        <SafeAreaView flex={1}>\n            <Box borderTopColor={'$blue600'} borderTopWidth={'$1'} w={'50%'} />\n            <Box flex={1} bg={'$white'}>\n                <VStack space={'lg'} py={'$10'} px={'$4'}>\n                    <Heading px={'$4'} alignItems={'center'} textAlign={'center'}>\n                        Who else is on the {route?.params?.orgName} team?\n                    </Heading>\n                    <Text textAlign={'center'} fontSize={15}>\n                        Invite your teammates to Workspace.\n                    </Text>\n                    <Button\n                        my={'$1'}\n                        size={'md'}\n                        variant={'solid'}\n                        onPress={async () => await shareLink()}\n                        bg={'$green800'}\n                        $pressed-bg=\"$green600\"\n                        $active-bg={'$green600'}\n                    >\n                        <Ionicons color={'white'} name=\"share-outline\" size={20} />\n                        <ButtonText ml={'$2'} color={'$white'} fontWeight=\"$bold\">\n                            Share a Link\n                        </ButtonText>\n                    </Button>\n                    <Button\n                        my={'$1'}\n                        size=\"md\"\n                        bg={'$white'}\n                        $pressed-bg=\"$trueGray200\"\n                        $active-bg={'$trueGray200'}\n                        borderColor=\"$trueGray400\"\n                        variant=\"outline\"\n                    >\n                        <AntDesign color={'black'} name=\"adduser\" size={20} />\n                        <ButtonText ml={'$2'} fontWeight=\"$bold\" color={'$black'}>\n                            Add from Contacts\n                        </ButtonText>\n                    </Button>\n                    <Button\n                        my={'$1'}\n                        size=\"md\"\n                        bg={'$white'}\n                        $pressed-bg=\"$trueGray200\"\n                        $active-bg={'$trueGray200'}\n                        borderColor=\"$trueGray400\"\n                        variant=\"outline\"\n                        onPress={() => navigation.navigate(NavigationRoutes.AddPeopleByEmail)}\n                    >\n                        <MaterialCommunityIcons color={'black'} name=\"email-outline\" size={20} />\n                        <ButtonText ml={'$2'} fontWeight=\"$bold\" color={'$black'}>\n                            Add by Email\n                        </ButtonText>\n                    </Button>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InviteOrganizationMembers;\n"],"names":["React","_a"],"mappings":"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"}
+{"version":3,"file":"InviteOrganizationMembers.js","sources":["../../../src/screens/Organization/InviteOrganizationMembers.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect, useCallback } from 'react';\nimport { StyleSheet, TouchableOpacity, Dimensions, Share, Alert } from 'react-native';\nimport {\n    SafeAreaView,\n    Text,\n    VStack,\n    Box,\n    Button,\n    ButtonText,\n    Icon,\n    Divider,\n    HStack,\n    Center,\n    Heading,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useCreateOrganizationMutation, useGetAllUsersQuery } from 'common/lib/generated/generated.js';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { useSelector } from 'react-redux';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useFocusEffect, useNavigation } from '@react-navigation/native';\nimport { Ionicons, AntDesign, FontAwesome5, MaterialCommunityIcons } from '@expo/vector-icons';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst InviteOrganizationMembers = ({ route }: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, []),\n    );\n\n    useEffect(() => {\n        if (navigation)\n            navigation.setOptions({\n                headerTintColor: '#1d1c1d',\n                headerRight: (props: any) => (\n                    <Button\n                        mr={'$2'}\n                        onPress={() =>\n                            navigation.navigate(NavigationRoutes.InitializeOrganizationChannel, {\n                                orgName: route?.params?.orgName,\n                            })\n                        }\n                        variant={'link'}\n                    >\n                        <ButtonText color={'$black'}>SKIP</ButtonText>\n                    </Button>\n                ),\n            });\n    }, [navigation]);\n\n    const shareLink = React.useCallback(async () => {\n        try {\n            const result = await Share.share({\n                message: 'CDMBSE | Messenger App',\n            });\n            if (result.action === Share.sharedAction) {\n                if (result.activityType) {\n                    // shared with activity type of result.activityType\n                } else {\n                    // shared\n                }\n            } else if (result.action === Share.dismissedAction) {\n                // dismissed\n            }\n        } catch (error: any) {\n            Alert.alert(error.message);\n            // alert(error.message);\n        }\n    }, []);\n\n    return (\n        <SafeAreaView flex={1}>\n            <Box borderTopColor={'$blue600'} borderTopWidth={'$1'} w={'50%'} />\n            <Box flex={1} bg={'$white'}>\n                <VStack space={'lg'} py={'$10'} px={'$4'}>\n                    <Heading px={'$4'} alignItems={'center'} textAlign={'center'}>\n                        Who else is on the {route?.params?.orgName} team?\n                    </Heading>\n                    <Text textAlign={'center'} fontSize={15}>\n                        Invite your teammates to Workspace.\n                    </Text>\n                    <Button\n                        my={'$1'}\n                        size={'md'}\n                        variant={'solid'}\n                        onPress={async () => await shareLink()}\n                        bg={'$green800'}\n                        $pressed-bg=\"$green600\"\n                        $active-bg={'$green600'}\n                    >\n                        <Ionicons color={'white'} name=\"share-outline\" size={20} />\n                        <ButtonText ml={'$2'} color={'$white'} fontWeight=\"$bold\">\n                            Share a Link\n                        </ButtonText>\n                    </Button>\n                    <Button\n                        my={'$1'}\n                        size=\"md\"\n                        bg={'$white'}\n                        $pressed-bg=\"$trueGray200\"\n                        $active-bg={'$trueGray200'}\n                        borderColor=\"$trueGray400\"\n                        variant=\"outline\"\n                    >\n                        <AntDesign color={'black'} name=\"adduser\" size={20} />\n                        <ButtonText ml={'$2'} fontWeight=\"$bold\" color={'$black'}>\n                            Add from Contacts\n                        </ButtonText>\n                    </Button>\n                    <Button\n                        my={'$1'}\n                        size=\"md\"\n                        bg={'$white'}\n                        $pressed-bg=\"$trueGray200\"\n                        $active-bg={'$trueGray200'}\n                        borderColor=\"$trueGray400\"\n                        variant=\"outline\"\n                        onPress={() => navigation.navigate(NavigationRoutes.AddPeopleByEmail)}\n                    >\n                        <MaterialCommunityIcons color={'black'} name=\"email-outline\" size={20} />\n                        <ButtonText ml={'$2'} fontWeight=\"$bold\" color={'$black'}>\n                            Add by Email\n                        </ButtonText>\n                    </Button>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InviteOrganizationMembers;\n"],"names":["React","_a"],"mappings":"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"}

package/lib/screens/Peoples/AddByEmail.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {Button,ButtonText,Box,SafeAreaView,VStack,ButtonIcon,CheckIcon,Heading,HStack,Text,Input,InputField}from'@admin-layout/gluestack-ui-mobile';import {Dimensions,TouchableOpacity}from'react-native';import {Ionicons,AntDesign}from'@expo/vector-icons';import {useIsFocused}from'@react-navigation/native';import {useSendOrganizationInvitationMutation}from'common/lib/generated/generated.js';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';Dimensions.get("window").width;
+import React__default,{useState,useEffect}from'react';import {Button,ButtonText,Box,SafeAreaView,VStack,ButtonIcon,CheckIcon,Heading,HStack,Text,Input,InputField}from'@admin-layout/gluestack-ui-mobile';import {TouchableOpacity,Dimensions}from'react-native';import {Ionicons,AntDesign}from'@expo/vector-icons';import {useIsFocused}from'@react-navigation/native';import {useSendOrganizationInvitationMutation}from'common/lib/generated/generated.js';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';Dimensions.get("window").width;
 Dimensions.get("window").height;
 Dimensions.get("screen").height;
 const AddPeopleByEmail = ({
@@ -10,7 +10,7 @@ const AddPeopleByEmail = ({
     orgName
   } = useDrawerLayout();
   const user = useSelector(userSelector);
-  useState([]);
+  const [contacts, setContacts] = useState([]);
   const [email, setEmail] = useState("");
   const emailReg = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
   const [emailSent, setEmailSent] = useState(false);

package/lib/screens/Peoples/AddByEmail.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddByEmail.js","sources":["../../../src/screens/Peoples/AddByEmail.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport {\n    Input,\n    InputField,\n    View,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    ButtonText,\n    ButtonIcon,\n    SafeAreaView,\n    Icon,\n    Divider,\n    FlatList,\n    HStack,\n    Avatar,\n    Image,\n    Checkbox,\n    ChevronLeftIcon,\n    Heading,\n    CheckIcon,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StyleSheet, TouchableOpacity, Linking, Platform, Dimensions } from 'react-native';\nimport Colors from '../../constants/Colors';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { AntDesign, Ionicons } from '@expo/vector-icons';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useIsFocused } from '@react-navigation/native';\nimport { useSendOrganizationInvitationMutation } from 'common/lib/generated/generated.js';\nimport { useDrawerLayout } from '../../hooks';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\nconst screenHeight = Dimensions.get('screen').height;\n\nconst AddPeopleByEmail = ({ navigation, route }: any) => {\n    const isFocused = useIsFocused();\n    const { orgName } = useDrawerLayout();\n    const user = useSelector(userSelector);\n    const [contacts, setContacts] = useState([]);\n    const [email, setEmail] = useState('');\n    // const emailReg = /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w\\w+)+$/;\n    const emailReg = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n    const [emailSent, setEmailSent] = useState(false);\n    const [sendOrganizationInvitationMutation, { data, loading, error }] = useSendOrganizationInvitationMutation({\n        onCompleted: (res) => {\n            console.log('org invitation res', JSON.stringify(res));\n            if (res?.sendOrganizationInvitation) setEmailSent(true);\n        },\n        onError: (e) => {\n            console.log('e', JSON.stringify(e));\n            setEmailSent(false);\n        },\n    });\n\n    useEffect(() => {\n        return () => {\n            setEmailSent(false);\n            setEmail('');\n        };\n    }, []);\n\n    useEffect(() => {\n        if (isFocused) {\n        }\n\n        navigation.setOptions({\n            headerShown: true,\n            headerTitleAlign: 'left',\n            headerTitleStyle: {},\n            title: emailSent ? '' : 'Add by Email',\n            headerLeft: (props: any) => (\n                <TouchableOpacity style={{ paddingHorizontal: 10 }} onPress={() => navigation?.goBack()}>\n                    <Ionicons color=\"black\" name=\"chevron-back\" size={20} />\n                </TouchableOpacity>\n            ),\n            headerRight: (props: any) => (\n                <>\n                    {emailSent ? (\n                        <></>\n                    ) : (\n                        <Button\n                            mr={'$2'}\n                            disabled={email && emailReg.test(email) === true ? false : true}\n                            variant={'link'}\n                            onPress={() =>\n                                sendOrganizationInvitationMutation({\n                                    variables: {\n                                        request: {\n                                            emails: [email],\n                                            orgName: orgName,\n                                            invitedBy: user?.profile?.name,\n                                            sentInvitee: true,\n                                        },\n                                    },\n                                })\n                            }\n                        >\n                            <ButtonText color={email && emailReg.test(email) === true ? '$black' : '$trueGray400'}>\n                                SEND\n                            </ButtonText>\n                        </Button>\n                    )}\n                </>\n            ),\n        });\n    }, [isFocused, navigation, email, orgName, user, emailSent]);\n\n    return (\n        <Box flex={1} bg={'$white'}>\n            {emailSent ? (\n                <SafeAreaView flex={1}>\n                    <VStack space={'lg'} py={'$5'} flex={1} justifyContent={'space-between'}>\n                        <Box alignItems={'center'} justifyContent={'center'} borderRadius=\"$full\">\n                            {/* <CheckIcon size={10} mt=\"0.5\" color=\"emerald.500\"  /> */}\n                            <Button borderRadius=\"$full\" bg={'$green100'} size={'lg'}>\n                                {/* <AntDesign  name=\"check\" size={25} /> */}\n                                <ButtonIcon color={'#14532d'} as={CheckIcon} />\n                            </Button>\n                        </Box>\n                        <Heading textAlign={'center'}>Invitation sent</Heading>\n                        <HStack flex={1} space={'sm'} px={'$4'} pr={'$10'}>\n                            <Box>\n                                <AntDesign color=\"black\" name=\"adduser\" size={30} />\n                            </Box>\n                            <Box>\n                                <Text color={'$black'} fontWeight={'$bold'}>\n                                    {email}\n                                </Text>\n                                <Text>\n                                    Invited as a member of {orgName}.They'll be able to receive and reply to messages by\n                                    email untill they join.\n                                </Text>\n                            </Box>\n                        </HStack>\n                        <Box px={'$5'}>\n                            <Button\n                                bg={'$green900'}\n                                $pressed-bg=\"$green600\"\n                                $active-bg={'$green600'}\n                                rounded={'$lg'}\n                                onPress={() => {\n                                    setEmail('');\n                                    navigation.goBack();\n                                }}\n                            >\n                                <ButtonText fontWeight=\"600\" fontSize={15}>\n                                    Done\n                                </ButtonText>\n                            </Button>\n                        </Box>\n                    </VStack>\n                </SafeAreaView>\n            ) : (\n                <Input variant=\"underlined\" borderWidth={'$1'} size={'xl'} borderColor={'$coolGray300'}>\n                    <InputField\n                        px={'$3'}\n                        type=\"text\"\n                        size=\"xl\"\n                        textTransform={'none'}\n                        autoCapitalize={'none'}\n                        autoCorrect={false}\n                        placeholderTextColor={'#404040'}\n                        fontSize={14}\n                        value={email}\n                        placeholder=\"name@example.com\"\n                        onChangeText={(v) => setEmail(v)}\n                        textContentType=\"emailAddress\"\n                        keyboardType=\"email-address\"\n                    />\n                </Input>\n                // <Input\n                //     textTransform={'none'}\n                //     borderWidth={1}\n                //     borderColor={'coolGray.300'}\n                //     _focus={{ borderColor: 'coolGray.300' }}\n                //     py={4}\n                //     px={3}\n                //     _input={{ placeholderTextColor: '#404040', fontSize: 14 }}\n                //     variant=\"underlined\"\n                //     placeholder=\"name@example.com\"\n                //     value={email}\n                //     onChangeText={(v) => setEmail(v)}\n                //     textContentType=\"emailAddress\"\n                //     keyboardType=\"email-address\"\n                //     autoCapitalize=\"none\"\n                //     autoCorrect={false}\n                // />\n            )}\n            {/* <View flex={1}>\n                <VirtualizedScrollView>\n                    <VStack space=\"5\" pt={2}></VStack>\n                </VirtualizedScrollView>\n            </View> */}\n        </Box>\n    );\n};\n\nexport default AddPeopleByEmail;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"AddByEmail.js","sources":["../../../src/screens/Peoples/AddByEmail.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport {\n    Input,\n    InputField,\n    View,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    ButtonText,\n    ButtonIcon,\n    SafeAreaView,\n    Icon,\n    Divider,\n    FlatList,\n    HStack,\n    Avatar,\n    Image,\n    Checkbox,\n    ChevronLeftIcon,\n    Heading,\n    CheckIcon,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StyleSheet, TouchableOpacity, Linking, Platform, Dimensions } from 'react-native';\nimport Colors from '../../constants/Colors';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { AntDesign, Ionicons } from '@expo/vector-icons';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useIsFocused } from '@react-navigation/native';\nimport { useSendOrganizationInvitationMutation } from 'common/lib/generated/generated.js';\nimport { useDrawerLayout } from '../../hooks';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\nconst screenHeight = Dimensions.get('screen').height;\n\nconst AddPeopleByEmail = ({ navigation, route }: any) => {\n    const isFocused = useIsFocused();\n    const { orgName } = useDrawerLayout();\n    const user = useSelector(userSelector);\n    const [contacts, setContacts] = useState([]);\n    const [email, setEmail] = useState('');\n    // const emailReg = /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w\\w+)+$/;\n    const emailReg = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n    const [emailSent, setEmailSent] = useState(false);\n    const [sendOrganizationInvitationMutation, { data, loading, error }] = useSendOrganizationInvitationMutation({\n        onCompleted: (res) => {\n            console.log('org invitation res', JSON.stringify(res));\n            if (res?.sendOrganizationInvitation) setEmailSent(true);\n        },\n        onError: (e) => {\n            console.log('e', JSON.stringify(e));\n            setEmailSent(false);\n        },\n    });\n\n    useEffect(() => {\n        return () => {\n            setEmailSent(false);\n            setEmail('');\n        };\n    }, []);\n\n    useEffect(() => {\n        if (isFocused) {\n        }\n\n        navigation.setOptions({\n            headerShown: true,\n            headerTitleAlign: 'left',\n            headerTitleStyle: {},\n            title: emailSent ? '' : 'Add by Email',\n            headerLeft: (props: any) => (\n                <TouchableOpacity style={{ paddingHorizontal: 10 }} onPress={() => navigation?.goBack()}>\n                    <Ionicons color=\"black\" name=\"chevron-back\" size={20} />\n                </TouchableOpacity>\n            ),\n            headerRight: (props: any) => (\n                <>\n                    {emailSent ? (\n                        <></>\n                    ) : (\n                        <Button\n                            mr={'$2'}\n                            disabled={email && emailReg.test(email) === true ? false : true}\n                            variant={'link'}\n                            onPress={() =>\n                                sendOrganizationInvitationMutation({\n                                    variables: {\n                                        request: {\n                                            emails: [email],\n                                            orgName: orgName,\n                                            invitedBy: user?.profile?.name,\n                                            sentInvitee: true,\n                                        },\n                                    },\n                                })\n                            }\n                        >\n                            <ButtonText color={email && emailReg.test(email) === true ? '$black' : '$trueGray400'}>\n                                SEND\n                            </ButtonText>\n                        </Button>\n                    )}\n                </>\n            ),\n        });\n    }, [isFocused, navigation, email, orgName, user, emailSent]);\n\n    return (\n        <Box flex={1} bg={'$white'}>\n            {emailSent ? (\n                <SafeAreaView flex={1}>\n                    <VStack space={'lg'} py={'$5'} flex={1} justifyContent={'space-between'}>\n                        <Box alignItems={'center'} justifyContent={'center'} borderRadius=\"$full\">\n                            {/* <CheckIcon size={10} mt=\"0.5\" color=\"emerald.500\"  /> */}\n                            <Button borderRadius=\"$full\" bg={'$green100'} size={'lg'}>\n                                {/* <AntDesign  name=\"check\" size={25} /> */}\n                                <ButtonIcon color={'#14532d'} as={CheckIcon} />\n                            </Button>\n                        </Box>\n                        <Heading textAlign={'center'}>Invitation sent</Heading>\n                        <HStack flex={1} space={'sm'} px={'$4'} pr={'$10'}>\n                            <Box>\n                                <AntDesign color=\"black\" name=\"adduser\" size={30} />\n                            </Box>\n                            <Box>\n                                <Text color={'$black'} fontWeight={'$bold'}>\n                                    {email}\n                                </Text>\n                                <Text>\n                                    Invited as a member of {orgName}.They'll be able to receive and reply to messages by\n                                    email untill they join.\n                                </Text>\n                            </Box>\n                        </HStack>\n                        <Box px={'$5'}>\n                            <Button\n                                bg={'$green900'}\n                                $pressed-bg=\"$green600\"\n                                $active-bg={'$green600'}\n                                rounded={'$lg'}\n                                onPress={() => {\n                                    setEmail('');\n                                    navigation.goBack();\n                                }}\n                            >\n                                <ButtonText fontWeight=\"600\" fontSize={15}>\n                                    Done\n                                </ButtonText>\n                            </Button>\n                        </Box>\n                    </VStack>\n                </SafeAreaView>\n            ) : (\n                <Input variant=\"underlined\" borderWidth={'$1'} size={'xl'} borderColor={'$coolGray300'}>\n                    <InputField\n                        px={'$3'}\n                        type=\"text\"\n                        size=\"xl\"\n                        textTransform={'none'}\n                        autoCapitalize={'none'}\n                        autoCorrect={false}\n                        placeholderTextColor={'#404040'}\n                        fontSize={14}\n                        value={email}\n                        placeholder=\"name@example.com\"\n                        onChangeText={(v) => setEmail(v)}\n                        textContentType=\"emailAddress\"\n                        keyboardType=\"email-address\"\n                    />\n                </Input>\n                // <Input\n                //     textTransform={'none'}\n                //     borderWidth={1}\n                //     borderColor={'coolGray.300'}\n                //     _focus={{ borderColor: 'coolGray.300' }}\n                //     py={4}\n                //     px={3}\n                //     _input={{ placeholderTextColor: '#404040', fontSize: 14 }}\n                //     variant=\"underlined\"\n                //     placeholder=\"name@example.com\"\n                //     value={email}\n                //     onChangeText={(v) => setEmail(v)}\n                //     textContentType=\"emailAddress\"\n                //     keyboardType=\"email-address\"\n                //     autoCapitalize=\"none\"\n                //     autoCorrect={false}\n                // />\n            )}\n            {/* <View flex={1}>\n                <VirtualizedScrollView>\n                    <VStack space=\"5\" pt={2}></VStack>\n                </VirtualizedScrollView>\n            </View> */}\n        </Box>\n    );\n};\n\nexport default AddPeopleByEmail;\n"],"names":["React"],"mappings":"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"}

package/lib/screens/Peoples/AddFromContacts.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddFromContacts.js","sources":["../../../src/screens/Peoples/AddFromContacts.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport {\n    Input,\n    InputField,\n    View,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    ButtonText,\n    ButtonIcon,\n    SafeAreaView,\n    CheckIcon,\n    FlatList,\n    HStack,\n    Avatar,\n    AvatarImage,\n    AvatarFallbackText,\n    Image,\n    Checkbox,\n    CheckboxIndicator,\n    CheckboxIcon,\n    Textarea,\n    TextareaInput,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StyleSheet, TouchableOpacity, Linking, Platform } from 'react-native';\nimport Colors from '../../constants/Colors';\nimport {\n    useGetOrganizationSharableLinkQuery,\n    useAddChannelMutation,\n    useGetChannelsByUserQuery,\n} from 'common/lib/generated/generated.js';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { AntDesign, Ionicons } from '@expo/vector-icons';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useIsFocused } from '@react-navigation/native';\nimport * as Contacts from 'expo-contacts';\nimport { config } from '../../config';\n\nconst AddFromContacts = ({ navigation, route }: any) => {\n    const isFocused = useIsFocused();\n    const [contacts, setContacts] = useState([]);\n    const [selectedContacts, setSelectedContacts] = useState<any>([]);\n    const { data: organizationSharableLink } = useGetOrganizationSharableLinkQuery();\n\n    useEffect(() => {}, [selectedContacts]);\n\n    useEffect(() => {\n        (async () => {\n            const { status } = await Contacts.requestPermissionsAsync();\n            if (status === 'granted') {\n                const { data } = await Contacts.getContactsAsync({\n                    fields: [\n                        Contacts.Fields.FirstName,\n                        Contacts.Fields.LastName,\n                        Contacts.Fields.PhoneNumbers,\n                        Contacts.Fields.Image,\n                    ],\n                    // fields: [Contacts.Fields.Emails, Contacts.PHONE_NUMBERS, Contacts.IMAGE],\n                });\n\n                if (data.length > 0) {\n                    const contacts: any = data;\n                    setContacts(contacts);\n                }\n            }\n        })();\n    }, []);\n\n    useEffect(() => {\n        if (isFocused) {\n        }\n\n        navigation.setOptions({\n            headerShown: true,\n            headerTitleAlign: 'left',\n            headerTitleStyle: {},\n            headerLeft: (props: any) => (\n                <TouchableOpacity\n                    style={{ paddingHorizontal: 10 }}\n                    onPress={() => navigation.navigate(NavigationRoutes.Home, { orgName: route?.params?.orgName })}\n                >\n                    <Ionicons color=\"black\" name=\"chevron-back\" size={20} />\n                </TouchableOpacity>\n            ),\n            headerRight: (props: any) => (\n                <Button\n                    mr={'$2'}\n                    onPress={() => sendInvitation()}\n                    disabled={selectedContacts.length > 0 ? false : true}\n                    variant={'link'}\n                >\n                    <ButtonText color={selectedContacts.length > 0 ? '$black' : '$trueGray500'}>Send</ButtonText>\n                </Button>\n            ),\n        });\n    }, [isFocused, navigation, selectedContacts]);\n\n    const setSelectedContactsData = (item: any) => {\n        let obj = { id: item.id, name: item.firstName + ' ' + item.lastName, mobile: item.phoneNumbers[0] };\n        const resultArr = selectedContacts.filter((arrObj: any) => arrObj.id !== obj.id);\n        if (resultArr.length === selectedContacts.length) resultArr.push(obj);\n\n        setSelectedContacts(resultArr);\n    };\n\n    const renderContactList = ({ item }: any) => {\n        const title = item?.firstName ?? '' + ' ' + item?.lastName ?? '';\n        const matches: any = title?.match(/\\b(\\w)/g) ?? '';\n        const acronym: any = matches?.join('')?.substring(0, 2) ?? '';\n        return (\n            <TouchableOpacity key={item.id} style={{ marginTop: 5 }} onPress={() => setSelectedContactsData(item)}>\n                <Box pl={'$4'} pr={'$5'} py=\"$2\">\n                    <HStack space={'sm'} justifyContent=\"space-between\" alignItems={'center'}>\n                        <HStack alignItems=\"center\">\n                            {item.imageAvailable ? (\n                                <Image\n                                    mx={'$2'}\n                                    px={'$2'}\n                                    py={'$2'}\n                                    size=\"sm\"\n                                    source={{ uri: item.image.uri }}\n                                    alt={item.firstName}\n                                />\n                            ) : (\n                                <Button mx={'$2'} px={'$2'} py={'$2'} size={'sm'} bg={'$coolGray500'}>\n                                    <Avatar bg={'transparent'} size={'sm'}>\n                                        <AvatarFallbackText color={'$white'} fontWeight=\"600\">\n                                            {acronym}\n                                        </AvatarFallbackText>\n                                    </Avatar>\n                                </Button>\n                            )}\n\n                            <Box>\n                                <Text color=\"$coolGray800\" fontWeight=\"$bold\">\n                                    {item.firstName} {item.lastName}\n                                </Text>\n                                <Text>{item.phoneNumbers[0].number}</Text>\n                            </Box>\n                        </HStack>\n\n                        <Checkbox\n                            onChange={() => setSelectedContactsData(item)}\n                            value={item.id}\n                            isChecked={selectedContacts.filter((i: any) => i.id === item.id).length > 0 ? true : false}\n                            accessibilityLabel={item.firstName}\n                            aria-label={item.firstName}\n                        >\n                            <CheckboxIndicator>\n                                <CheckboxIcon as={CheckIcon} />\n                            </CheckboxIndicator>\n                        </Checkbox>\n                    </HStack>\n                </Box>\n            </TouchableOpacity>\n        );\n    };\n\n    const sendInvitation = () => {\n        const mobileNumbers = selectedContacts.map((i: any) => i.mobile.number);\n        let numbers = '';\n        mobileNumbers.forEach((phoneNumber: string) => {\n            numbers += `${phoneNumber.replace(/\\s/g, '')},`;\n        });\n        numbers = numbers.slice(0, -1);\n        const smtDivider = Platform.OS === 'ios' ? '&' : '?';\n\n        const message = `Join me on ${\n            config.APP_NAME\n        } - it's faster, simpler way to work.Singup here from any device. ${\n            organizationSharableLink?.getOrganizationSharableLink ?? ''\n        }`;\n        // Linking.openURL(`sms:&addresses=${mobileNumbers}${smtDivider}body=${message}`);\n        const url =\n            Platform.OS === 'android'\n                ? `sms:${numbers}?body=${encodeURIComponent(message)}`\n                : `sms:/open?addresses=${numbers}&body=${encodeURIComponent(message)}`;\n        Linking.openURL(url);\n    };\n\n    return (\n        <View flex={1} bg={'$white'}>\n            <Input pl={'$4'} variant=\"underlined\">\n                <InputField\n                    //autoFocus={true}\n                    px={'$3'}\n                    bg={'$coolGray100'}\n                    alignItems=\"center\"\n                    type=\"text\"\n                    size=\"xl\"\n                    placeholderTextColor={'#404040'}\n                    fontSize={14}\n                    color=\"$black\"\n                    placeholder=\"Search\"\n                    onChange={({ nativeEvent: { eventCount, target, text } }) => {}}\n                    autoCapitalize={'none'}\n                    autoCorrect={false}\n                />\n            </Input>\n            {/* \n            <Textarea\n                h={'$10'}\n                bg={'$coolGray100'}\n                // py={4}\n                px={'$3'}\n            >\n                <TextareaInput placeholderTextColor={'#404040'} fontSize={14} placeholder=\"Search...\" />\n            </Textarea> */}\n            <View flex={1}>\n                <VirtualizedScrollView>\n                    <VStack space=\"md\" pt={'$2'}>\n                        <FlatList\n                            px={'$2'}\n                            contentContainerStyle={{\n                                flex: 1,\n                            }}\n                            data={contacts && contacts.length > 0 ? contacts : []}\n                            // data={[]}\n                            renderItem={renderContactList}\n                            ListEmptyComponent={() => {\n                                return (\n                                    <TouchableOpacity style={{ marginTop: 5 }}>\n                                        <Box bg={'#fff'} py={'$2'}>\n                                            <VStack space=\"md\">\n                                                <Box px=\"$4\" py={'$5'}>\n                                                    <Text>No contact found</Text>\n                                                </Box>\n                                            </VStack>\n                                        </Box>\n                                    </TouchableOpacity>\n                                );\n                            }}\n                            key={'add-from-contacts-search-list'}\n                        />\n                    </VStack>\n                </VirtualizedScrollView>\n            </View>\n        </View>\n    );\n};\n\nexport default AddFromContacts;\n"],"names":["contacts","React"],"mappings":"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"}
+{"version":3,"file":"AddFromContacts.js","sources":["../../../src/screens/Peoples/AddFromContacts.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport {\n    Input,\n    InputField,\n    View,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    ButtonText,\n    ButtonIcon,\n    SafeAreaView,\n    CheckIcon,\n    FlatList,\n    HStack,\n    Avatar,\n    AvatarImage,\n    AvatarFallbackText,\n    Image,\n    Checkbox,\n    CheckboxIndicator,\n    CheckboxIcon,\n    Textarea,\n    TextareaInput,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StyleSheet, TouchableOpacity, Linking, Platform } from 'react-native';\nimport Colors from '../../constants/Colors';\nimport {\n    useGetOrganizationSharableLinkQuery,\n    useAddChannelMutation,\n    useGetChannelsByUserQuery,\n} from 'common/lib/generated/generated.js';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { AntDesign, Ionicons } from '@expo/vector-icons';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useIsFocused } from '@react-navigation/native';\nimport * as Contacts from 'expo-contacts';\nimport { config } from '../../config';\n\nconst AddFromContacts = ({ navigation, route }: any) => {\n    const isFocused = useIsFocused();\n    const [contacts, setContacts] = useState([]);\n    const [selectedContacts, setSelectedContacts] = useState<any>([]);\n    const { data: organizationSharableLink } = useGetOrganizationSharableLinkQuery();\n\n    useEffect(() => {}, [selectedContacts]);\n\n    useEffect(() => {\n        (async () => {\n            const { status } = await Contacts.requestPermissionsAsync();\n            if (status === 'granted') {\n                const { data } = await Contacts.getContactsAsync({\n                    fields: [\n                        Contacts.Fields.FirstName,\n                        Contacts.Fields.LastName,\n                        Contacts.Fields.PhoneNumbers,\n                        Contacts.Fields.Image,\n                    ],\n                    // fields: [Contacts.Fields.Emails, Contacts.PHONE_NUMBERS, Contacts.IMAGE],\n                });\n\n                if (data.length > 0) {\n                    const contacts: any = data;\n                    setContacts(contacts);\n                }\n            }\n        })();\n    }, []);\n\n    useEffect(() => {\n        if (isFocused) {\n        }\n\n        navigation.setOptions({\n            headerShown: true,\n            headerTitleAlign: 'left',\n            headerTitleStyle: {},\n            headerLeft: (props: any) => (\n                <TouchableOpacity\n                    style={{ paddingHorizontal: 10 }}\n                    onPress={() => navigation.navigate(NavigationRoutes.Home, { orgName: route?.params?.orgName })}\n                >\n                    <Ionicons color=\"black\" name=\"chevron-back\" size={20} />\n                </TouchableOpacity>\n            ),\n            headerRight: (props: any) => (\n                <Button\n                    mr={'$2'}\n                    onPress={() => sendInvitation()}\n                    disabled={selectedContacts.length > 0 ? false : true}\n                    variant={'link'}\n                >\n                    <ButtonText color={selectedContacts.length > 0 ? '$black' : '$trueGray500'}>Send</ButtonText>\n                </Button>\n            ),\n        });\n    }, [isFocused, navigation, selectedContacts]);\n\n    const setSelectedContactsData = (item: any) => {\n        let obj = { id: item.id, name: item.firstName + ' ' + item.lastName, mobile: item.phoneNumbers[0] };\n        const resultArr = selectedContacts.filter((arrObj: any) => arrObj.id !== obj.id);\n        if (resultArr.length === selectedContacts.length) resultArr.push(obj);\n\n        setSelectedContacts(resultArr);\n    };\n\n    const renderContactList = ({ item }: any) => {\n        const title = item?.firstName ?? '' + ' ' + item?.lastName ?? '';\n        const matches: any = title?.match(/\\b(\\w)/g) ?? '';\n        const acronym: any = matches?.join('')?.substring(0, 2) ?? '';\n        return (\n            <TouchableOpacity key={item.id} style={{ marginTop: 5 }} onPress={() => setSelectedContactsData(item)}>\n                <Box pl={'$4'} pr={'$5'} py=\"$2\">\n                    <HStack space={'sm'} justifyContent=\"space-between\" alignItems={'center'}>\n                        <HStack alignItems=\"center\">\n                            {item.imageAvailable ? (\n                                <Image\n                                    mx={'$2'}\n                                    px={'$2'}\n                                    py={'$2'}\n                                    size=\"sm\"\n                                    source={{ uri: item.image.uri }}\n                                    alt={item.firstName}\n                                />\n                            ) : (\n                                <Button mx={'$2'} px={'$2'} py={'$2'} size={'sm'} bg={'$coolGray500'}>\n                                    <Avatar bg={'transparent'} size={'sm'}>\n                                        <AvatarFallbackText color={'$white'} fontWeight=\"600\">\n                                            {acronym}\n                                        </AvatarFallbackText>\n                                    </Avatar>\n                                </Button>\n                            )}\n\n                            <Box>\n                                <Text color=\"$coolGray800\" fontWeight=\"$bold\">\n                                    {item.firstName} {item.lastName}\n                                </Text>\n                                <Text>{item.phoneNumbers[0].number}</Text>\n                            </Box>\n                        </HStack>\n\n                        <Checkbox\n                            onChange={() => setSelectedContactsData(item)}\n                            value={item.id}\n                            isChecked={selectedContacts.filter((i: any) => i.id === item.id).length > 0 ? true : false}\n                            accessibilityLabel={item.firstName}\n                            aria-label={item.firstName}\n                        >\n                            <CheckboxIndicator>\n                                <CheckboxIcon as={CheckIcon} />\n                            </CheckboxIndicator>\n                        </Checkbox>\n                    </HStack>\n                </Box>\n            </TouchableOpacity>\n        );\n    };\n\n    const sendInvitation = () => {\n        const mobileNumbers = selectedContacts.map((i: any) => i.mobile.number);\n        let numbers = '';\n        mobileNumbers.forEach((phoneNumber: string) => {\n            numbers += `${phoneNumber.replace(/\\s/g, '')},`;\n        });\n        numbers = numbers.slice(0, -1);\n        const smtDivider = Platform.OS === 'ios' ? '&' : '?';\n\n        const message = `Join me on ${\n            config.APP_NAME\n        } - it's faster, simpler way to work.Singup here from any device. ${\n            organizationSharableLink?.getOrganizationSharableLink ?? ''\n        }`;\n        // Linking.openURL(`sms:&addresses=${mobileNumbers}${smtDivider}body=${message}`);\n        const url =\n            Platform.OS === 'android'\n                ? `sms:${numbers}?body=${encodeURIComponent(message)}`\n                : `sms:/open?addresses=${numbers}&body=${encodeURIComponent(message)}`;\n        Linking.openURL(url);\n    };\n\n    return (\n        <View flex={1} bg={'$white'}>\n            <Input pl={'$4'} variant=\"underlined\">\n                <InputField\n                    //autoFocus={true}\n                    px={'$3'}\n                    bg={'$coolGray100'}\n                    alignItems=\"center\"\n                    type=\"text\"\n                    size=\"xl\"\n                    placeholderTextColor={'#404040'}\n                    fontSize={14}\n                    color=\"$black\"\n                    placeholder=\"Search\"\n                    onChange={({ nativeEvent: { eventCount, target, text } }) => {}}\n                    autoCapitalize={'none'}\n                    autoCorrect={false}\n                />\n            </Input>\n            {/* \n            <Textarea\n                h={'$10'}\n                bg={'$coolGray100'}\n                // py={4}\n                px={'$3'}\n            >\n                <TextareaInput placeholderTextColor={'#404040'} fontSize={14} placeholder=\"Search...\" />\n            </Textarea> */}\n            <View flex={1}>\n                <VirtualizedScrollView>\n                    <VStack space=\"md\" pt={'$2'}>\n                        <FlatList\n                            px={'$2'}\n                            contentContainerStyle={{\n                                flex: 1,\n                            }}\n                            data={contacts && contacts.length > 0 ? contacts : []}\n                            // data={[]}\n                            renderItem={renderContactList}\n                            ListEmptyComponent={() => {\n                                return (\n                                    <TouchableOpacity style={{ marginTop: 5 }}>\n                                        <Box bg={'#fff'} py={'$2'}>\n                                            <VStack space=\"md\">\n                                                <Box px=\"$4\" py={'$5'}>\n                                                    <Text>No contact found</Text>\n                                                </Box>\n                                            </VStack>\n                                        </Box>\n                                    </TouchableOpacity>\n                                );\n                            }}\n                            key={'add-from-contacts-search-list'}\n                        />\n                    </VStack>\n                </VirtualizedScrollView>\n            </View>\n        </View>\n    );\n};\n\nexport default AddFromContacts;\n"],"names":["contacts","React"],"mappings":"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"}

package/lib/screens/Peoples/AddPeople.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {Button,ButtonText,View,Input,InputField,VStack,FlatList,Box,Text,HStack,Avatar,AvatarFallbackText,AvatarImage,Checkbox,CheckboxIndicator,CheckboxIcon,CheckIcon,Spinner}from'@admin-layout/gluestack-ui-mobile';import {TouchableOpacity}from'react-native';import {useGetOrganizationMembersQuery,useViewChannelDetailQuery,useGetChannelsByUserQuery,useSaveMembersToChannelMutation,useAddMemberToChannelMutation,useAddDirectChannelMutation}from'common/lib/generated/generated.js';import {NavigationRoutes}from'../../constants/routes.js';import {AntDesign,Ionicons}from'@expo/vector-icons';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {useIsFocused,useFocusEffect}from'@react-navigation/native';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {uniqBy}from'lodash-es';const orgMemersDataFetchLimit = 10;
+import React__default,{useState,useEffect}from'react';import {Button,ButtonText,View,Input,InputField,VStack,FlatList,Box,Text,Spinner,HStack,Avatar,AvatarFallbackText,AvatarImage,Checkbox,CheckboxIndicator,CheckboxIcon,CheckIcon}from'@admin-layout/gluestack-ui-mobile';import {TouchableOpacity}from'react-native';import {useGetOrganizationMembersQuery,useViewChannelDetailQuery,useGetChannelsByUserQuery,useSaveMembersToChannelMutation,useAddDirectChannelMutation,useAddMemberToChannelMutation}from'common/lib/generated/generated.js';import {NavigationRoutes}from'../../constants/routes.js';import {AntDesign,Ionicons}from'@expo/vector-icons';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {useIsFocused,useFocusEffect}from'@react-navigation/native';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {uniqBy}from'lodash-es';const orgMemersDataFetchLimit = 10;
 const AddPeople = ({
   navigation,
   route
@@ -18,10 +18,10 @@ const AddPeople = ({
   const [organizationMembers, setOrganizationMembers] = useState([]);
   const [totalMembers, setTotalMembers] = useState(0);
   const [initialOrgMembers, setInitialOrgMembers] = useState([]);
-  useState([]);
+  const [orgMembers, setOrgMembers] = useState([]);
   const [dirChannelMembers, setDirChannelMembers] = useState([]);
   const [selectedMembers, setSelectedMembers] = useState([]);
-  useState([]);
+  const [dataSource, setDataSource] = useState([]);
   const [offset, setOffset] = useState(0);
   const [isListEnd, setIsListEnd] = useState(false);
   const {
@@ -79,7 +79,7 @@ const AddPeople = ({
       console.log("error add", error2);
     }
   });
-  useAddMemberToChannelMutation({
+  const [addMemberToChannel] = useAddMemberToChannelMutation({
     onCompleted: (data) => {
       console.log("data add", data);
     },

package/lib/screens/Peoples/AddPeople.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddPeople.js","sources":["../../../src/screens/Peoples/AddPeople.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport {\n    Input,\n    InputField,\n    InputSlot,\n    View,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    ButtonText,\n    Fab,\n    Icon,\n    Divider,\n    FlatList,\n    HStack,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    Image,\n    Checkbox,\n    CheckboxIndicator,\n    CheckboxIcon,\n    CheckIcon,\n    CheckboxLabel,\n    ChevronLeftIcon,\n    Spinner,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { TouchableOpacity } from 'react-native';\nimport {\n    useAddChannelMutation,\n    useGetOrganizationMembersQuery,\n    useGetChannelsByUserQuery,\n    useGetChannelsByUserLazyQuery,\n    useGetUserOrganizationsQuery,\n    useAddDirectChannelMutation,\n    useAddMemberToChannelMutation,\n    useViewChannelDetailLazyQuery,\n    useViewChannelDetailQuery,\n    useSaveMembersToChannelMutation,\n} from 'common/lib/generated/generated.js';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { AntDesign, Entypo, Ionicons } from '@expo/vector-icons';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { useDrawerLayout } from '../../hooks';\nimport { startCase, orderBy, uniqBy } from 'lodash-es';\n\nconst orgMemersDataFetchLimit = 10;\n\nconst AddPeople = ({ navigation, route }: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const { channelId, isCreate, isAddMemeber, addMember: routeAddMember } = route?.params;\n    const isFocused = useIsFocused();\n    const userState = useSelector(userSelector);\n    const [organizationMembers, setOrganizationMembers] = useState<any>([]);\n    const [totalMembers, setTotalMembers] = useState<any>(0);\n    const [initialOrgMembers, setInitialOrgMembers] = useState<any>([]);\n    const [orgMembers, setOrgMembers] = useState<any>([]);\n    const [dirChannelMembers, setDirChannelMembers] = useState<any>([]);\n    const [selectedMembers, setSelectedMembers] = useState<any>([]);\n    const [dataSource, setDataSource] = useState([]);\n    const [offset, setOffset] = useState(0);\n    const [isListEnd, setIsListEnd] = useState(false);\n\n    const {\n        data: orgMembersData,\n        loading: orgMemebersLoading,\n        error: orgMembersError,\n        refetch: refetchOrgMembers,\n    } = useGetOrganizationMembersQuery({\n        variables: {\n            offset: offset,\n            limit: orgMemersDataFetchLimit,\n            orgName: orgName,\n        },\n    });\n\n    const { data: channelDetail, refetch: refetchChannelDetail } = useViewChannelDetailQuery({\n        variables: {\n            id: channelId,\n        },\n    });\n\n    const {\n        data: userChannelsData,\n        loading,\n        error,\n        refetch: refetchUserChannels,\n    } = useGetChannelsByUserQuery({\n        variables: {\n            criteria: {\n                orgName: orgName,\n                type: 'DIRECT',\n            },\n        },\n    });\n\n    const [saveMembersToChannel, { loading: saveMembersLoading }] = useSaveMembersToChannelMutation({\n        onCompleted: (data: any) => {\n            //  console.log('data add',data)\n\n            const dirChannelIds =\n                dirChannelMembers\n                    ?.filter((v: any, i: any, a: any) => a.findIndex((v2: any) => v2.id === v.id) === i)\n                    ?.map((u: any) => u?.id) ?? [];\n            const receiver = selectedMembers?.filter((item: any) => !dirChannelIds?.includes(item));\n            if (receiver?.length > 0) {\n                addDirectChannelMutation({\n                    variables: {\n                        receiver: receiver,\n                        displayName: 'DIRECT CHANNEL',\n                    },\n                });\n            } else {\n                goToChannel();\n            }\n            // if(data?.createDirectChannel) navigation.navigate(NavigationRoutes.Home)\n            // navigation.navigate('MainStack.MainDrawer.Home')\n        },\n        onError: (error: any) => {\n            console.log('error add', error);\n        },\n    });\n\n    const [addMemberToChannel] = useAddMemberToChannelMutation({\n        onCompleted: (data: any) => {\n            console.log('data add', data);\n            // if(data?.createDirectChannel) navigation.navigate(NavigationRoutes.Home)\n            // navigation.navigate('MainStack.MainDrawer.Home')\n        },\n        onError: (error: any) => {\n            console.log('error add', error);\n        },\n    });\n\n    const [addDirectChannelMutation, { loading: addDirectChannaleLoading }] = useAddDirectChannelMutation({\n        onCompleted: (data: any) => {\n            goToChannel();\n        },\n    });\n\n    const goToChannel = React.useCallback(() => {\n        if (channelId && channelDetail?.viewChannelDetail && isCreate) {\n            navigation.navigate(NavigationRoutes.DialogMessages, {\n                channelId: channelId?.toString(),\n                title: channelDetail?.viewChannelDetail?.title?.toString(),\n                totalMembers: channelDetail?.viewChannelDetail?.members?.length,\n                goToHome: true,\n                hideTabBar: true,\n            });\n        }\n        if (isAddMemeber) {\n            navigation?.goBack(null);\n        }\n    }, [channelId, channelDetail?.viewChannelDetail, isCreate, isAddMemeber]);\n\n    useFocusEffect(\n        React.useCallback(() => {\n            if (orgName) {\n                refetchOrgMembers({ offset: offset, limit: orgMemersDataFetchLimit, orgName: orgName });\n                refetchUserChannels({\n                    criteria: {\n                        orgName: orgName,\n                    },\n                });\n            }\n\n            if (channelId) refetchChannelDetail({ id: channelId });\n\n            navigation.setOptions({\n                headerShown: true,\n                headerTitleAlign: 'left',\n                headerTitleStyle: {},\n                headerLeft: (props: any) => (\n                    <>\n                        {isCreate ? (\n                            <TouchableOpacity style={{ paddingHorizontal: 10 }} onPress={() => goToChannel()}>\n                                <AntDesign color=\"black\" name=\"close\" size={20} />\n                            </TouchableOpacity>\n                        ) : (\n                            <TouchableOpacity style={{ paddingHorizontal: 10 }} onPress={() => navigation?.goBack()}>\n                                <Ionicons color=\"black\" name=\"chevron-back\" size={20} />\n                            </TouchableOpacity>\n                        )}\n                    </>\n                ),\n                headerRight: (props: any) => (\n                    <Button\n                        mr={'$2'}\n                        onPress={() => addMemeberToChannel()}\n                        variant={'link'}\n                        disabled={selectedMembers?.length > 0 ? false : true}\n                    >\n                        <ButtonText\n                            style={{ color: selectedMembers?.length > 0 ? '$black' : '$trueGray400', fontSize: 15 }}\n                        >\n                            {selectedMembers?.length ? 'ADD' : 'ADD'}\n                        </ButtonText>\n                    </Button>\n                ),\n            });\n\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n                // setOffset(0);\n                //setOrganizationMembers([]);\n            };\n        }, [isCreate, orgName, channelId, channelDetail, selectedMembers]),\n    );\n\n    useEffect(() => {\n        return () => {\n            setOffset(0);\n            setOrganizationMembers([]);\n        };\n    }, []);\n\n    useEffect(() => {\n        if (orgMembersData?.getOrganizationMembers?.data && channelDetail?.viewChannelDetail) {\n            const allOrgMembersWithoutCurrent =\n                orgMembersData?.getOrganizationMembers?.data?.filter((mu: any) => mu?.user?.id != userState?.id) ?? [];\n            const channelMembers =\n                channelDetail?.viewChannelDetail?.members?.filter((mu: any) => mu?.user?.id != userState?.id) ?? [];\n\n            const filteredOrgMembers = allOrgMembersWithoutCurrent.filter(\n                (x: any) => !channelMembers.filter((y: any) => y?.user?.id === x?.user?.id).length,\n            );\n\n            setOrganizationMembers((oldOrgMembers: any) =>\n                uniqBy([...oldOrgMembers, ...filteredOrgMembers], ({ userId }) => userId),\n            );\n            // setOrganizationMembers(filteredOrgMembers);\n            setInitialOrgMembers(filteredOrgMembers);\n        }\n\n        if (orgMembersData?.getOrganizationMembers?.totalCount)\n            setTotalMembers(orgMembersData?.getOrganizationMembers?.totalCount - 1);\n    }, [orgMembersData?.getOrganizationMembers, channelDetail?.viewChannelDetail]);\n\n    useEffect(() => {\n        if (userChannelsData?.channelsByUser) {\n            const userDirectChannels = userChannelsData?.channelsByUser?.filter((i: any) => i.type == 'DIRECT') ?? [];\n            const uDirectChannelMemebers: any =\n                userDirectChannels?.map((c: any) => {\n                    return c?.members?.filter((mu: any) => mu?.user?.id != userState?.id)?.map((m: any) => m?.user);\n                }) ?? null;\n            const dirChannelMembers =\n                uDirectChannelMemebers\n                    ?.flat(1)\n                    ?.filter((v: any, i: any, a: any) => a.findIndex((v2: any) => v2.id === v.id) === i) ?? [];\n            setDirChannelMembers(dirChannelMembers);\n        }\n    }, [userChannelsData]);\n\n    const renderChannelMemebers = ({ item }: any) => {\n        const matches: any = item?.user?.username.match(/\\b(\\w)/g);\n        const acronym: any = matches.join('').substring(0, 2); // JSON\n        return (\n            <TouchableOpacity\n                key={item?.user?.id}\n                style={{ marginTop: 2 }}\n                onPress={() => selectMembers(item?.user?.id)}\n            >\n                <HStack\n                    space={'sm'}\n                    py={'$1'}\n                    // pl={'$4'}\n                    pr={'$2'}\n                    w={'100%'}\n                    justifyContent=\"space-between\"\n                    alignItems={'center'}\n                >\n                    <HStack alignItems=\"center\">\n                        <Button disabled size={'sm'} bg={'transparent'}>\n                            <Avatar bg={'transparent'} size={'sm'} borderRadius={'$none'}>\n                                <AvatarFallbackText color={'$white'} fontWeight=\"600\">\n                                    {acronym.toUpperCase()}\n                                </AvatarFallbackText>\n                                <AvatarImage\n                                    alt={'image'}\n                                    borderRadius={0}\n                                    source={{\n                                        uri: item?.user?.picture,\n                                    }}\n                                />\n                            </Avatar>\n                        </Button>\n\n                        <Text color=\"$coolGray800\" fontWeight=\"$bold\">\n                            {item?.user?.givenName} {item?.user?.familyName}\n                        </Text>\n                    </HStack>\n\n                    <Checkbox\n                        onChange={() => selectMembers(item?.user?.id)}\n                        value={item?.user?.id}\n                        isChecked={selectedMembers && selectedMembers?.includes(item?.user?.id) ? true : false}\n                        accessibilityLabel={item?.user?.username ?? ''}\n                        aria-label={item?.user?.username ?? ''}\n                        aria-labelledby={item?.user?.username ?? ''}\n                    >\n                        <CheckboxIndicator>\n                            <CheckboxIcon as={CheckIcon} />\n                        </CheckboxIndicator>\n                    </Checkbox>\n                </HStack>\n            </TouchableOpacity>\n        );\n    };\n\n    const skip = () => {\n        // if(channelId)  navigation.navigate(NavigationRoutes.DialogMessages, { channelId, hideTabBar: true,addMember:true });\n        // else navigation.navigate(NavigationRoutes.Home)\n        navigation.navigate(NavigationRoutes.Home);\n    };\n\n    const selectMembers = (id: any) => {\n        setSelectedMembers((pre: any) =>\n            pre.indexOf(id) === -1 ? [...pre, id] : pre.filter((mId: String) => mId != id),\n        );\n    };\n\n    const addMemeberToChannel = () => {\n        if (selectedMembers?.length > 0) {\n            saveMembersToChannel({\n                variables: {\n                    membersIds: selectedMembers,\n                    channelId: channelId,\n                },\n            });\n        }\n    };\n\n    const searchMembers = React.useCallback(\n        (v: any) => {\n            if (v) {\n                let searchedChannel = organizationMembers.filter((o: any) => o?.user?.givenName.includes(v));\n                setOrganizationMembers(searchedChannel);\n            } else {\n                setOrganizationMembers(initialOrgMembers);\n            }\n        },\n        [organizationMembers],\n    );\n\n    const loadMoreOrgMemebers = React.useCallback(() => {\n        if (totalMembers == organizationMembers?.length) setIsListEnd(true);\n\n        if (totalMembers > organizationMembers?.length && !orgMemebersLoading && !isListEnd) {\n            const offSet = offset + 1;\n            refetchOrgMembers({ offset: offSet, limit: orgMemersDataFetchLimit, orgName: orgName }).finally(() => {\n                console.log('finally');\n                setOffset(offSet);\n            });\n        }\n    }, [organizationMembers, totalMembers, offset]);\n\n    const renderFooter = () => {\n        return (\n            //Footer View with Loader\n            <Box>\n                {orgMemebersLoading || saveMembersLoading || addDirectChannaleLoading ? (\n                    <Spinner color=\"black\" style={{ margin: 15 }} />\n                ) : null}\n            </Box>\n        );\n    };\n\n    return (\n        <View flex={1} bg={'white'}>\n            <Input variant=\"underlined\">\n                <InputField\n                    autoFocus={true}\n                    px={'$3'}\n                    alignItems=\"center\"\n                    type=\"text\"\n                    size=\"xl\"\n                    placeholderTextColor={'#404040'}\n                    fontSize={14}\n                    color=\"$black\"\n                    placeholder=\"Name, @username, name@example.com\"\n                    onChange={({ nativeEvent: { eventCount, target, text } }) => {\n                        searchMembers(text);\n                    }}\n                    autoCapitalize={'none'}\n                    autoCorrect={false}\n                />\n            </Input>\n\n            <View flex={1}>\n                <VirtualizedScrollView>\n                    <VStack space=\"md\" flex={1} pt={'$2'}>\n                        <FlatList\n                            px={'$2'}\n                            flex={1}\n                            keyExtractor={(item, index) => String(index)}\n                            contentContainerStyle={{\n                                flex: 1,\n                            }}\n                            data={organizationMembers && organizationMembers.length > 0 ? organizationMembers : []}\n                            renderItem={renderChannelMemebers}\n                            ListEmptyComponent={() => {\n                                return (\n                                    <TouchableOpacity style={{ marginTop: 5 }}>\n                                        <Box bg={'#fff'} py={'$2'}>\n                                            <VStack space=\"md\">\n                                                <Box px=\"$4\" py={'$5'}>\n                                                    <Text>No people found</Text>\n                                                </Box>\n                                            </VStack>\n                                        </Box>\n                                    </TouchableOpacity>\n                                );\n                            }}\n                            key={'add-channel-people-list'}\n                            ListFooterComponent={renderFooter}\n                            onEndReached={loadMoreOrgMemebers}\n                            onEndReachedThreshold={0.5}\n                        />\n                    </VStack>\n                </VirtualizedScrollView>\n            </View>\n        </View>\n    );\n};\n\nexport default AddPeople;\n"],"names":["error","React","_a","_b","dirChannelMembers"],"mappings":"ykCAYA,MAAM,uBAA0B,GAAA,EAAA;AAChC,MAAM,YAAY,CAAC;AAAA,EACjB,UAAA;AAAA,EACA;AACF,CAAW,KAAA;AACT,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA;AAAA,MACE,eAAgB,EAAA;AACpB,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAW,EAAA;AAAA,MACT,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,MAAA;AACX,EAAkB,YAAa;AAC/B,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAA,MAAM,CAAC,mBAAqB,EAAA,sBAAsB,CAAI,GAAA,QAAA,CAAc,EAAE,CAAA;AACtE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAc,CAAC,CAAA;AACvD,EAAA,MAAM,CAAC,iBAAmB,EAAA,oBAAoB,CAAI,GAAA,QAAA,CAAc,EAAE,CAAA;AAClE,EAAoC,QAAA,CAAc,EAAE;AACpD,EAAA,MAAM,CAAC,iBAAmB,EAAA,oBAAoB,CAAI,GAAA,QAAA,CAAc,EAAE,CAAA;AAClE,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA,CAAc,EAAE,CAAA;AAC9D,EAAoC,QAAA,CAAS,EAAE;AAC/C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,CAAC,CAAA;AACtC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,cAAA;AAAA,IACN,OAAS,EAAA,kBAAA;AAAA,IACT,KAAO,EAAA,eAAA;AAAA,IACP,OAAS,EAAA;AAAA,MACP,8BAA+B,CAAA;AAAA,IACjC,SAAW,EAAA;AAAA,MACT,MAAA;AAAA,MACA,KAAO,EAAA,uBAAA;AAAA,MACP;AAAA;AACF,GACD,CAAA;AACD,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,aAAA;AAAA,IACN,OAAS,EAAA;AAAA,MACP,yBAA0B,CAAA;AAAA,IAC5B,SAAW,EAAA;AAAA,MACT,EAAI,EAAA;AAAA;AACN,GACD,CAAA;AACD,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,gBAAA;AAAA,IACN,OAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAS,EAAA;AAAA,MACP,yBAA0B,CAAA;AAAA,IAC5B,SAAW,EAAA;AAAA,MACT,QAAU,EAAA;AAAA,QACR,OAAA;AAAA,QACA,IAAM,EAAA;AAAA;AACR;AACF,GACD,CAAA;AACD,EAAA,MAAM,CAAC,oBAAsB,EAAA;AAAA,IAC3B,OAAS,EAAA;AAAA,GACV,IAAI,+BAAgC,CAAA;AAAA,IACnC,WAAA,EAAa,CAAC,IAAc,KAAA;AA1EhC,MAAA,IAAA,EAAA,EAAA,EAAA;AA6EM,MAAM,MAAA,aAAA,GAAA,CAAgB,EAAmB,GAAA,CAAA,EAAA,GAAA,iBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAA,MAAA,CAAO,CAAC,CAAA,EAAQ,GAAQ,CAAW,KAAA,CAAA,CAAE,SAAU,CAAA,CAAC,EAAY,KAAA,EAAA,CAAG,OAAO,CAAE,CAAA,EAAE,CAAM,KAAA,CAAA,CAAA,KAAnG,IAAuG,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,CAAI,CAAC,CAAW,KAAA,CAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,CAAA,CAAG,EAA1H,CAAA,KAAA,IAAA,GAAA,EAAA,GAAiI,EAAC;AACxJ,MAAA,MAAM,WAAW,eAAiB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,MAAA,CAAO,CAAC,IAAc,KAAA,EAAC,+CAAe,QAAS,CAAA,IAAA,CAAA,CAAA,CAAA;AACjF,MAAI,IAAA,CAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAU,UAAS,CAAG,EAAA;AACxB,QAAyB,wBAAA,CAAA;AAAA,UACvB,SAAW,EAAA;AAAA,YACT,QAAA;AAAA,YACA,WAAa,EAAA;AAAA;AACf,SACD,CAAA;AAAA,OACI,MAAA;AACL,QAAY,WAAA,EAAA;AAAA;AACd,KAGF;AAAA,IACA,OAAA,EAAS,CAACA,MAAe,KAAA;AACvB,MAAQ,OAAA,CAAA,GAAA,CAAI,aAAaA,MAAK,CAAA;AAAA;AAChC,GACD,CAAA;AACD,EAA6B,6BAA8B,CAAA;AAAA,IACzD,WAAA,EAAa,CAAC,IAAc,KAAA;AAC1B,MAAQ,OAAA,CAAA,GAAA,CAAI,YAAY,IAAI,CAAA;AAAA,KAG9B;AAAA,IACA,OAAA,EAAS,CAACA,MAAe,KAAA;AACvB,MAAQ,OAAA,CAAA,GAAA,CAAI,aAAaA,MAAK,CAAA;AAAA;AAChC,GACD;AACD,EAAA,MAAM,CAAC,wBAA0B,EAAA;AAAA,IAC/B,OAAS,EAAA;AAAA,GACV,IAAI,2BAA4B,CAAA;AAAA,IAC/B,WAAA,EAAa,CAAC,IAAc,KAAA;AAC1B,MAAY,WAAA,EAAA;AAAA;AACd,GACD,CAAA;AACD,EAAM,MAAA,WAAA,GAAcC,cAAM,CAAA,WAAA,CAAY,MAAM;AAjH9C,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAkHI,IAAI,IAAA,SAAA,KAAa,aAAe,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,iBAAA,CAAA,IAAqB,QAAU,EAAA;AAC7D,MAAW,UAAA,CAAA,QAAA,CAAS,iBAAiB,cAAgB,EAAA;AAAA,QACnD,WAAW,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,QAAA,EAAA;AAAA,QACtB,KAAO,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAe,iBAAf,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkC,UAAlC,IAAyC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,EAAA;AAAA,QAChD,YAAc,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAe,iBAAf,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkC,YAAlC,IAA2C,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA;AAAA,QACzD,QAAU,EAAA,IAAA;AAAA,QACV,UAAY,EAAA;AAAA,OACb,CAAA;AAAA;AAEH,IAAA,IAAI,YAAc,EAAA;AAChB,MAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,MAAO,CAAA,IAAA,CAAA;AAAA;AACrB,KACC,CAAC,SAAA,EAAW,+CAAe,iBAAmB,EAAA,QAAA,EAAU,YAAY,CAAC,CAAA;AACxE,EAAe,cAAA,CAAAA,cAAA,CAAM,YAAY,MAAM;AACrC,IAAA,IAAI,OAAS,EAAA;AACX,MAAkB,iBAAA,CAAA;AAAA,QAChB,MAAA;AAAA,QACA,KAAO,EAAA,uBAAA;AAAA,QACP;AAAA,OACD,CAAA;AACD,MAAoB,mBAAA,CAAA;AAAA,QAClB,QAAU,EAAA;AAAA,UACR;AAAA;AACF,OACD,CAAA;AAAA;AAEH,IAAI,IAAA,SAAA;AAAW,MAAqB,oBAAA,CAAA;AAAA,QAClC,EAAI,EAAA;AAAA,OACL,CAAA;AACD,IAAA,UAAA,CAAW,UAAW,CAAA;AAAA,MACpB,WAAa,EAAA,IAAA;AAAA,MACb,gBAAkB,EAAA,MAAA;AAAA,MAClB,kBAAkB,EAAC;AAAA,MACnB,YAAY,CAAC,KAAA,iFACM,QAAW,mBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAiB,KAAO,EAAA;AAAA,QACnD,iBAAmB,EAAA;AAAA,SAClB,OAAS,EAAA,MAAM,WAAY,EAAA,EAAA,+CACL,SAAU,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,IAAA,EAAK,SAAQ,IAAM,EAAA,EAAA,EAAI,CACpD,CAAsB,mBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAiB,KAAO,EAAA;AAAA,QACjE,iBAAmB,EAAA;AAAA,OAClB,EAAA,OAAA,EAAS,MAAM,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,4BACLA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,OAAA,EAAQ,IAAK,EAAA,cAAA,EAAe,IAAM,EAAA,EAAA,EAAI,CAC1D,CACR,CAAA;AAAA,MACd,WAAA,EAAa,CAAC,KAAe,qBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,EAAI,EAAA,IAAA,EAAM,SAAS,MAAM,mBAAA,IAAuB,OAAS,EAAA,MAAA,EAAQ,WAAU,eAAiB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,MAAA,IAAS,IAAI,KAAQ,GAAA,IAAA,EAAA,kBACnIA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAO,EAAA;AAAA,QACjC,KAAO,EAAA,CAAA,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAiB,MAAS,IAAA,CAAA,GAAI,QAAW,GAAA,cAAA;AAAA,QAChD,QAAU,EAAA;AAAA,OAES,EAAA,EAAA,CAAA,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAiB,MAAS,IAAA,KAAA,GAAQ,KACvC,CACJ;AAAA,KACf,CAAA;AACD,IAAA,OAAO,MAAM;AAAA,KAKb;AAAA,GACF,EAAG,CAAC,QAAU,EAAA,OAAA,EAAS,WAAW,aAAe,EAAA,eAAe,CAAC,CAAC,CAAA;AAClE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,CAAC,CAAA;AACX,MAAA,sBAAA,CAAuB,EAAE,CAAA;AAAA,KAC3B;AAAA,GACF,EAAG,EAAE,CAAA;AACL,EAAA,SAAA,CAAU,MAAM;AApLlB,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAqLI,IAAA,IAAA,CAAA,CAAI,EAAgB,GAAA,cAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,cAAA,CAAA,sBAAA,KAAhB,IAAwC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,MAAQ,+CAAe,iBAAmB,CAAA,EAAA;AACpF,MAAM,MAAA,2BAAA,GAAA,CAA8B,kEAAgB,sBAAhB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAwC,SAAxC,IAA8C,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,CAAO,CAAC,EAAS,KAAA;AAtLzG,QAAAC,IAAAA,GAAAA;AAsL4G,QAAA,OAAA,CAAA,CAAAA,MAAA,EAAI,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,KAAJ,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAU,QAAM,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;AAAA,OAAA,CAAA,KAA7F,YAAoG,EAAC;AACzI,MAAM,MAAA,cAAA,GAAA,CAAiB,gEAAe,iBAAf,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkC,YAAlC,IAA2C,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,CAAO,CAAC,EAAS,KAAA;AAvLzF,QAAAA,IAAAA,GAAAA;AAuL4F,QAAA,OAAA,CAAA,CAAAA,MAAA,EAAI,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,KAAJ,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAU,QAAM,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;AAAA,OAAA,CAAA,KAA1F,YAAiG,EAAC;AACzH,MAAM,MAAA,kBAAA,GAAqB,4BAA4B,MAAO,CAAA,CAAC,MAAW,CAAC,cAAA,CAAe,MAAO,CAAA,CAAC,CAAQ,KAAA;AAxLhH,QAAA,IAAAA,GAAAC,EAAAA,GAAAA;AAwLmH,QAAAD,OAAAA,CAAAA,CAAAA,GAAAA,GAAA,CAAG,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,CAAA,CAAA,IAAA,KAAH,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAS,UAAOC,GAAA,GAAA,CAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,CAAA,CAAG,IAAH,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAS,CAAA,EAAA,CAAA;AAAA,OAAE,EAAE,MAAM,CAAA;AAChJ,MAAuB,sBAAA,CAAA,CAAC,kBAAuB,MAAO,CAAA,CAAC,GAAG,aAAe,EAAA,GAAG,kBAAkB,CAAA,EAAG,CAAC;AAAA,QAChG;AAAA,OACF,KAAM,MAAM,CAAC,CAAA;AAEb,MAAA,oBAAA,CAAqB,kBAAkB,CAAA;AAAA;AAEzC,IAAI,IAAA,CAAA,EAAA,GAAA,cAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,cAAA,CAAgB,2BAAhB,IAAwC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAA;AAAY,MAAA,eAAA,CAAA,CAAA,CAAgB,EAAgB,GAAA,cAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,cAAA,CAAA,sBAAA,KAAhB,IAAwC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAA,IAAa,CAAC,CAAA;AAAA,KAC7H,CAAC,cAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,cAAA,CAAgB,sBAAwB,EAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAe,iBAAiB,CAAC,CAAA;AAC7E,EAAA,SAAA,CAAU,MAAM;AAjMlB,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAkMI,IAAA,IAAI,qDAAkB,cAAgB,EAAA;AACpC,MAAM,MAAA,kBAAA,GAAA,CAAqB,EAAkB,GAAA,CAAA,EAAA,GAAA,gBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,cAAA,KAAlB,IAAkC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,CAAO,CAAC,CAAA,KAAW,CAAE,CAAA,IAAA,IAAQ,QAA/D,CAAA,KAAA,IAAA,GAAA,EAAA,GAA4E,EAAC;AACxG,MAAA,MAAM,sBAA8B,GAAA,CAAA,EAAA,GAAA,kBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,kBAAA,CAAoB,GAAI,CAAA,CAAC,CAAW,KAAA;AApM9E,QAAA,IAAAD,GAAAC,EAAAA,GAAAA;AAqMQ,QAAOA,OAAAA,CAAAA,GAAAA,GAAAA,CAAAD,MAAA,CAAG,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,CAAA,CAAA,OAAA,KAAH,gBAAAA,GAAY,CAAA,MAAA,CAAO,CAAC,EAAS,KAAA;AArM5C,UAAAA,IAAAA,GAAAA;AAqM+C,UAAA,OAAA,CAAA,CAAAA,MAAA,EAAI,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,KAAJ,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAU,QAAM,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;AAAA,SAAA,CAAA,KAA3D,IAAAC,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAgE,GAAI,CAAA,CAAC,MAAW,CAAG,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,CAAA,CAAA,IAAA,CAAA;AAAA,aADxD,IAE9B,GAAA,EAAA,GAAA,IAAA;AACN,MAAMC,MAAAA,kBAAAA,GAAAA,CAAoB,4EAAwB,IAAK,CAAA,CAAA,CAAA,KAA7B,mBAAiC,MAAO,CAAA,CAAC,GAAQ,CAAQ,EAAA,CAAA,KAAW,EAAE,SAAU,CAAA,CAAC,OAAY,EAAG,CAAA,EAAA,KAAO,EAAE,EAAE,CAAA,KAAM,CAAjH,CAAA,KAAA,IAAA,GAAA,EAAA,GAAuH,EAAC;AAClJ,MAAA,oBAAA,CAAqBA,kBAAiB,CAAA;AAAA;AACxC,GACF,EAAG,CAAC,gBAAgB,CAAC,CAAA;AACrB,EAAA,MAAM,wBAAwB,CAAC;AAAA,IAC7B;AAAA,GACS,KAAA;AA7Mb,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA8MI,IAAA,MAAM,OAAe,GAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,IAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAY,SAAS,KAAM,CAAA,SAAA,CAAA;AAChD,IAAA,MAAM,UAAe,OAAQ,CAAA,IAAA,CAAK,EAAE,CAAE,CAAA,SAAA,CAAU,GAAG,CAAC,CAAA;AACpD,IAAA,oDAAQ,gBAAiB,EAAA,EAAA,GAAA,EAAA,CAAK,kCAAM,IAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAY,IAAI,KAAO,EAAA;AAAA,MACnD,SAAW,EAAA;AAAA,KACb,EAAG,SAAS,MAAG;AAlNnB,MAAAF,IAAAA,GAAAA;AAkNsB,MAAA,OAAA,aAAA,CAAA,CAAcA,GAAA,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,IAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAY,EAAE,CAAA;AAAA,KAClC,EAAA,kBAAAD,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QAAO,KAAO,EAAA,IAAA;AAAA,QAAM,EAAI,EAAA,IAAA;AAAA,QAEnC,EAAI,EAAA,IAAA;AAAA,QAAM,CAAG,EAAA,MAAA;AAAA,QAAQ,cAAe,EAAA,eAAA;AAAA,QAAgB,UAAY,EAAA;AAAA,OAAA;AAAA,mDACjD,MAAO,EAAA,EAAA,UAAA,EAAW,QACf,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,QAAQ,EAAA,IAAA,EAAC,IAAM,EAAA,IAAA,EAAM,IAAI,aAC7B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,EAAA,EAAI,eAAe,IAAM,EAAA,IAAA,EAAM,YAAc,EAAA,OAAA,EAAA,+CAChD,kBAAmB,EAAA,EAAA,KAAA,EAAO,QAAU,EAAA,UAAA,EAAW,SAC3C,OAAQ,CAAA,WAAA,EACb,CAAA,+CACC,WAAY,EAAA,EAAA,GAAA,EAAK,OAAS,EAAA,YAAA,EAAc,GAAG,MAAQ,EAAA;AAAA,QACpE,GAAA,EAAA,CAAK,EAAM,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,IAAA,KAAN,IAAY,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA;AAAA,SAChB,CACW,CACJ,mBAECA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAM,cAAe,EAAA,UAAA,EAAW,YACjC,EAAM,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,IAAA,KAAN,mBAAY,SAAU,EAAA,GAAA,EAAA,CAAE,kCAAM,IAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAY,UACzC,CACJ,CAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAU,MAAG;AAvO3C,QAAAC,IAAAA,GAAAA;AAuO8C,QAAA,OAAA,aAAA,CAAA,CAAcA,GAAA,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,IAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAY,EAAE,CAAA;AAAA,OAAA,EAAG,QAAO,EAAM,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,IAAA,KAAN,mBAAY,EAAI,EAAA,SAAA,EAAW,oBAAmB,eAAiB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,QAAA,CAAA,CAAS,kCAAM,IAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAY,OAAM,IAAO,GAAA,KAAA,EAAO,qBAAoB,EAAM,GAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,IAAA,KAAN,mBAAY,QAAZ,KAAA,IAAA,GAAA,EAAA,GAAwB,IAAI,YAAY,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,SAAN,IAAY,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,KAAZ,YAAwB,EAAI,EAAA,iBAAA,EAAA,CAAiB,wCAAM,IAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAY,aAAZ,IAAwB,GAAA,EAAA,GAAA,EAAA,EAAA,+CACpS,iBACG,EAAA,IAAA,kBAAAD,cAAA,CAAA,aAAA,CAAC,gBAAa,EAAI,EAAA,SAAA,EAAW,CACjC,CACJ;AAAA,KAER,CAAA;AAAA,GACV;AAMA,EAAM,MAAA,aAAA,GAAgB,CAAC,EAAY,KAAA;AACjC,IAAA,kBAAA,CAAmB,CAAC,GAAa,KAAA,GAAA,CAAI,QAAQ,EAAE,CAAA,KAAM,KAAK,CAAC,GAAG,GAAK,EAAA,EAAE,IAAI,GAAI,CAAA,MAAA,CAAO,CAAC,GAAgB,KAAA,GAAA,IAAO,EAAE,CAAC,CAAA;AAAA,GACjH;AACA,EAAA,MAAM,sBAAsB,MAAM;AAChC,IAAI,IAAA,CAAA,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAiB,UAAS,CAAG,EAAA;AAC/B,MAAqB,oBAAA,CAAA;AAAA,QACnB,SAAW,EAAA;AAAA,UACT,UAAY,EAAA,eAAA;AAAA,UACZ;AAAA;AACF,OACD,CAAA;AAAA;AACH,GACF;AACA,EAAA,MAAM,aAAgB,GAAAA,cAAA,CAAM,WAAY,CAAA,CAAC,CAAW,KAAA;AAClD,IAAA,IAAI,CAAG,EAAA;AACL,MAAA,IAAI,eAAkB,GAAA,mBAAA,CAAoB,MAAO,CAAA,CAAC,CAAQ,KAAA;AAnQhE,QAAA,IAAA,EAAA;AAmQmE,QAAG,OAAA,CAAA,EAAA,GAAA,CAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,CAAA,CAAA,IAAA,KAAH,IAAS,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA,CAAU,QAAS,CAAA,CAAA,CAAA;AAAA,OAAE,CAAA;AAC3F,MAAA,sBAAA,CAAuB,eAAe,CAAA;AAAA,KACjC,MAAA;AACL,MAAA,sBAAA,CAAuB,iBAAiB,CAAA;AAAA;AAC1C,GACF,EAAG,CAAC,mBAAmB,CAAC,CAAA;AACxB,EAAM,MAAA,mBAAA,GAAsBA,cAAM,CAAA,WAAA,CAAY,MAAM;AAClD,IAAA,IAAI,iBAAgB,mBAAqB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,mBAAA,CAAA,MAAA,CAAA;AAAQ,MAAA,YAAA,CAAa,IAAI,CAAA;AAClE,IAAA,IAAI,gBAAe,mBAAqB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,mBAAA,CAAA,MAAA,CAAA,IAAU,CAAC,kBAAA,IAAsB,CAAC,SAAW,EAAA;AACnF,MAAA,MAAM,SAAS,MAAS,GAAA,CAAA;AACxB,MAAkB,iBAAA,CAAA;AAAA,QAChB,MAAQ,EAAA,MAAA;AAAA,QACR,KAAO,EAAA,uBAAA;AAAA,QACP;AAAA,OACD,CAAE,CAAA,OAAA,CAAQ,MAAM;AACf,QAAA,OAAA,CAAQ,IAAI,SAAS,CAAA;AACrB,QAAA,SAAA,CAAU,MAAM,CAAA;AAAA,OACjB,CAAA;AAAA;AACH,GACC,EAAA,CAAC,mBAAqB,EAAA,YAAA,EAAc,MAAM,CAAC,CAAA;AAC9C,EAAA,MAAM,eAAe,MAAM;AACzB,IAEE,uBAAAA,cAAA,CAAA,aAAA,CAAC,WACU,kBAAsB,IAAA,kBAAA,IAAsB,2CAA4BA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAM,EAAA,OAAA,EAAQ,KAAO,EAAA;AAAA,MAC5G,MAAQ,EAAA;AAAA,KACV,EAAG,IAAK,IACJ,CAAA;AAAA,GAEV;AACA,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAM,EAAA,CAAA,EAAG,EAAI,EAAA,OAAA,EAAA,kBACfA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,OAAQ,EAAA,YAAA,EAAA,kBACVA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,WAAW,IAAM,EAAA,EAAA,EAAI,IAAM,EAAA,UAAA,EAAW,QAAS,EAAA,IAAA,EAAK,MAAO,EAAA,IAAA,EAAK,MAAK,oBAAsB,EAAA,SAAA,EAAW,QAAU,EAAA,EAAA,EAAI,KAAM,EAAA,QAAA,EAAS,WAAY,EAAA,mCAAA,EAAoC,UAAU,CAAC;AAAA,IAClN,WAAa,EAAA;AAAA,MACX,UAAA;AAAA,MACA,MAAA;AAAA,MACA;AAAA;AACF,GACI,KAAA;AACJ,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,GACjB,EAAA,cAAA,EAAgB,MAAQ,EAAA,WAAA,EAAa,OAAO,CACzC,CAAA,kBAECA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAM,CACR,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,qBACG,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,KAAM,EAAA,IAAA,EAAK,IAAM,EAAA,CAAA,EAAG,EAAI,EAAA,IAAA,EAAA,kBAC3BA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,IAAI,IAAM,EAAA,IAAA,EAAM,CAAG,EAAA,YAAA,EAAc,CAAC,IAAM,EAAA,KAAA,KAAU,MAAO,CAAA,KAAK,GAAG,qBAAuB,EAAA;AAAA,IAC9G,IAAM,EAAA;AAAA,GACL,EAAA,IAAA,EAAM,mBAAuB,IAAA,mBAAA,CAAoB,MAAS,GAAA,CAAA,GAAI,mBAAsB,GAAA,EAAI,EAAA,UAAA,EAAY,qBAAuB,EAAA,kBAAA,EAAoB,MAAM;AACtJ,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAiB,KAAO,EAAA;AAAA,MAC9B,SAAW,EAAA;AAAA,KACb,EAAA,+CAC6B,GAAI,EAAA,EAAA,EAAA,EAAI,QAAQ,EAAI,EAAA,IAAA,EAAA,kBAChBA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAM,EAAA,IAAA,EAAA,+CACT,GAAI,EAAA,EAAA,EAAA,EAAG,IAAK,EAAA,EAAA,EAAI,IACb,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YAAK,iBAAe,CACzB,CACJ,CACJ,CACJ,CAAA;AAAA,GACvB,EAAA,GAAA,EAAK,yBAA2B,EAAA,mBAAA,EAAqB,YAAc,EAAA,YAAA,EAAc,mBAAqB,EAAA,qBAAA,EAAuB,GAAK,EAAA,CAC3H,CACJ,CACJ,CACJ,CAAA;AACR"}
+{"version":3,"file":"AddPeople.js","sources":["../../../src/screens/Peoples/AddPeople.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport {\n    Input,\n    InputField,\n    InputSlot,\n    View,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    ButtonText,\n    Fab,\n    Icon,\n    Divider,\n    FlatList,\n    HStack,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    Image,\n    Checkbox,\n    CheckboxIndicator,\n    CheckboxIcon,\n    CheckIcon,\n    CheckboxLabel,\n    ChevronLeftIcon,\n    Spinner,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { TouchableOpacity } from 'react-native';\nimport {\n    useAddChannelMutation,\n    useGetOrganizationMembersQuery,\n    useGetChannelsByUserQuery,\n    useGetChannelsByUserLazyQuery,\n    useGetUserOrganizationsQuery,\n    useAddDirectChannelMutation,\n    useAddMemberToChannelMutation,\n    useViewChannelDetailLazyQuery,\n    useViewChannelDetailQuery,\n    useSaveMembersToChannelMutation,\n} from 'common/lib/generated/generated.js';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { AntDesign, Entypo, Ionicons } from '@expo/vector-icons';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { useDrawerLayout } from '../../hooks';\nimport { startCase, orderBy, uniqBy } from 'lodash-es';\n\nconst orgMemersDataFetchLimit = 10;\n\nconst AddPeople = ({ navigation, route }: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const { channelId, isCreate, isAddMemeber, addMember: routeAddMember } = route?.params;\n    const isFocused = useIsFocused();\n    const userState = useSelector(userSelector);\n    const [organizationMembers, setOrganizationMembers] = useState<any>([]);\n    const [totalMembers, setTotalMembers] = useState<any>(0);\n    const [initialOrgMembers, setInitialOrgMembers] = useState<any>([]);\n    const [orgMembers, setOrgMembers] = useState<any>([]);\n    const [dirChannelMembers, setDirChannelMembers] = useState<any>([]);\n    const [selectedMembers, setSelectedMembers] = useState<any>([]);\n    const [dataSource, setDataSource] = useState([]);\n    const [offset, setOffset] = useState(0);\n    const [isListEnd, setIsListEnd] = useState(false);\n\n    const {\n        data: orgMembersData,\n        loading: orgMemebersLoading,\n        error: orgMembersError,\n        refetch: refetchOrgMembers,\n    } = useGetOrganizationMembersQuery({\n        variables: {\n            offset: offset,\n            limit: orgMemersDataFetchLimit,\n            orgName: orgName,\n        },\n    });\n\n    const { data: channelDetail, refetch: refetchChannelDetail } = useViewChannelDetailQuery({\n        variables: {\n            id: channelId,\n        },\n    });\n\n    const {\n        data: userChannelsData,\n        loading,\n        error,\n        refetch: refetchUserChannels,\n    } = useGetChannelsByUserQuery({\n        variables: {\n            criteria: {\n                orgName: orgName,\n                type: 'DIRECT',\n            },\n        },\n    });\n\n    const [saveMembersToChannel, { loading: saveMembersLoading }] = useSaveMembersToChannelMutation({\n        onCompleted: (data: any) => {\n            //  console.log('data add',data)\n\n            const dirChannelIds =\n                dirChannelMembers\n                    ?.filter((v: any, i: any, a: any) => a.findIndex((v2: any) => v2.id === v.id) === i)\n                    ?.map((u: any) => u?.id) ?? [];\n            const receiver = selectedMembers?.filter((item: any) => !dirChannelIds?.includes(item));\n            if (receiver?.length > 0) {\n                addDirectChannelMutation({\n                    variables: {\n                        receiver: receiver,\n                        displayName: 'DIRECT CHANNEL',\n                    },\n                });\n            } else {\n                goToChannel();\n            }\n            // if(data?.createDirectChannel) navigation.navigate(NavigationRoutes.Home)\n            // navigation.navigate('MainStack.MainDrawer.Home')\n        },\n        onError: (error: any) => {\n            console.log('error add', error);\n        },\n    });\n\n    const [addMemberToChannel] = useAddMemberToChannelMutation({\n        onCompleted: (data: any) => {\n            console.log('data add', data);\n            // if(data?.createDirectChannel) navigation.navigate(NavigationRoutes.Home)\n            // navigation.navigate('MainStack.MainDrawer.Home')\n        },\n        onError: (error: any) => {\n            console.log('error add', error);\n        },\n    });\n\n    const [addDirectChannelMutation, { loading: addDirectChannaleLoading }] = useAddDirectChannelMutation({\n        onCompleted: (data: any) => {\n            goToChannel();\n        },\n    });\n\n    const goToChannel = React.useCallback(() => {\n        if (channelId && channelDetail?.viewChannelDetail && isCreate) {\n            navigation.navigate(NavigationRoutes.DialogMessages, {\n                channelId: channelId?.toString(),\n                title: channelDetail?.viewChannelDetail?.title?.toString(),\n                totalMembers: channelDetail?.viewChannelDetail?.members?.length,\n                goToHome: true,\n                hideTabBar: true,\n            });\n        }\n        if (isAddMemeber) {\n            navigation?.goBack(null);\n        }\n    }, [channelId, channelDetail?.viewChannelDetail, isCreate, isAddMemeber]);\n\n    useFocusEffect(\n        React.useCallback(() => {\n            if (orgName) {\n                refetchOrgMembers({ offset: offset, limit: orgMemersDataFetchLimit, orgName: orgName });\n                refetchUserChannels({\n                    criteria: {\n                        orgName: orgName,\n                    },\n                });\n            }\n\n            if (channelId) refetchChannelDetail({ id: channelId });\n\n            navigation.setOptions({\n                headerShown: true,\n                headerTitleAlign: 'left',\n                headerTitleStyle: {},\n                headerLeft: (props: any) => (\n                    <>\n                        {isCreate ? (\n                            <TouchableOpacity style={{ paddingHorizontal: 10 }} onPress={() => goToChannel()}>\n                                <AntDesign color=\"black\" name=\"close\" size={20} />\n                            </TouchableOpacity>\n                        ) : (\n                            <TouchableOpacity style={{ paddingHorizontal: 10 }} onPress={() => navigation?.goBack()}>\n                                <Ionicons color=\"black\" name=\"chevron-back\" size={20} />\n                            </TouchableOpacity>\n                        )}\n                    </>\n                ),\n                headerRight: (props: any) => (\n                    <Button\n                        mr={'$2'}\n                        onPress={() => addMemeberToChannel()}\n                        variant={'link'}\n                        disabled={selectedMembers?.length > 0 ? false : true}\n                    >\n                        <ButtonText\n                            style={{ color: selectedMembers?.length > 0 ? '$black' : '$trueGray400', fontSize: 15 }}\n                        >\n                            {selectedMembers?.length ? 'ADD' : 'ADD'}\n                        </ButtonText>\n                    </Button>\n                ),\n            });\n\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n                // setOffset(0);\n                //setOrganizationMembers([]);\n            };\n        }, [isCreate, orgName, channelId, channelDetail, selectedMembers]),\n    );\n\n    useEffect(() => {\n        return () => {\n            setOffset(0);\n            setOrganizationMembers([]);\n        };\n    }, []);\n\n    useEffect(() => {\n        if (orgMembersData?.getOrganizationMembers?.data && channelDetail?.viewChannelDetail) {\n            const allOrgMembersWithoutCurrent =\n                orgMembersData?.getOrganizationMembers?.data?.filter((mu: any) => mu?.user?.id != userState?.id) ?? [];\n            const channelMembers =\n                channelDetail?.viewChannelDetail?.members?.filter((mu: any) => mu?.user?.id != userState?.id) ?? [];\n\n            const filteredOrgMembers = allOrgMembersWithoutCurrent.filter(\n                (x: any) => !channelMembers.filter((y: any) => y?.user?.id === x?.user?.id).length,\n            );\n\n            setOrganizationMembers((oldOrgMembers: any) =>\n                uniqBy([...oldOrgMembers, ...filteredOrgMembers], ({ userId }) => userId),\n            );\n            // setOrganizationMembers(filteredOrgMembers);\n            setInitialOrgMembers(filteredOrgMembers);\n        }\n\n        if (orgMembersData?.getOrganizationMembers?.totalCount)\n            setTotalMembers(orgMembersData?.getOrganizationMembers?.totalCount - 1);\n    }, [orgMembersData?.getOrganizationMembers, channelDetail?.viewChannelDetail]);\n\n    useEffect(() => {\n        if (userChannelsData?.channelsByUser) {\n            const userDirectChannels = userChannelsData?.channelsByUser?.filter((i: any) => i.type == 'DIRECT') ?? [];\n            const uDirectChannelMemebers: any =\n                userDirectChannels?.map((c: any) => {\n                    return c?.members?.filter((mu: any) => mu?.user?.id != userState?.id)?.map((m: any) => m?.user);\n                }) ?? null;\n            const dirChannelMembers =\n                uDirectChannelMemebers\n                    ?.flat(1)\n                    ?.filter((v: any, i: any, a: any) => a.findIndex((v2: any) => v2.id === v.id) === i) ?? [];\n            setDirChannelMembers(dirChannelMembers);\n        }\n    }, [userChannelsData]);\n\n    const renderChannelMemebers = ({ item }: any) => {\n        const matches: any = item?.user?.username.match(/\\b(\\w)/g);\n        const acronym: any = matches.join('').substring(0, 2); // JSON\n        return (\n            <TouchableOpacity\n                key={item?.user?.id}\n                style={{ marginTop: 2 }}\n                onPress={() => selectMembers(item?.user?.id)}\n            >\n                <HStack\n                    space={'sm'}\n                    py={'$1'}\n                    // pl={'$4'}\n                    pr={'$2'}\n                    w={'100%'}\n                    justifyContent=\"space-between\"\n                    alignItems={'center'}\n                >\n                    <HStack alignItems=\"center\">\n                        <Button disabled size={'sm'} bg={'transparent'}>\n                            <Avatar bg={'transparent'} size={'sm'} borderRadius={'$none'}>\n                                <AvatarFallbackText color={'$white'} fontWeight=\"600\">\n                                    {acronym.toUpperCase()}\n                                </AvatarFallbackText>\n                                <AvatarImage\n                                    alt={'image'}\n                                    borderRadius={0}\n                                    source={{\n                                        uri: item?.user?.picture,\n                                    }}\n                                />\n                            </Avatar>\n                        </Button>\n\n                        <Text color=\"$coolGray800\" fontWeight=\"$bold\">\n                            {item?.user?.givenName} {item?.user?.familyName}\n                        </Text>\n                    </HStack>\n\n                    <Checkbox\n                        onChange={() => selectMembers(item?.user?.id)}\n                        value={item?.user?.id}\n                        isChecked={selectedMembers && selectedMembers?.includes(item?.user?.id) ? true : false}\n                        accessibilityLabel={item?.user?.username ?? ''}\n                        aria-label={item?.user?.username ?? ''}\n                        aria-labelledby={item?.user?.username ?? ''}\n                    >\n                        <CheckboxIndicator>\n                            <CheckboxIcon as={CheckIcon} />\n                        </CheckboxIndicator>\n                    </Checkbox>\n                </HStack>\n            </TouchableOpacity>\n        );\n    };\n\n    const skip = () => {\n        // if(channelId)  navigation.navigate(NavigationRoutes.DialogMessages, { channelId, hideTabBar: true,addMember:true });\n        // else navigation.navigate(NavigationRoutes.Home)\n        navigation.navigate(NavigationRoutes.Home);\n    };\n\n    const selectMembers = (id: any) => {\n        setSelectedMembers((pre: any) =>\n            pre.indexOf(id) === -1 ? [...pre, id] : pre.filter((mId: String) => mId != id),\n        );\n    };\n\n    const addMemeberToChannel = () => {\n        if (selectedMembers?.length > 0) {\n            saveMembersToChannel({\n                variables: {\n                    membersIds: selectedMembers,\n                    channelId: channelId,\n                },\n            });\n        }\n    };\n\n    const searchMembers = React.useCallback(\n        (v: any) => {\n            if (v) {\n                let searchedChannel = organizationMembers.filter((o: any) => o?.user?.givenName.includes(v));\n                setOrganizationMembers(searchedChannel);\n            } else {\n                setOrganizationMembers(initialOrgMembers);\n            }\n        },\n        [organizationMembers],\n    );\n\n    const loadMoreOrgMemebers = React.useCallback(() => {\n        if (totalMembers == organizationMembers?.length) setIsListEnd(true);\n\n        if (totalMembers > organizationMembers?.length && !orgMemebersLoading && !isListEnd) {\n            const offSet = offset + 1;\n            refetchOrgMembers({ offset: offSet, limit: orgMemersDataFetchLimit, orgName: orgName }).finally(() => {\n                console.log('finally');\n                setOffset(offSet);\n            });\n        }\n    }, [organizationMembers, totalMembers, offset]);\n\n    const renderFooter = () => {\n        return (\n            //Footer View with Loader\n            <Box>\n                {orgMemebersLoading || saveMembersLoading || addDirectChannaleLoading ? (\n                    <Spinner color=\"black\" style={{ margin: 15 }} />\n                ) : null}\n            </Box>\n        );\n    };\n\n    return (\n        <View flex={1} bg={'white'}>\n            <Input variant=\"underlined\">\n                <InputField\n                    autoFocus={true}\n                    px={'$3'}\n                    alignItems=\"center\"\n                    type=\"text\"\n                    size=\"xl\"\n                    placeholderTextColor={'#404040'}\n                    fontSize={14}\n                    color=\"$black\"\n                    placeholder=\"Name, @username, name@example.com\"\n                    onChange={({ nativeEvent: { eventCount, target, text } }) => {\n                        searchMembers(text);\n                    }}\n                    autoCapitalize={'none'}\n                    autoCorrect={false}\n                />\n            </Input>\n\n            <View flex={1}>\n                <VirtualizedScrollView>\n                    <VStack space=\"md\" flex={1} pt={'$2'}>\n                        <FlatList\n                            px={'$2'}\n                            flex={1}\n                            keyExtractor={(item, index) => String(index)}\n                            contentContainerStyle={{\n                                flex: 1,\n                            }}\n                            data={organizationMembers && organizationMembers.length > 0 ? organizationMembers : []}\n                            renderItem={renderChannelMemebers}\n                            ListEmptyComponent={() => {\n                                return (\n                                    <TouchableOpacity style={{ marginTop: 5 }}>\n                                        <Box bg={'#fff'} py={'$2'}>\n                                            <VStack space=\"md\">\n                                                <Box px=\"$4\" py={'$5'}>\n                                                    <Text>No people found</Text>\n                                                </Box>\n                                            </VStack>\n                                        </Box>\n                                    </TouchableOpacity>\n                                );\n                            }}\n                            key={'add-channel-people-list'}\n                            ListFooterComponent={renderFooter}\n                            onEndReached={loadMoreOrgMemebers}\n                            onEndReachedThreshold={0.5}\n                        />\n                    </VStack>\n                </VirtualizedScrollView>\n            </View>\n        </View>\n    );\n};\n\nexport default AddPeople;\n"],"names":["error","React","_a","_b","dirChannelMembers"],"mappings":"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"}

package/lib/screens/Peoples/People.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {StyleSheet,View,Text}from'react-native';const Peoples = ({
+import React__default from'react';import {View,StyleSheet,Text}from'react-native';const Peoples = ({
   navigation
 }) => {
   return /* @__PURE__ */ React__default.createElement(View, { style: styles.container }, /* @__PURE__ */ React__default.createElement(Text, { style: {

package/lib/screens/Profile/ProfileScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileScreen.js","sources":["../../../src/screens/Profile/ProfileScreen.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { SafeAreaView, TouchableOpacity } from 'react-native';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { IUserState } from '@adminide-stack/core';\nimport { Store, userSelector, logoutAndRedirect } from '@adminide-stack/user-auth0-client';\nimport {\n    Avatar,\n    Badge,\n    Box,\n    Button,\n    ButtonText,\n    HStack,\n    Heading,\n    Icon,\n    Image,\n    Text,\n    Toast,\n    VStack,\n    Divider,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { RoomType } from 'common';\nimport { useGetUserByIdQuery } from 'common/lib/generated/generated.js';\nimport { now } from 'lodash-es';\nimport { Feather, Ionicons, MaterialCommunityIcons } from '@expo/vector-icons';\nimport { useNavigation, useRoute, useFocusEffect } from '@react-navigation/native';\n\nconst ProfileScreen = () => {\n    const navigation = useNavigation<any>();\n    const route = useRoute<any>();\n    const dispatch = useDispatch();\n    const userState = useSelector<Store.Auth, IUserState>(userSelector);\n    const [user, setUser] = useState<any>(null);\n    const timestamp = now();\n    const date = new Date(timestamp);\n    const {\n        data: userData,\n        loading,\n        error,\n    } = useGetUserByIdQuery({\n        variables: {\n            userId: route?.params?.userId || userState?.id,\n        },\n    });\n\n    useEffect(() => {\n        if (userData?.getUserAccount) setUser(userData?.getUserAccount);\n    }, [userData]);\n\n    return (\n        <Box flex={1}>\n            <VStack flex={1} space={'md'} px={'$4'} py={'$4'}>\n                <Box w={'100%'} h={'$96'}>\n                    <Image\n                        resizeMode={'cover'}\n                        borderRadius={10}\n                        source={{\n                            uri: user?.picture,\n                        }}\n                        alt=\"Profile image\"\n                        style={{\n                            width: '100%',\n                            height: '100%',\n                            resizeMode: 'cover',\n                        }}\n                        // style={{\n                        //     height: 70,\n                        //     width: 70,\n                        //     resizeMode: 'contain',\n                        //     borderRadius: 35,\n                        // }}\n                    />\n                </Box>\n                <Box>\n                    <Heading>\n                        {user?.givenName} {user?.familyName}\n                    </Heading>\n                </Box>\n                <HStack space={'sm'} alignItems={'center'}>\n                    <Box w={'$3'} h={'$3'} bg={'$green800'} rounded={'$full'} mr={'$2'} />\n                    <Text color={'$black'}>Active</Text>\n                </HStack>\n                <HStack space={'sm'} alignItems={'center'}>\n                    <Ionicons color=\"black\" name=\"time-outline\" size={20} />\n                    <Text color={'$black'}>\n                        {date?.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} local time\n                    </Text>\n                </HStack>\n                <Button\n                    mt={'$2'}\n                    variant={'outline'}\n                    rounded={'$lg'}\n                    $pressed-bg=\"$trueGray200\"\n                    $active-bg={'$trueGray200'}\n                    borderColor={'$trueGray400'}\n                >\n                    <ButtonText pl={'$1'} style={{ color: 'black', fontWeight: 'bold' }}>\n                        Edit Status\n                    </ButtonText>\n                </Button>\n                <Button\n                    variant={'outline'}\n                    rounded={'$lg'}\n                    $pressed-bg=\"$trueGray200\"\n                    $active-bg={'$trueGray200'}\n                    borderColor={'$trueGray400'}\n                >\n                    <ButtonText pl={'$1'} style={{ color: 'black', fontWeight: 'bold' }}>\n                        Edit Profile\n                    </ButtonText>\n                </Button>\n                {/* <Button\n                    variant={'outline'}\n                    rounded={'$lg'}\n                    $pressed-bg=\"$trueGray200\"\n                    $active-bg={'$trueGray200'}\n                    borderColor={'$trueGray400'}\n                >\n                    <Feather color=\"black\" name=\"message-circle\" size={20} />\n                    <ButtonText pl={'$1'} style={{ color: 'black', fontWeight: 'bold' }}>\n                        Message\n                    </ButtonText>\n                </Button>\n                <Button\n                    variant={'outline'}\n                    rounded={'$lg'}\n                    $pressed-bg=\"$trueGray200\"\n                    $active-bg={'$trueGray200'}\n                    borderColor={'$trueGray400'}\n                >\n                    <Feather color=\"black\" name=\"headphones\" size={20} />\n                    <ButtonText pl={'$1'} style={{ color: 'black', fontWeight: 'bold' }}>\n                        Huddle\n                    </ButtonText>\n                </Button> */}\n                <Divider bg={'$trueGray300'} />\n                <Heading size={'sm'}>Contact Information</Heading>\n                <HStack space={'sm'} alignItems={'center'}>\n                    <MaterialCommunityIcons color=\"black\" name=\"email-outline\" size={20} />\n                    <Text color={'black'}>{user?.email}</Text>\n                </HStack>\n            </VStack>\n        </Box>\n    );\n};\n\nexport default ProfileScreen;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"ProfileScreen.js","sources":["../../../src/screens/Profile/ProfileScreen.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { SafeAreaView, TouchableOpacity } from 'react-native';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { IUserState } from '@adminide-stack/core';\nimport { Store, userSelector, logoutAndRedirect } from '@adminide-stack/user-auth0-client';\nimport {\n    Avatar,\n    Badge,\n    Box,\n    Button,\n    ButtonText,\n    HStack,\n    Heading,\n    Icon,\n    Image,\n    Text,\n    Toast,\n    VStack,\n    Divider,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { RoomType } from 'common';\nimport { useGetUserByIdQuery } from 'common/lib/generated/generated.js';\nimport { now } from 'lodash-es';\nimport { Feather, Ionicons, MaterialCommunityIcons } from '@expo/vector-icons';\nimport { useNavigation, useRoute, useFocusEffect } from '@react-navigation/native';\n\nconst ProfileScreen = () => {\n    const navigation = useNavigation<any>();\n    const route = useRoute<any>();\n    const dispatch = useDispatch();\n    const userState = useSelector<Store.Auth, IUserState>(userSelector);\n    const [user, setUser] = useState<any>(null);\n    const timestamp = now();\n    const date = new Date(timestamp);\n    const {\n        data: userData,\n        loading,\n        error,\n    } = useGetUserByIdQuery({\n        variables: {\n            userId: route?.params?.userId || userState?.id,\n        },\n    });\n\n    useEffect(() => {\n        if (userData?.getUserAccount) setUser(userData?.getUserAccount);\n    }, [userData]);\n\n    return (\n        <Box flex={1}>\n            <VStack flex={1} space={'md'} px={'$4'} py={'$4'}>\n                <Box w={'100%'} h={'$96'}>\n                    <Image\n                        resizeMode={'cover'}\n                        borderRadius={10}\n                        source={{\n                            uri: user?.picture,\n                        }}\n                        alt=\"Profile image\"\n                        style={{\n                            width: '100%',\n                            height: '100%',\n                            resizeMode: 'cover',\n                        }}\n                        // style={{\n                        //     height: 70,\n                        //     width: 70,\n                        //     resizeMode: 'contain',\n                        //     borderRadius: 35,\n                        // }}\n                    />\n                </Box>\n                <Box>\n                    <Heading>\n                        {user?.givenName} {user?.familyName}\n                    </Heading>\n                </Box>\n                <HStack space={'sm'} alignItems={'center'}>\n                    <Box w={'$3'} h={'$3'} bg={'$green800'} rounded={'$full'} mr={'$2'} />\n                    <Text color={'$black'}>Active</Text>\n                </HStack>\n                <HStack space={'sm'} alignItems={'center'}>\n                    <Ionicons color=\"black\" name=\"time-outline\" size={20} />\n                    <Text color={'$black'}>\n                        {date?.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })} local time\n                    </Text>\n                </HStack>\n                <Button\n                    mt={'$2'}\n                    variant={'outline'}\n                    rounded={'$lg'}\n                    $pressed-bg=\"$trueGray200\"\n                    $active-bg={'$trueGray200'}\n                    borderColor={'$trueGray400'}\n                >\n                    <ButtonText pl={'$1'} style={{ color: 'black', fontWeight: 'bold' }}>\n                        Edit Status\n                    </ButtonText>\n                </Button>\n                <Button\n                    variant={'outline'}\n                    rounded={'$lg'}\n                    $pressed-bg=\"$trueGray200\"\n                    $active-bg={'$trueGray200'}\n                    borderColor={'$trueGray400'}\n                >\n                    <ButtonText pl={'$1'} style={{ color: 'black', fontWeight: 'bold' }}>\n                        Edit Profile\n                    </ButtonText>\n                </Button>\n                {/* <Button\n                    variant={'outline'}\n                    rounded={'$lg'}\n                    $pressed-bg=\"$trueGray200\"\n                    $active-bg={'$trueGray200'}\n                    borderColor={'$trueGray400'}\n                >\n                    <Feather color=\"black\" name=\"message-circle\" size={20} />\n                    <ButtonText pl={'$1'} style={{ color: 'black', fontWeight: 'bold' }}>\n                        Message\n                    </ButtonText>\n                </Button>\n                <Button\n                    variant={'outline'}\n                    rounded={'$lg'}\n                    $pressed-bg=\"$trueGray200\"\n                    $active-bg={'$trueGray200'}\n                    borderColor={'$trueGray400'}\n                >\n                    <Feather color=\"black\" name=\"headphones\" size={20} />\n                    <ButtonText pl={'$1'} style={{ color: 'black', fontWeight: 'bold' }}>\n                        Huddle\n                    </ButtonText>\n                </Button> */}\n                <Divider bg={'$trueGray300'} />\n                <Heading size={'sm'}>Contact Information</Heading>\n                <HStack space={'sm'} alignItems={'center'}>\n                    <MaterialCommunityIcons color=\"black\" name=\"email-outline\" size={20} />\n                    <Text color={'black'}>{user?.email}</Text>\n                </HStack>\n            </VStack>\n        </Box>\n    );\n};\n\nexport default ProfileScreen;\n"],"names":["React"],"mappings":"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"}

package/lib/screens/Search/Channels.js

@@ -1,4 +1,4 @@
-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;
+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 ChannelsSearchScreen = ({
   channels,

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

@@ -1 +1 @@
-{"version":3,"file":"Channels.js","sources":["../../../src/screens/Search/Channels.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    Text,\n    VStack,\n    Box,\n    FlatList,\n    HStack,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\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 ChannelsSearchScreen = ({ 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={'sm'}>\n                        <Box m={'$0'} p={'$0'}>\n                            {item.type == RoomType.Direct ? (\n                                <Avatar key={'direct-channel-profile-msg-key'} 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={4}\n                                            right={'-$1'}\n                                            bottom={'-$1'}\n                                            // size={5}\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(ChannelsSearchScreen);\n"],"names":["React","_a","_b"],"mappings":"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"}
+{"version":3,"file":"Channels.js","sources":["../../../src/screens/Search/Channels.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    Text,\n    VStack,\n    Box,\n    FlatList,\n    HStack,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\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 ChannelsSearchScreen = ({ 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={'sm'}>\n                        <Box m={'$0'} p={'$0'}>\n                            {item.type == RoomType.Direct ? (\n                                <Avatar key={'direct-channel-profile-msg-key'} 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={4}\n                                            right={'-$1'}\n                                            bottom={'-$1'}\n                                            // size={5}\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(ChannelsSearchScreen);\n"],"names":["React","_a","_b"],"mappings":"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"}

package/lib/screens/Search/Files.js

@@ -3,7 +3,7 @@ const windowHeight = Dimensions.get("window").height;
 const FilesSearchScreen = (props) => {
   useNavigation();
   useRoute();
-  useState(false);
+  const [loading, setLoading] = useState(false);
   useLayoutEffect(() => {
   }, []);
   useFocusEffect(React__default.useCallback(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"Files.js","sources":["../../../src/screens/Search/Files.tsx"],"sourcesContent":["// import { Ionicons } from '@expo/vector-icons';\nimport React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { Dimensions, Platform } from 'react-native';\n// import styles from './styles';\nimport { Text, Box, Center, Heading } from '@admin-layout/gluestack-ui-mobile';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useNavigation, useRoute, useFocusEffect } from '@react-navigation/native';\n// import { navigationRef } from '@common-stack/client-react';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst FilesSearchScreen = (props) => {\n    const navigation = useNavigation<any>();\n    const route = useRoute<any>();\n\n    const [loading, setLoading] = useState<boolean>(false);\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    useEffect(() => {\n        // const timer = setTimeout(() => {\n        //     setLoading(false);\n        // }, 1000);\n\n        return () => {\n            //clearTimeout(timer);\n        };\n    }, []);\n\n    return (\n        <VirtualizedScrollView bg={'#fff'} flex={1}>\n            <Box flex={1} justifyContent={'center'} alignItems={'center'} h={windowHeight - 200} bg={'#fff'} pb={'$10'}>\n                <Heading>Files</Heading>\n            </Box>\n        </VirtualizedScrollView>\n    );\n};\n\nexport default React.memo(FilesSearchScreen);\n"],"names":["React"],"mappings":"wVAQoB,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA;AAC7C,MAAM,YAAe,GAAA,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA,MAAA;AAC9C,MAAM,oBAAoB,CAAS,KAAA,KAAA;AACjC,EAAmB,aAAmB;AACtC,EAAc,QAAc;AAC5B,EAA8B,SAAkB,KAAK;AACrD,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,SAAA,CAAU,MAAM;AAKd,IAAA,OAAO,MAAM;AAAA,KAEb;AAAA,GACF,EAAG,EAAE,CAAA;AACL,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,qBAAsB,EAAA,EAAA,EAAA,EAAI,MAAQ,EAAA,IAAA,EAAM,qBACrCA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,IAAM,EAAA,CAAA,EAAG,cAAgB,EAAA,QAAA,EAAU,YAAY,QAAU,EAAA,CAAA,EAAG,YAAe,GAAA,GAAA,EAAK,EAAI,EAAA,MAAA,EAAQ,EAAI,EAAA,KAAA,EAAA,kBAChGA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EAAQ,OAAK,CAClB,CACJ,CAAA;AACR,CAAA;AACA,YAAeA,cAAA,CAAM,KAAK,iBAAiB,CAAA"}
+{"version":3,"file":"Files.js","sources":["../../../src/screens/Search/Files.tsx"],"sourcesContent":["// import { Ionicons } from '@expo/vector-icons';\nimport React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { Dimensions, Platform } from 'react-native';\n// import styles from './styles';\nimport { Text, Box, Center, Heading } from '@admin-layout/gluestack-ui-mobile';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useNavigation, useRoute, useFocusEffect } from '@react-navigation/native';\n// import { navigationRef } from '@common-stack/client-react';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst FilesSearchScreen = (props) => {\n    const navigation = useNavigation<any>();\n    const route = useRoute<any>();\n\n    const [loading, setLoading] = useState<boolean>(false);\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    useEffect(() => {\n        // const timer = setTimeout(() => {\n        //     setLoading(false);\n        // }, 1000);\n\n        return () => {\n            //clearTimeout(timer);\n        };\n    }, []);\n\n    return (\n        <VirtualizedScrollView bg={'#fff'} flex={1}>\n            <Box flex={1} justifyContent={'center'} alignItems={'center'} h={windowHeight - 200} bg={'#fff'} pb={'$10'}>\n                <Heading>Files</Heading>\n            </Box>\n        </VirtualizedScrollView>\n    );\n};\n\nexport default React.memo(FilesSearchScreen);\n"],"names":["React"],"mappings":"wVAQoB,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA;AAC7C,MAAM,YAAe,GAAA,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA,MAAA;AAC9C,MAAM,oBAAoB,CAAS,KAAA,KAAA;AACjC,EAAmB,aAAmB;AACtC,EAAc,QAAc;AAC5B,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,KAAK,CAAA;AACrD,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,SAAA,CAAU,MAAM;AAKd,IAAA,OAAO,MAAM;AAAA,KAEb;AAAA,GACF,EAAG,EAAE,CAAA;AACL,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,qBAAsB,EAAA,EAAA,EAAA,EAAI,MAAQ,EAAA,IAAA,EAAM,qBACrCA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,IAAM,EAAA,CAAA,EAAG,cAAgB,EAAA,QAAA,EAAU,YAAY,QAAU,EAAA,CAAA,EAAG,YAAe,GAAA,GAAA,EAAK,EAAI,EAAA,MAAA,EAAQ,EAAI,EAAA,KAAA,EAAA,kBAChGA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EAAQ,OAAK,CAClB,CACJ,CAAA;AACR,CAAA;AACA,YAAeA,cAAA,CAAM,KAAK,iBAAiB,CAAA"}