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

package/lib/components/Channels/ChannelsByAlphabeticalAccordion.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {TouchableHighlight,StyleSheet}from'react-native';import {View,VStack,SectionList,Box,HStack,Text,Heading,Spinner}from'@admin-layout/gluestack-ui-mobile';import {FontAwesome,Octicons}from'@expo/vector-icons';import {RoomType}from'common';import colors from'../../constants/Colors.js';const ChannelsByAlphabeticalAccordion = React__default.memo(({
+import React__default from'react';import {TouchableHighlight,StyleSheet}from'react-native';import {View,VStack,SectionList,Spinner,Text,Heading,Box,HStack}from'@admin-layout/gluestack-ui-mobile';import {FontAwesome,Octicons}from'@expo/vector-icons';import {RoomType}from'common';import colors from'../../constants/Colors.js';const ChannelsByAlphabeticalAccordion = React__default.memo(({
   channels,
   loading,
   onPress

package/lib/components/CustomBottomTabs/CustomBottomTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomBottomTabs.js","sources":["../../../src/components/CustomBottomTabs/CustomBottomTabs.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Pressable, Center, Text, SafeAreaView } from '@admin-layout/gluestack-ui-mobile';\nimport { useSelector } from 'react-redux';\nimport { useRoute } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\n\nconst CustomBottomTabs = ({ state, descriptors, navigation }: any) => {\n    const settings = useSelector<any>((state) => state.settings) as any;\n    //const currentRoute: any = useRoute();\n    const currentRoute: any = navigationRef.isReady() ? navigationRef?.getCurrentRoute() : null;\n    const platformState = useSelector((state) => (state as any).platform);\n    let appRoutes: any = Object.keys(descriptors)\n        .map((k: any) => {\n            let route = { ...descriptors[k] };\n            route.index = state.routes.findIndex((x: any) => x.key === k);\n            return route;\n        })\n        .filter((r: any) => (settings?.layout == 'bottom' ? r : r?.route?.params?.menu_position == 'bottom'))\n        .sort(\n            (a: any, b: any) =>\n                (a.options.priority ? a.options.priority : a.options.title) -\n                (b.options.priority ? b.options.priority : b.options.title),\n        );\n\n    const onPress = React.useCallback((route, navigation, isFocused) => {\n        if (route?.route) {\n            const event = navigation.emit({\n                type: 'tabPress',\n                target: route.route.key,\n                canPreventDefault: true,\n            });\n\n            if (!isFocused && !event.defaultPrevented) {\n                // The `merge: true` option makes sure that the params inside the tab screen are preserved\n                navigation.navigate({\n                    name: route.route.name,\n                    merge: true,\n                    orgName: currentRoute?.params?.orgName || platformState?.orgName,\n                });\n            }\n        }\n    }, []);\n\n    const onLongPress = React.useCallback((route, navigation, isFocused) => {\n        if (route?.route) {\n            navigation.emit({\n                type: 'tabLongPress',\n                target: route.route.key,\n            });\n        }\n    }, []);\n\n    return (\n        <SafeAreaView>\n            <Box\n                flexDirection=\"row\"\n                width=\"100%\"\n                alignSelf=\"center\"\n                bg={'white'}\n                borderTopWidth={'$1'}\n                borderTopColor={'#d3d3d3'}\n                py={\"$4\"}\n            >\n                {appRoutes.map((route: any, index: any) => {\n                    const options = route.options;\n                    const label =\n                        options.tabBarLabel !== undefined\n                            ? options.tabBarLabel\n                            : options.title !== undefined\n                            ? options.title\n                            : route.route.name;\n\n                    const isFocused = state.index === route.index;\n\n                    // const onPress = () => {\n                    //     const event = navigation.emit({\n                    //         type: 'tabPress',\n                    //         target: route.route.key,\n                    //         canPreventDefault: true,\n                    //     });\n\n                    //     if (!isFocused && !event.defaultPrevented) {\n                    //         // The `merge: true` option makes sure that the params inside the tab screen are preserved\n                    //         navigation.navigate({\n                    //             name: route.route.name,\n                    //             merge: true,\n                    //             orgName: currentRoute?.params?.orgName || platformState?.orgName,\n                    //         });\n                    //     }\n                    // };\n\n                    // const onLongPress = () => {\n                    //     navigation.emit({\n                    //         type: 'tabLongPress',\n                    //         target: route.route.key,\n                    //     });\n                    // };\n\n                    return (\n                        <Pressable\n                            key={index}\n                            opacity={isFocused ? '$100' : '$50'}\n                            //  pb=\"$8\"\n                            //pt={'$3'}\n                            flex={1}\n                            onPress={() => onPress(route, navigation, isFocused)}\n                            onLongPress={() => onLongPress(route, navigation, isFocused)}\n                            testID={options.tabBarTestID}\n                            accessibilityState={isFocused ? { selected: true } : {}}\n                            accessibilityLabel={options.tabBarAccessibilityLabel}\n                        >\n                            <Center>\n                                {options?.tabBarIcon\n                                    ? options.tabBarIcon({\n                                          color: isFocused\n                                              ? options.tabBarActiveTintColor\n                                              : options.tabBarInactiveTintColor,\n                                          size: 24,\n                                      })\n                                    : null}\n\n                                <Text\n                                    color={isFocused ? options.tabBarActiveTintColor : options.tabBarInactiveTintColor}\n                                    style={{ fontSize: 12 }}\n                                >\n                                    {label}\n                                </Text>\n                            </Center>\n                        </Pressable>\n                    );\n                })}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(CustomBottomTabs);\n"],"names":["state","_a","React","navigation"],"mappings":"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"}
+{"version":3,"file":"CustomBottomTabs.js","sources":["../../../src/components/CustomBottomTabs/CustomBottomTabs.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Pressable, Center, Text, SafeAreaView } from '@admin-layout/gluestack-ui-mobile';\nimport { useSelector } from 'react-redux';\nimport { useRoute } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\n\nconst CustomBottomTabs = ({ state, descriptors, navigation }: any) => {\n    const settings = useSelector<any>((state) => state.settings) as any;\n    //const currentRoute: any = useRoute();\n    const currentRoute: any = navigationRef.isReady() ? navigationRef?.getCurrentRoute() : null;\n    const platformState = useSelector((state) => (state as any).platform);\n    let appRoutes: any = Object.keys(descriptors)\n        .map((k: any) => {\n            let route = { ...descriptors[k] };\n            route.index = state.routes.findIndex((x: any) => x.key === k);\n            return route;\n        })\n        .filter((r: any) => (settings?.layout == 'bottom' ? r : r?.route?.params?.menu_position == 'bottom'))\n        .sort(\n            (a: any, b: any) =>\n                (a.options.priority ? a.options.priority : a.options.title) -\n                (b.options.priority ? b.options.priority : b.options.title),\n        );\n\n    const onPress = React.useCallback((route, navigation, isFocused) => {\n        if (route?.route) {\n            const event = navigation.emit({\n                type: 'tabPress',\n                target: route.route.key,\n                canPreventDefault: true,\n            });\n\n            if (!isFocused && !event.defaultPrevented) {\n                // The `merge: true` option makes sure that the params inside the tab screen are preserved\n                navigation.navigate({\n                    name: route.route.name,\n                    merge: true,\n                    orgName: currentRoute?.params?.orgName || platformState?.orgName,\n                });\n            }\n        }\n    }, []);\n\n    const onLongPress = React.useCallback((route, navigation, isFocused) => {\n        if (route?.route) {\n            navigation.emit({\n                type: 'tabLongPress',\n                target: route.route.key,\n            });\n        }\n    }, []);\n\n    return (\n        <SafeAreaView>\n            <Box\n                flexDirection=\"row\"\n                width=\"100%\"\n                alignSelf=\"center\"\n                bg={'white'}\n                borderTopWidth={'$1'}\n                borderTopColor={'#d3d3d3'}\n                py={\"$4\"}\n            >\n                {appRoutes.map((route: any, index: any) => {\n                    const options = route.options;\n                    const label =\n                        options.tabBarLabel !== undefined\n                            ? options.tabBarLabel\n                            : options.title !== undefined\n                            ? options.title\n                            : route.route.name;\n\n                    const isFocused = state.index === route.index;\n\n                    // const onPress = () => {\n                    //     const event = navigation.emit({\n                    //         type: 'tabPress',\n                    //         target: route.route.key,\n                    //         canPreventDefault: true,\n                    //     });\n\n                    //     if (!isFocused && !event.defaultPrevented) {\n                    //         // The `merge: true` option makes sure that the params inside the tab screen are preserved\n                    //         navigation.navigate({\n                    //             name: route.route.name,\n                    //             merge: true,\n                    //             orgName: currentRoute?.params?.orgName || platformState?.orgName,\n                    //         });\n                    //     }\n                    // };\n\n                    // const onLongPress = () => {\n                    //     navigation.emit({\n                    //         type: 'tabLongPress',\n                    //         target: route.route.key,\n                    //     });\n                    // };\n\n                    return (\n                        <Pressable\n                            key={index}\n                            opacity={isFocused ? '$100' : '$50'}\n                            //  pb=\"$8\"\n                            //pt={'$3'}\n                            flex={1}\n                            onPress={() => onPress(route, navigation, isFocused)}\n                            onLongPress={() => onLongPress(route, navigation, isFocused)}\n                            testID={options.tabBarTestID}\n                            accessibilityState={isFocused ? { selected: true } : {}}\n                            accessibilityLabel={options.tabBarAccessibilityLabel}\n                        >\n                            <Center>\n                                {options?.tabBarIcon\n                                    ? options.tabBarIcon({\n                                          color: isFocused\n                                              ? options.tabBarActiveTintColor\n                                              : options.tabBarInactiveTintColor,\n                                          size: 24,\n                                      })\n                                    : null}\n\n                                <Text\n                                    color={isFocused ? options.tabBarActiveTintColor : options.tabBarInactiveTintColor}\n                                    style={{ fontSize: 12 }}\n                                >\n                                    {label}\n                                </Text>\n                            </Center>\n                        </Pressable>\n                    );\n                })}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(CustomBottomTabs);\n"],"names":["state","_a","React","navigation"],"mappings":"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"}

package/lib/components/CustomDrawer/CustomDrawer.js

@@ -26,7 +26,9 @@ const CustomDrawerComponent = (props) => {
     setOrganizationDetail,
     organizationDetail
   } = useDrawerLayout();
-  useLocationChange();
+  const {
+    setLocationChange
+  } = useLocationChange();
   const {
     data: orgDetailData,
     refetch: _refetchOrgDetail

package/lib/components/CustomDrawer/CustomDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomDrawer.js","sources":["../../../src/components/CustomDrawer/CustomDrawer.tsx"],"sourcesContent":["import React from 'react';\nimport { Ionicons, MaterialIcons, FontAwesome5, AntDesign } from '@expo/vector-icons';\nimport { createDrawerNavigator, DrawerContentScrollView, DrawerItemList, DrawerItem } from '@react-navigation/drawer';\nimport { TouchableHighlight } from 'react-native';\nimport {\n    SafeAreaView,\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Heading,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    Divider,\n    FlatList,\n    useLocationChange,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { useSelector } from 'react-redux';\nimport { navigationRef } from '@common-stack/client-react';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { StackActions, CommonActions, useNavigation, useFocusEffect } from '@react-navigation/native';\nimport { useDrawerLayout } from '../../hooks/useDrawerLayout';\nimport {\n    useGetUserOrganizationsQuery,\n    useGetOrganizationDetailLazyQuery,\n    useGetOrganizationDetailQuery,\n    useCreateOrganizationMutation,\n} from 'common/lib/generated/generated.js';\nimport { startCase } from 'lodash-es';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\n\nconst CustomDrawerComponent = (props: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const settings = useSelector<any>((state) => state.settings) as any;\n    const { open, setOpen, appConfiguredRoutes, orgName, setOrganizationDetail, organizationDetail } =\n        useDrawerLayout();\n    const { setLocationChange } = useLocationChange();\n    const { data: orgDetailData, refetch: _refetchOrgDetail } = useGetOrganizationDetailQuery({\n        variables: {\n            where: {\n                name: orgName,\n            },\n        },\n    });\n    const {\n        data: userOrganizationsData,\n        loading: isLoadingUsersOrganization,\n        refetch: refetchUserOrganizations,\n    }: any = useGetUserOrganizationsQuery({\n        //     //@ts-ignor\n        variables: { userId: user?.id },\n        //fetchPolicy: 'cache-and-network',\n    });\n\n    useFocusEffect(\n        React.useCallback(() => {\n            refetchUserOrganizations({\n                userId: user?.id,\n            });\n            if (orgName) _refetchOrgDetail({ where: { name: orgName } });\n        }, [orgName, open]),\n    );\n\n    React.useEffect(() => {\n        if (orgDetailData?.getOrganizationDetail) setOrganizationDetail(orgDetailData?.getOrganizationDetail);\n    }, [orgDetailData?.getOrganizationDetail]);\n\n    // const goToOrganization = React.useCallback((orgName: any) => {\n    //     setOpen(false);\n    //     setLocationChange({ configurableRoutes: appConfiguredRoutes, orgName: orgName });\n    //     navigation.reset({\n    //         index: 0,\n    //         routes: [\n    //             {\n    //                 name: 'MainStack.Layout.Home',\n    //                 params: { orgName: orgName },\n    //             },\n    //         ],\n    //     });\n    // }, []);\n\n    const goToOrganization = React.useCallback((orgName: any) => {\n        setOpen(false);\n        navigation.navigate('MainStack', { screen: NavigationRoutes.Home, params: { orgName } });\n    }, []);\n\n    const addWorkSpace = React.useCallback(() => {\n        setOpen(false);\n        navigation?.navigate('MainStack', { screen: NavigationRoutes.AddWorkSpace, params: { orgName } });\n    }, [orgName]);\n\n    const renderWorkspaces = ({ item: o, index: i }: any) => {\n        const title = o?.title ?? o.name;\n        const matches: any = title?.match(/\\b(\\w)/g) ?? '';\n        //const acronym: any = matches?.join('')?.substring(0, 2)?.toUpperCase() ?? ''; // JSON\n        const acronym: any = Array.isArray(matches) ? matches?.join('')?.substring(0, 2) : ''; // JSON\n\n        return (\n            <TouchableHighlight\n                underlayColor={'transparent'}\n                activeOpacity={0.5}\n                key={i}\n                onPress={() => goToOrganization(o.name)}\n            >\n                <HStack px={'$2'} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\" py={'$2'}>\n                    <HStack space={'sm'} alignItems=\"center\">\n                        <Button\n                            // mx={'$2'}\n                            px={'$0'}\n                            py={'$0'}\n                            size={'md'}\n                            bg={'transparent'}\n                            // borderRadius={'$lg'}\n                            // borderWidth={o.name == orgName ? '$2' : '$1'}\n                            // borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                        >\n                            <Avatar\n                                bg={'$trueGray300'}\n                                size={'md'}\n                                // borderRadius={o.name == orgName ? '$none' : '$lg'}\n                                borderRadius={'$lg'}\n                                borderWidth={o.name == orgName ? '$2' : '$1'}\n                                borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                                p={'$0'}\n                            >\n                                <Text fontWeight={'$extrabold'} color=\"$black\" style={{ fontSize: 18 }}>\n                                    {acronym}\n                                </Text>\n                            </Avatar>\n\n                            {/* <ButtonText size=\"md\" fontWeight={'$extrabold'} color=\"$black\" style={{ fontSize: 18 }}>\n                                {startCase(acronym)}\n                            </ButtonText> */}\n                        </Button>\n                        <Text color=\"$black\" style={{ fontSize: 16 }} w={'60%'} fontWeight={'$bold'}>\n                            {title}\n                        </Text>\n                    </HStack>\n                    <Button bg={'transparent'} size={'lg'} pr={'$1'}>\n                        <MaterialIcons size={30} name=\"more-vert\" color={'#000'} />\n                    </Button>\n                </HStack>\n            </TouchableHighlight>\n        );\n    };\n\n    return (\n        <Box flex={1} w={'100%'}>\n            {/* <StatusBar style={'dark'} /> */}\n            <Box flex={1}>\n                <Heading\n                    p={'$5'}\n                    size={'lg'}\n                    color={props.titleColor || settings?.navTheme == 'dark' ? 'white' : 'black'}\n                >\n                    Workspaces\n                </Heading>\n                <VStack flex={0.8} space={'sm'}>\n                    <FlatList\n                        flex={1}\n                        keyExtractor={(item, index) => String(index)}\n                        contentContainerStyle={{\n                            flexGrow: 1,\n                            paddingBottom: 80,\n                        }}\n                        data={\n                            userOrganizationsData?.getUserOrganizations &&\n                            userOrganizationsData?.getUserOrganizations.length > 0\n                                ? userOrganizationsData?.getUserOrganizations\n                                : []\n                        }\n                        renderItem={renderWorkspaces}\n                        ListEmptyComponent={() => {\n                            return (\n                                <Box bg={'#fff'} py={'$2'}>\n                                    <VStack space=\"sm\">\n                                        <Box px=\"$4\" py={'$5'}>\n                                            <Text>No Memebers found</Text>\n                                        </Box>\n                                    </VStack>\n                                </Box>\n                            );\n                        }}\n                        key={'workspaces-list'}\n                    />\n                    {/* {userOrganizationsData?.getUserOrganizations &&\n                        userOrganizationsData?.getUserOrganizations?.length > 0 &&\n                        userOrganizationsData?.getUserOrganizations?.map((o: any, i: any) => {\n                            const matches: any = o?.title?.match(/\\b(\\w)/g) ?? '';\n                            const acronym: any = matches?.join('')?.substring(0, 2)?.toUpperCase() ?? ''; // JSON\n                            return (\n                                <TouchableHighlight\n                                    underlayColor={'transparent'}\n                                    activeOpacity={0.5}\n                                    key={i}\n                                    onPress={() => goToOrganization(o.name)}\n                                >\n                                    <HStack px=\"1\" justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                                        <HStack alignItems=\"center\">\n                                            <IconButton\n                                                mx={2}\n                                                px={2}\n                                                py={2}\n                                                size={12}\n                                                bg={'transparent'}\n                                                borderRadius={'lg'}\n                                                borderWidth={o.name == orgName ? 2 : 1}\n                                                borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                                                icon={\n                                                    <Avatar\n                                                        bg={'gray.300'}\n                                                        size={o.name == orgName ? 10 : 12}\n                                                        borderRadius={o.name == orgName ? 0 : 'lg'}\n                                                        p={2}\n                                                        _image={{ borderRadius: 0 }}\n                                                        _text={{ color: '#000', fontWeight: 800, fontSize: 18 }}\n                                                    >\n                                                        {acronym}\n                                                    </Avatar>\n                                                }\n                                            />\n                                            <Text color=\"black\" fontSize=\"18\" fontWeight={'bold'}>\n                                                {o?.title ?? o.name}\n                                            </Text>\n                                        </HStack>\n                                        <IconButton\n                                            size={'lg'}\n                                            _icon={{\n                                                as: MaterialIcons,\n                                                name: 'more-vert',\n                                                color: '#000',\n                                            }}\n                                        />\n                                    </HStack>\n                                </TouchableHighlight>\n                            );\n                        })} */}\n                </VStack>\n                <VStack flex={1} w={'100%'} space={'sm'} bg={'$white'} position={'absolute'} bottom={'$10'}>\n                    <Divider w={'100%'} />\n                    {user?.accessToken && (\n                        <VStack space={'sm'}>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                bg={'transparent'}\n                                $pressed-bg={'$trueGray200'}\n                                justifyContent={'flex-start'}\n                                onPress={() => addWorkSpace()}\n                            >\n                                <AntDesign color=\"black\" name=\"plus\" size={22} />\n                                <ButtonText pl={'$2'} style={{ color: 'black', fontSize: 15 }}>\n                                    Add a workspace\n                                </ButtonText>\n                            </Button>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                bg={'transparent'}\n                                $pressed-bg={'$trueGray200'}\n                                justifyContent={'flex-start'}\n                            >\n                                <Ionicons color=\"black\" name=\"settings-outline\" size={22} />\n                                <ButtonText pl={'$2'} style={{ color: 'black', fontSize: 15 }}>\n                                    Preferences\n                                </ButtonText>\n                            </Button>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                bg={'transparent'}\n                                $pressed-bg={'$trueGray200'}\n                                justifyContent={'flex-start'}\n                            >\n                                <Ionicons color=\"black\" name=\"help-circle-outline\" size={22} />\n                                <ButtonText pl={'$2'} style={{ color: 'black', fontSize: 15 }}>\n                                    Help\n                                </ButtonText>\n                            </Button>\n                            {/* <HStack px=\"1\" pt={1} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                                <TouchableHighlight\n                                    underlayColor={'transparent'}\n                                    activeOpacity={0.5}\n                                    style={{ width: '100%' }}\n                                    onPress={() => CreateOrganization()}\n                                >\n                                    <Text textAlign={'center'} color=\"black\" fontSize=\"18\" fontWeight={'bold'}>\n                                        Add a Workspace\n                                    </Text>\n                                </TouchableHighlight>\n                            </HStack> */}\n                        </VStack>\n                    )}\n                </VStack>\n            </Box>\n        </Box>\n    );\n};\n\nconst CustomDrawer = (props: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const settings = useSelector<any>((state) => state.settings) as any;\n\n    return (\n        <SafeAreaView flex={1}>\n            <Box flex={1} w={'100%'}>\n                {user && user?.accessToken ? <CustomDrawerComponent {...props} /> : <></>}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(CustomDrawer);\n"],"names":["React","orgName"],"mappings":"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"}
+{"version":3,"file":"CustomDrawer.js","sources":["../../../src/components/CustomDrawer/CustomDrawer.tsx"],"sourcesContent":["import React from 'react';\nimport { Ionicons, MaterialIcons, FontAwesome5, AntDesign } from '@expo/vector-icons';\nimport { createDrawerNavigator, DrawerContentScrollView, DrawerItemList, DrawerItem } from '@react-navigation/drawer';\nimport { TouchableHighlight } from 'react-native';\nimport {\n    SafeAreaView,\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Heading,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    Divider,\n    FlatList,\n    useLocationChange,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { useSelector } from 'react-redux';\nimport { navigationRef } from '@common-stack/client-react';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { StackActions, CommonActions, useNavigation, useFocusEffect } from '@react-navigation/native';\nimport { useDrawerLayout } from '../../hooks/useDrawerLayout';\nimport {\n    useGetUserOrganizationsQuery,\n    useGetOrganizationDetailLazyQuery,\n    useGetOrganizationDetailQuery,\n    useCreateOrganizationMutation,\n} from 'common/lib/generated/generated.js';\nimport { startCase } from 'lodash-es';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\n\nconst CustomDrawerComponent = (props: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const settings = useSelector<any>((state) => state.settings) as any;\n    const { open, setOpen, appConfiguredRoutes, orgName, setOrganizationDetail, organizationDetail } =\n        useDrawerLayout();\n    const { setLocationChange } = useLocationChange();\n    const { data: orgDetailData, refetch: _refetchOrgDetail } = useGetOrganizationDetailQuery({\n        variables: {\n            where: {\n                name: orgName,\n            },\n        },\n    });\n    const {\n        data: userOrganizationsData,\n        loading: isLoadingUsersOrganization,\n        refetch: refetchUserOrganizations,\n    }: any = useGetUserOrganizationsQuery({\n        //     //@ts-ignor\n        variables: { userId: user?.id },\n        //fetchPolicy: 'cache-and-network',\n    });\n\n    useFocusEffect(\n        React.useCallback(() => {\n            refetchUserOrganizations({\n                userId: user?.id,\n            });\n            if (orgName) _refetchOrgDetail({ where: { name: orgName } });\n        }, [orgName, open]),\n    );\n\n    React.useEffect(() => {\n        if (orgDetailData?.getOrganizationDetail) setOrganizationDetail(orgDetailData?.getOrganizationDetail);\n    }, [orgDetailData?.getOrganizationDetail]);\n\n    // const goToOrganization = React.useCallback((orgName: any) => {\n    //     setOpen(false);\n    //     setLocationChange({ configurableRoutes: appConfiguredRoutes, orgName: orgName });\n    //     navigation.reset({\n    //         index: 0,\n    //         routes: [\n    //             {\n    //                 name: 'MainStack.Layout.Home',\n    //                 params: { orgName: orgName },\n    //             },\n    //         ],\n    //     });\n    // }, []);\n\n    const goToOrganization = React.useCallback((orgName: any) => {\n        setOpen(false);\n        navigation.navigate('MainStack', { screen: NavigationRoutes.Home, params: { orgName } });\n    }, []);\n\n    const addWorkSpace = React.useCallback(() => {\n        setOpen(false);\n        navigation?.navigate('MainStack', { screen: NavigationRoutes.AddWorkSpace, params: { orgName } });\n    }, [orgName]);\n\n    const renderWorkspaces = ({ item: o, index: i }: any) => {\n        const title = o?.title ?? o.name;\n        const matches: any = title?.match(/\\b(\\w)/g) ?? '';\n        //const acronym: any = matches?.join('')?.substring(0, 2)?.toUpperCase() ?? ''; // JSON\n        const acronym: any = Array.isArray(matches) ? matches?.join('')?.substring(0, 2) : ''; // JSON\n\n        return (\n            <TouchableHighlight\n                underlayColor={'transparent'}\n                activeOpacity={0.5}\n                key={i}\n                onPress={() => goToOrganization(o.name)}\n            >\n                <HStack px={'$2'} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\" py={'$2'}>\n                    <HStack space={'sm'} alignItems=\"center\">\n                        <Button\n                            // mx={'$2'}\n                            px={'$0'}\n                            py={'$0'}\n                            size={'md'}\n                            bg={'transparent'}\n                            // borderRadius={'$lg'}\n                            // borderWidth={o.name == orgName ? '$2' : '$1'}\n                            // borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                        >\n                            <Avatar\n                                bg={'$trueGray300'}\n                                size={'md'}\n                                // borderRadius={o.name == orgName ? '$none' : '$lg'}\n                                borderRadius={'$lg'}\n                                borderWidth={o.name == orgName ? '$2' : '$1'}\n                                borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                                p={'$0'}\n                            >\n                                <Text fontWeight={'$extrabold'} color=\"$black\" style={{ fontSize: 18 }}>\n                                    {acronym}\n                                </Text>\n                            </Avatar>\n\n                            {/* <ButtonText size=\"md\" fontWeight={'$extrabold'} color=\"$black\" style={{ fontSize: 18 }}>\n                                {startCase(acronym)}\n                            </ButtonText> */}\n                        </Button>\n                        <Text color=\"$black\" style={{ fontSize: 16 }} w={'60%'} fontWeight={'$bold'}>\n                            {title}\n                        </Text>\n                    </HStack>\n                    <Button bg={'transparent'} size={'lg'} pr={'$1'}>\n                        <MaterialIcons size={30} name=\"more-vert\" color={'#000'} />\n                    </Button>\n                </HStack>\n            </TouchableHighlight>\n        );\n    };\n\n    return (\n        <Box flex={1} w={'100%'}>\n            {/* <StatusBar style={'dark'} /> */}\n            <Box flex={1}>\n                <Heading\n                    p={'$5'}\n                    size={'lg'}\n                    color={props.titleColor || settings?.navTheme == 'dark' ? 'white' : 'black'}\n                >\n                    Workspaces\n                </Heading>\n                <VStack flex={0.8} space={'sm'}>\n                    <FlatList\n                        flex={1}\n                        keyExtractor={(item, index) => String(index)}\n                        contentContainerStyle={{\n                            flexGrow: 1,\n                            paddingBottom: 80,\n                        }}\n                        data={\n                            userOrganizationsData?.getUserOrganizations &&\n                            userOrganizationsData?.getUserOrganizations.length > 0\n                                ? userOrganizationsData?.getUserOrganizations\n                                : []\n                        }\n                        renderItem={renderWorkspaces}\n                        ListEmptyComponent={() => {\n                            return (\n                                <Box bg={'#fff'} py={'$2'}>\n                                    <VStack space=\"sm\">\n                                        <Box px=\"$4\" py={'$5'}>\n                                            <Text>No Memebers found</Text>\n                                        </Box>\n                                    </VStack>\n                                </Box>\n                            );\n                        }}\n                        key={'workspaces-list'}\n                    />\n                    {/* {userOrganizationsData?.getUserOrganizations &&\n                        userOrganizationsData?.getUserOrganizations?.length > 0 &&\n                        userOrganizationsData?.getUserOrganizations?.map((o: any, i: any) => {\n                            const matches: any = o?.title?.match(/\\b(\\w)/g) ?? '';\n                            const acronym: any = matches?.join('')?.substring(0, 2)?.toUpperCase() ?? ''; // JSON\n                            return (\n                                <TouchableHighlight\n                                    underlayColor={'transparent'}\n                                    activeOpacity={0.5}\n                                    key={i}\n                                    onPress={() => goToOrganization(o.name)}\n                                >\n                                    <HStack px=\"1\" justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                                        <HStack alignItems=\"center\">\n                                            <IconButton\n                                                mx={2}\n                                                px={2}\n                                                py={2}\n                                                size={12}\n                                                bg={'transparent'}\n                                                borderRadius={'lg'}\n                                                borderWidth={o.name == orgName ? 2 : 1}\n                                                borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                                                icon={\n                                                    <Avatar\n                                                        bg={'gray.300'}\n                                                        size={o.name == orgName ? 10 : 12}\n                                                        borderRadius={o.name == orgName ? 0 : 'lg'}\n                                                        p={2}\n                                                        _image={{ borderRadius: 0 }}\n                                                        _text={{ color: '#000', fontWeight: 800, fontSize: 18 }}\n                                                    >\n                                                        {acronym}\n                                                    </Avatar>\n                                                }\n                                            />\n                                            <Text color=\"black\" fontSize=\"18\" fontWeight={'bold'}>\n                                                {o?.title ?? o.name}\n                                            </Text>\n                                        </HStack>\n                                        <IconButton\n                                            size={'lg'}\n                                            _icon={{\n                                                as: MaterialIcons,\n                                                name: 'more-vert',\n                                                color: '#000',\n                                            }}\n                                        />\n                                    </HStack>\n                                </TouchableHighlight>\n                            );\n                        })} */}\n                </VStack>\n                <VStack flex={1} w={'100%'} space={'sm'} bg={'$white'} position={'absolute'} bottom={'$10'}>\n                    <Divider w={'100%'} />\n                    {user?.accessToken && (\n                        <VStack space={'sm'}>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                bg={'transparent'}\n                                $pressed-bg={'$trueGray200'}\n                                justifyContent={'flex-start'}\n                                onPress={() => addWorkSpace()}\n                            >\n                                <AntDesign color=\"black\" name=\"plus\" size={22} />\n                                <ButtonText pl={'$2'} style={{ color: 'black', fontSize: 15 }}>\n                                    Add a workspace\n                                </ButtonText>\n                            </Button>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                bg={'transparent'}\n                                $pressed-bg={'$trueGray200'}\n                                justifyContent={'flex-start'}\n                            >\n                                <Ionicons color=\"black\" name=\"settings-outline\" size={22} />\n                                <ButtonText pl={'$2'} style={{ color: 'black', fontSize: 15 }}>\n                                    Preferences\n                                </ButtonText>\n                            </Button>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                bg={'transparent'}\n                                $pressed-bg={'$trueGray200'}\n                                justifyContent={'flex-start'}\n                            >\n                                <Ionicons color=\"black\" name=\"help-circle-outline\" size={22} />\n                                <ButtonText pl={'$2'} style={{ color: 'black', fontSize: 15 }}>\n                                    Help\n                                </ButtonText>\n                            </Button>\n                            {/* <HStack px=\"1\" pt={1} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                                <TouchableHighlight\n                                    underlayColor={'transparent'}\n                                    activeOpacity={0.5}\n                                    style={{ width: '100%' }}\n                                    onPress={() => CreateOrganization()}\n                                >\n                                    <Text textAlign={'center'} color=\"black\" fontSize=\"18\" fontWeight={'bold'}>\n                                        Add a Workspace\n                                    </Text>\n                                </TouchableHighlight>\n                            </HStack> */}\n                        </VStack>\n                    )}\n                </VStack>\n            </Box>\n        </Box>\n    );\n};\n\nconst CustomDrawer = (props: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const settings = useSelector<any>((state) => state.settings) as any;\n\n    return (\n        <SafeAreaView flex={1}>\n            <Box flex={1} w={'100%'}>\n                {user && user?.accessToken ? <CustomDrawerComponent {...props} /> : <></>}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(CustomDrawer);\n"],"names":["React","orgName"],"mappings":"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"}

package/lib/components/NavigationHeader/InboxNavigationHeader.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {useNavigation,useRoute}from'@react-navigation/native';import {Box,Button,VStack,HStack,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text,SafeAreaView}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {getHeaderTitle}from'@react-navigation/elements';import {Octicons,MaterialIcons,Feather,AntDesign}from'@expo/vector-icons';import {NavigationRoutes}from'../../constants/routes.js';import {startCase}from'lodash-es';import {navigationRef}from'@common-stack/client-react';import {RoomType}from'common';import {useViewChannelDetailQuery}from'common/lib/generated/generated.js';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import {LoadingSpinnerDefault}from'../LoadingSpinner/index.js';const InboxChannelInfo = React__default.memo(({
+import React__default from'react';import {useNavigation,useRoute}from'@react-navigation/native';import {SafeAreaView,Box,VStack,HStack,Button,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {getHeaderTitle}from'@react-navigation/elements';import {MaterialIcons,Feather,AntDesign,Octicons}from'@expo/vector-icons';import {NavigationRoutes}from'../../constants/routes.js';import {startCase}from'lodash-es';import {navigationRef}from'@common-stack/client-react';import {RoomType}from'common';import {useViewChannelDetailQuery}from'common/lib/generated/generated.js';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import {LoadingSpinnerDefault}from'../LoadingSpinner/index.js';const InboxChannelInfo = React__default.memo(({
   channelId,
   defalultTitle
 }) => {

package/lib/components/NavigationHeader/InboxNavigationHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"InboxNavigationHeader.js","sources":["../../../src/components/NavigationHeader/InboxNavigationHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useFocusEffect, useIsFocused, useNavigation, useRoute } from '@react-navigation/native';\nimport { TouchableHighlight, Pressable, View } from 'react-native';\nimport {\n    SafeAreaView,\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons, AntDesign, FontAwesome, Feather, Octicons } from '@expo/vector-icons';\n// import AddMemberToChannel from '../AddMemberToChannel';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { startCase } from 'lodash-es';\nimport { navigationRef } from '@common-stack/client-react';\nimport { RoomType } from 'common';\nimport { useViewChannelDetailQuery } from 'common/lib/generated/generated.js';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { LoadingSpinnerDefault } from '../LoadingSpinner';\n\nconst InboxChannelInfo = React.memo(({ channelId, defalultTitle }: { channelId: string; defalultTitle: string }) => {\n    const navigation = useNavigation<any>();\n    const { name, params } = useRoute<any>();\n    const user = useSelector(userSelector);\n    const titleCharacterLimit: number = 18;\n    const {\n        data: channelData,\n        loading: channelLoading,\n        refetch: reFetchChannel,\n    } = useViewChannelDetailQuery({\n        variables: {\n            id: channelId?.toString(),\n        },\n    });\n    // const channelTitle =\n    //     defaultChannelTitle?.length > titleCharacterLimit\n    //         ? defaultChannelTitle?.substring(0, titleCharacterLimit) + '...'\n    //         : defaultChannelTitle;\n\n    React.useEffect(() => {\n        // Do something when the screen is focused\n        reFetchChannel({ id: channelId?.toString() });\n        return () => {};\n    }, []);\n\n    const channel = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail) return null;\n        return channelData?.viewChannelDetail;\n    }, [channelData]);\n\n    const channelType = React.useMemo(() => {\n        if (!channel?.type) return 'CHANNEL';\n        return channel?.type;\n    }, [channel]);\n\n    const channelMembers = React.useMemo(() => {\n        if (!channel?.members || channel?.members?.length == 0) return null;\n        return (\n            channel?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null\n        );\n    }, [channel]);\n\n    const channelTitle = React.useMemo(() => {\n        const membersNameAsTitle =\n            channelType == RoomType.Direct\n                ? channelMembers\n                      ?.map((u: any) => u?.givenName ?? '')\n                      ?.filter((mu: any) => mu)\n                      ?.join(', ') ?? ''\n                : null;\n        const title = membersNameAsTitle || params?.title || defalultTitle || '';\n        return title?.length > titleCharacterLimit ? title?.substring(0, titleCharacterLimit) + '...' : title;\n    }, [channelMembers]);\n\n    const memberImage = React.useMemo(() => {\n        return channelType == RoomType.Direct && channelMembers?.length == 1\n            ? channelMembers[0]?.picture ?? null\n            : null;\n    }, [channelMembers]);\n\n    if (channelLoading) return <LoadingSpinnerDefault />;\n\n    return (\n        <Box flex={1}>\n            <Button\n                bg={'transparent'}\n                variant={'solid'}\n                $pressed-bg=\"$trueGray200\"\n                $active-bg={'$trueGray200'}\n                justifyContent={'flex-start'}\n                rounded={'$xl'}\n                p={'$0'}\n                onPress={() =>\n                    navigation?.navigate('MainStack', {\n                        screen: NavigationRoutes.InboxChannelDetail,\n                        params: { channelId },\n                    })\n                }\n            >\n                <VStack>\n                    <HStack alignItems=\"center\">\n                        <Box>\n                            {memberImage ? (\n                                <Avatar key={'inbox-channel-member-image-key'} size={'sm'} bg={'transparent'}>\n                                    <AvatarFallbackText>{startCase(params?.title?.charAt(0) ?? '')}</AvatarFallbackText>\n                                    <AvatarImage\n                                        alt=\"inbox header image\"\n                                        style={{\n                                            width: 30,\n                                            height: 30,\n                                            borderRadius: 6,\n                                            borderWidth: 2,\n                                            borderColor: '#fff',\n                                        }}\n                                        source={{\n                                            uri: memberImage,\n                                        }}\n                                    />\n                                    <AvatarBadge style={{ width: 10, height: 10 }} bg=\"$green800\" />\n                                </Avatar>\n                            ) : channelType == RoomType.Channel ? (\n                                <Text pl={'$2'}>\n                                    <Octicons color=\"black\" name=\"hash\" size={18} />\n                                </Text>\n                            ) : channelType === RoomType.Private ? (\n                                <Text pl={'$2'}>\n                                    <Octicons color=\"black\" name=\"lock\" size={18} />\n                                </Text>\n                            ) : (\n                                <></>\n                            )}\n                        </Box>\n                        <Text\n                            px={'$2'}\n                            color=\"$black\"\n                            flexWrap={'wrap'}\n                            style={{ fontSize: 18 }}\n                            fontWeight=\"$bold\"\n                            numberOfLines={1}\n                        >\n                            {channelTitle}\n                        </Text>\n                    </HStack>\n                    <HStack>\n                        {!memberImage && channel?.members?.length > 0 && (\n                            <Text px={'$2'} color={'$trueGray600'}>\n                                {channel?.members?.length} {channel?.members?.length > 1 ? 'members' : 'member'}\n                            </Text>\n                        )}\n                    </HStack>\n                </VStack>\n            </Button>\n        </Box>\n    );\n});\n\nconst InboxHeader = ({ back, showToggle = null, showFilter = null, statusBarType = 'dark' }: any) => {\n    //const channelType = route?.params?.channelType || 'CHANNEL';\n    const currentOptions = navigationRef?.current?.getCurrentOptions();\n    const navigation = useNavigation<any>();\n    const { name, params } = useRoute<any>();\n    const defalultTitle = currentOptions ? getHeaderTitle(currentOptions, name) : params?.title;\n    const matches: any = defalultTitle.match(/\\b(\\w)/g);\n    const acronym: any = matches.join('').substring(0, 2); // JSON\n    // const defaultChannelTitle = route?.params?.title || title || '';\n    return (\n        <SafeAreaView>\n            <StatusBar style={statusBarType} backgroundColor={statusBarType == 'dark' ? 'white' : 'black'} />\n            <Box borderBottomWidth={'$1'} borderBottomColor={'$trueGray200'}>\n                <VStack>\n                    <HStack px=\"$1\" py=\"$3\" bg={'$white'} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                        {back ? (\n                            <Button\n                                bg={'transparent'}\n                                $pressed-bg=\"$trueGray200\"\n                                $active-bg={'$trueGray200'}\n                                //onPress={() => navigation?.goBack?.()}\n                                onPress={() =>\n                                    params?.goToHome\n                                        ? navigation?.navigate('MainStack', { screen: NavigationRoutes.Home })\n                                        : navigation?.goBack()\n                                }\n                            >\n                                <MaterialIcons size={30} name=\"keyboard-arrow-left\" color=\"black\" />\n                            </Button>\n                        ) : showToggle ? (\n                            <Button\n                                mx={'$2'}\n                                px={'$2'}\n                                py={'$2'}\n                                size={'md'}\n                                bg={'$trueGray300'}\n                                $pressed-bg=\"$trueGray200\"\n                                $active-bg={'$trueGray200'}\n                                onPress={() => navigation.toggleDrawer()}\n                            >\n                                <Avatar bg={'transparent'} size={'md'}>\n                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                        {acronym}\n                                    </AvatarFallbackText>\n                                </Avatar>\n                            </Button>\n                        ) : (\n                            <></>\n                        )}\n\n                        {params?.channelId && (\n                            <InboxChannelInfo channelId={params?.channelId} defalultTitle={defalultTitle} />\n                        )}\n\n                        <Button\n                            variant=\"solid\"\n                            bg={'transparent'}\n                            $pressed-bg=\"$trueGray200\"\n                            $active-bg={'$trueGray200'}\n                            //$pressed-backgroundColor={'$trueGray600'}\n                            size={'md'}\n                        >\n                            <Feather color={'black'} size={20} name=\"headphones\" />\n                        </Button>\n\n                        {params?.addMember && (\n                            <Button\n                                bg={'transparent'}\n                                $pressed-bg=\"transparent\"\n                                $active-bg={'transparent'}\n                                onPress={() =>\n                                    navigation.navigate('MainStack', {\n                                        screen: NavigationRoutes.AddPeople,\n                                        params: {\n                                            channelId: params?.channelId,\n                                            addMember: params?.addMember,\n                                            orgName: params?.orgName,\n                                        },\n                                    })\n                                }\n                                size={'lg'}\n                            >\n                                <AntDesign color={'black'} size={20} name=\"addusergroup\" />\n                            </Button>\n                        )}\n                    </HStack>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InboxHeader;\n\n//export default React.memo(InboxNavigationHeader);\n"],"names":["React","_a","_b","_c","_d"],"mappings":"mzBAgBA,MAAM,gBAAA,GAAmBA,cAAM,CAAA,IAAA,CAAK,CAAC;AAAA,EACnC,SAAA;AAAA,EACA;AACF,CAGM,KAAA;AAtBN,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAuBE,EAAA,MAAM,aAAa,aAAmB,EAAA;AACtC,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA;AAAA,MACE,QAAc,EAAA;AAClB,EAAM,MAAA,IAAA,GAAO,YAAY,YAAY,CAAA;AACrC,EAAA,MAAM,mBAA8B,GAAA,EAAA;AACpC,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,WAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,IACT,OAAS,EAAA;AAAA,MACP,yBAA0B,CAAA;AAAA,IAC5B,SAAW,EAAA;AAAA,MACT,IAAI,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,QAAA;AAAA;AACjB,GACD,CAAA;AAMD,EAAAA,cAAA,CAAM,UAAU,MAAM;AAEpB,IAAe,cAAA,CAAA;AAAA,MACb,IAAI,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,QAAA;AAAA,KAChB,CAAA;AACD,IAAA,OAAO,MAAM;AAAA,KAAC;AAAA,GAChB,EAAG,EAAE,CAAA;AACL,EAAM,MAAA,OAAA,GAAUA,cAAM,CAAA,OAAA,CAAQ,MAAM;AAClC,IAAA,IAAI,EAAC,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,iBAAA,CAAA;AAAmB,MAAO,OAAA,IAAA;AAC5C,IAAA,OAAO,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,iBAAA;AAAA,GACtB,EAAG,CAAC,WAAW,CAAC,CAAA;AAChB,EAAM,MAAA,WAAA,GAAcA,cAAM,CAAA,OAAA,CAAQ,MAAM;AACtC,IAAA,IAAI,EAAC,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,IAAA,CAAA;AAAM,MAAO,OAAA,SAAA;AAC3B,IAAA,OAAO,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,IAAA;AAAA,GAClB,EAAG,CAAC,OAAO,CAAC,CAAA;AACZ,EAAM,MAAA,cAAA,GAAiBA,cAAM,CAAA,OAAA,CAAQ,MAAM;AA3D7C,IAAAC,IAAAA,GAAAA,EAAAC,KAAAC,GAAAC,EAAAA,GAAAA;AA4DI,IAAI,IAAA,EAAC,mCAAS,OAAWH,CAAAA,IAAAA,CAAAA,CAAAA,GAAAA,GAAA,mCAAS,OAAT,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAkB,MAAU,KAAA,CAAA;AAAG,MAAO,OAAA,IAAA;AAC/D,IAAOG,OAAAA,CAAAA,GAAAA,GAAAA,CAAAD,OAAAD,GAAA,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,YAAT,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAkB,MAAO,CAAA,CAAC,EAAS,KAAA;AA7D9C,MAAA,IAAAD,GAAAC,EAAAA,GAAAA;AA6DiD,MAAA,OAAA,CAAA,CAAAD,GAAA,GAAA,EAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAI,IAAJ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAU,CAAA,EAAA,MAAM,IAAM,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAMC,GAAA,GAAA,EAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAI,IAAJ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAU,UAAc,KAAA,aAAA;AAAA,KAA1F,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAC,IAA0G,GAAI,CAAA,CAAC,MAAW,CAAG,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,CAAA,CAAA,IAAA,CAAA,KAA7H,OAAAC,GAAsI,GAAA,IAAA;AAAA,GAC/I,EAAG,CAAC,OAAO,CAAC,CAAA;AACZ,EAAM,MAAA,YAAA,GAAeJ,cAAM,CAAA,OAAA,CAAQ,MAAM;AA/D3C,IAAA,IAAAC,KAAAC,GAAAC,EAAAA,GAAAA;AAgEI,IAAM,MAAA,kBAAA,GAAqB,WAAe,IAAA,QAAA,CAAS,MAASA,GAAAA,CAAAA,GAAAA,GAAAA,CAAAD,OAAAD,GAAA,GAAA,cAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,cAAA,CAAgB,GAAI,CAAA,CAAC,CAAQ,KAAA;AAhE7F,MAAAA,IAAAA,GAAAA;AAgEgG,MAAA,OAAA,CAAAA,GAAA,GAAA,CAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,CAAA,CAAG,SAAH,KAAA,IAAA,GAAAA,GAAgB,GAAA,EAAA;AAAA,KAAA,CAAA,KAAhD,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAqD,MAAO,CAAA,CAAC,EAAY,KAAA,EAAA,CAAA,KAAzE,IAAAC,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAA8E,IAAK,CAAA,IAAA,CAAA,KAAnF,IAAAC,GAAAA,GAAAA,GAA4F,EAAK,GAAA,IAAA;AAC7J,IAAA,MAAM,KAAQ,GAAA,kBAAA,KAAsB,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,KAAA,CAAA,IAAS,aAAiB,IAAA,EAAA;AACtE,IAAA,OAAA,CAAO,+BAAO,MAAS,IAAA,mBAAA,GAAA,CAAsB,+BAAO,SAAU,CAAA,CAAA,EAAG,wBAAuB,KAAQ,GAAA,KAAA;AAAA,GAClG,EAAG,CAAC,cAAc,CAAC,CAAA;AACnB,EAAM,MAAA,WAAA,GAAcH,cAAM,CAAA,OAAA,CAAQ,MAAM;AApE1C,IAAA,IAAAC,GAAAC,EAAAA,GAAAA;AAqEI,IAAA,OAAO,WAAe,IAAA,QAAA,CAAS,MAAU,IAAA,CAAA,cAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,cAAA,CAAgB,WAAU,CAAIA,GAAAA,CAAAA,GAAAA,GAAAA,CAAAD,GAAA,GAAA,cAAA,CAAe,OAAf,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAmB,OAAnB,KAAA,IAAA,GAAAC,MAA8B,IAAO,GAAA,IAAA;AAAA,GAC9G,EAAG,CAAC,cAAc,CAAC,CAAA;AACnB,EAAI,IAAA,cAAA;AAAgB,IAAA,oDAAQ,qBAAsB,EAAA,IAAA,CAAA;AAClD,EAAO,uBAAAF,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,IAAA,EAAM,CACR,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,EAAI,EAAA,aAAA,EAAe,OAAS,EAAA,OAAA,EAAS,aAAY,EAAA,cAAA,EAAe,cAAY,cAAgB,EAAA,cAAA,EAAgB,YAAc,EAAA,OAAA,EAAS,KAAO,EAAA,CAAA,EAAG,MAAM,OAAS,EAAA,MAAM,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,QAAA,CAAS,WAAa,EAAA;AAAA,IAClN,QAAQ,gBAAiB,CAAA,kBAAA;AAAA,IACzB,MAAQ,EAAA;AAAA,MACN;AAAA;AACF,GAEU,CAAA,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MACG,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,UAAW,EAAA,QAAA,EAAA,kBACdA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EACI,8BAAeA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,GAAK,EAAA,gCAAA,EAAkC,MAAM,IAAM,EAAA,EAAA,EAAI,aACtE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,kBAAoB,EAAA,IAAA,EAAA,SAAA,CAAA,CAAU,EAAQ,GAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,KAAA,KAAR,mBAAe,MAAO,CAAA,CAAA,CAAA,KAAtB,IAA4B,GAAA,EAAA,GAAA,EAAE,CAAE,CAC/D,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,GAAA,EAAI,sBAAqB,KAAO,EAAA;AAAA,IACjE,KAAO,EAAA,EAAA;AAAA,IACP,MAAQ,EAAA,EAAA;AAAA,IACR,YAAc,EAAA,CAAA;AAAA,IACd,WAAa,EAAA,CAAA;AAAA,IACb,WAAa,EAAA;AAAA,KACZ,MAAQ,EAAA;AAAA,IACT,GAAK,EAAA;AAAA,GACJ,EAAA,CAAA,kBACoBA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,KAAO,EAAA;AAAA,IACxC,KAAO,EAAA,EAAA;AAAA,IACP,MAAQ,EAAA;AAAA,GACV,EAAG,IAAG,WAAY,EAAA,CACA,IAAY,WAAe,IAAA,QAAA,CAAS,OAAU,mBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,wBACnDA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,OAAA,EAAQ,IAAK,EAAA,MAAA,EAAO,MAAM,EAAI,EAAA,CAClD,CAAU,GAAA,WAAA,KAAgB,QAAS,CAAA,OAAA,gDAAW,IAAK,EAAA,EAAA,EAAA,EAAI,wBAClDA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,OAAQ,EAAA,IAAA,EAAK,MAAO,EAAA,IAAA,EAAM,EAAI,EAAA,CAClD,oBAAYA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CACpB,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,MAAM,KAAM,EAAA,QAAA,EAAS,QAAU,EAAA,MAAA,EAAQ,KAAO,EAAA;AAAA,IACpE,QAAU,EAAA;AAAA,KACT,UAAW,EAAA,OAAA,EAAQ,aAAe,EAAA,CAAA,EAAA,EAClB,YACL,CACJ,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EACI,CAAC,WAAe,IAAA,CAAA,CAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,YAAT,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAA,IAAS,qBAAMA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,IAAA,EAAM,OAAO,cAC/D,EAAA,EAAA,CAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,OAAT,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkB,QAAO,GAAE,EAAA,CAAA,CAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,OAAT,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkB,UAAS,CAAI,GAAA,SAAA,GAAY,QAC3E,CACR,CACJ,CACJ,CACJ,CAAA;AACR,CAAC,CAAA;AACD,MAAM,cAAc,CAAC;AAAA,EACnB,IAAA;AAAA,EACA,UAAa,GAAA,IAAA;AAAA,EACb,UAAa,GAAA,IAAA;AAAA,EACb,aAAgB,GAAA;AAClB,CAAW,KAAA;AA3HX,EAAA,IAAA,EAAA,EAAA,EAAA;AA6HE,EAAM,MAAA,cAAA,GAAA,CAAiB,EAAe,GAAA,CAAA,EAAA,GAAA,aAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,KAAf,IAAwB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,iBAAA,EAAA;AAC/C,EAAA,MAAM,aAAa,aAAmB,EAAA;AACtC,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA;AAAA,MACE,QAAc,EAAA;AAClB,EAAA,MAAM,gBAAgB,cAAiB,GAAA,cAAA,CAAe,cAAgB,EAAA,IAAI,IAAI,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,KAAA;AACtF,EAAM,MAAA,OAAA,GAAe,aAAc,CAAA,KAAA,CAAM,SAAS,CAAA;AAClD,EAAA,MAAM,UAAe,OAAQ,CAAA,IAAA,CAAK,EAAE,CAAE,CAAA,SAAA,CAAU,GAAG,CAAC,CAAA;AAEpD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACGA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,OAAO,aAAe,EAAA,eAAA,EAAiB,aAAiB,IAAA,MAAA,GAAS,UAAU,OAAS,EAAA,CAAA,kBAC9FA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,mBAAmB,IAAM,EAAA,iBAAA,EAAmB,cAC7C,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MACG,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,EAAA,EAAG,MAAK,EAAG,EAAA,IAAA,EAAK,EAAI,EAAA,QAAA,EAAU,gBAAe,eAAgB,EAAA,UAAA,EAAW,QAAS,EAAA,CAAA,EAAE,UACtF,IAAO,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MAAO,EAAI,EAAA,aAAA;AAAA,MAAe,aAAY,EAAA,cAAA;AAAA,MAAe,YAAY,EAAA,cAAA;AAAA,MAExF,SAAS,MAAM,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,QAAW,IAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,SAAS,WAAa,EAAA;AAAA,QAClE,QAAQ,gBAAiB,CAAA;AAAA,WACtB,UAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAA,MAAA;AAAA,KAAA;AAAA,iDACM,aAAc,EAAA,EAAA,IAAA,EAAM,IAAI,IAAK,EAAA,qBAAA,EAAsB,OAAM,OAAQ,EAAA;AAAA,GAC1D,GAAA,UAAA,mBAAcA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,EAAI,EAAA,IAAA,EAAM,EAAI,EAAA,IAAA,EAAM,EAAI,EAAA,IAAA,EAAM,IAAM,EAAA,IAAA,EAAM,IAAI,cAAgB,EAAA,aAAA,EAAY,cAAe,EAAA,YAAA,EAAY,cAAgB,EAAA,OAAA,EAAS,MAAM,UAAA,CAAW,cAC5K,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,EAAA,EAAI,aAAe,EAAA,IAAA,EAAM,IAC7B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,sBAAmB,KAAO,EAAA;AAAA,IAC/C,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA;AAAA,GAEa,EAAA,EAAA,OACL,CACJ,CACJ,oBAAcA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,EAAA,CAEjB,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,SAAA,kDAAc,gBAAiB,EAAA,EAAA,SAAA,EAAW,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,SAAA,EAAW,eAA8B,CAEpG,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MAAO,OAAQ,EAAA,OAAA;AAAA,MAAQ,EAAI,EAAA,aAAA;AAAA,MAAe,aAAY,EAAA,cAAA;AAAA,MAAe,YAAY,EAAA,cAAA;AAAA,MAEhG,IAAM,EAAA;AAAA,KAAA;AAAA,iDACa,OAAQ,EAAA,EAAA,KAAA,EAAO,SAAS,IAAM,EAAA,EAAA,EAAI,MAAK,YAAa,EAAA;AAAA,GAGxD,EAAA,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,SAAa,qBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,EAAI,EAAA,aAAA,EAAe,aAAY,EAAA,aAAA,EAAc,cAAY,aAAe,EAAA,OAAA,EAAS,MAAM,UAAA,CAAW,SAAS,WAAa,EAAA;AAAA,IAClK,QAAQ,gBAAiB,CAAA,SAAA;AAAA,IACzB,MAAQ,EAAA;AAAA,MACN,WAAW,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,SAAA;AAAA,MACnB,WAAW,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,SAAA;AAAA,MACnB,SAAS,MAAQ,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA;AAAA;AACnB,GACD,CAAG,EAAA,IAAA,EAAM,IACY,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,aAAU,KAAO,EAAA,OAAA,EAAS,IAAM,EAAA,EAAA,EAAI,MAAK,cAAe,EAAA,CAC7D,CACR,CACJ,CACJ,CACJ,CAAA;AACR"}
+{"version":3,"file":"InboxNavigationHeader.js","sources":["../../../src/components/NavigationHeader/InboxNavigationHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useFocusEffect, useIsFocused, useNavigation, useRoute } from '@react-navigation/native';\nimport { TouchableHighlight, Pressable, View } from 'react-native';\nimport {\n    SafeAreaView,\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons, AntDesign, FontAwesome, Feather, Octicons } from '@expo/vector-icons';\n// import AddMemberToChannel from '../AddMemberToChannel';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { startCase } from 'lodash-es';\nimport { navigationRef } from '@common-stack/client-react';\nimport { RoomType } from 'common';\nimport { useViewChannelDetailQuery } from 'common/lib/generated/generated.js';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { LoadingSpinnerDefault } from '../LoadingSpinner';\n\nconst InboxChannelInfo = React.memo(({ channelId, defalultTitle }: { channelId: string; defalultTitle: string }) => {\n    const navigation = useNavigation<any>();\n    const { name, params } = useRoute<any>();\n    const user = useSelector(userSelector);\n    const titleCharacterLimit: number = 18;\n    const {\n        data: channelData,\n        loading: channelLoading,\n        refetch: reFetchChannel,\n    } = useViewChannelDetailQuery({\n        variables: {\n            id: channelId?.toString(),\n        },\n    });\n    // const channelTitle =\n    //     defaultChannelTitle?.length > titleCharacterLimit\n    //         ? defaultChannelTitle?.substring(0, titleCharacterLimit) + '...'\n    //         : defaultChannelTitle;\n\n    React.useEffect(() => {\n        // Do something when the screen is focused\n        reFetchChannel({ id: channelId?.toString() });\n        return () => {};\n    }, []);\n\n    const channel = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail) return null;\n        return channelData?.viewChannelDetail;\n    }, [channelData]);\n\n    const channelType = React.useMemo(() => {\n        if (!channel?.type) return 'CHANNEL';\n        return channel?.type;\n    }, [channel]);\n\n    const channelMembers = React.useMemo(() => {\n        if (!channel?.members || channel?.members?.length == 0) return null;\n        return (\n            channel?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null\n        );\n    }, [channel]);\n\n    const channelTitle = React.useMemo(() => {\n        const membersNameAsTitle =\n            channelType == RoomType.Direct\n                ? channelMembers\n                      ?.map((u: any) => u?.givenName ?? '')\n                      ?.filter((mu: any) => mu)\n                      ?.join(', ') ?? ''\n                : null;\n        const title = membersNameAsTitle || params?.title || defalultTitle || '';\n        return title?.length > titleCharacterLimit ? title?.substring(0, titleCharacterLimit) + '...' : title;\n    }, [channelMembers]);\n\n    const memberImage = React.useMemo(() => {\n        return channelType == RoomType.Direct && channelMembers?.length == 1\n            ? channelMembers[0]?.picture ?? null\n            : null;\n    }, [channelMembers]);\n\n    if (channelLoading) return <LoadingSpinnerDefault />;\n\n    return (\n        <Box flex={1}>\n            <Button\n                bg={'transparent'}\n                variant={'solid'}\n                $pressed-bg=\"$trueGray200\"\n                $active-bg={'$trueGray200'}\n                justifyContent={'flex-start'}\n                rounded={'$xl'}\n                p={'$0'}\n                onPress={() =>\n                    navigation?.navigate('MainStack', {\n                        screen: NavigationRoutes.InboxChannelDetail,\n                        params: { channelId },\n                    })\n                }\n            >\n                <VStack>\n                    <HStack alignItems=\"center\">\n                        <Box>\n                            {memberImage ? (\n                                <Avatar key={'inbox-channel-member-image-key'} size={'sm'} bg={'transparent'}>\n                                    <AvatarFallbackText>{startCase(params?.title?.charAt(0) ?? '')}</AvatarFallbackText>\n                                    <AvatarImage\n                                        alt=\"inbox header image\"\n                                        style={{\n                                            width: 30,\n                                            height: 30,\n                                            borderRadius: 6,\n                                            borderWidth: 2,\n                                            borderColor: '#fff',\n                                        }}\n                                        source={{\n                                            uri: memberImage,\n                                        }}\n                                    />\n                                    <AvatarBadge style={{ width: 10, height: 10 }} bg=\"$green800\" />\n                                </Avatar>\n                            ) : channelType == RoomType.Channel ? (\n                                <Text pl={'$2'}>\n                                    <Octicons color=\"black\" name=\"hash\" size={18} />\n                                </Text>\n                            ) : channelType === RoomType.Private ? (\n                                <Text pl={'$2'}>\n                                    <Octicons color=\"black\" name=\"lock\" size={18} />\n                                </Text>\n                            ) : (\n                                <></>\n                            )}\n                        </Box>\n                        <Text\n                            px={'$2'}\n                            color=\"$black\"\n                            flexWrap={'wrap'}\n                            style={{ fontSize: 18 }}\n                            fontWeight=\"$bold\"\n                            numberOfLines={1}\n                        >\n                            {channelTitle}\n                        </Text>\n                    </HStack>\n                    <HStack>\n                        {!memberImage && channel?.members?.length > 0 && (\n                            <Text px={'$2'} color={'$trueGray600'}>\n                                {channel?.members?.length} {channel?.members?.length > 1 ? 'members' : 'member'}\n                            </Text>\n                        )}\n                    </HStack>\n                </VStack>\n            </Button>\n        </Box>\n    );\n});\n\nconst InboxHeader = ({ back, showToggle = null, showFilter = null, statusBarType = 'dark' }: any) => {\n    //const channelType = route?.params?.channelType || 'CHANNEL';\n    const currentOptions = navigationRef?.current?.getCurrentOptions();\n    const navigation = useNavigation<any>();\n    const { name, params } = useRoute<any>();\n    const defalultTitle = currentOptions ? getHeaderTitle(currentOptions, name) : params?.title;\n    const matches: any = defalultTitle.match(/\\b(\\w)/g);\n    const acronym: any = matches.join('').substring(0, 2); // JSON\n    // const defaultChannelTitle = route?.params?.title || title || '';\n    return (\n        <SafeAreaView>\n            <StatusBar style={statusBarType} backgroundColor={statusBarType == 'dark' ? 'white' : 'black'} />\n            <Box borderBottomWidth={'$1'} borderBottomColor={'$trueGray200'}>\n                <VStack>\n                    <HStack px=\"$1\" py=\"$3\" bg={'$white'} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                        {back ? (\n                            <Button\n                                bg={'transparent'}\n                                $pressed-bg=\"$trueGray200\"\n                                $active-bg={'$trueGray200'}\n                                //onPress={() => navigation?.goBack?.()}\n                                onPress={() =>\n                                    params?.goToHome\n                                        ? navigation?.navigate('MainStack', { screen: NavigationRoutes.Home })\n                                        : navigation?.goBack()\n                                }\n                            >\n                                <MaterialIcons size={30} name=\"keyboard-arrow-left\" color=\"black\" />\n                            </Button>\n                        ) : showToggle ? (\n                            <Button\n                                mx={'$2'}\n                                px={'$2'}\n                                py={'$2'}\n                                size={'md'}\n                                bg={'$trueGray300'}\n                                $pressed-bg=\"$trueGray200\"\n                                $active-bg={'$trueGray200'}\n                                onPress={() => navigation.toggleDrawer()}\n                            >\n                                <Avatar bg={'transparent'} size={'md'}>\n                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                        {acronym}\n                                    </AvatarFallbackText>\n                                </Avatar>\n                            </Button>\n                        ) : (\n                            <></>\n                        )}\n\n                        {params?.channelId && (\n                            <InboxChannelInfo channelId={params?.channelId} defalultTitle={defalultTitle} />\n                        )}\n\n                        <Button\n                            variant=\"solid\"\n                            bg={'transparent'}\n                            $pressed-bg=\"$trueGray200\"\n                            $active-bg={'$trueGray200'}\n                            //$pressed-backgroundColor={'$trueGray600'}\n                            size={'md'}\n                        >\n                            <Feather color={'black'} size={20} name=\"headphones\" />\n                        </Button>\n\n                        {params?.addMember && (\n                            <Button\n                                bg={'transparent'}\n                                $pressed-bg=\"transparent\"\n                                $active-bg={'transparent'}\n                                onPress={() =>\n                                    navigation.navigate('MainStack', {\n                                        screen: NavigationRoutes.AddPeople,\n                                        params: {\n                                            channelId: params?.channelId,\n                                            addMember: params?.addMember,\n                                            orgName: params?.orgName,\n                                        },\n                                    })\n                                }\n                                size={'lg'}\n                            >\n                                <AntDesign color={'black'} size={20} name=\"addusergroup\" />\n                            </Button>\n                        )}\n                    </HStack>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InboxHeader;\n\n//export default React.memo(InboxNavigationHeader);\n"],"names":["React","_a","_b","_c","_d"],"mappings":"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"}

package/lib/components/NavigationHeader/NavigationHeader.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {Dimensions,Keyboard,Animated}from'react-native';import {HStack,Button,ButtonText,Input,InputSlot,InputField,Box,SafeAreaView,VStack,Text,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {getHeaderTitle}from'@react-navigation/elements';import {Ionicons}from'@expo/vector-icons';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {NavigationRoutes}from'../../constants/routes.js';import {startCase}from'lodash-es';import colors from'../../constants/Colors.js';var __defProp = Object.defineProperty;
+import React__default from'react';import {Keyboard,Animated,Dimensions}from'react-native';import {HStack,Button,ButtonText,Input,InputSlot,InputField,Box,SafeAreaView,VStack,Text,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {getHeaderTitle}from'@react-navigation/elements';import {Ionicons}from'@expo/vector-icons';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {NavigationRoutes}from'../../constants/routes.js';import {startCase}from'lodash-es';import colors from'../../constants/Colors.js';var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;

package/lib/components/NavigationHeader/NavigationHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationHeader.js","sources":["../../../src/components/NavigationHeader/NavigationHeader.tsx"],"sourcesContent":["import { useNavigation, useFocusEffect } from '@react-navigation/core';\nimport React from 'react';\nimport { Pressable, View, Dimensions, Keyboard, Animated } from 'react-native';\nimport {\n    SafeAreaView,\n    VStack,\n    HStack,\n    Input,\n    InputField,\n    InputSlot,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons } from '@expo/vector-icons';\nimport { useDrawerLayout } from '../../hooks/useDrawerLayout';\nimport { useSelector } from 'react-redux';\nimport { IUserState } from '@adminide-stack/core';\nimport { Store, userSelector } from '@adminide-stack/user-auth0-client';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { startCase } from 'lodash-es';\nimport Colors from '../../constants/Colors';\nimport { navigationRef } from '@common-stack/client-react';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst CustomNavigationHeader = ({\n    navigation,\n    route,\n    options,\n    back,\n    backBtnColor = 'white',\n    showToggle = null,\n    showFilter = null,\n    customHeader = null,\n    showTitle = true,\n    titleColor = 'white',\n    showOrganizationTitle = false,\n    showProfile = true,\n    isSearchBack = null,\n    showDefaultSearchBox = true,\n    statusBarType = 'light',\n    headerBgColor = Colors.primaryBgColor,\n    ...props\n}: any) => {\n    const [statusBarStyle, setStatusBarStyle] = React.useState<any>(statusBarType);\n    const { orgName, organizationDetail, open, setOpen, headerAnimationOffsetValue } = useDrawerLayout();\n    //const user = useSelector((state: any) => state?.user);\n    const headerInputRef = React.useRef(null);\n    const user: any = useSelector<Store.Auth, IUserState>(userSelector);\n    const offset = React.useRef(new Animated.Value(headerAnimationOffsetValue)).current;\n    // const title = user?.accessToken ? getHeaderTitle?.(options, route.name) ?? 'Home' : 'Home';\n    const title = getHeaderTitle?.(options, route.name) ?? 'Home';\n    const matches: any =\n        user?.accessToken && showOrganizationTitle && organizationDetail?.title\n            ? organizationDetail?.title?.match(/\\b(\\w)/g) ?? orgName\n            : title?.match(/\\b(\\w)/g) ?? '';\n    const acronym: any = Array.isArray(matches) ? matches?.join('')?.substring(0, 2)?.toUpperCase() : ''; // JSON\n    const isHeaderTitleString = typeof options?.headerTitle === 'string' || options?.headerTitle instanceof String;\n    React.useEffect(() => {\n        if (headerAnimationOffsetValue && offset) {\n            offset.setValue(headerAnimationOffsetValue);\n        }\n    }, [headerAnimationOffsetValue]);\n\n    React.useEffect(() => {\n        if (open) setStatusBarStyle('dark');\n        else setStatusBarStyle(statusBarType);\n    }, [open, statusBarType]);\n\n    const toggleDrawer = React.useCallback(() => {\n        setOpen((pre: boolean) => !pre);\n    }, []);\n    // const toggleDrawer = () => {\n    //     setOpen((pre: boolean) => !pre);\n    // };\n\n    return (\n        <>\n            <StatusBar style={statusBarStyle} />\n            {/* <StatusBar backgroundColor={'black'} barStyle={'light-content'} /> */}\n            <SafeAreaView bg={headerBgColor}>\n                <Box bg={headerBgColor} style={options?.headerStyle ?? {}}>\n                    <Animated.View\n                        style={{\n                            transform: [\n                                {\n                                    translateY: offset.interpolate({\n                                        inputRange: [100, 200],\n                                        outputRange: [0, -1],\n                                        extrapolateLeft: 'clamp',\n                                    }),\n                                },\n                            ],\n                        }}\n                    >\n                        {customHeader ? (\n                            <HStack\n                                bg={headerBgColor}\n                                px=\"$1\"\n                                py=\"$3\"\n                                justifyContent=\"space-between\"\n                                alignItems=\"center\"\n                                w=\"100%\"\n                                flex={1}\n                            >\n                                {customHeader}\n                            </HStack>\n                        ) : (\n                            <VStack bg={headerBgColor} px=\"$2\" py=\"$3\" space={'sm'}>\n                                <HStack px=\"$1\" justifyContent=\"space-between\" w=\"100%\">\n                                    <HStack space={'sm'} alignItems=\"center\" w={'85%'} rounded={'$xl'}>\n                                        {back ? (\n                                            <Button size={'sm'} bg={'transparent'} onPress={() => navigation.goBack()}>\n                                                <Ionicons size={30} name=\"chevron-back-sharp\" color={backBtnColor} />\n                                            </Button>\n                                        ) : showToggle && headerAnimationOffsetValue === 0 ? (\n                                            <Button\n                                                px={'$1.5'}\n                                                py={'$0.5'}\n                                                variant={'solid'}\n                                                size={'xs'}\n                                                alignItems=\"center\"\n                                                borderRadius={'$md'}\n                                                bg={Colors.toggleButtonBgColor}\n                                                disabled={!user?.accessToken ? true : false}\n                                                onPress={() => {\n                                                    if (user?.accessToken) {\n                                                        if (props?.navigation) navigation.toggleDrawer();\n                                                        else toggleDrawer();\n                                                    }\n                                                }}\n                                            >\n                                                <ButtonText py={'$0'} style={{ color: '#000', fontWeight: '600' }}>\n                                                    {startCase(acronym)}\n                                                </ButtonText>\n                                                {/* <Avatar bg={'transparent'}>\n                                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                                        {startCase(acronym)}\n                                                    </AvatarFallbackText>\n                                                </Avatar> */}\n                                            </Button>\n                                        ) : (\n                                            <></>\n                                        )}\n                                        {!isHeaderTitleString &&\n                                            options?.headerTitle?.() &&\n                                            headerAnimationOffsetValue === 0 && <Box>{options?.headerTitle?.()}</Box>}\n                                        {showTitle && headerAnimationOffsetValue === 0 && (\n                                            <Text style={{ fontSize: 20, fontWeight: 'bold', color: titleColor }}>\n                                                {startCase(title)}\n                                            </Text>\n                                        )}\n\n                                        {showOrganizationTitle && headerAnimationOffsetValue === 0 && (\n                                            <Text style={{ fontSize: 20, fontWeight: 'bold', color: 'white' }}>\n                                                {user?.accessToken\n                                                    ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                                    : 'Home'}\n                                            </Text>\n                                        )}\n                                    </HStack>\n                                    <HStack>\n                                        {showProfile && headerAnimationOffsetValue === 0 && user?.accessToken && (\n                                            <Button\n                                                bg={'transparent'}\n                                                variant={'solid'}\n                                                rounded={'$md'}\n                                                size={'md'}\n                                                //$pressed-bg={Colors.primaryBgLightColor}\n                                                $pressed-bg={Colors.primaryBgLightColor}\n                                                $active-bg={Colors.primaryBgLightColor}\n                                                // _pressed={{ bg: Colors.primaryBgLightColor }}\n                                                onPress={() => navigation?.navigate(NavigationRoutes.UserAccount)}\n                                            >\n                                                <Avatar key={'profile-image-key'} size={'sm'} bg={'transparent'}>\n                                                    <AvatarFallbackText>\n                                                        {startCase(user?.profile?.given_name?.charAt(0))}\n                                                    </AvatarFallbackText>\n                                                    {user?.profile?.picture && (\n                                                        <AvatarImage\n                                                            alt={'image'}\n                                                            style={{\n                                                                width: 35,\n                                                                height: 30,\n                                                                borderRadius: 6,\n                                                                borderWidth: 2,\n                                                                borderColor: '#fff',\n                                                            }}\n                                                            source={{\n                                                                uri: user?.profile?.picture,\n                                                            }}\n                                                        />\n                                                    )}\n                                                    <AvatarBadge bg=\"$green800\" style={{ width: 10, height: 10 }} />\n                                                </Avatar>\n                                            </Button>\n                                        )}\n                                    </HStack>\n                                </HStack>\n\n                                <HStack\n                                    px=\"$1\"\n                                    justifyContent=\"space-between\"\n                                    w=\"100%\"\n                                    display={user?.accessToken ? 'flex' : 'none'}\n                                    //style={{ display: user?.accessToken ? 'block' : 'none' }}\n                                >\n                                    {!showFilter && isSearchBack ? (\n                                        <SearchInputComponent navigation={navigation} inputRef={headerInputRef} />\n                                    ) : (\n                                        showDefaultSearchBox && (\n                                            <DefalutSearchComponent navigation={navigation} showFilter={showFilter} />\n                                        )\n                                    )}\n                                    {user?.accessToken && showFilter && (\n                                        <HStack\n                                            space={'sm'}\n                                            alignItems=\"center\"\n                                            rounded={'$xl'}\n                                            borderColor={'transparent'}\n                                            bg={Colors.primaryBgLightColor}\n                                            borderWidth={'$1'}\n                                        >\n                                            <Button bg={Colors.primaryBgLightColor} rounded={'$sm'} size={'sm'}>\n                                                <Ionicons name={'filter'} size={18} color={'#fff'} />\n                                            </Button>\n                                        </HStack>\n                                    )}\n                                </HStack>\n\n                                {/* <HStack space={2} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                            <Box flex={1}>\n                                <HStack alignItems=\"center\">\n                                    {back ? (\n                                        <IconButton\n                                            onPress={() => navigation.goBack()}\n                                            icon={\n                                                <Icon size={'lg'} as={MaterialIcons} name=\"arrow-back\" color=\"white\" />\n                                            }\n                                        />\n                                    ) : showToggle ? (\n                                        <IconButton\n                                            mx={2}\n                                            px={2}\n                                            py={2}\n                                            size={6}\n                                            bg={Colors.toggleButtonBgColor}\n                                            disabled={!user?.accessToken ? true : false}\n                                            onPress={() => {\n                                                if (user?.accessToken) {\n                                                    if (props?.navigation) navigation.toggleDrawer();\n                                                    else toggleDrawer();\n                                                }\n                                            }}\n                                            icon={\n                                                <Avatar\n                                                    bg={'transparent'}\n                                                    size={8}\n                                                    _text={{ color: '#000', fontWeight: 600 }}\n                                                >\n                                                    {acronym}\n                                                </Avatar>\n                                            }\n                                        />\n                                    ) : (\n                                        <></>\n                                    )}\n\n                                    <Text px={2} color=\"white\" fontSize=\"20\" fontWeight=\"bold\">\n                                        {startCase(title)}\n                                    </Text>\n                                </HStack>\n                            </Box>\n                            <Box>\n                                <Button\n                                    bg={'transparent'}\n                                    variant={'ghost'}\n                                    _pressed={{ bg: Colors.primaryButtonPressBgColor }}\n                                >\n                                    <Avatar\n                                        key={'profile-image-key'}\n                                        size={'sm'}\n                                        bg={'transparent'}\n                                        _image={{\n                                            style: {\n                                                width: 30,\n                                                height: 30,\n                                                borderRadius: 6,\n                                                borderWidth: 2,\n                                                borderColor: '#fff',\n                                            },\n                                        }}\n                                        source={{\n                                            uri: user?.profile?.picture,\n                                        }}\n                                    >\n                                        {startCase(user?.profile?.given_name?.charAt(0))}\n                                        <Avatar.Badge bg=\"green.800\" />\n                                    </Avatar>\n                                </Button>\n                            </Box>\n                        </HStack>\n                        <HStack space={2} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                            <Box flex={1}>\n                                <Input\n                                    InputLeftElement={\n                                        <IconButton\n                                            size={'sm'}\n                                            onPress={() => navigation.goBack()}\n                                            icon={<Icon size={6} color=\"white\" as={Ionicons} name=\"search\" />}\n                                        />\n                                    }\n                                    InputRightElement={\n                                        <IconButton\n                                            size={'sm'}\n                                            onPress={() => navigation.goBack()}\n                                            icon={<Icon size={'sm'} color=\"white\" as={Ionicons} name=\"mic-outline\" />}\n                                        />\n                                    }\n                                    size=\"md\"\n                                    placeholder=\"Jump to or search...\"\n                                    variant=\"filled\"\n                                    bg={Colors.primaryBgLightColor}\n                                    borderColor={'transparent'}\n                                    rounded={'xl'}\n                                    placeholderTextColor={'white'}\n                                    fontSize={15}\n                                    mx={2}\n                                    px={2}\n                                    w={'85%'}\n                                />\n                            </Box>\n                            <Box>\n                                {user?.accessToken && showFilter && (\n                                    <IconButton\n                                        bg={Colors.primaryBgLightColor}\n                                        rounded={'xl'}\n                                        size={'md'}\n                                        icon={<Ionicons name={'ios-filter'} size={18} color={'#fff'} />}\n                                    />\n                                )}\n                            </Box>\n                        </HStack> */}\n                            </VStack>\n                        )}\n                    </Animated.View>\n                </Box>\n            </SafeAreaView>\n        </>\n    );\n};\n\nexport const DefalutSearchComponent = React.memo(({ navigation, showFilter }: any) => {\n    const goToSearch = React.useCallback(() => {\n        if (Keyboard) Keyboard.dismiss();\n        navigation.navigate(NavigationRoutes.Search);\n    }, [navigation]);\n\n    return (\n        <HStack\n            space={'sm'}\n            alignItems=\"center\"\n            w={showFilter ? '85%' : '100%'}\n            rounded={'$xl'}\n            borderColor={'transparent'}\n            bg={Colors.primaryBgLightColor}\n            borderWidth={1}\n        >\n            <Button bg={'transparent'} size={'xs'} onPress={() => console.log('mic')}>\n                <Ionicons size={20} color=\"white\" name=\"search\" />\n            </Button>\n            <Button\n                bg={'transparent'}\n                onPress={() => goToSearch()}\n                //$pressed-bg={Colors.primaryBgLightColor}\n                $pressed-bg={Colors.primaryBgLightColor}\n                $active-bg={Colors.primaryBgLightColor}\n                //_pressed={{ bg: Colors.primaryBgLightColor }}\n                flex={1}\n                variant={'solid'}\n                pl={'$0'}\n                justifyContent={'flex-start'}\n            >\n                <ButtonText style={{ fontSize: 15, color: 'white' }}>Jump to or search....</ButtonText>\n            </Button>\n\n            <Button bg={'transparent'} size={'xs'} onPress={() => console.log('mic')}>\n                <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n            </Button>\n        </HStack>\n    );\n});\n\nexport const SearchInputComponent = React.memo(({ navigation, inputRef }: any) => {\n    const goBack = React.useCallback(() => {\n        Keyboard.dismiss();\n        if (inputRef.current) inputRef.current = null;\n        navigation.goBack(null);\n    }, [navigation, inputRef]);\n\n    return (\n        <HStack\n            space={'sm'}\n            alignItems=\"center\"\n            w={'100%'}\n            rounded={'$xl'}\n            borderColor={'transparent'}\n            bg={Colors.primaryBgLightColor}\n            borderWidth={'$1'}\n            $light-borderColor={'transparent'}\n            $dark-borderColor={'transparent'}\n            flex={1}\n        >\n            <Input ref={inputRef} flex={1} w={'100%'} bg={Colors.primaryBgLightColor} borderColor={'transparent'}>\n                <InputSlot pl=\"$3\">\n                    <Button bg={'transparent'} size={'xs'} onPress={() => goBack()}>\n                        <Ionicons size={20} name=\"chevron-back-sharp\" color=\"white\" />\n                    </Button>\n                </InputSlot>\n                <InputField\n                    placeholder=\"Jump to or search...\"\n                    bg={Colors.primaryBgLightColor}\n                    borderColor={'transparent'}\n                    rounded={'$xl'}\n                    placeholderTextColor={'white'}\n                    style={{ fontSize: 15 }}\n                    autoFocus={true}\n                />\n                <InputSlot pr=\"$3\">\n                    <Button bg={'transparent'} size={'xs'} onPress={() => console.log('mic')}>\n                        <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n                    </Button>\n                </InputSlot>\n            </Input>\n\n            {/* <Input\n                ref={inputRef}\n                InputLeftElement={\n                    <>\n                        <Button bg={'transparent'} onPress={() => goBack()}>\n                            <Ionicons size={20} name=\"md-chevron-back-sharp\" color=\"white\" />\n                        </Button>\n                    </>\n                }\n                InputRightElement={\n                    <Button bg={'transparent'} size={'sm'} onPress={() => console.log('mic')}>\n                        <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n                    </Button>\n                }\n                placeholder=\"Jump to or search...\"\n                bg={Colors.primaryBgLightColor}\n                borderColor={'transparent'}\n                rounded={'xl'}\n                placeholderTextColor={'white'}\n                fontSize={15}\n                autoFocus={true}\n            /> */}\n        </HStack>\n    );\n});\n\n// const NavigationHeader = (props: any) => {\n//     const user: any = useSelector<Store.Auth, IUserState>(userSelector);\n//     return !user?.accessToken ? (\n//         <>\n//             <StatusBar style={props?.statusBarType ?? 'light'} />\n//             <SafeAreaView>\n//                 <Box\n//                     bg={props?.headerBgColor ?? Colors.primaryBgColor}\n//                     style={props?.options?.headerStyle ?? {}}\n//                     pb={'$4'}\n//                 />\n//             </SafeAreaView>\n//         </>\n//     ) : (\n//         <CustomNavigationHeader {...props} />\n//     );\n// };\n\nconst NavigationHeader = (props: any) => {\n    const user: any = useSelector<Store.Auth, IUserState>(userSelector);\n    return !user?.accessToken ? (\n        <Box bg={props?.headerBgColor ?? Colors.primaryBgColor} style={props?.options?.headerStyle ?? {}} pb={'$2'} />\n    ) : (\n        <CustomNavigationHeader {...props} />\n    );\n};\n\nexport default React.memo(NavigationHeader);\n"],"names":["Colors","_a","_b","React"],"mappings":"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"}
+{"version":3,"file":"NavigationHeader.js","sources":["../../../src/components/NavigationHeader/NavigationHeader.tsx"],"sourcesContent":["import { useNavigation, useFocusEffect } from '@react-navigation/core';\nimport React from 'react';\nimport { Pressable, View, Dimensions, Keyboard, Animated } from 'react-native';\nimport {\n    SafeAreaView,\n    VStack,\n    HStack,\n    Input,\n    InputField,\n    InputSlot,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons } from '@expo/vector-icons';\nimport { useDrawerLayout } from '../../hooks/useDrawerLayout';\nimport { useSelector } from 'react-redux';\nimport { IUserState } from '@adminide-stack/core';\nimport { Store, userSelector } from '@adminide-stack/user-auth0-client';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { startCase } from 'lodash-es';\nimport Colors from '../../constants/Colors';\nimport { navigationRef } from '@common-stack/client-react';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst CustomNavigationHeader = ({\n    navigation,\n    route,\n    options,\n    back,\n    backBtnColor = 'white',\n    showToggle = null,\n    showFilter = null,\n    customHeader = null,\n    showTitle = true,\n    titleColor = 'white',\n    showOrganizationTitle = false,\n    showProfile = true,\n    isSearchBack = null,\n    showDefaultSearchBox = true,\n    statusBarType = 'light',\n    headerBgColor = Colors.primaryBgColor,\n    ...props\n}: any) => {\n    const [statusBarStyle, setStatusBarStyle] = React.useState<any>(statusBarType);\n    const { orgName, organizationDetail, open, setOpen, headerAnimationOffsetValue } = useDrawerLayout();\n    //const user = useSelector((state: any) => state?.user);\n    const headerInputRef = React.useRef(null);\n    const user: any = useSelector<Store.Auth, IUserState>(userSelector);\n    const offset = React.useRef(new Animated.Value(headerAnimationOffsetValue)).current;\n    // const title = user?.accessToken ? getHeaderTitle?.(options, route.name) ?? 'Home' : 'Home';\n    const title = getHeaderTitle?.(options, route.name) ?? 'Home';\n    const matches: any =\n        user?.accessToken && showOrganizationTitle && organizationDetail?.title\n            ? organizationDetail?.title?.match(/\\b(\\w)/g) ?? orgName\n            : title?.match(/\\b(\\w)/g) ?? '';\n    const acronym: any = Array.isArray(matches) ? matches?.join('')?.substring(0, 2)?.toUpperCase() : ''; // JSON\n    const isHeaderTitleString = typeof options?.headerTitle === 'string' || options?.headerTitle instanceof String;\n    React.useEffect(() => {\n        if (headerAnimationOffsetValue && offset) {\n            offset.setValue(headerAnimationOffsetValue);\n        }\n    }, [headerAnimationOffsetValue]);\n\n    React.useEffect(() => {\n        if (open) setStatusBarStyle('dark');\n        else setStatusBarStyle(statusBarType);\n    }, [open, statusBarType]);\n\n    const toggleDrawer = React.useCallback(() => {\n        setOpen((pre: boolean) => !pre);\n    }, []);\n    // const toggleDrawer = () => {\n    //     setOpen((pre: boolean) => !pre);\n    // };\n\n    return (\n        <>\n            <StatusBar style={statusBarStyle} />\n            {/* <StatusBar backgroundColor={'black'} barStyle={'light-content'} /> */}\n            <SafeAreaView bg={headerBgColor}>\n                <Box bg={headerBgColor} style={options?.headerStyle ?? {}}>\n                    <Animated.View\n                        style={{\n                            transform: [\n                                {\n                                    translateY: offset.interpolate({\n                                        inputRange: [100, 200],\n                                        outputRange: [0, -1],\n                                        extrapolateLeft: 'clamp',\n                                    }),\n                                },\n                            ],\n                        }}\n                    >\n                        {customHeader ? (\n                            <HStack\n                                bg={headerBgColor}\n                                px=\"$1\"\n                                py=\"$3\"\n                                justifyContent=\"space-between\"\n                                alignItems=\"center\"\n                                w=\"100%\"\n                                flex={1}\n                            >\n                                {customHeader}\n                            </HStack>\n                        ) : (\n                            <VStack bg={headerBgColor} px=\"$2\" py=\"$3\" space={'sm'}>\n                                <HStack px=\"$1\" justifyContent=\"space-between\" w=\"100%\">\n                                    <HStack space={'sm'} alignItems=\"center\" w={'85%'} rounded={'$xl'}>\n                                        {back ? (\n                                            <Button size={'sm'} bg={'transparent'} onPress={() => navigation.goBack()}>\n                                                <Ionicons size={30} name=\"chevron-back-sharp\" color={backBtnColor} />\n                                            </Button>\n                                        ) : showToggle && headerAnimationOffsetValue === 0 ? (\n                                            <Button\n                                                px={'$1.5'}\n                                                py={'$0.5'}\n                                                variant={'solid'}\n                                                size={'xs'}\n                                                alignItems=\"center\"\n                                                borderRadius={'$md'}\n                                                bg={Colors.toggleButtonBgColor}\n                                                disabled={!user?.accessToken ? true : false}\n                                                onPress={() => {\n                                                    if (user?.accessToken) {\n                                                        if (props?.navigation) navigation.toggleDrawer();\n                                                        else toggleDrawer();\n                                                    }\n                                                }}\n                                            >\n                                                <ButtonText py={'$0'} style={{ color: '#000', fontWeight: '600' }}>\n                                                    {startCase(acronym)}\n                                                </ButtonText>\n                                                {/* <Avatar bg={'transparent'}>\n                                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                                        {startCase(acronym)}\n                                                    </AvatarFallbackText>\n                                                </Avatar> */}\n                                            </Button>\n                                        ) : (\n                                            <></>\n                                        )}\n                                        {!isHeaderTitleString &&\n                                            options?.headerTitle?.() &&\n                                            headerAnimationOffsetValue === 0 && <Box>{options?.headerTitle?.()}</Box>}\n                                        {showTitle && headerAnimationOffsetValue === 0 && (\n                                            <Text style={{ fontSize: 20, fontWeight: 'bold', color: titleColor }}>\n                                                {startCase(title)}\n                                            </Text>\n                                        )}\n\n                                        {showOrganizationTitle && headerAnimationOffsetValue === 0 && (\n                                            <Text style={{ fontSize: 20, fontWeight: 'bold', color: 'white' }}>\n                                                {user?.accessToken\n                                                    ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                                    : 'Home'}\n                                            </Text>\n                                        )}\n                                    </HStack>\n                                    <HStack>\n                                        {showProfile && headerAnimationOffsetValue === 0 && user?.accessToken && (\n                                            <Button\n                                                bg={'transparent'}\n                                                variant={'solid'}\n                                                rounded={'$md'}\n                                                size={'md'}\n                                                //$pressed-bg={Colors.primaryBgLightColor}\n                                                $pressed-bg={Colors.primaryBgLightColor}\n                                                $active-bg={Colors.primaryBgLightColor}\n                                                // _pressed={{ bg: Colors.primaryBgLightColor }}\n                                                onPress={() => navigation?.navigate(NavigationRoutes.UserAccount)}\n                                            >\n                                                <Avatar key={'profile-image-key'} size={'sm'} bg={'transparent'}>\n                                                    <AvatarFallbackText>\n                                                        {startCase(user?.profile?.given_name?.charAt(0))}\n                                                    </AvatarFallbackText>\n                                                    {user?.profile?.picture && (\n                                                        <AvatarImage\n                                                            alt={'image'}\n                                                            style={{\n                                                                width: 35,\n                                                                height: 30,\n                                                                borderRadius: 6,\n                                                                borderWidth: 2,\n                                                                borderColor: '#fff',\n                                                            }}\n                                                            source={{\n                                                                uri: user?.profile?.picture,\n                                                            }}\n                                                        />\n                                                    )}\n                                                    <AvatarBadge bg=\"$green800\" style={{ width: 10, height: 10 }} />\n                                                </Avatar>\n                                            </Button>\n                                        )}\n                                    </HStack>\n                                </HStack>\n\n                                <HStack\n                                    px=\"$1\"\n                                    justifyContent=\"space-between\"\n                                    w=\"100%\"\n                                    display={user?.accessToken ? 'flex' : 'none'}\n                                    //style={{ display: user?.accessToken ? 'block' : 'none' }}\n                                >\n                                    {!showFilter && isSearchBack ? (\n                                        <SearchInputComponent navigation={navigation} inputRef={headerInputRef} />\n                                    ) : (\n                                        showDefaultSearchBox && (\n                                            <DefalutSearchComponent navigation={navigation} showFilter={showFilter} />\n                                        )\n                                    )}\n                                    {user?.accessToken && showFilter && (\n                                        <HStack\n                                            space={'sm'}\n                                            alignItems=\"center\"\n                                            rounded={'$xl'}\n                                            borderColor={'transparent'}\n                                            bg={Colors.primaryBgLightColor}\n                                            borderWidth={'$1'}\n                                        >\n                                            <Button bg={Colors.primaryBgLightColor} rounded={'$sm'} size={'sm'}>\n                                                <Ionicons name={'filter'} size={18} color={'#fff'} />\n                                            </Button>\n                                        </HStack>\n                                    )}\n                                </HStack>\n\n                                {/* <HStack space={2} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                            <Box flex={1}>\n                                <HStack alignItems=\"center\">\n                                    {back ? (\n                                        <IconButton\n                                            onPress={() => navigation.goBack()}\n                                            icon={\n                                                <Icon size={'lg'} as={MaterialIcons} name=\"arrow-back\" color=\"white\" />\n                                            }\n                                        />\n                                    ) : showToggle ? (\n                                        <IconButton\n                                            mx={2}\n                                            px={2}\n                                            py={2}\n                                            size={6}\n                                            bg={Colors.toggleButtonBgColor}\n                                            disabled={!user?.accessToken ? true : false}\n                                            onPress={() => {\n                                                if (user?.accessToken) {\n                                                    if (props?.navigation) navigation.toggleDrawer();\n                                                    else toggleDrawer();\n                                                }\n                                            }}\n                                            icon={\n                                                <Avatar\n                                                    bg={'transparent'}\n                                                    size={8}\n                                                    _text={{ color: '#000', fontWeight: 600 }}\n                                                >\n                                                    {acronym}\n                                                </Avatar>\n                                            }\n                                        />\n                                    ) : (\n                                        <></>\n                                    )}\n\n                                    <Text px={2} color=\"white\" fontSize=\"20\" fontWeight=\"bold\">\n                                        {startCase(title)}\n                                    </Text>\n                                </HStack>\n                            </Box>\n                            <Box>\n                                <Button\n                                    bg={'transparent'}\n                                    variant={'ghost'}\n                                    _pressed={{ bg: Colors.primaryButtonPressBgColor }}\n                                >\n                                    <Avatar\n                                        key={'profile-image-key'}\n                                        size={'sm'}\n                                        bg={'transparent'}\n                                        _image={{\n                                            style: {\n                                                width: 30,\n                                                height: 30,\n                                                borderRadius: 6,\n                                                borderWidth: 2,\n                                                borderColor: '#fff',\n                                            },\n                                        }}\n                                        source={{\n                                            uri: user?.profile?.picture,\n                                        }}\n                                    >\n                                        {startCase(user?.profile?.given_name?.charAt(0))}\n                                        <Avatar.Badge bg=\"green.800\" />\n                                    </Avatar>\n                                </Button>\n                            </Box>\n                        </HStack>\n                        <HStack space={2} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                            <Box flex={1}>\n                                <Input\n                                    InputLeftElement={\n                                        <IconButton\n                                            size={'sm'}\n                                            onPress={() => navigation.goBack()}\n                                            icon={<Icon size={6} color=\"white\" as={Ionicons} name=\"search\" />}\n                                        />\n                                    }\n                                    InputRightElement={\n                                        <IconButton\n                                            size={'sm'}\n                                            onPress={() => navigation.goBack()}\n                                            icon={<Icon size={'sm'} color=\"white\" as={Ionicons} name=\"mic-outline\" />}\n                                        />\n                                    }\n                                    size=\"md\"\n                                    placeholder=\"Jump to or search...\"\n                                    variant=\"filled\"\n                                    bg={Colors.primaryBgLightColor}\n                                    borderColor={'transparent'}\n                                    rounded={'xl'}\n                                    placeholderTextColor={'white'}\n                                    fontSize={15}\n                                    mx={2}\n                                    px={2}\n                                    w={'85%'}\n                                />\n                            </Box>\n                            <Box>\n                                {user?.accessToken && showFilter && (\n                                    <IconButton\n                                        bg={Colors.primaryBgLightColor}\n                                        rounded={'xl'}\n                                        size={'md'}\n                                        icon={<Ionicons name={'ios-filter'} size={18} color={'#fff'} />}\n                                    />\n                                )}\n                            </Box>\n                        </HStack> */}\n                            </VStack>\n                        )}\n                    </Animated.View>\n                </Box>\n            </SafeAreaView>\n        </>\n    );\n};\n\nexport const DefalutSearchComponent = React.memo(({ navigation, showFilter }: any) => {\n    const goToSearch = React.useCallback(() => {\n        if (Keyboard) Keyboard.dismiss();\n        navigation.navigate(NavigationRoutes.Search);\n    }, [navigation]);\n\n    return (\n        <HStack\n            space={'sm'}\n            alignItems=\"center\"\n            w={showFilter ? '85%' : '100%'}\n            rounded={'$xl'}\n            borderColor={'transparent'}\n            bg={Colors.primaryBgLightColor}\n            borderWidth={1}\n        >\n            <Button bg={'transparent'} size={'xs'} onPress={() => console.log('mic')}>\n                <Ionicons size={20} color=\"white\" name=\"search\" />\n            </Button>\n            <Button\n                bg={'transparent'}\n                onPress={() => goToSearch()}\n                //$pressed-bg={Colors.primaryBgLightColor}\n                $pressed-bg={Colors.primaryBgLightColor}\n                $active-bg={Colors.primaryBgLightColor}\n                //_pressed={{ bg: Colors.primaryBgLightColor }}\n                flex={1}\n                variant={'solid'}\n                pl={'$0'}\n                justifyContent={'flex-start'}\n            >\n                <ButtonText style={{ fontSize: 15, color: 'white' }}>Jump to or search....</ButtonText>\n            </Button>\n\n            <Button bg={'transparent'} size={'xs'} onPress={() => console.log('mic')}>\n                <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n            </Button>\n        </HStack>\n    );\n});\n\nexport const SearchInputComponent = React.memo(({ navigation, inputRef }: any) => {\n    const goBack = React.useCallback(() => {\n        Keyboard.dismiss();\n        if (inputRef.current) inputRef.current = null;\n        navigation.goBack(null);\n    }, [navigation, inputRef]);\n\n    return (\n        <HStack\n            space={'sm'}\n            alignItems=\"center\"\n            w={'100%'}\n            rounded={'$xl'}\n            borderColor={'transparent'}\n            bg={Colors.primaryBgLightColor}\n            borderWidth={'$1'}\n            $light-borderColor={'transparent'}\n            $dark-borderColor={'transparent'}\n            flex={1}\n        >\n            <Input ref={inputRef} flex={1} w={'100%'} bg={Colors.primaryBgLightColor} borderColor={'transparent'}>\n                <InputSlot pl=\"$3\">\n                    <Button bg={'transparent'} size={'xs'} onPress={() => goBack()}>\n                        <Ionicons size={20} name=\"chevron-back-sharp\" color=\"white\" />\n                    </Button>\n                </InputSlot>\n                <InputField\n                    placeholder=\"Jump to or search...\"\n                    bg={Colors.primaryBgLightColor}\n                    borderColor={'transparent'}\n                    rounded={'$xl'}\n                    placeholderTextColor={'white'}\n                    style={{ fontSize: 15 }}\n                    autoFocus={true}\n                />\n                <InputSlot pr=\"$3\">\n                    <Button bg={'transparent'} size={'xs'} onPress={() => console.log('mic')}>\n                        <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n                    </Button>\n                </InputSlot>\n            </Input>\n\n            {/* <Input\n                ref={inputRef}\n                InputLeftElement={\n                    <>\n                        <Button bg={'transparent'} onPress={() => goBack()}>\n                            <Ionicons size={20} name=\"md-chevron-back-sharp\" color=\"white\" />\n                        </Button>\n                    </>\n                }\n                InputRightElement={\n                    <Button bg={'transparent'} size={'sm'} onPress={() => console.log('mic')}>\n                        <Ionicons size={20} color=\"white\" name=\"mic-outline\" />\n                    </Button>\n                }\n                placeholder=\"Jump to or search...\"\n                bg={Colors.primaryBgLightColor}\n                borderColor={'transparent'}\n                rounded={'xl'}\n                placeholderTextColor={'white'}\n                fontSize={15}\n                autoFocus={true}\n            /> */}\n        </HStack>\n    );\n});\n\n// const NavigationHeader = (props: any) => {\n//     const user: any = useSelector<Store.Auth, IUserState>(userSelector);\n//     return !user?.accessToken ? (\n//         <>\n//             <StatusBar style={props?.statusBarType ?? 'light'} />\n//             <SafeAreaView>\n//                 <Box\n//                     bg={props?.headerBgColor ?? Colors.primaryBgColor}\n//                     style={props?.options?.headerStyle ?? {}}\n//                     pb={'$4'}\n//                 />\n//             </SafeAreaView>\n//         </>\n//     ) : (\n//         <CustomNavigationHeader {...props} />\n//     );\n// };\n\nconst NavigationHeader = (props: any) => {\n    const user: any = useSelector<Store.Auth, IUserState>(userSelector);\n    return !user?.accessToken ? (\n        <Box bg={props?.headerBgColor ?? Colors.primaryBgColor} style={props?.options?.headerStyle ?? {}} pb={'$2'} />\n    ) : (\n        <CustomNavigationHeader {...props} />\n    );\n};\n\nexport default React.memo(NavigationHeader);\n"],"names":["Colors","_a","_b","React"],"mappings":"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"}

package/lib/components/NavigationHeader/NavigationHeaderChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationHeaderChat.js","sources":["../../../src/components/NavigationHeader/NavigationHeaderChat.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/core';\nimport React from 'react';\nimport { Pressable, View } from 'react-native';\nimport {\n    SafeAreaView,\n    VStack,\n    HStack,\n    Button,\n    Icon,\n    Text,\n    Center,\n    Box,\n    StatusBar,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons, AntDesign } from '@expo/vector-icons';\n// import AddMemberToChannel from '../AddMemberToChannel';\nimport { NavigationRoutes } from '../../constants/routes';\n// import { navigate } from '@common-stack/client-react';\nimport { navigationRef } from '@common-stack/client-react';\n\nconst NavigationHeaderChat = ({ navigation, route, options, back, showToggle = null, showFilter = null }: any) => {\n    const title = getHeaderTitle(options, route.name);\n\n    const matches: any = title.match(/\\b(\\w)/g);\n    const acronym: any = matches.join('').substring(0, 2); // JSON\n\n    return (\n        <SafeAreaView>\n            <Box borderBottomWidth={'$1'} borderBottomColor={'$trueGray200'}>\n                <VStack>\n                    <HStack px=\"$1\" py=\"$3\" bg={'$white'} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                        {back ? (\n                            <Button\n                                bg={'transparent'}\n                                $pressed-bg=\"$trueGray200\"\n                                $active-bg={'$trueGray200'}\n                                //onPress={() => navigation?.goBack?.()}\n                                onPress={() => navigationRef?.isReady() && navigationRef?.current?.goBack()}\n                            >\n                                <MaterialIcons size={30} name=\"keyboard-arrow-left\" color=\"black\" />\n                            </Button>\n                        ) : showToggle ? (\n                            <Button\n                                mx={'$2'}\n                                px={'$2'}\n                                py={'$2'}\n                                size={'md'}\n                                bg={'trueGray300'}\n                                onPress={() => navigation.toggleDrawer()}\n                            >\n                                <Avatar bg={'transparent'} size={'md'}>\n                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                        {acronym}\n                                    </AvatarFallbackText>\n                                </Avatar>\n                            </Button>\n                        ) : (\n                            <></>\n                        )}\n\n                        <Box flex={1}>\n                            <Text\n                                px={'$2'}\n                                color=\"$black\"\n                                flexWrap={'wrap'}\n                                style={{ fontSize: 20 }}\n                                fontWeight=\"$bold\"\n                            >\n                                {route?.params?.title ?? title}\n                            </Text>\n                        </Box>\n\n                        {route?.params?.addMember && (\n                            <Button\n                                bg={'transparent'}\n                                onPress={() =>\n                                    navigation.navigate(NavigationRoutes.AddPeople, {\n                                        channelId: route?.params?.channelId,\n                                        addMember: route?.params?.addMember,\n                                        orgName: route?.params?.orgName,\n                                    })\n                                }\n                                $pressed-bg=\"transparent\"\n                                $active-bg=\"transparent\"\n                                size={'lg'}\n                            >\n                                <AntDesign color={'black'} size={30} name=\"addusergroup\" />\n                            </Button>\n                        )}\n\n                        {/* <HStack flex={1}>\n                        {route?.params?.addMember && (\n                            <IconButton\n                                onPress={() =>\n                                    navigation.navigate(NavigationRoutes.AddPeople, {\n                                        channelId: route?.params?.channelId,\n                                        addMember: route?.params?.addMember,\n                                        orgName: route?.params?.orgName,\n                                    })\n                                }\n                                _pressed={{ backgroundColor: 'transparent' }}\n                                size={'lg'}\n                                icon={<Icon color={'black'} size={'lg'} as={AntDesign} name=\"addusergroup\" />}\n                            />\n                        )}\n                    </HStack> */}\n                    </HStack>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default NavigationHeaderChat;\n"],"names":["React","_a","_b","_c"],"mappings":"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"}
+{"version":3,"file":"NavigationHeaderChat.js","sources":["../../../src/components/NavigationHeader/NavigationHeaderChat.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/core';\nimport React from 'react';\nimport { Pressable, View } from 'react-native';\nimport {\n    SafeAreaView,\n    VStack,\n    HStack,\n    Button,\n    Icon,\n    Text,\n    Center,\n    Box,\n    StatusBar,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons, AntDesign } from '@expo/vector-icons';\n// import AddMemberToChannel from '../AddMemberToChannel';\nimport { NavigationRoutes } from '../../constants/routes';\n// import { navigate } from '@common-stack/client-react';\nimport { navigationRef } from '@common-stack/client-react';\n\nconst NavigationHeaderChat = ({ navigation, route, options, back, showToggle = null, showFilter = null }: any) => {\n    const title = getHeaderTitle(options, route.name);\n\n    const matches: any = title.match(/\\b(\\w)/g);\n    const acronym: any = matches.join('').substring(0, 2); // JSON\n\n    return (\n        <SafeAreaView>\n            <Box borderBottomWidth={'$1'} borderBottomColor={'$trueGray200'}>\n                <VStack>\n                    <HStack px=\"$1\" py=\"$3\" bg={'$white'} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                        {back ? (\n                            <Button\n                                bg={'transparent'}\n                                $pressed-bg=\"$trueGray200\"\n                                $active-bg={'$trueGray200'}\n                                //onPress={() => navigation?.goBack?.()}\n                                onPress={() => navigationRef?.isReady() && navigationRef?.current?.goBack()}\n                            >\n                                <MaterialIcons size={30} name=\"keyboard-arrow-left\" color=\"black\" />\n                            </Button>\n                        ) : showToggle ? (\n                            <Button\n                                mx={'$2'}\n                                px={'$2'}\n                                py={'$2'}\n                                size={'md'}\n                                bg={'trueGray300'}\n                                onPress={() => navigation.toggleDrawer()}\n                            >\n                                <Avatar bg={'transparent'} size={'md'}>\n                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                        {acronym}\n                                    </AvatarFallbackText>\n                                </Avatar>\n                            </Button>\n                        ) : (\n                            <></>\n                        )}\n\n                        <Box flex={1}>\n                            <Text\n                                px={'$2'}\n                                color=\"$black\"\n                                flexWrap={'wrap'}\n                                style={{ fontSize: 20 }}\n                                fontWeight=\"$bold\"\n                            >\n                                {route?.params?.title ?? title}\n                            </Text>\n                        </Box>\n\n                        {route?.params?.addMember && (\n                            <Button\n                                bg={'transparent'}\n                                onPress={() =>\n                                    navigation.navigate(NavigationRoutes.AddPeople, {\n                                        channelId: route?.params?.channelId,\n                                        addMember: route?.params?.addMember,\n                                        orgName: route?.params?.orgName,\n                                    })\n                                }\n                                $pressed-bg=\"transparent\"\n                                $active-bg=\"transparent\"\n                                size={'lg'}\n                            >\n                                <AntDesign color={'black'} size={30} name=\"addusergroup\" />\n                            </Button>\n                        )}\n\n                        {/* <HStack flex={1}>\n                        {route?.params?.addMember && (\n                            <IconButton\n                                onPress={() =>\n                                    navigation.navigate(NavigationRoutes.AddPeople, {\n                                        channelId: route?.params?.channelId,\n                                        addMember: route?.params?.addMember,\n                                        orgName: route?.params?.orgName,\n                                    })\n                                }\n                                _pressed={{ backgroundColor: 'transparent' }}\n                                size={'lg'}\n                                icon={<Icon color={'black'} size={'lg'} as={AntDesign} name=\"addusergroup\" />}\n                            />\n                        )}\n                    </HStack> */}\n                    </HStack>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default NavigationHeaderChat;\n"],"names":["React","_a","_b","_c"],"mappings":"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"}

package/lib/components/SlackSearchInput/Suggestion.js

@@ -1,10 +1,10 @@
-import React__default from'react';import {StyleSheet,Pressable,Text}from'react-native';var __defProp = Object.defineProperty;
+import React__default from'react';import {Pressable,StyleSheet,Text}from'react-native';var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
-  for (var prop in b)
+  for (var prop in b || (b = {}))
     if (__hasOwnProp.call(b, prop))
       __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)

package/lib/components/SlackSearchInput/Tag.js

@@ -1,10 +1,10 @@
-import React__default from'react';import {StyleSheet,Pressable,Text}from'react-native';var __defProp = Object.defineProperty;
+import React__default from'react';import {Pressable,Text,StyleSheet}from'react-native';var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
-  for (var prop in b)
+  for (var prop in b || (b = {}))
     if (__hasOwnProp.call(b, prop))
       __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)