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

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, SafeAreaView } from 'react-native';\nimport {\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, useDispatch } from 'react-redux';\nimport { shallowEqual } 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    useUserOrganizationsQuery,\n    useOrganizationDetailLazyQuery,\n    useOrganizationDetailQuery,\n    useCreateOrganizationMutation,\n} from '../../queries/slackuiQueries';\nimport { startCase } from 'lodash-es';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport colors from 'tailwindcss/colors';\n\nconst CustomDrawerComponent = (props: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const settings = useSelector<any>((state) => state.settings, shallowEqual) as any;\n    const { open, setOpen, appConfiguredRoutes, orgName, setOrganizationDetail, organizationDetail } =\n        useDrawerLayout();\n    const { setLocationChange } = useLocationChange();\n    const { data: orgDetailData, refetch: _refetchOrgDetail } = useOrganizationDetailQuery(orgName, {\n        variables: {\n            where: {\n                name: orgName,\n            },\n        },\n    });\n    const {\n        data: userOrganizationsData,\n        loading: isLoadingUsersOrganization,\n        refetch: refetchUserOrganizations,\n    }: any = useUserOrganizationsQuery({\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 className=\"px-2 justify-between items-center w-full py-2\">\n                    <HStack space={'sm'} className=\"items-center\">\n                        <Button\n                            size={'md'}\n                            className=\"px-0 py-0 bg-transparent\"\n                            // borderRadius={'$lg'}\n                            // borderWidth={o.name == orgName ? '$2' : '$1'}\n                            // borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                        >\n                            <Avatar\n                                size={'md'}\n                                className={`bg-gray-300 rounded-lg border-[${o.name == orgName ? '2' : '1'}px] p-0`}\n                                style={{ borderColor: o.name == orgName ? '#000' : '#d3d3d3' }}\n                            >\n                                <Text className=\"font-extrabold text-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 className=\"text-black w-[60%] font-bold\" style={{ fontSize: 16 }}>\n                            {title}\n                        </Text>\n                    </HStack>\n                    <Button className=\"bg-transparent pr-1\" size={'lg'}>\n                        <MaterialIcons size={30} name=\"more-vert\" color={'#000'} />\n                    </Button>\n                </HStack>\n            </TouchableHighlight>\n        );\n    };\n\n    return (\n        <Box className=\"flex-1 w-full\">\n            {/* <StatusBar style={'dark'} /> */}\n            <Box className=\"flex-1\">\n                <Heading\n                    size={'lg'}\n                    // color={props.titleColor || settings?.navTheme == 'dark' ? 'white' : 'black'}\n                    className={`p-5 text-[${\n                        props.titleColor || settings?.navTheme == 'dark' ? 'text-white' : 'text-black'\n                    }]`}\n                >\n                    Workspaces\n                </Heading>\n                <VStack className=\"flex-[0.8]\" space={'sm'}>\n                    <FlatList\n                        style={{ 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 className=\"bg-white py-2\">\n                                    <VStack space=\"sm\">\n                                        <Box className=\"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 className=\"flex-1 w-full bg-white absolute bottom-10\" space={'sm'}>\n                    <Divider className=\"w-full\" />\n                    {user?.accessToken && (\n                        <VStack space={'sm'}>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                                onPress={() => addWorkSpace()}\n                            >\n                                <AntDesign color=\"black\" name=\"plus\" size={22} />\n                                <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                    Add a workspace\n                                </ButtonText>\n                            </Button>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200 justify-start\"\n                            >\n                                <Ionicons color=\"black\" name=\"settings-outline\" size={22} />\n                                <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                    Preferences\n                                </ButtonText>\n                            </Button>\n                            <Button\n                                size={'sm'}\n                                variant={'solid'}\n                                className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                            >\n                                <Ionicons color=\"black\" name=\"help-circle-outline\" size={22} />\n                                <ButtonText className=\"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, shallowEqual) as any;\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <Box className=\"flex-1 w-full\">\n                {user && user?.accessToken ? <CustomDrawerComponent {...props} /> : <></>}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(CustomDrawer);\n"],"names":["React","orgName"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAM,qBAAA,GAAwB,CAAC,KAAe,KAAA;AAC5C,EAAA,MAAM,aAAa,aAAmB,EAAA;AACtC,EAAM,MAAA,IAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAA,MAAM,QAAW,GAAA,WAAA,CAAiB,CAAS,KAAA,KAAA,KAAA,CAAM,UAAU,YAAY,CAAA;AACvE,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,OAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAA,MACE,eAAgB,EAAA;AACpB,EAAM,MAAA;AAAA,IACJ;AAAA,MACE,iBAAkB,EAAA;AACtB,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,aAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX,GAAI,2BAA2B,OAAS,EAAA;AAAA,IACtC,SAAW,EAAA;AAAA,MACT,KAAO,EAAA;AAAA,QACL,IAAM,EAAA;AAAA;AACR;AACF,GACD,CAAA;AACD,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,qBAAA;AAAA,IACN,OAAS,EAAA,0BAAA;AAAA,IACT,OAAS,EAAA;AAAA,MACF,yBAA0B,CAAA;AAAA,IAEjC,SAAW,EAAA;AAAA,MACT,QAAQ,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA;AAAA;AAChB,GAED,CAAA;AACD,EAAe,cAAA,CAAAA,cAAA,CAAM,YAAY,MAAM;AACrC,IAAyB,wBAAA,CAAA;AAAA,MACvB,QAAQ,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA;AAAA,KACf,CAAA;AACD,IAAI,IAAA,OAAA;AAAS,MAAkB,iBAAA,CAAA;AAAA,QAC7B,KAAO,EAAA;AAAA,UACL,IAAM,EAAA;AAAA;AACR,OACD,CAAA;AAAA,GACA,EAAA,CAAC,OAAS,EAAA,IAAI,CAAC,CAAC,CAAA;AACnB,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,aAAe,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAA,qBAAA;AAAuB,MAAA,qBAAA,CAAsB,+CAAe,qBAAqB,CAAA;AAAA,GACnG,EAAA,CAAC,aAAe,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAA,qBAAqB,CAAC,CAAA;AAgBzC,EAAA,MAAM,gBAAmB,GAAAA,cAAA,CAAM,WAAY,CAAA,CAACC,QAAiB,KAAA;AAC3D,IAAA,OAAA,CAAQ,KAAK,CAAA;AACb,IAAA,UAAA,CAAW,SAAS,WAAa,EAAA;AAAA,MAC/B,QAAQ,gBAAiB,CAAA,IAAA;AAAA,MACzB,MAAQ,EAAA;AAAA,QACN,OAAAA,EAAAA;AAAA;AACF,KACD,CAAA;AAAA,GACH,EAAG,EAAE,CAAA;AACL,EAAM,MAAA,YAAA,GAAeD,cAAM,CAAA,WAAA,CAAY,MAAM;AAC3C,IAAA,OAAA,CAAQ,KAAK,CAAA;AACb,IAAA,UAAA,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAY,SAAS,WAAa,EAAA;AAAA,MAChC,QAAQ,gBAAiB,CAAA,YAAA;AAAA,MACzB,MAAQ,EAAA;AAAA,QACN;AAAA;AACF,KACF,CAAA;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AACZ,EAAA,MAAM,mBAAmB,CAAC;AAAA,IACxB,IAAM,EAAA,CAAA;AAAA,IACN,KAAO,EAAA;AAAA,GACE,KAAA;AArGb,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAsGI,IAAA,MAAM,KAAQ,GAAA,CAAA,EAAA,GAAA,CAAA,IAAA,IAAA,GAAA,MAAA,GAAA,CAAA,CAAG,KAAH,KAAA,IAAA,GAAA,EAAA,GAAY,CAAE,CAAA,IAAA;AAC5B,IAAA,MAAM,OAAe,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,KAAM,CAAA,SAAA,CAAA,KAAb,IAA2B,GAAA,EAAA,GAAA,EAAA;AAEhD,IAAM,MAAA,OAAA,GAAe,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,GAAA,CAAI,EAAS,GAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAA,IAAA,CAAK,EAAd,CAAA,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAmB,SAAU,CAAA,CAAA,EAAG,CAAK,CAAA,GAAA,EAAA;AAEnF,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,sBAAmB,aAAe,EAAA,aAAA,EAAe,eAAe,GAAK,EAAA,GAAA,EAAK,CAAG,EAAA,OAAA,EAAS,MAAM,gBAAA,CAAiB,EAAE,IAAI,CAAA,EAAA,kBAC9GA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAU,EAAA,+CAAA,EAAA,+CACb,MAAO,EAAA,EAAA,KAAA,EAAO,IAAM,EAAA,SAAA,EAAU,cAC3B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QAAO,IAAM,EAAA,IAAA;AAAA,QAAM,SAAU,EAAA;AAAA,OAAA;AAAA,sBAK1BA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,IAAM,EAAA,SAAA,EAAW,CAAkC,+BAAA,EAAA,CAAA,CAAE,IAAQ,IAAA,OAAA,GAAU,GAAM,GAAA,GAAA,CAAA,OAAA,CAAA,EAAc,KAAO,EAAA;AAAA,QAC9H,WAAa,EAAA,CAAA,CAAE,IAAQ,IAAA,OAAA,GAAU,MAAS,GAAA;AAAA,OAExB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAU,6BAA4B,KAAO,EAAA;AAAA,QACnE,QAAU,EAAA;AAAA,OACZ,EAAA,EACuB,OACL,CACJ;AAAA,KAMJ,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAU,gCAA+B,KAAO,EAAA;AAAA,MAClE,QAAU,EAAA;AAAA,KACZ,EAAA,EACmB,KACL,CACJ,CAAA,+CACC,MAAO,EAAA,EAAA,SAAA,EAAU,uBAAsB,IAAM,EAAA,IAAA,EAAA,+CACzC,aAAc,EAAA,EAAA,IAAA,EAAM,IAAI,IAAK,EAAA,WAAA,EAAY,OAAO,MAAQ,EAAA,CAC7D,CACJ,CACJ,CAAA;AAAA,GACV;AACA,EAAA,oDAAQ,GAAI,EAAA,EAAA,SAAA,EAAU,mCAEXA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,WAAU,QACX,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MAAQ,IAAM,EAAA,IAAA;AAAA,MAEzB,WAAW,CAAa,UAAA,EAAA,KAAA,CAAM,eAAc,QAAU,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAA,QAAA,KAAY,SAAS,YAAe,GAAA,YAAA,CAAA,CAAA;AAAA,KAAA;AAAA,IAAiB;AAAA,GAEjG,+CACC,MAAO,EAAA,EAAA,SAAA,EAAU,cAAa,KAAO,EAAA,IAAA,EAAA,kBACjCA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA;AAAA,IAC3B,IAAM,EAAA;AAAA,GACR,EAAG,cAAc,CAAC,IAAA,EAAM,UAAU,MAAO,CAAA,KAAK,GAAG,qBAAuB,EAAA;AAAA,IACtE,QAAU,EAAA,CAAA;AAAA,IACV,aAAe,EAAA;AAAA,GACd,EAAA,IAAA,EAAA,CAAM,qBAAuB,IAAA,IAAA,GAAA,MAAA,GAAA,qBAAA,CAAA,oBAAA,KAAA,CAAwB,+DAAuB,oBAAqB,CAAA,MAAA,IAAS,CAAI,GAAA,qBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,qBAAA,CAAuB,uBAAuB,EAAC,EAAG,UAAY,EAAA,gBAAA,EAAkB,oBAAoB,MAAM;AACzN,IAAA,oDAAQ,GAAI,EAAA,EAAA,SAAA,EAAU,eACI,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,KAAM,EAAA,IAAA,EAAA,kBACTA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,WAAU,WACX,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YAAK,mBAAiB,CAC3B,CACJ,CACJ,CAAA;AAAA,GACxB,EAAG,KAAK,iBAAmB,EAAA,CAqDnB,mBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,WAAU,2CAA4C,EAAA,KAAA,EAAO,wBAChEA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,WAAU,QAAS,EAAA,CAAA,EAAA,CAC3B,6BAAM,WAAe,qBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAO,IAC7B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAM,EAAA,IAAA,EAAM,SAAS,OAAS,EAAA,SAAA,EAAU,qEAAoE,OAAS,EAAA,MAAM,YAAa,EAAA,EAAA,kBAC3IA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,OAAM,OAAQ,EAAA,IAAA,EAAK,QAAO,IAAM,EAAA,EAAA,EAAI,mBAC9CA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA;AAAA,IACtD,KAAO,EAAA,OAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ,EAAA,EAAG,iBAEiB,CACJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA,EAAS,SAAU,EAAA,mEAAA,EAAA,+CAC3C,QAAS,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,IAAA,EAAK,kBAAmB,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA,kBACzDA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA;AAAA,IACtD,KAAO,EAAA,OAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ,EAAA,EAAG,aAEiB,CACJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA,EAAS,SAAU,EAAA,mEAAA,EAAA,+CAC3C,QAAS,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,IAAA,EAAK,qBAAsB,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA,kBAC5DA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA;AAAA,IACtD,KAAO,EAAA,OAAA;AAAA,IACP,QAAU,EAAA;AAAA,OACT,MAEiB,CACJ,CAaJ,CACR,CACJ,CACJ,CAAA;AACR,CAAA;AACA,MAAM,YAAA,GAAe,CAAC,KAAe,KAAA;AACnC,EAAmB,aAAmB;AACtC,EAAM,MAAA,IAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAiB,WAAA,CAAiB,CAAS,KAAA,KAAA,KAAA,CAAM,UAAU,YAAY;AACvE,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,KAAO,EAAA;AAAA,IAC1B,IAAM,EAAA;AAAA,GAEE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,mBACV,IAAQ,KAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,WAAc,CAAA,mBAAAA,cAAA,CAAA,aAAA,CAAC,qBAA0B,EAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAO,CAAK,mBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAE,CAC1E,CACJ,CAAA;AACR,CAAA;AACA,qBAAeA,cAAA,CAAM,KAAK,YAAY,CAAA"}

package/lib/components/Header/styles.js

@@ -1,4 +1,4 @@
-import {Dimensions,StyleSheet}from'react-native';import colors from'../../constants/Colors.js';const windowWidth = Dimensions.get("window").width;
+import {Dimensions,StyleSheet}from'react-native';import Colors from'../../constants/Colors.js';const windowWidth = Dimensions.get("window").width;
 const windowHeight = Dimensions.get("window").height;
 const styles = StyleSheet.create({
   container: {
@@ -18,7 +18,7 @@ const styles = StyleSheet.create({
     tintColor: "#fff"
   },
   detailsLabel: {
-    color: colors.dark.text,
+    color: Colors.dark.text,
     fontSize: 22,
     fontWeight: "bold"
   },

package/lib/components/Header/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/Header/styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native';\nimport { Dimensions } from 'react-native';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\nimport Colors from '../../constants/Colors';\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor:'#3f0e40',\n    height:windowHeight-windowWidth*1.92,\n    flexDirection:'row',\n    alignItems:'flex-end',\n    justifyContent:'space-between',\n    paddingHorizontal:20,\n    paddingBottom:10,\n    paddingTop:40\n  },\n  filterImage: {\n   width:30,\n   height:30,\n    resizeMode: 'cover',\n    tintColor:'#fff'\n  },\n  detailsLabel: {\n    color: Colors.dark.text,\n    fontSize: 22,\n    fontWeight:'bold'\n  },\n  descriptionLabel: {\n    fontSize: 18,\n    lineHeight: 24,\n  },\n  pricesLabel: {\n    fontSize: 18,\n    marginVertical: 10,\n  },\n  oldPriceLabel: {\n    color: '#5b5b5b',\n    textDecorationLine: 'line-through',\n  },\n  newPriceLabel: {\n    fontWeight: 'bold',\n  },\n  totalPriceLabel: {\n    color: '#5b5b5b',\n    textDecorationLine: 'underline',\n  },\n});\n\nexport default styles;\n"],"names":["Colors"],"mappings":"+FAEA,MAAM,WAAc,GAAA,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA,KAAA;AAC7C,MAAM,YAAe,GAAA,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA,MAAA;AAExC,MAAA,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,SAAW,EAAA;AAAA,IACT,eAAiB,EAAA,SAAA;AAAA,IACjB,MAAA,EAAQ,eAAe,WAAc,GAAA,IAAA;AAAA,IACrC,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,UAAA;AAAA,IACZ,cAAgB,EAAA,eAAA;AAAA,IAChB,iBAAmB,EAAA,EAAA;AAAA,IACnB,aAAe,EAAA,EAAA;AAAA,IACf,UAAY,EAAA;AAAA,GACd;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAO,EAAA,EAAA;AAAA,IACP,MAAQ,EAAA,EAAA;AAAA,IACR,UAAY,EAAA,OAAA;AAAA,IACZ,SAAW,EAAA;AAAA,GACb;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,KAAA,EAAOA,OAAO,IAAK,CAAA,IAAA;AAAA,IACnB,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,EAAA;AAAA,IACV,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,aAAe,EAAA;AAAA,IACb,KAAO,EAAA,SAAA;AAAA,IACP,kBAAoB,EAAA;AAAA,GACtB;AAAA,EACA,aAAe,EAAA;AAAA,IACb,UAAY,EAAA;AAAA,GACd;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,KAAO,EAAA,SAAA;AAAA,IACP,kBAAoB,EAAA;AAAA;AAExB,CAAC"}
+{"version":3,"file":"styles.js","sources":["../../../src/components/Header/styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native';\nimport { Dimensions } from 'react-native';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\nimport Colors from '../../constants/Colors';\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor:'#3f0e40',\n    height:windowHeight-windowWidth*1.92,\n    flexDirection:'row',\n    alignItems:'flex-end',\n    justifyContent:'space-between',\n    paddingHorizontal:20,\n    paddingBottom:10,\n    paddingTop:40\n  },\n  filterImage: {\n   width:30,\n   height:30,\n    resizeMode: 'cover',\n    tintColor:'#fff'\n  },\n  detailsLabel: {\n    color: Colors.dark.text,\n    fontSize: 22,\n    fontWeight:'bold'\n  },\n  descriptionLabel: {\n    fontSize: 18,\n    lineHeight: 24,\n  },\n  pricesLabel: {\n    fontSize: 18,\n    marginVertical: 10,\n  },\n  oldPriceLabel: {\n    color: '#5b5b5b',\n    textDecorationLine: 'line-through',\n  },\n  newPriceLabel: {\n    fontWeight: 'bold',\n  },\n  totalPriceLabel: {\n    color: '#5b5b5b',\n    textDecorationLine: 'underline',\n  },\n});\n\nexport default styles;\n"],"names":[],"mappings":"+FAEA,MAAM,WAAc,GAAA,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA,KAAA;AAC7C,MAAM,YAAe,GAAA,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA,MAAA;AAExC,MAAA,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,SAAW,EAAA;AAAA,IACT,eAAiB,EAAA,SAAA;AAAA,IACjB,MAAA,EAAQ,eAAe,WAAc,GAAA,IAAA;AAAA,IACrC,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,UAAA;AAAA,IACZ,cAAgB,EAAA,eAAA;AAAA,IAChB,iBAAmB,EAAA,EAAA;AAAA,IACnB,aAAe,EAAA,EAAA;AAAA,IACf,UAAY,EAAA;AAAA,GACd;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAO,EAAA,EAAA;AAAA,IACP,MAAQ,EAAA,EAAA;AAAA,IACR,UAAY,EAAA,OAAA;AAAA,IACZ,SAAW,EAAA;AAAA,GACb;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,KAAA,EAAO,OAAO,IAAK,CAAA,IAAA;AAAA,IACnB,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,EAAA;AAAA,IACV,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,aAAe,EAAA;AAAA,IACb,KAAO,EAAA,SAAA;AAAA,IACP,kBAAoB,EAAA;AAAA,GACtB;AAAA,EACA,aAAe,EAAA;AAAA,IACb,UAAY,EAAA;AAAA,GACd;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,KAAO,EAAA,SAAA;AAAA,IACP,kBAAoB,EAAA;AAAA;AAExB,CAAC"}

package/lib/components/LoadingSpinner/index.js

@@ -1,9 +1,9 @@
-import React__default from'react';import {Center,Spinner,Modal,ModalBackdrop,ModalContent,ModalBody,HStack,Heading}from'@admin-layout/gluestack-ui-mobile';const LoadingSpinnerDefault = () => /* @__PURE__ */ React__default.createElement(Center, { flex: 1, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Spinner, { color: "$blue500" }));
+import React__default from'react';import {Center,Spinner,Modal,ModalBackdrop,ModalContent,ModalBody,HStack,Heading}from'@admin-layout/gluestack-ui-mobile';import colors from'tailwindcss/colors';const LoadingSpinnerDefault = () => /* @__PURE__ */ React__default.createElement(Center, { className: "flex-1 justify-center items-center" }, /* @__PURE__ */ React__default.createElement(Spinner, { color: colors.blue[500] }));
 const LoadingSpinner = ({
   color = "$blue500"
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Center, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Modal, { isOpen: true }, /* @__PURE__ */ React__default.createElement(ModalBackdrop, null), /* @__PURE__ */ React__default.createElement(ModalContent, { style: {
+  return /* @__PURE__ */ React__default.createElement(Center, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(Modal, { isOpen: true }, /* @__PURE__ */ React__default.createElement(ModalBackdrop, null), /* @__PURE__ */ React__default.createElement(ModalContent, { style: {
     maxWidth: 350,
     maxHeight: 212
-  } }, /* @__PURE__ */ React__default.createElement(ModalBody, { justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Spinner, { color, accessibilityLabel: "Loading" }), /* @__PURE__ */ React__default.createElement(Heading, { fontSize: "$md" }, "Loading"))))));
+  } }, /* @__PURE__ */ React__default.createElement(ModalBody, { className: "justify-center items-center" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "justify-center" }, /* @__PURE__ */ React__default.createElement(Spinner, { color, accessibilityLabel: "Loading" }), /* @__PURE__ */ React__default.createElement(Heading, { className: "text-base" }, "Loading"))))));
 };export{LoadingSpinnerDefault,LoadingSpinner as default};//# sourceMappingURL=index.js.map

package/lib/components/LoadingSpinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/LoadingSpinner/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Box,\n    Spinner,\n    Text,\n    HStack,\n    Heading,\n    Center,\n    Modal,\n    ModalBackdrop,\n    ModalContent,\n    ModalHeader,\n    ModalCloseButton,\n    CloseIcon,\n    Icon,\n    ModalBody,\n    ModalFooter,\n} from '@admin-layout/gluestack-ui-mobile';\n\ninterface LoadingSpinnerProps {\n    color?: string; // optional\n}\n\nexport const LoadingSpinnerDefault = () => (\n    <Center flex={1} justifyContent=\"center\" alignItems=\"center\">\n        <Spinner color={'$blue500'} />\n    </Center>\n);\n\nconst LoadingSpinner = ({ color = '$blue500' }: LoadingSpinnerProps) => {\n    return (\n        <Center flex={1}>\n            <Modal isOpen={true}>\n                <ModalBackdrop />\n                <ModalContent style={{ maxWidth: 350, maxHeight: 212 }}>\n                    <ModalBody justifyContent=\"center\" alignItems={'center'}>\n                        <HStack space={'sm'} justifyContent=\"center\">\n                            <Spinner color={color} accessibilityLabel=\"Loading\" />\n                            <Heading fontSize=\"$md\">Loading</Heading>\n                        </HStack>\n                    </ModalBody>\n                </ModalContent>\n            </Modal>\n        </Center>\n    );\n};\n\nexport default LoadingSpinner;\n"],"names":["React"],"mappings":"2JAKO,MAAM,qBAAwB,GAAA,sBAAOA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,MAAM,CAAG,EAAA,cAAA,EAAe,QAAS,EAAA,UAAA,EAAW,QACvF,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,YAAY,CAChC;AACJ,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAQ,GAAA;AACV,CAA2B,KAAA;AACzB,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,CAAA,EAAA,kBACVA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,MAAQ,EAAA,IAAA,EAAA,kBACVA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CACf,kBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,KAAO,EAAA;AAAA,IAC7B,QAAU,EAAA,GAAA;AAAA,IACV,SAAW,EAAA;AAAA,GAEC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,cAAA,EAAe,QAAS,EAAA,UAAA,EAAY,QAC3C,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAO,IAAM,EAAA,cAAA,EAAe,QAChC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAc,kBAAmB,EAAA,SAAA,EAAU,CACpD,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,QAAA,EAAS,KAAM,EAAA,EAAA,SAAO,CACnC,CACJ,CACJ,CACJ,CACJ,CAAA;AACR"}
+{"version":3,"file":"index.js","sources":["../../../src/components/LoadingSpinner/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Box,\n    Spinner,\n    Text,\n    HStack,\n    Heading,\n    Center,\n    Modal,\n    ModalBackdrop,\n    ModalContent,\n    ModalHeader,\n    ModalCloseButton,\n    CloseIcon,\n    Icon,\n    ModalBody,\n    ModalFooter,\n} from '@admin-layout/gluestack-ui-mobile';\nimport colors from 'tailwindcss/colors';\n\ninterface LoadingSpinnerProps {\n    color?: string; // optional\n}\n\nexport const LoadingSpinnerDefault = () => (\n    <Center className=\"flex-1 justify-center items-center\">\n        <Spinner color={colors.blue[500]} />\n    </Center>\n);\n\nconst LoadingSpinner = ({ color = '$blue500' }: LoadingSpinnerProps) => {\n    return (\n        <Center className=\"flex-1\">\n            <Modal isOpen={true}>\n                <ModalBackdrop />\n                <ModalContent style={{ maxWidth: 350, maxHeight: 212 }}>\n                    <ModalBody className=\"justify-center items-center\">\n                        <HStack space={'sm'} className=\"justify-center\">\n                            <Spinner color={color} accessibilityLabel=\"Loading\" />\n                            <Heading className=\"text-base\">Loading</Heading>\n                        </HStack>\n                    </ModalBody>\n                </ModalContent>\n            </Modal>\n        </Center>\n    );\n};\n\nexport default LoadingSpinner;\n"],"names":["React"],"mappings":"kMAMO,MAAM,qBAAwB,GAAA,sBAAOA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAU,EAAA,oCAAA,EAAA,kBACpDA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,MAAA,CAAO,IAAK,CAAA,GAAA,CAAA,EAAM,CACtC;AACJ,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAQ,GAAA;AACV,CAA2B,KAAA;AACzB,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAU,EAAA,QAAA,EAAA,kBACdA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,MAAQ,EAAA,IAAA,EAAA,kBACVA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CACf,kBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,KAAO,EAAA;AAAA,IAC7B,QAAU,EAAA,GAAA;AAAA,IACV,SAAW,EAAA;AAAA,GACb,EAAA,kBACeA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,SAAU,EAAA,6BAAA,EAAA,kBAChBA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAO,EAAA,IAAA,EAAM,SAAU,EAAA,gBAAA,EAAA,kBAC1BA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,OAAc,kBAAmB,EAAA,SAAA,EAAU,CACpD,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAU,WAAY,EAAA,EAAA,SAAO,CAC1C,CACJ,CACJ,CACJ,CACJ,CAAA;AACR"}

package/lib/components/NavigationHeader/InboxNavigationHeader.js

@@ -1,4 +1,4 @@
-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(({
+import React__default from'react';import {useNavigation,useRoute}from'@react-navigation/native';import {SafeAreaView}from'react-native';import {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 {useChannelDetailQuery}from'../../queries/slackuiQueries.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
 }) => {
@@ -12,20 +12,12 @@ import React__default from'react';import {useNavigation,useRoute}from'@react-nav
   const titleCharacterLimit = 18;
   const {
     data: channelData,
-    loading: channelLoading,
-    refetch: reFetchChannel
-  } = useViewChannelDetailQuery({
+    loading: channelLoading
+  } = useChannelDetailQuery(channelId, {
     variables: {
       id: channelId == null ? void 0 : channelId.toString()
     }
   });
-  React__default.useEffect(() => {
-    reFetchChannel({
-      id: channelId == null ? void 0 : channelId.toString()
-    });
-    return () => {
-    };
-  }, []);
   const channel = React__default.useMemo(() => {
     if (!(channelData == null ? void 0 : channelData.viewChannelDetail))
       return null;
@@ -60,12 +52,12 @@ import React__default from'react';import {useNavigation,useRoute}from'@react-nav
   }, [channelMembers]);
   if (channelLoading)
     return /* @__PURE__ */ React__default.createElement(LoadingSpinnerDefault, null);
-  return /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", variant: "solid", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200", justifyContent: "flex-start", rounded: "$xl", p: "$0", onPress: () => navigation == null ? void 0 : navigation.navigate("MainStack", {
+  return /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 " }, /* @__PURE__ */ React__default.createElement(Button, { variant: "solid", className: "bg-transparent justify-start rounded-xl p-0 active:bg-gray-200 hover:bg-gray-200", onPress: () => navigation == null ? void 0 : navigation.navigate("MainStack", {
     screen: NavigationRoutes.InboxChannelDetail,
     params: {
       channelId
     }
-  }) }, /* @__PURE__ */ React__default.createElement(VStack, null, /* @__PURE__ */ React__default.createElement(HStack, { alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Box, null, memberImage ? /* @__PURE__ */ React__default.createElement(Avatar, { key: "inbox-channel-member-image-key", size: "sm", bg: "transparent" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_b = (_a = params == null ? void 0 : params.title) == null ? void 0 : _a.charAt(0)) != null ? _b : "")), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "inbox header image", style: {
+  }) }, /* @__PURE__ */ React__default.createElement(VStack, null, /* @__PURE__ */ React__default.createElement(HStack, { className: "items-center" }, /* @__PURE__ */ React__default.createElement(Box, null, memberImage ? /* @__PURE__ */ React__default.createElement(Avatar, { key: "inbox-channel-member-image-key", size: "sm", className: "bg-transparent" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_b = (_a = params == null ? void 0 : params.title) == null ? void 0 : _a.charAt(0)) != null ? _b : "")), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "inbox header image", style: {
     width: 30,
     height: 30,
     borderRadius: 6,
@@ -76,9 +68,9 @@ import React__default from'react';import {useNavigation,useRoute}from'@react-nav
   } }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
     width: 10,
     height: 10
-  }, bg: "$green800" })) : channelType == RoomType.Channel ? /* @__PURE__ */ React__default.createElement(Text, { pl: "$2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 18 })) : channelType === RoomType.Private ? /* @__PURE__ */ React__default.createElement(Text, { pl: "$2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 18 })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)), /* @__PURE__ */ React__default.createElement(Text, { px: "$2", color: "$black", flexWrap: "wrap", style: {
+  }, className: "bg-green-800" })) : channelType == RoomType.Channel ? /* @__PURE__ */ React__default.createElement(Text, { className: "pl-2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 18 })) : channelType === RoomType.Private ? /* @__PURE__ */ React__default.createElement(Text, { className: "pl-2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 18 })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)), /* @__PURE__ */ React__default.createElement(Text, { style: {
     fontSize: 18
-  }, fontWeight: "$bold", numberOfLines: 1 }, channelTitle)), /* @__PURE__ */ React__default.createElement(HStack, null, !memberImage && ((_c = channel == null ? void 0 : channel.members) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ React__default.createElement(Text, { px: "$2", color: "$trueGray600" }, (_d = channel == null ? void 0 : channel.members) == null ? void 0 : _d.length, " ", ((_e = channel == null ? void 0 : channel.members) == null ? void 0 : _e.length) > 1 ? "members" : "member")))));
+  }, numberOfLines: 1, className: "px-2 text-black flex-wrap font-bold" }, channelTitle)), /* @__PURE__ */ React__default.createElement(HStack, null, !memberImage && ((_c = channel == null ? void 0 : channel.members) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ React__default.createElement(Text, { className: "px-2 text-gray-600" }, (_d = channel == null ? void 0 : channel.members) == null ? void 0 : _d.length, " ", ((_e = channel == null ? void 0 : channel.members) == null ? void 0 : _e.length) > 1 ? "members" : "member")))));
 });
 const InboxHeader = ({
   back,
@@ -96,31 +88,34 @@ const InboxHeader = ({
   const defalultTitle = currentOptions ? getHeaderTitle(currentOptions, name) : params == null ? void 0 : params.title;
   const matches = defalultTitle.match(/\b(\w)/g);
   const acronym = matches.join("").substring(0, 2);
-  return /* @__PURE__ */ React__default.createElement(SafeAreaView, null, /* @__PURE__ */ React__default.createElement(StatusBar, { style: statusBarType, backgroundColor: statusBarType == "dark" ? "white" : "black" }), /* @__PURE__ */ React__default.createElement(Box, { borderBottomWidth: "$1", borderBottomColor: "$trueGray200" }, /* @__PURE__ */ React__default.createElement(VStack, null, /* @__PURE__ */ React__default.createElement(HStack, { px: "$1", py: "$3", bg: "$white", justifyContent: "space-between", alignItems: "center", w: "100%" }, back ? /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { style: {
+    flex: 1,
+    backgroundColor: "#fff"
+  } }, /* @__PURE__ */ React__default.createElement(StatusBar, { style: statusBarType, backgroundColor: statusBarType == "dark" ? "white" : "black" }), /* @__PURE__ */ React__default.createElement(Box, { className: " border-b py-4 h-16 pb-10 border-b-gray-200", style: {
+    paddingBottom: 10,
+    backgroundColor: "#fff",
+    borderColor: "#e5e7eb"
+  } }, /* @__PURE__ */ React__default.createElement(VStack, null, /* @__PURE__ */ React__default.createElement(HStack, { className: "px-1  bg-white justify-between items-center w-full" }, back ? /* @__PURE__ */ React__default.createElement(
     Button,
     {
-      bg: "transparent",
-      "$pressed-bg": "$trueGray200",
-      "$active-bg": "$trueGray200",
+      className: "bg-transparent active:bg-gray-200 hover:bg-gray-200",
       onPress: () => (params == null ? void 0 : params.goToHome) ? navigation == null ? void 0 : navigation.navigate("MainStack", {
         screen: NavigationRoutes.Home
       }) : navigation == null ? void 0 : navigation.goBack()
     },
     /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 30, name: "keyboard-arrow-left", color: "black" })
-  ) : showToggle ? /* @__PURE__ */ React__default.createElement(Button, { mx: "$2", px: "$2", py: "$2", size: "md", bg: "$trueGray300", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200", onPress: () => navigation.toggleDrawer() }, /* @__PURE__ */ React__default.createElement(Avatar, { bg: "transparent", size: "md" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, { style: {
+  ) : showToggle ? /* @__PURE__ */ React__default.createElement(Button, { size: "md", className: "mx-2 px-2 py-2 bg-gray-300 active:bg-gray-200 hover:bg-gray-200", onPress: () => navigation.toggleDrawer() }, /* @__PURE__ */ React__default.createElement(Avatar, { className: "bg-transparent ", size: "md" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, { style: {
     color: "#000",
     fontWeight: "600"
   } }, acronym))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), (params == null ? void 0 : params.channelId) && /* @__PURE__ */ React__default.createElement(InboxChannelInfo, { channelId: params == null ? void 0 : params.channelId, defalultTitle }), /* @__PURE__ */ React__default.createElement(
     Button,
     {
       variant: "solid",
-      bg: "transparent",
-      "$pressed-bg": "$trueGray200",
-      "$active-bg": "$trueGray200",
+      className: "bg-transparent active:bg-gray-200 hover:bg-gray-200",
       size: "md"
     },
     /* @__PURE__ */ React__default.createElement(Feather, { color: "black", size: 20, name: "headphones" })
-  ), (params == null ? void 0 : params.addMember) && /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", "$pressed-bg": "transparent", "$active-bg": "transparent", onPress: () => navigation.navigate("MainStack", {
+  ), (params == null ? void 0 : params.addMember) && /* @__PURE__ */ React__default.createElement(Button, { className: "bg-transparent active:bg-transparent hover:bg-transparent", onPress: () => navigation.navigate("MainStack", {
     screen: NavigationRoutes.AddPeople,
     params: {
       channelId: params == null ? void 0 : params.channelId,
@@ -128,4 +123,4 @@ const InboxHeader = ({
       orgName: params == null ? void 0 : params.orgName
     }
   }), size: "lg" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", size: 20, name: "addusergroup" }))))));
-};export{InboxHeader as default};//# sourceMappingURL=InboxNavigationHeader.js.map
+};export{InboxHeader as InboxNavigationHeader,InboxHeader as default};//# sourceMappingURL=InboxNavigationHeader.js.map

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,MAAA,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,MAAA,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,MAAA,GAAA,WAAA,CAAA,iBAAA,CAAA;AAAmB,MAAO,OAAA,IAAA;AAC5C,IAAA,OAAO,WAAa,IAAA,IAAA,GAAA,MAAA,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,MAAA,GAAA,OAAA,CAAA,IAAA,CAAA;AAAM,MAAO,OAAA,SAAA;AAC3B,IAAA,OAAO,OAAS,IAAA,IAAA,GAAA,MAAA,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,MAAA,GAAAA,IAAkB,MAAU,KAAA,CAAA;AAAG,MAAO,OAAA,IAAA;AAC/D,IAAOG,OAAAA,CAAAA,GAAAA,GAAAA,CAAAD,OAAAD,GAAA,GAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,YAAT,IAAAA,GAAAA,MAAAA,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,MAAA,GAAA,EAAA,CAAI,IAAJ,KAAA,IAAA,GAAA,MAAA,GAAAA,GAAU,CAAA,EAAA,MAAM,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAMC,GAAA,GAAA,EAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAI,IAAJ,KAAA,IAAA,GAAA,MAAA,GAAAA,IAAU,UAAc,KAAA,aAAA;AAAA,KAA1F,CAAA,KAAA,IAAA,GAAA,MAAA,GAAAC,IAA0G,GAAI,CAAA,CAAC,MAAW,CAAG,IAAA,IAAA,GAAA,MAAA,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,MAAA,GAAA,cAAA,CAAgB,GAAI,CAAA,CAAC,CAAQ,KAAA;AAhE7F,MAAAA,IAAAA,GAAAA;AAgEgG,MAAA,OAAA,CAAAA,GAAA,GAAA,CAAA,IAAA,IAAA,GAAA,MAAA,GAAA,CAAA,CAAG,SAAH,KAAA,IAAA,GAAAA,GAAgB,GAAA,EAAA;AAAA,KAAA,CAAA,KAAhD,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAqD,MAAO,CAAA,CAAC,EAAY,KAAA,EAAA,CAAA,KAAzE,IAAAC,GAAAA,MAAAA,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,MAAA,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,MAAA,GAAA,cAAA,CAAgB,WAAU,CAAIA,GAAAA,CAAAA,GAAAA,GAAAA,CAAAD,GAAA,GAAA,cAAA,CAAe,OAAf,IAAAA,GAAAA,MAAAA,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,MAAA,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,MAAA,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,MAAA,GAAA,OAAA,CAAS,YAAT,IAAkB,GAAA,MAAA,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,MAAA,GAAA,OAAA,CAAS,OAAT,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAkB,QAAO,GAAE,EAAA,CAAA,CAAA,EAAA,GAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,OAAT,KAAA,IAAA,GAAA,MAAA,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,MAAA,GAAA,EAAA,CAAA,OAAA,KAAf,IAAwB,GAAA,MAAA,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,MAAA,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,MAAA,GAAA,MAAA,CAAQ,QAAW,IAAA,UAAA,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAY,SAAS,WAAa,EAAA;AAAA,QAClE,QAAQ,gBAAiB,CAAA;AAAA,WACtB,UAAY,IAAA,IAAA,GAAA,MAAA,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,MAAA,GAAA,MAAA,CAAA,SAAA,kDAAc,gBAAiB,EAAA,EAAA,SAAA,EAAW,MAAQ,IAAA,IAAA,GAAA,MAAA,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,MAAA,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,MAAA,GAAA,MAAA,CAAA,SAAA;AAAA,MACnB,WAAW,MAAQ,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,SAAA;AAAA,MACnB,SAAS,MAAQ,IAAA,IAAA,GAAA,MAAA,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, SafeAreaView } from 'react-native';\nimport {\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 { useChannelDetailQuery } from '../../queries/slackuiQueries';\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 { data: channelData, loading: channelLoading } = useChannelDetailQuery(channelId, {\n        variables: {\n            id: channelId?.toString(),\n        },\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        // <SafeAreaView style={{flex:1}}>\n        <Box className=\"flex-1 \">\n            <Button\n                variant={'solid'}\n                className=\"bg-transparent justify-start rounded-xl p-0 active:bg-gray-200 hover:bg-gray-200\"\n                onPress={() =>\n                    navigation?.navigate('MainStack', {\n                        screen: NavigationRoutes.InboxChannelDetail,\n                        params: { channelId },\n                    })\n                }\n            >\n                <VStack>\n                    <HStack className=\"items-center\">\n                        <Box>\n                            {memberImage ? (\n                                <Avatar key={'inbox-channel-member-image-key'} size={'sm'} className=\"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 }} className=\"bg-green-800\" />\n                                </Avatar>\n                            ) : channelType == RoomType.Channel ? (\n                                <Text className=\"pl-2\">\n                                    <Octicons color=\"black\" name=\"hash\" size={18} />\n                                </Text>\n                            ) : channelType === RoomType.Private ? (\n                                <Text className=\"pl-2\">\n                                    <Octicons color=\"black\" name=\"lock\" size={18} />\n                                </Text>\n                            ) : (\n                                <></>\n                            )}\n                        </Box>\n                        <Text\n                            style={{ fontSize: 18 }}\n                            numberOfLines={1}\n                            className=\"px-2 text-black flex-wrap font-bold\"\n                        >\n                            {channelTitle}\n                        </Text>\n                    </HStack>\n                    <HStack>\n                        {!memberImage && channel?.members?.length > 0 && (\n                            <Text className=\"px-2 text-gray-600\">\n                                {channel?.members?.length} {channel?.members?.length > 1 ? 'members' : 'member'}\n                            </Text>\n                        )}\n                    </HStack>\n                </VStack>\n            </Button>\n        </Box>\n        // </SafeAreaView>\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 style={{ flex: 1, backgroundColor: '#fff' }}>\n            <StatusBar style={statusBarType} backgroundColor={statusBarType == 'dark' ? 'white' : 'black'} />\n            <Box\n                className=\" border-b py-4 h-16 pb-10 border-b-gray-200\"\n                style={{ paddingBottom: 10, backgroundColor: '#fff', borderColor: '#e5e7eb' }}\n            >\n                <VStack>\n                    <HStack className=\"px-1  bg-white justify-between items-center w-full\">\n                        {back ? (\n                            <Button\n                                className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\"\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                                size={'md'}\n                                className=\"mx-2 px-2 py-2 bg-gray-300 active:bg-gray-200 hover:bg-gray-200\"\n                                onPress={() => navigation.toggleDrawer()}\n                            >\n                                <Avatar className=\"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                            className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\"\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                                className=\"bg-transparent active:bg-transparent hover: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 the component with the proper name\nexport { InboxHeader as InboxNavigationHeader };\n\n//export default React.memo(InboxNavigationHeader);\n"],"names":["React","_a","_b","_c","_d"],"mappings":"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"}