@messenger-box/slack-ui-mobile 10.0.3-alpha.47 → 10.0.3-alpha.49

package/lib/screens/Home/HomeScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"HomeScreen.js","sources":["../../../src/screens/Home/HomeScreen.tsx"],"sourcesContent":["import { Ionicons, AntDesign, FontAwesome5, MaterialCommunityIcons } from '@expo/vector-icons';\nimport { useFocusEffect, useNavigation } from '@react-navigation/native';\nimport React, { useCallback, useState, useMemo, createContext } from 'react';\nimport { TouchableHighlight, Share, Dimensions } from 'react-native';\nimport { useSelector, shallowEqual } from 'react-redux';\nimport styles from './styles';\nimport {\n    Box,\n    Avatar,\n    Icon,\n    AddIcon,\n    Text,\n    Spinner,\n    Center,\n    Fab,\n    HStack,\n    Divider,\n    VStack,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { RoomType } from 'common';\nimport { useSetDeviceTokenMutation, useOrganizationSharableLinkQuery } from '../../queries/slackuiQueries';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useDrawerLayout } from '../../hooks/useDrawerLayout';\nimport { useDisclose } from '../../hooks/useDisclose';\nimport { useExpoNotification } from '../../hooks/useExpoNotificationProvider';\nimport { Teams } from './Components/Teams';\nimport { Channels } from './Components/Channels/index';\nimport { DirectChannels } from './Components/DirectChannels';\nimport { TopCommonSlider } from './Components/TopCommonSlider';\nimport { InviteMembers } from './Components/InviteMembers';\nimport { NavigationRoutes, colors } from '../../constants';\nimport { LoadingSpinnerDefault, Actionsheet } from '../../components';\nimport { config } from '../../config';\nimport Colors from 'tailwindcss/colors';\n\nconst windowHeight = Dimensions.get('window').height;\n\nconst defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];\n\n// Create a context to control refetching across child components\nexport const RefetchContext = createContext({\n    shouldRefetch: false,\n    setRefetchStatus: (status: boolean) => {},\n});\n\nconst HomeScreen = ({ navigation, route }) => {\n    const user = useSelector((state: any) => state.user, shallowEqual);\n    const { isOpen, onOpen, onClose } = useDisclose();\n    const { setSwipeEnabled, orgName, organizationDetail } = useDrawerLayout();\n    const { expoToken } = useExpoNotification();\n    const [setDeviceTokenMutation] = useSetDeviceTokenMutation();\n    const [shouldRefetch, setShouldRefetch] = useState(false);\n\n    // Memoize the refetch context value\n    const refetchContextValue = useMemo(\n        () => ({\n            shouldRefetch,\n            setRefetchStatus: setShouldRefetch,\n        }),\n        [shouldRefetch],\n    );\n\n    // Only fetch sharable link when needed (when action sheet is open)\n    const { data: organizationSharableLink } = useOrganizationSharableLinkQuery(orgName, {\n        fetchPolicy: 'cache-and-network',\n        skip: !isOpen,\n    });\n\n    // Define shareLink before it's used in the memo\n    const shareLink = useCallback(async () => {\n        try {\n            const result = await Share.share({\n                message: `${config.APP_NAME} - ${organizationSharableLink?.getOrganizationSharableLink ?? ''}`,\n            });\n        } catch (error: any) {\n            alert(error.message);\n        }\n    }, [organizationSharableLink?.getOrganizationSharableLink]);\n\n    // Memoize action items to prevent unnecessary re-renders\n    const actionItems = useMemo(\n        () => [\n            {\n                id: 1,\n                label: (\n                    <HStack\n                        space={'sm'}\n                        className=\"flex-1 justify-center items-center\"\n                        style={{\n                            backgroundColor: colors.primaryBgColor,\n                            paddingVertical: 12,\n                            borderRadius: 8,\n                            marginHorizontal: 10,\n                            marginVertical: 5,\n                        }}\n                    >\n                        <Ionicons color={'white'} name=\"share-outline\" size={22} />\n                        <Text className=\"text-white\" style={{ color: 'white', fontWeight: '600', fontSize: 16 }}>\n                            Share a Link\n                        </Text>\n                    </HStack>\n                ),\n                onPress: async () => await shareLink(),\n            },\n            {\n                id: 2,\n                label: (\n                    <HStack\n                        space={'sm'}\n                        className=\"flex-1 justify-center items-center\"\n                        style={{\n                            paddingVertical: 12,\n                            borderRadius: 8,\n                            marginHorizontal: 10,\n                            marginVertical: 5,\n                            backgroundColor: Colors.gray[50],\n                        }}\n                    >\n                        <AntDesign color={Colors.gray[900]} name=\"adduser\" size={22} />\n                        <Text style={{ color: Colors.gray[900], fontWeight: '600', fontSize: 16 }}>\n                            Add from Contacts\n                        </Text>\n                    </HStack>\n                ),\n                onPress: () =>\n                    navigation.navigate(NavigationRoutes.AddPeopleFromContacts, {\n                        orgName,\n                    }),\n            },\n            {\n                id: 3,\n                label: (\n                    <HStack\n                        space={'sm'}\n                        className=\"flex-1 justify-center items-center\"\n                        style={{\n                            paddingVertical: 12,\n                            borderRadius: 8,\n                            marginHorizontal: 10,\n                            marginVertical: 5,\n                            backgroundColor: Colors.gray[50],\n                        }}\n                    >\n                        <MaterialCommunityIcons color={Colors.gray[900]} name=\"email-outline\" size={22} />\n                        <Text style={{ color: Colors.gray[900], fontWeight: '600', fontSize: 16 }}>Add by Email</Text>\n                    </HStack>\n                ),\n                onPress: () =>\n                    navigation.navigate(NavigationRoutes.AddPeopleByEmail, {\n                        orgName,\n                    }),\n            },\n        ],\n        [isOpen, navigation, orgName, shareLink],\n    );\n\n    // Optimize token handling\n    const handlerExpoToken = useCallback(() => {\n        if (expoToken) {\n            setDeviceTokenMutation({\n                variables: {\n                    deviceToken: expoToken,\n                },\n            });\n        }\n    }, [expoToken, setDeviceTokenMutation]);\n\n    useFocusEffect(\n        useCallback(() => {\n            setSwipeEnabled(true);\n            handlerExpoToken();\n            setShouldRefetch(true);\n\n            // Set refetch status to false after a short delay\n            const timer = setTimeout(() => {\n                setShouldRefetch(false);\n            }, 500);\n\n            return () => {\n                clearTimeout(timer);\n                setSwipeEnabled(false);\n            };\n        }, [orgName, setSwipeEnabled, handlerExpoToken]),\n    );\n\n    // Memoize the AddTeammates component\n    const AddTeammates = useCallback(\n        () => (\n            <Box style={[styles.bottomContainer, { marginBottom: 8, paddingHorizontal: 16 }]}>\n                <TouchableHighlight underlayColor={Colors.gray[50]} onPress={onOpen}>\n                    <Box className=\"py-3 px-2\">\n                        <HStack className=\"w-full flex-1 items-center space-x-3\">\n                            <Box\n                                style={{\n                                    backgroundColor: Colors.gray[100],\n                                    borderRadius: 20,\n                                    padding: 6,\n                                }}\n                            >\n                                <Icon as={AddIcon} style={{ width: 20, height: 20 }} color={Colors.gray[700]} />\n                            </Box>\n                            <Text style={{ fontSize: 15, fontWeight: '500' }} color={Colors.gray[800]}>\n                                Add teammates\n                            </Text>\n                        </HStack>\n                    </Box>\n                </TouchableHighlight>\n\n                <Actionsheet\n                    isOpen={isOpen}\n                    actionItems={actionItems}\n                    onCancel={onClose}\n                    hideBottomWidth={true}\n                    header={\n                        <Text\n                            className=\"text-center font-bold text-lg\"\n                            style={{\n                                paddingVertical: 16,\n                                color: Colors.gray[900],\n                            }}\n                        >\n                            Invite people to join your team\n                        </Text>\n                    }\n                />\n            </Box>\n        ),\n        [isOpen, onOpen, onClose, actionItems],\n    );\n\n    if (!orgName) {\n        return (\n            <Center className=\"flex-1 bg-white\">\n                <Spinner size=\"large\" color={colors.primaryBgColor} />\n            </Center>\n        );\n    }\n\n    return (\n        <RefetchContext.Provider value={refetchContextValue}>\n            <VirtualizedScrollView className=\"bg-white flex-1\">\n                <Box className=\"flex-1 bg-white pb-10\">\n                    <TopCommonSlider />\n                    <Divider style={{ marginVertical: 12 }} />\n                    <Teams />\n                    <Divider style={{ marginVertical: 12 }} />\n                    <Channels />\n                    <Divider style={{ marginVertical: 12 }} />\n                    <DirectChannels />\n                    <Divider style={{ marginVertical: 12 }} />\n                    {/* <AddTeammates />\n                    <Divider style={{ marginVertical: 12 }} /> */}\n                    <InviteMembers />\n                </Box>\n            </VirtualizedScrollView>\n            <Fab\n                onPress={() => navigation.navigate(NavigationRoutes.SearchAddChannel, { orgName })}\n                size=\"sm\"\n                className=\"items-center shadow-lg\"\n                style={{ backgroundColor: colors.primaryBgColor, marginBottom: 20, marginRight: 20 }}\n            >\n                <FontAwesome5 color=\"white\" name=\"edit\" size={18} />\n            </Fab>\n        </RefetchContext.Provider>\n    );\n};\n\n// Memoize the entire Home component\nconst Home = React.memo((props: any) => {\n    const user = useSelector((state: any) => state.user, shallowEqual);\n    const { orgName } = useDrawerLayout();\n    const navigation = useNavigation<any>();\n\n    useFocusEffect(\n        React.useCallback(() => {\n            if (!user?.profile) navigation?.navigate(NavigationRoutes.Login);\n            return () => {};\n        }, []),\n    );\n\n    //  if (!orgName) return <LoadingSpinnerDefault />;\n    if (!orgName)\n        return (\n            <Center className=\"flex-1 bg-white\">\n                <Text>No Organization found</Text>\n            </Center>\n        );\n\n    return <HomeScreen {...props} />;\n});\n\nexport default Home;\n"],"names":["React","colors","Colors","Actionsheet"],"mappings":";;;;;;;;;;;;;;;;AAsBqB,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA;AACnB,CAAC,QAAA,CAAS,SAAS,QAAS,CAAA,OAAA,EAAS,SAAS,MAAM;AAGxE,MAAM,iBAAiB,aAAc,CAAA;AAAA,EAC1C,aAAe,EAAA,KAAA;AAAA,EACf,gBAAA,EAAkB,CAAC,MAAoB,KAAA;AAAA;AACzC,CAAC;AACD,MAAM,aAAa,CAAC;AAAA,EAClB,UAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAa,WAAY,CAAA,CAAC,KAAe,KAAA,KAAA,CAAM,MAAM,YAAY;AACjE,EAAM,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,MACE,WAAY,EAAA;AAChB,EAAM,MAAA;AAAA,IACJ,eAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,MACE,eAAgB,EAAA;AACpB,EAAM,MAAA;AAAA,IACJ;AAAA,MACE,mBAAoB,EAAA;AACxB,EAAM,MAAA,CAAC,sBAAsB,CAAA,GAAI,yBAA0B,EAAA;AAC3D,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AAGxD,EAAM,MAAA,mBAAA,GAAsB,QAAQ,OAAO;AAAA,IACzC,aAAA;AAAA,IACA,gBAAkB,EAAA;AAAA,GACpB,CAAA,EAAI,CAAC,aAAa,CAAC,CAAA;AAGnB,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA;AAAA,GACR,GAAI,iCAAiC,OAAS,EAAA;AAAA,IAC5C,WAAa,EAAA,mBAAA;AAAA,IACb,MAAM,CAAC;AAAA,GACR,CAAA;AAGD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY;AAlE5C,IAAA,IAAA,EAAA;AAmEI,IAAI,IAAA;AACF,MAAM,MAAA,MAAA,GAAS,MAAM,KAAA,CAAM,KAAM,CAAA;AAAA,QAC/B,SAAS,CAAG,EAAA,MAAA,CAAO,QAAc,CAAA,GAAA,EAAA,CAAA,EAAA,GAAA,wBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,wBAAA,CAA0B,gCAA1B,IAAyD,GAAA,EAAA,GAAA,EAAA,CAAA;AAAA,OAC3F,CAAA;AAAA,aACM,KAAP,EAAA;AACA,MAAA,KAAA,CAAM,MAAM,OAAO,CAAA;AAAA;AACrB,GACC,EAAA,CAAC,wBAA0B,IAAA,IAAA,GAAA,MAAA,GAAA,wBAAA,CAAA,2BAA2B,CAAC,CAAA;AAG1D,EAAM,MAAA,WAAA,GAAc,OAAQ,CAAA,MAAM,CAAC;AAAA,IACjC,EAAI,EAAA,CAAA;AAAA,IACJ,uBAAQA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAO,IAAM,EAAA,SAAA,EAAU,sCAAqC,KAAO,EAAA;AAAA,MAChF,iBAAiBC,MAAO,CAAA,cAAA;AAAA,MACxB,eAAiB,EAAA,EAAA;AAAA,MACjB,YAAc,EAAA,CAAA;AAAA,MACd,gBAAkB,EAAA,EAAA;AAAA,MAClB,cAAgB,EAAA;AAAA,KAEE,EAAA,kBAAAD,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,SAAS,IAAK,EAAA,eAAA,EAAgB,IAAM,EAAA,EAAA,EAAI,CACzD,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAU,cAAa,KAAO,EAAA;AAAA,MACpD,KAAO,EAAA,OAAA;AAAA,MACP,UAAY,EAAA,KAAA;AAAA,MACZ,QAAU,EAAA;AAAA,KACZ,EAAA,EAAG,cAEe,CACJ,CAAA;AAAA,IAChB,OAAA,EAAS,YAAY,MAAM,SAAU;AAAA,GACpC,EAAA;AAAA,IACD,EAAI,EAAA,CAAA;AAAA,IACJ,uBAAQA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAO,IAAM,EAAA,SAAA,EAAU,sCAAqC,KAAO,EAAA;AAAA,MAChF,eAAiB,EAAA,EAAA;AAAA,MACjB,YAAc,EAAA,CAAA;AAAA,MACd,gBAAkB,EAAA,EAAA;AAAA,MAClB,cAAgB,EAAA,CAAA;AAAA,MAChB,eAAA,EAAiBE,OAAO,IAAK,CAAA,EAAA;AAAA,KAEX,EAAA,kBAAAF,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAOE,OAAO,IAAK,CAAA,GAAA,CAAA,EAAM,IAAK,EAAA,SAAA,EAAU,IAAM,EAAA,EAAA,EAAI,CAC7D,kBAAAF,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA;AAAA,MAC7B,KAAA,EAAOE,OAAO,IAAK,CAAA,GAAA,CAAA;AAAA,MACnB,UAAY,EAAA,KAAA;AAAA,MACZ,QAAU,EAAA;AAAA,KACZ,EAAA,EAAG,mBAEe,CACJ,CAAA;AAAA,IAChB,OAAS,EAAA,MAAM,UAAW,CAAA,QAAA,CAAS,iBAAiB,qBAAuB,EAAA;AAAA,MACzE;AAAA,KACD;AAAA,GACA,EAAA;AAAA,IACD,EAAI,EAAA,CAAA;AAAA,IACJ,uBAAQF,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAO,IAAM,EAAA,SAAA,EAAU,sCAAqC,KAAO,EAAA;AAAA,MAChF,eAAiB,EAAA,EAAA;AAAA,MACjB,YAAc,EAAA,CAAA;AAAA,MACd,gBAAkB,EAAA,EAAA;AAAA,MAClB,cAAgB,EAAA,CAAA;AAAA,MAChB,eAAA,EAAiBE,OAAO,IAAK,CAAA,EAAA;AAAA,KAEX,EAAA,kBAAAF,cAAA,CAAA,aAAA,CAAC,sBAAuB,EAAA,EAAA,KAAA,EAAOE,OAAO,IAAK,CAAA,GAAA,CAAA,EAAM,IAAK,EAAA,eAAA,EAAgB,IAAM,EAAA,EAAA,EAAI,CAChF,kBAAAF,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA;AAAA,MAC7B,KAAA,EAAOE,OAAO,IAAK,CAAA,GAAA,CAAA;AAAA,MACnB,UAAY,EAAA,KAAA;AAAA,MACZ,QAAU,EAAA;AAAA,KACZ,EAAA,EAAG,cAAY,CACD,CAAA;AAAA,IAChB,OAAS,EAAA,MAAM,UAAW,CAAA,QAAA,CAAS,iBAAiB,gBAAkB,EAAA;AAAA,MACpE;AAAA,KACD;AAAA,GACF,CAAG,EAAA,CAAC,QAAQ,UAAY,EAAA,OAAA,EAAS,SAAS,CAAC,CAAA;AAG5C,EAAM,MAAA,gBAAA,GAAmB,YAAY,MAAM;AACzC,IAAA,IAAI,SAAW,EAAA;AACb,MAAuB,sBAAA,CAAA;AAAA,QACrB,SAAW,EAAA;AAAA,UACT,WAAa,EAAA;AAAA;AACf,OACD,CAAA;AAAA;AACH,GACC,EAAA,CAAC,SAAW,EAAA,sBAAsB,CAAC,CAAA;AACtC,EAAA,cAAA,CAAe,YAAY,MAAM;AAC/B,IAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,IAAiB,gBAAA,EAAA;AACjB,IAAA,gBAAA,CAAiB,IAAI,CAAA;AAGrB,IAAM,MAAA,KAAA,GAAQ,WAAW,MAAM;AAC7B,MAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,OACrB,GAAG,CAAA;AACN,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,KACvB;AAAA,KACC,CAAC,OAAA,EAAS,eAAiB,EAAA,gBAAgB,CAAC,CAAC,CAAA;AAGhD,EAAqB,YAAY,sBAAMF,cAAA,CAAA,aAAA,CAAC,OAAI,KAAO,EAAA,CAAC,OAAO,eAAiB,EAAA;AAAA,IAC1E,YAAc,EAAA,CAAA;AAAA,IACd,iBAAmB,EAAA;AAAA,GACpB,qBACcA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,eAAeE,MAAO,CAAA,IAAA,CAAK,KAAK,OAAS,EAAA,MAAA,EAAA,+CACxD,GAAI,EAAA,EAAA,SAAA,EAAU,+BACVF,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,WAAU,sCACd,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,KAAO,EAAA;AAAA,IAC5B,eAAA,EAAiBE,OAAO,IAAK,CAAA,GAAA,CAAA;AAAA,IAC7B,YAAc,EAAA,EAAA;AAAA,IACd,OAAS,EAAA;AAAA,GAEW,EAAA,kBAAAF,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,SAAS,KAAO,EAAA;AAAA,IAC5C,KAAO,EAAA,EAAA;AAAA,IACP,MAAQ,EAAA;AAAA,GACV,EAAG,OAAOE,MAAO,CAAA,IAAA,CAAK,MAAM,CACZ,CAAA,kBACCF,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA;AAAA,IAC7B,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd,EAAG,OAAOE,MAAO,CAAA,IAAA,CAAK,QAAM,eAEV,CACJ,CACJ,CACJ,CAEA,kBAAAF,cAAA,CAAA,aAAA,CAACG,eAAY,MAAgB,EAAA,WAAA,EAA0B,QAAU,EAAA,OAAA,EAAS,eAAiB,EAAA,IAAA,EAAM,wBAASH,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAU,EAAA,+BAAA,EAAgC,KAAO,EAAA;AAAA,IAC1K,eAAiB,EAAA,EAAA;AAAA,IACjB,KAAA,EAAOE,OAAO,IAAK,CAAA,GAAA;AAAA,GACrB,EAAA,EAAG,iCAEiB,CAAA,EAAS,CACrB,CAAA,EAAQ,CAAC,MAAQ,EAAA,MAAA,EAAQ,OAAS,EAAA,WAAW,CAAC;AACxD,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAO,uBAAAF,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,SAAA,EAAU,iBACb,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,KAAA,EAAOC,MAAO,CAAA,cAAA,EAAgB,CACxD,CAAA;AAAA;AAEV,EAAA,oDAAQ,cAAe,CAAA,QAAA,EAAf,EAAwB,KAAO,EAAA,mBAAA,EAAA,+CAC5B,qBAAsB,EAAA,EAAA,SAAA,EAAU,qCAC5BD,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,WAAU,uBACX,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,qBAAgB,CACjB,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA;AAAA,IAC1B,cAAgB,EAAA;AAAA,KACf,CACS,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAM,CACP,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA;AAAA,IAC1B,cAAgB,EAAA;AAAA,KACf,CACS,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAS,CACV,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA;AAAA,IAC1B,cAAgB,EAAA;AAAA,KACf,CACS,kBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAe,CAChB,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA;AAAA,IAC1B,cAAgB,EAAA;AAAA,GACf,EAAA,CAAA,kBAGUA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CACnB,CACJ,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,OAAS,EAAA,MAAM,UAAW,CAAA,QAAA,CAAS,iBAAiB,gBAAkB,EAAA;AAAA,IACjF;AAAA,GACD,CAAG,EAAA,IAAA,EAAK,IAAK,EAAA,SAAA,EAAU,0BAAyB,KAAO,EAAA;AAAA,IACtD,iBAAiBC,MAAO,CAAA,cAAA;AAAA,IACxB,YAAc,EAAA,EAAA;AAAA,IACd,WAAa,EAAA;AAAA,GACf,EAAA,kBACaD,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,KAAM,EAAA,OAAA,EAAQ,MAAK,MAAO,EAAA,IAAA,EAAM,EAAI,EAAA,CACtD,CACJ,CAAA;AACR,CAAA;AAGA,MAAM,IAAO,GAAAA,cAAA,CAAM,IAAK,CAAA,CAAC,KAAe,KAAA;AACtC,EAAA,MAAM,OAAO,WAAY,CAAA,CAAC,KAAe,KAAA,KAAA,CAAM,MAAM,YAAY,CAAA;AACjE,EAAM,MAAA;AAAA,IACJ;AAAA,MACE,eAAgB,EAAA;AACpB,EAAA,MAAM,aAAa,aAAmB,EAAA;AACtC,EAAe,cAAA,CAAAA,cAAA,CAAM,YAAY,MAAM;AACrC,IAAA,IAAI,EAAC,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,OAAA,CAAA;AAAS,MAAA,UAAA,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAY,SAAS,gBAAiB,CAAA,KAAA,CAAA;AAC1D,IAAA,OAAO,MAAM;AAAA,KAAC;AAAA,GAChB,EAAG,EAAE,CAAC,CAAA;AAGN,EAAA,IAAI,CAAC,OAAA;AAAS,IAAA,oDAAQ,MAAO,EAAA,EAAA,SAAA,EAAU,qCACxBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAK,uBAAqB,CAC/B,CAAA;AACV,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,+BAAe,KAAO,CAAA,CAAA;AAChC,CAAC"}
+{"version":3,"file":"HomeScreen.js","sources":["../../../src/screens/Home/HomeScreen.tsx"],"sourcesContent":["import { Ionicons, AntDesign, FontAwesome5, MaterialCommunityIcons } from '@expo/vector-icons';\nimport { useFocusEffect, useNavigation } from '@react-navigation/native';\nimport React, { useCallback, useState, useMemo, createContext } from 'react';\nimport { TouchableHighlight, Share, Dimensions } from 'react-native';\nimport { useSelector, shallowEqual } from 'react-redux';\nimport styles from './styles';\nimport {\n    Box,\n    Avatar,\n    Icon,\n    AddIcon,\n    Text,\n    Spinner,\n    Center,\n    Fab,\n    HStack,\n    Divider,\n    VStack,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { RoomType } from 'common';\nimport { useSetDeviceTokenMutation, useOrganizationSharableLinkQuery } from '../../queries/slackuiQueries';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useDrawerLayout } from '../../hooks/useDrawerLayout';\nimport { useDisclose } from '../../hooks/useDisclose';\nimport { useExpoNotification } from '../../hooks/useExpoNotificationProvider';\nimport { useOptimizedChannelsQueries } from '../../hooks/useOptimizedChannelsQueries';\nimport { Teams } from './Components/Teams';\nimport { Channels } from './Components/Channels/index';\nimport { DirectChannels } from './Components/DirectChannels';\nimport { TopCommonSlider } from './Components/TopCommonSlider';\nimport { InviteMembers } from './Components/InviteMembers';\nimport { NavigationRoutes, colors } from '../../constants';\nimport { LoadingSpinnerDefault, Actionsheet } from '../../components';\nimport { config } from '../../config';\nimport Colors from 'tailwindcss/colors';\n\nconst windowHeight = Dimensions.get('window').height;\n\nconst defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];\n\n// Create a context to control refetching across child components\nexport const RefetchContext = createContext({\n    shouldRefetch: false,\n    setRefetchStatus: (status: boolean) => {},\n});\n\n// Create a context to share optimized channel data across child components\nexport const ChannelsDataContext = createContext({\n    channelsData: [],\n    directChannelsData: [],\n    loading: false,\n    error: null,\n    refetchChannels: () => {},\n    getChannelsForHome: (limit?: number) => [],\n    getDirectChannelsForHome: (limit?: number) => [],\n    hasChannels: false,\n    hasDirectChannels: false,\n});\n\nconst HomeScreen = ({ navigation, route }) => {\n    const user = useSelector((state: any) => state.user, shallowEqual);\n    const { isOpen, onOpen, onClose } = useDisclose();\n    const { setSwipeEnabled, orgName, organizationDetail } = useDrawerLayout();\n    const { expoToken } = useExpoNotification();\n    const [setDeviceTokenMutation] = useSetDeviceTokenMutation();\n    const [shouldRefetch, setShouldRefetch] = useState(false);\n\n    // Use optimized channels queries hook\n    const {\n        channelsData,\n        directChannelsData,\n        loading: channelsLoading,\n        error: channelsError,\n        refetchChannels,\n        getChannelsForHome,\n        getDirectChannelsForHome,\n        hasChannels,\n        hasDirectChannels,\n    } = useOptimizedChannelsQueries({\n        orgName,\n        enabled: !!orgName,\n    });\n\n    // Memoize the refetch context value\n    const refetchContextValue = useMemo(\n        () => ({\n            shouldRefetch,\n            setRefetchStatus: setShouldRefetch,\n        }),\n        [shouldRefetch],\n    );\n\n    // Memoize the channels data context value\n    const channelsDataContextValue = useMemo(\n        () => ({\n            channelsData,\n            directChannelsData,\n            loading: channelsLoading,\n            error: channelsError,\n            refetchChannels,\n            getChannelsForHome,\n            getDirectChannelsForHome,\n            hasChannels,\n            hasDirectChannels,\n        }),\n        [\n            channelsData,\n            directChannelsData,\n            channelsLoading,\n            channelsError,\n            refetchChannels,\n            getChannelsForHome,\n            getDirectChannelsForHome,\n            hasChannels,\n            hasDirectChannels,\n        ],\n    );\n\n    // Only fetch sharable link when needed (when action sheet is open)\n    const { data: organizationSharableLink } = useOrganizationSharableLinkQuery(orgName, {\n        fetchPolicy: 'cache-and-network',\n        skip: !isOpen,\n    });\n\n    // Define shareLink before it's used in the memo\n    const shareLink = useCallback(async () => {\n        try {\n            const result = await Share.share({\n                message: `${config.APP_NAME} - ${organizationSharableLink?.getOrganizationSharableLink ?? ''}`,\n            });\n        } catch (error: any) {\n            alert(error.message);\n        }\n    }, [organizationSharableLink?.getOrganizationSharableLink]);\n\n    // Memoize action items to prevent unnecessary re-renders\n    const actionItems = useMemo(\n        () => [\n            {\n                id: 1,\n                label: (\n                    <HStack\n                        space={'sm'}\n                        className=\"flex-1 justify-center items-center\"\n                        style={{\n                            backgroundColor: colors.primaryBgColor,\n                            paddingVertical: 12,\n                            borderRadius: 8,\n                            marginHorizontal: 10,\n                            marginVertical: 5,\n                        }}\n                    >\n                        <Ionicons color={'white'} name=\"share-outline\" size={22} />\n                        <Text className=\"text-white\" style={{ color: 'white', fontWeight: '600', fontSize: 16 }}>\n                            Share a Link\n                        </Text>\n                    </HStack>\n                ),\n                onPress: async () => await shareLink(),\n            },\n            {\n                id: 2,\n                label: (\n                    <HStack\n                        space={'sm'}\n                        className=\"flex-1 justify-center items-center\"\n                        style={{\n                            paddingVertical: 12,\n                            borderRadius: 8,\n                            marginHorizontal: 10,\n                            marginVertical: 5,\n                            backgroundColor: Colors.gray[50],\n                        }}\n                    >\n                        <AntDesign color={Colors.gray[900]} name=\"adduser\" size={22} />\n                        <Text style={{ color: Colors.gray[900], fontWeight: '600', fontSize: 16 }}>\n                            Add from Contacts\n                        </Text>\n                    </HStack>\n                ),\n                onPress: () =>\n                    navigation.navigate(NavigationRoutes.AddPeopleFromContacts, {\n                        orgName,\n                    }),\n            },\n            {\n                id: 3,\n                label: (\n                    <HStack\n                        space={'sm'}\n                        className=\"flex-1 justify-center items-center\"\n                        style={{\n                            paddingVertical: 12,\n                            borderRadius: 8,\n                            marginHorizontal: 10,\n                            marginVertical: 5,\n                            backgroundColor: Colors.gray[50],\n                        }}\n                    >\n                        <MaterialCommunityIcons color={Colors.gray[900]} name=\"email-outline\" size={22} />\n                        <Text style={{ color: Colors.gray[900], fontWeight: '600', fontSize: 16 }}>Add by Email</Text>\n                    </HStack>\n                ),\n                onPress: () =>\n                    navigation.navigate(NavigationRoutes.AddPeopleByEmail, {\n                        orgName,\n                    }),\n            },\n        ],\n        [isOpen, navigation, orgName, shareLink],\n    );\n\n    // Optimize token handling\n    const handlerExpoToken = useCallback(() => {\n        if (expoToken) {\n            setDeviceTokenMutation({\n                variables: {\n                    deviceToken: expoToken,\n                },\n            });\n        }\n    }, [expoToken, setDeviceTokenMutation]);\n\n    useFocusEffect(\n        useCallback(() => {\n            setSwipeEnabled(true);\n            handlerExpoToken();\n            setShouldRefetch(true);\n\n            // Refetch channels when focus changes\n            if (orgName) {\n                refetchChannels();\n            }\n\n            // Set refetch status to false after a short delay\n            const timer = setTimeout(() => {\n                setShouldRefetch(false);\n            }, 500);\n\n            return () => {\n                clearTimeout(timer);\n                setSwipeEnabled(false);\n            };\n        }, [orgName, setSwipeEnabled, handlerExpoToken, refetchChannels]),\n    );\n\n    // Memoize the AddTeammates component\n    const AddTeammates = useCallback(\n        () => (\n            <Box style={[styles.bottomContainer, { marginBottom: 8, paddingHorizontal: 16 }]}>\n                <TouchableHighlight underlayColor={Colors.gray[50]} onPress={onOpen}>\n                    <Box className=\"py-3 px-2\">\n                        <HStack className=\"w-full flex-1 items-center space-x-3\">\n                            <Box\n                                style={{\n                                    backgroundColor: Colors.gray[100],\n                                    borderRadius: 20,\n                                    padding: 6,\n                                }}\n                            >\n                                <Icon as={AddIcon} style={{ width: 20, height: 20 }} color={Colors.gray[700]} />\n                            </Box>\n                            <Text style={{ fontSize: 15, fontWeight: '500' }} color={Colors.gray[800]}>\n                                Add teammates\n                            </Text>\n                        </HStack>\n                    </Box>\n                </TouchableHighlight>\n\n                <Actionsheet\n                    isOpen={isOpen}\n                    actionItems={actionItems}\n                    onCancel={onClose}\n                    hideBottomWidth={true}\n                    header={\n                        <Text\n                            className=\"text-center font-bold text-lg\"\n                            style={{\n                                paddingVertical: 16,\n                                color: Colors.gray[900],\n                            }}\n                        >\n                            Invite people to join your team\n                        </Text>\n                    }\n                />\n            </Box>\n        ),\n        [isOpen, onOpen, onClose, actionItems],\n    );\n\n    if (!orgName) {\n        return (\n            <Center className=\"flex-1 bg-white\">\n                <Spinner size=\"large\" color={colors.primaryBgColor} />\n            </Center>\n        );\n    }\n\n    return (\n        <RefetchContext.Provider value={refetchContextValue}>\n            <ChannelsDataContext.Provider value={channelsDataContextValue}>\n                <VirtualizedScrollView className=\"bg-white flex-1\">\n                    <Box className=\"flex-1 bg-white pb-10\">\n                        <TopCommonSlider />\n                        <Divider style={{ marginVertical: 12 }} />\n                        <Teams />\n                        <Divider style={{ marginVertical: 12 }} />\n                        <Channels />\n                        <Divider style={{ marginVertical: 12 }} />\n                        <DirectChannels />\n                        <Divider style={{ marginVertical: 12 }} />\n                        {/* <AddTeammates />\n                        <Divider style={{ marginVertical: 12 }} /> */}\n                        <InviteMembers />\n                    </Box>\n                </VirtualizedScrollView>\n                <Fab\n                    onPress={() => navigation.navigate(NavigationRoutes.SearchAddChannel, { orgName })}\n                    size=\"sm\"\n                    className=\"items-center shadow-lg\"\n                    style={{ backgroundColor: colors.primaryBgColor, marginBottom: 20, marginRight: 20 }}\n                >\n                    <FontAwesome5 color=\"white\" name=\"edit\" size={18} />\n                </Fab>\n            </ChannelsDataContext.Provider>\n        </RefetchContext.Provider>\n    );\n};\n\n// Memoize the entire Home component\nconst Home = React.memo((props: any) => {\n    const user = useSelector((state: any) => state.user, shallowEqual);\n    const { orgName } = useDrawerLayout();\n    const navigation = useNavigation<any>();\n\n    useFocusEffect(\n        React.useCallback(() => {\n            if (!user?.profile) navigation?.navigate(NavigationRoutes.Login);\n            return () => {};\n        }, []),\n    );\n\n    //  if (!orgName) return <LoadingSpinnerDefault />;\n    if (!orgName)\n        return (\n            <Center className=\"flex-1 bg-white\">\n                <Text>No Organization found</Text>\n            </Center>\n        );\n\n    return <HomeScreen {...props} />;\n});\n\nexport default Home;\n"],"names":["React","colors","Colors","Actionsheet"],"mappings":"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"}

package/lib/screens/Inbox/InboxChannelDetail.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {SafeAreaView}from'react-native';import {userSelector,isUserAuthenticated}from'@adminide-stack/user-auth0-client';import {RoomType}from'common';import {useChannelDetailQuery,useAddMemberToChannelMutation,useSaveMembersToChannelMutation,useAddDirectChannelMutation}from'../../queries/slackuiQueries.js';import {MaterialIcons,Octicons,AntDesign,Feather}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {Box,VStack,HStack,Button,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text,Image,Divider,ButtonText,ScrollView,FlatList,Switch,SectionList}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {useSelector}from'react-redux';import {startCase}from'lodash-es';import Colors from'../../constants/Colors.js';import'../../constants/device.js';import'../../constants/globalStyles.js';import images from'../../constants/preloadImages.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';import colors from'tailwindcss/colors';const InboxChannelDetailScreen = ({
+import React__default from'react';import {SafeAreaView}from'react-native';import {userSelector,isUserAuthenticated}from'@adminide-stack/user-auth0-client';import {RoomType}from'common';import {useChannelDetailQuery,useAddMemberToChannelMutation,useSaveMembersToChannelMutation,useAddDirectChannelMutation}from'../../queries/slackuiQueries.js';import {MaterialIcons,Octicons,AntDesign,Feather}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import'../../hooks/useOptimizedChannelsQueries.js';import {Box,VStack,HStack,Button,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text,Image,Divider,ButtonText,ScrollView,FlatList,Switch,SectionList}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {useSelector}from'react-redux';import {startCase}from'lodash-es';import Colors from'../../constants/Colors.js';import'../../constants/device.js';import'../../constants/globalStyles.js';import images from'../../constants/preloadImages.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';import colors from'tailwindcss/colors';const InboxChannelDetailScreen = ({
   channelId,
   navigation
 }) => {

package/lib/screens/Inbox/InboxChannelDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"InboxChannelDetail.js","sources":["../../../src/screens/Inbox/InboxChannelDetail.tsx"],"sourcesContent":["import React from 'react';\nimport { SafeAreaView } from 'react-native';\nimport { isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { navigationRef } from '@common-stack/client-react';\nimport { RoomType } from 'common';\nimport {\n    useAddMemberToChannelMutation,\n    useSaveMembersToChannelMutation,\n    useAddDirectChannelMutation,\n    useChannelDetailQuery,\n} from '../../queries/slackuiQueries';\nimport { useDrawerLayout } from '../../hooks';\nimport {\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n    Box,\n    Button,\n    ButtonText,\n    Divider,\n    FlatList,\n    HStack,\n    Heading,\n    Icon,\n    Image,\n    ScrollView,\n    SectionList,\n    Switch,\n    Text,\n    VStack,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { Ionicons, MaterialIcons, AntDesign, FontAwesome, Feather, Octicons } from '@expo/vector-icons';\nimport { startCase } from 'lodash-es';\nimport { NavigationRoutes, colors, images } from '../../constants';\nimport Colors from 'tailwindcss/colors';\n\nconst InboxChannelDetailScreen = ({ channelId, navigation }: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const user = useSelector(userSelector);\n    const { authenticated } = isUserAuthenticated();\n    const titleCharacterLimit: number = 18;\n\n    const {\n        data: channelData,\n        loading: channelLoading,\n        refetch: reFetchChannel,\n    } = useChannelDetailQuery(channelId?.toString());\n\n    const [addMemberToChannel, { loading: addMemberToChannelLoading, error: addMemberToChannelError }] =\n        useAddMemberToChannelMutation();\n\n    const [saveMembersToChannel, { loading: saveMembersToChannelLoading, error: saveMembersToChannelError }] =\n        useSaveMembersToChannelMutation();\n\n    const [addDirectChannel, { loading: addDirectChannelLoading, error: addDirectChannelError }] =\n        useAddDirectChannelMutation();\n\n    const [leaveChannelLoading, setLeaveChannelLoading] = React.useState(false);\n    const [isMuted, setIsMuted] = React.useState(false);\n\n    const handleMuteToggle = React.useCallback(\n        (value: boolean) => {\n            setIsMuted(value);\n            // In a real implementation, you would call a mutation to save this preference\n            console.log(`Channel ${channelId} mute status changed to: ${value}`);\n        },\n        [channelId],\n    );\n\n    React.useEffect(() => {\n        // Do something when the screen is focused\n        reFetchChannel();\n        return () => {};\n    }, []);\n\n    const channel = React.useMemo(() => {\n        const channelMembers =\n            channelData?.viewChannelDetail?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null;\n        const membersNameAsTitle =\n            channelData?.viewChannelDetail?.type == RoomType.Direct\n                ? channelMembers\n                      ?.map((u: any) => u?.givenName ?? '')\n                      ?.filter((mu: any) => mu)\n                      ?.join(', ') ?? ''\n                : null;\n        const title = membersNameAsTitle || channelData?.viewChannelDetail?.title || '';\n        const channelTitle =\n            title?.length > titleCharacterLimit ? title?.substring(0, titleCharacterLimit) + '...' : title;\n        return [\n            {\n                title: channelTitle,\n                data: channelData?.viewChannelDetail\n                    ? [{ title: channelTitle, data: channelData?.viewChannelDetail }]\n                    : [],\n            },\n        ];\n    }, [channelData]);\n\n    const channelType = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail) return 'CHANNEL';\n        return channelData?.viewChannelDetail?.type;\n    }, [channelData]);\n\n    const channelMembers = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail?.members || channelData?.viewChannelDetail?.members?.length == 0)\n            return null;\n        return (\n            channelData?.viewChannelDetail?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null\n        );\n    }, [channelData]);\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    const SectionHeaderComponent = React.memo(({ title }: any) => {\n        return (\n            <Box className=\"bg-white flex-1\">\n                <VStack space={'md'}>\n                    <HStack className=\"flex-1 justify-between items-center py-2\">\n                        <HStack className=\"flex-1 items-center\">\n                            <Button\n                                //onPress={() => navigation?.goBack?.()}\n                                className=\"bg-transparent\"\n                                onPress={() => navigation?.goBack()}\n                            >\n                                <MaterialIcons size={30} name=\"keyboard-arrow-left\" color=\"black\" />\n                            </Button>\n                            <Box className=\"py-2\">\n                                {memberImage ? (\n                                    <Avatar\n                                        key={'inbox-channel-member-image-key'}\n                                        size={'sm'}\n                                        className=\"bg-transparent\"\n                                    >\n                                        <AvatarFallbackText>{startCase(title?.charAt(0))}</AvatarFallbackText>\n                                        <AvatarImage\n                                            alt=\"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={20} />\n                                    </Text>\n                                ) : channelType === RoomType.Private ? (\n                                    <Text className=\"pl-2\">\n                                        <Octicons color=\"black\" name=\"lock\" size={20} />\n                                    </Text>\n                                ) : (\n                                    <></>\n                                )}\n                            </Box>\n                            <Text numberOfLines={1} className=\"px-2 text-black flex-wrap text-[18px] font-bold\">\n                                {title}\n                            </Text>\n                        </HStack>\n                        <HStack className=\"items-center\">\n                            <Button size={'md'} className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\">\n                                <Octicons color=\"black\" name=\"pencil\" size={20} />\n                            </Button>\n                            <Button size={'md'} className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\">\n                                <MaterialIcons color=\"black\" name=\"more-vert\" size={20} />\n                            </Button>\n                        </HStack>\n                    </HStack>\n                </VStack>\n            </Box>\n        );\n    });\n\n    const SectionItemChannelMembers = React.memo(({ member }: any) => {\n        const fullName = member?.user?.givenName + ' ' + member?.user?.familyName;\n        const fullNameWithCharLimit = fullName?.length > 15 ? fullName?.substring(0, 15) + '...' : fullName;\n        return (\n            <Button\n                variant={'solid'}\n                // w={'$20'}\n                size={'md'}\n                className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200 px-0 rounded-lg h-full\"\n            >\n                <VStack space={'sm'} className=\"flex-1 px-2\">\n                    <Image\n                        source={{\n                            uri: member?.user?.picture,\n                        }}\n                        alt={startCase(member?.user?.username?.charAt(0))}\n                        size={'md'}\n                        className=\"rounded-lg\"\n                    />\n                    <Text\n                        numberOfLines={2}\n                        color={colors.black}\n                        className=\"text-[12px] font-bold text-center flex-wrap items-start color-black\"\n                    >\n                        {fullNameWithCharLimit}\n                    </Text>\n                </VStack>\n            </Button>\n        );\n    });\n\n    const SectionItemComponent = React.memo(({ item }: any) => {\n        return (\n            <VStack space={'md'} className=\"bg-white flex-1 px-2\">\n                <HStack className=\"flex-1 items-center\">\n                    <Box>\n                        {memberImage ? (\n                            <Avatar key={'inbox-channel-member-profile-key'} size={'sm'} className=\"bg-transparent\">\n                                <AvatarFallbackText> {startCase(item?.title?.charAt(0))}</AvatarFallbackText>\n                                <AvatarImage\n                                    alt=\"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={20} />\n                            </Text>\n                        ) : channelType === RoomType.Private ? (\n                            <Text className=\"pl-2\">\n                                <Octicons color=\"black\" name=\"lock\" size={20} />\n                            </Text>\n                        ) : (\n                            <></>\n                        )}\n                    </Box>\n                    <Text className=\"px-2 text-black flex-wrap text-[18px] font-bold\" numberOfLines={1}>\n                        {item?.title}\n                    </Text>\n                </HStack>\n\n                <Box className=\"flex-1\">\n                    <Text className=\"text-black text-[18]] text-justify\" color={colors.black}>\n                        <Text className=\"font-bold text-[15]\" color={Colors.black}>\n                            Description:{' '}\n                        </Text>\n                        {item?.data?.description}\n                    </Text>\n                </Box>\n                <HStack space={'sm'} className=\"flex-1 justify-between items-center\">\n                    <Button\n                        variant={'outline'}\n                        className=\"flex-1 items-center rounded-lg py-4 h-full active:bg-gray-200 hover:bg-gray-200 border-gray-200\"\n                        onPress={() =>\n                            navigation.navigate(NavigationRoutes.AddPeople, {\n                                channelId,\n                                isAddMemeber: true,\n                                onMemberAdded: (memberId: string) => {\n                                    if (memberId) {\n                                        addMemberToChannel({\n                                            variables: {\n                                                channelId: channelId?.toString(),\n                                                memberId,\n                                            },\n                                        }).then(() => {\n                                            reFetchChannel();\n                                        });\n                                    }\n                                },\n                            })\n                        }\n                    >\n                        <VStack className=\"flex-1 justify-center items-center\" space={'sm'}>\n                            <AntDesign color=\"black\" name=\"adduser\" size={20} />\n                            <Text className=\"text-[12] font-bold\" color={Colors.black}>\n                                Add\n                            </Text>\n                        </VStack>\n                    </Button>\n                    <Button\n                        variant={'outline'}\n                        className=\"flex-1 items-center rounded-lg py-4 h-full active:bg-gray-200 hover:bg-gray-200 border-gray-200\"\n                    >\n                        <VStack className=\"flex-1 justify-center items-center\" space={'sm'}>\n                            <Feather color=\"$black\" name=\"headphones\" size={20} />\n                            <Text className=\"text-[12] font-bold\" color={Colors.black}>\n                                Huddle\n                            </Text>\n                        </VStack>\n                    </Button>\n                    <Button\n                        variant={'outline'}\n                        className=\"flex-1 items-center rounded-lg py-4 h-full active:bg-gray-200 hover:bg-gray-200 border-gray-200\"\n                    >\n                        <VStack className=\"flex-1 justify-center items-center\" space={'sm'}>\n                            <AntDesign color=\"black\" name=\"search1\" size={20} />\n                            <Text className=\"text-[12] font-bold\" color={Colors.black}>\n                                Search\n                            </Text>\n                        </VStack>\n                    </Button>\n                </HStack>\n                <Divider />\n                <VStack className=\"flex-1\" space={'sm'}>\n                    <HStack className=\"flex-1 justify-between items-center\">\n                        <Text className=\"text-[15] font-semibold\" color={Colors.black}>\n                            Members({item?.data?.members?.length})\n                        </Text>\n                        <Button variant={'link'}>\n                            <ButtonText className=\"font-semibold\" style={{ fontSize: 15 }}>\n                                See All\n                            </ButtonText>\n                        </Button>\n                    </HStack>\n\n                    <ScrollView horizontal={true} style={{ flex: 1 }}>\n                        <FlatList\n                            horizontal\n                            data={item?.data?.members?.slice(0, 10) ?? []}\n                            ItemSeparatorComponent={() => <Box className=\"mx-2\" />}\n                            renderItem={({ item: member }: any) => <SectionItemChannelMembers member={member} />}\n                        />\n                    </ScrollView>\n                </VStack>\n                <Divider />\n                <VStack className=\"flex-1\" space={'lg'}>\n                    <Text className=\"text-[15] font-semibold\" color={Colors.black}>\n                        Settings\n                    </Text>\n                    <HStack space={'sm'} className=\"flex-1 items-center justify-between\">\n                        <AntDesign color=\"black\" name=\"bells\" size={20} />\n                        <Box className=\"flex-1\">\n                            <VStack className=\"flex-[0.5]\" space=\"sm\">\n                                <Text color={Colors.black} className=\"font-semibold text-[16]\">\n                                    Mute Channel\n                                </Text>\n                                <Text className=\"flex-wrap text-[18] text-justify\" color={Colors.black}>\n                                    Muted channels will always appears read and you won't receive any notification from\n                                    t..\n                                </Text>\n                            </VStack>\n                        </Box>\n                        <Box>\n                            <Switch\n                                size=\"sm\"\n                                // offTrackColor=\"white\"\n                                // onTrackColor=\"blue.800\"\n                                // offThumbColor=\"gray.500\"\n                                // onThumbColor=\"white\"\n                                value={isMuted}\n                                onValueChange={handleMuteToggle}\n                            />\n                        </Box>\n                    </HStack>\n                    <HStack space={'sm'} className=\"flex-1 items-center justify-between\">\n                        <Avatar key={'account-image-key'} size={'sm'} className=\"bg-transparent rounded-lg\">\n                            <AvatarFallbackText>NC</AvatarFallbackText>\n                            <AvatarImage\n                                alt=\"image\"\n                                style={{\n                                    width: 30,\n                                    height: 30,\n                                    borderRadius: 6,\n                                    borderWidth: 2,\n                                    borderColor: '#fff',\n                                }}\n                                source={images.pushNotification}\n                            />\n                            <AvatarBadge style={{ width: 10, height: 10 }} className=\"bg-green-800\" />\n                        </Avatar>\n                        <Box className=\"flex-1\">\n                            <VStack className=\"flex-[0.5]\" space=\"sm\">\n                                <Text color={Colors.black} className=\"font-semibold text-[16]\">\n                                    Notification\n                                </Text>\n                                <Text className=\"flex-wrap text-[14] text-justify\" color={Colors.black}>\n                                    Just @mentions\n                                </Text>\n                            </VStack>\n                        </Box>\n                    </HStack>\n                </VStack>\n\n                <Button\n                    variant={'solid'}\n                    className=\"rounded-lg bg-rose-600\"\n                    onPress={() => {\n                        setLeaveChannelLoading(true);\n                        // In a real implementation, you would call the appropriate mutation\n                        // For now, we'll just navigate back as a placeholder\n                        setTimeout(() => {\n                            setLeaveChannelLoading(false);\n                            navigation?.goBack();\n                        }, 1000);\n                    }}\n                    isDisabled={leaveChannelLoading}\n                >\n                    <MaterialIcons name=\"logout\" color={'white'} size={20} />\n                    <ButtonText className=\"pl-1.5\" style={{ fontSize: 14, fontWeight: 'bold' }}>\n                        {leaveChannelLoading ? 'Leaving...' : 'Leave channel'}\n                    </ButtonText>\n                </Button>\n            </VStack>\n        );\n    });\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <StatusBar style={'dark'} />\n            <Box className=\"flex-1 bg-white\">\n                <Box className=\"flex-1\">\n                    <SectionList\n                        contentContainerStyle={{\n                            flexGrow: 1,\n                            paddingBottom: 50,\n                        }}\n                        // maxW={'100%'}\n                        style={{ width: '100%', height: '100%' }}\n                        sections={channel}\n                        keyExtractor={(index) => 'inbox-channel-' + index}\n                        renderItem={({ item }) => <SectionItemComponent item={item} />}\n                        renderSectionHeader={({ section: { title } }: any) => <SectionHeaderComponent title={title} />}\n                    />\n                </Box>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InboxChannelDetailScreen;\n"],"names":["React","channelMembers","_a","_b","colors","Colors"],"mappings":"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"}
+{"version":3,"file":"InboxChannelDetail.js","sources":["../../../src/screens/Inbox/InboxChannelDetail.tsx"],"sourcesContent":["import React from 'react';\nimport { SafeAreaView } from 'react-native';\nimport { isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { navigationRef } from '@common-stack/client-react';\nimport { RoomType } from 'common';\nimport {\n    useAddMemberToChannelMutation,\n    useSaveMembersToChannelMutation,\n    useAddDirectChannelMutation,\n    useChannelDetailQuery,\n} from '../../queries/slackuiQueries';\nimport { useDrawerLayout } from '../../hooks';\nimport {\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n    Box,\n    Button,\n    ButtonText,\n    Divider,\n    FlatList,\n    HStack,\n    Heading,\n    Icon,\n    Image,\n    ScrollView,\n    SectionList,\n    Switch,\n    Text,\n    VStack,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { Ionicons, MaterialIcons, AntDesign, FontAwesome, Feather, Octicons } from '@expo/vector-icons';\nimport { startCase } from 'lodash-es';\nimport { NavigationRoutes, colors, images } from '../../constants';\nimport Colors from 'tailwindcss/colors';\n\nconst InboxChannelDetailScreen = ({ channelId, navigation }: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const user = useSelector(userSelector);\n    const { authenticated } = isUserAuthenticated();\n    const titleCharacterLimit: number = 18;\n\n    const {\n        data: channelData,\n        loading: channelLoading,\n        refetch: reFetchChannel,\n    } = useChannelDetailQuery(channelId?.toString());\n\n    const [addMemberToChannel, { loading: addMemberToChannelLoading, error: addMemberToChannelError }] =\n        useAddMemberToChannelMutation();\n\n    const [saveMembersToChannel, { loading: saveMembersToChannelLoading, error: saveMembersToChannelError }] =\n        useSaveMembersToChannelMutation();\n\n    const [addDirectChannel, { loading: addDirectChannelLoading, error: addDirectChannelError }] =\n        useAddDirectChannelMutation();\n\n    const [leaveChannelLoading, setLeaveChannelLoading] = React.useState(false);\n    const [isMuted, setIsMuted] = React.useState(false);\n\n    const handleMuteToggle = React.useCallback(\n        (value: boolean) => {\n            setIsMuted(value);\n            // In a real implementation, you would call a mutation to save this preference\n            console.log(`Channel ${channelId} mute status changed to: ${value}`);\n        },\n        [channelId],\n    );\n\n    React.useEffect(() => {\n        // Do something when the screen is focused\n        reFetchChannel();\n        return () => {};\n    }, []);\n\n    const channel = React.useMemo(() => {\n        const channelMembers =\n            channelData?.viewChannelDetail?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null;\n        const membersNameAsTitle =\n            channelData?.viewChannelDetail?.type == RoomType.Direct\n                ? channelMembers\n                      ?.map((u: any) => u?.givenName ?? '')\n                      ?.filter((mu: any) => mu)\n                      ?.join(', ') ?? ''\n                : null;\n        const title = membersNameAsTitle || channelData?.viewChannelDetail?.title || '';\n        const channelTitle =\n            title?.length > titleCharacterLimit ? title?.substring(0, titleCharacterLimit) + '...' : title;\n        return [\n            {\n                title: channelTitle,\n                data: channelData?.viewChannelDetail\n                    ? [{ title: channelTitle, data: channelData?.viewChannelDetail }]\n                    : [],\n            },\n        ];\n    }, [channelData]);\n\n    const channelType = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail) return 'CHANNEL';\n        return channelData?.viewChannelDetail?.type;\n    }, [channelData]);\n\n    const channelMembers = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail?.members || channelData?.viewChannelDetail?.members?.length == 0)\n            return null;\n        return (\n            channelData?.viewChannelDetail?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null\n        );\n    }, [channelData]);\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    const SectionHeaderComponent = React.memo(({ title }: any) => {\n        return (\n            <Box className=\"bg-white flex-1\">\n                <VStack space={'md'}>\n                    <HStack className=\"flex-1 justify-between items-center py-2\">\n                        <HStack className=\"flex-1 items-center\">\n                            <Button\n                                //onPress={() => navigation?.goBack?.()}\n                                className=\"bg-transparent\"\n                                onPress={() => navigation?.goBack()}\n                            >\n                                <MaterialIcons size={30} name=\"keyboard-arrow-left\" color=\"black\" />\n                            </Button>\n                            <Box className=\"py-2\">\n                                {memberImage ? (\n                                    <Avatar\n                                        key={'inbox-channel-member-image-key'}\n                                        size={'sm'}\n                                        className=\"bg-transparent\"\n                                    >\n                                        <AvatarFallbackText>{startCase(title?.charAt(0))}</AvatarFallbackText>\n                                        <AvatarImage\n                                            alt=\"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={20} />\n                                    </Text>\n                                ) : channelType === RoomType.Private ? (\n                                    <Text className=\"pl-2\">\n                                        <Octicons color=\"black\" name=\"lock\" size={20} />\n                                    </Text>\n                                ) : (\n                                    <></>\n                                )}\n                            </Box>\n                            <Text numberOfLines={1} className=\"px-2 text-black flex-wrap text-[18px] font-bold\">\n                                {title}\n                            </Text>\n                        </HStack>\n                        <HStack className=\"items-center\">\n                            <Button size={'md'} className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\">\n                                <Octicons color=\"black\" name=\"pencil\" size={20} />\n                            </Button>\n                            <Button size={'md'} className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\">\n                                <MaterialIcons color=\"black\" name=\"more-vert\" size={20} />\n                            </Button>\n                        </HStack>\n                    </HStack>\n                </VStack>\n            </Box>\n        );\n    });\n\n    const SectionItemChannelMembers = React.memo(({ member }: any) => {\n        const fullName = member?.user?.givenName + ' ' + member?.user?.familyName;\n        const fullNameWithCharLimit = fullName?.length > 15 ? fullName?.substring(0, 15) + '...' : fullName;\n        return (\n            <Button\n                variant={'solid'}\n                // w={'$20'}\n                size={'md'}\n                className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200 px-0 rounded-lg h-full\"\n            >\n                <VStack space={'sm'} className=\"flex-1 px-2\">\n                    <Image\n                        source={{\n                            uri: member?.user?.picture,\n                        }}\n                        alt={startCase(member?.user?.username?.charAt(0))}\n                        size={'md'}\n                        className=\"rounded-lg\"\n                    />\n                    <Text\n                        numberOfLines={2}\n                        color={colors.black}\n                        className=\"text-[12px] font-bold text-center flex-wrap items-start color-black\"\n                    >\n                        {fullNameWithCharLimit}\n                    </Text>\n                </VStack>\n            </Button>\n        );\n    });\n\n    const SectionItemComponent = React.memo(({ item }: any) => {\n        return (\n            <VStack space={'md'} className=\"bg-white flex-1 px-2\">\n                <HStack className=\"flex-1 items-center\">\n                    <Box>\n                        {memberImage ? (\n                            <Avatar key={'inbox-channel-member-profile-key'} size={'sm'} className=\"bg-transparent\">\n                                <AvatarFallbackText> {startCase(item?.title?.charAt(0))}</AvatarFallbackText>\n                                <AvatarImage\n                                    alt=\"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={20} />\n                            </Text>\n                        ) : channelType === RoomType.Private ? (\n                            <Text className=\"pl-2\">\n                                <Octicons color=\"black\" name=\"lock\" size={20} />\n                            </Text>\n                        ) : (\n                            <></>\n                        )}\n                    </Box>\n                    <Text className=\"px-2 text-black flex-wrap text-[18px] font-bold\" numberOfLines={1}>\n                        {item?.title}\n                    </Text>\n                </HStack>\n\n                <Box className=\"flex-1\">\n                    <Text className=\"text-black text-[18]] text-justify\" color={colors.black}>\n                        <Text className=\"font-bold text-[15]\" color={Colors.black}>\n                            Description:{' '}\n                        </Text>\n                        {item?.data?.description}\n                    </Text>\n                </Box>\n                <HStack space={'sm'} className=\"flex-1 justify-between items-center\">\n                    <Button\n                        variant={'outline'}\n                        className=\"flex-1 items-center rounded-lg py-4 h-full active:bg-gray-200 hover:bg-gray-200 border-gray-200\"\n                        onPress={() =>\n                            navigation.navigate(NavigationRoutes.AddPeople, {\n                                channelId,\n                                isAddMemeber: true,\n                                onMemberAdded: (memberId: string) => {\n                                    if (memberId) {\n                                        addMemberToChannel({\n                                            variables: {\n                                                channelId: channelId?.toString(),\n                                                memberId,\n                                            },\n                                        }).then(() => {\n                                            reFetchChannel();\n                                        });\n                                    }\n                                },\n                            })\n                        }\n                    >\n                        <VStack className=\"flex-1 justify-center items-center\" space={'sm'}>\n                            <AntDesign color=\"black\" name=\"adduser\" size={20} />\n                            <Text className=\"text-[12] font-bold\" color={Colors.black}>\n                                Add\n                            </Text>\n                        </VStack>\n                    </Button>\n                    <Button\n                        variant={'outline'}\n                        className=\"flex-1 items-center rounded-lg py-4 h-full active:bg-gray-200 hover:bg-gray-200 border-gray-200\"\n                    >\n                        <VStack className=\"flex-1 justify-center items-center\" space={'sm'}>\n                            <Feather color=\"$black\" name=\"headphones\" size={20} />\n                            <Text className=\"text-[12] font-bold\" color={Colors.black}>\n                                Huddle\n                            </Text>\n                        </VStack>\n                    </Button>\n                    <Button\n                        variant={'outline'}\n                        className=\"flex-1 items-center rounded-lg py-4 h-full active:bg-gray-200 hover:bg-gray-200 border-gray-200\"\n                    >\n                        <VStack className=\"flex-1 justify-center items-center\" space={'sm'}>\n                            <AntDesign color=\"black\" name=\"search1\" size={20} />\n                            <Text className=\"text-[12] font-bold\" color={Colors.black}>\n                                Search\n                            </Text>\n                        </VStack>\n                    </Button>\n                </HStack>\n                <Divider />\n                <VStack className=\"flex-1\" space={'sm'}>\n                    <HStack className=\"flex-1 justify-between items-center\">\n                        <Text className=\"text-[15] font-semibold\" color={Colors.black}>\n                            Members({item?.data?.members?.length})\n                        </Text>\n                        <Button variant={'link'}>\n                            <ButtonText className=\"font-semibold\" style={{ fontSize: 15 }}>\n                                See All\n                            </ButtonText>\n                        </Button>\n                    </HStack>\n\n                    <ScrollView horizontal={true} style={{ flex: 1 }}>\n                        <FlatList\n                            horizontal\n                            data={item?.data?.members?.slice(0, 10) ?? []}\n                            ItemSeparatorComponent={() => <Box className=\"mx-2\" />}\n                            renderItem={({ item: member }: any) => <SectionItemChannelMembers member={member} />}\n                        />\n                    </ScrollView>\n                </VStack>\n                <Divider />\n                <VStack className=\"flex-1\" space={'lg'}>\n                    <Text className=\"text-[15] font-semibold\" color={Colors.black}>\n                        Settings\n                    </Text>\n                    <HStack space={'sm'} className=\"flex-1 items-center justify-between\">\n                        <AntDesign color=\"black\" name=\"bells\" size={20} />\n                        <Box className=\"flex-1\">\n                            <VStack className=\"flex-[0.5]\" space=\"sm\">\n                                <Text color={Colors.black} className=\"font-semibold text-[16]\">\n                                    Mute Channel\n                                </Text>\n                                <Text className=\"flex-wrap text-[18] text-justify\" color={Colors.black}>\n                                    Muted channels will always appears read and you won't receive any notification from\n                                    t..\n                                </Text>\n                            </VStack>\n                        </Box>\n                        <Box>\n                            <Switch\n                                size=\"sm\"\n                                // offTrackColor=\"white\"\n                                // onTrackColor=\"blue.800\"\n                                // offThumbColor=\"gray.500\"\n                                // onThumbColor=\"white\"\n                                value={isMuted}\n                                onValueChange={handleMuteToggle}\n                            />\n                        </Box>\n                    </HStack>\n                    <HStack space={'sm'} className=\"flex-1 items-center justify-between\">\n                        <Avatar key={'account-image-key'} size={'sm'} className=\"bg-transparent rounded-lg\">\n                            <AvatarFallbackText>NC</AvatarFallbackText>\n                            <AvatarImage\n                                alt=\"image\"\n                                style={{\n                                    width: 30,\n                                    height: 30,\n                                    borderRadius: 6,\n                                    borderWidth: 2,\n                                    borderColor: '#fff',\n                                }}\n                                source={images.pushNotification}\n                            />\n                            <AvatarBadge style={{ width: 10, height: 10 }} className=\"bg-green-800\" />\n                        </Avatar>\n                        <Box className=\"flex-1\">\n                            <VStack className=\"flex-[0.5]\" space=\"sm\">\n                                <Text color={Colors.black} className=\"font-semibold text-[16]\">\n                                    Notification\n                                </Text>\n                                <Text className=\"flex-wrap text-[14] text-justify\" color={Colors.black}>\n                                    Just @mentions\n                                </Text>\n                            </VStack>\n                        </Box>\n                    </HStack>\n                </VStack>\n\n                <Button\n                    variant={'solid'}\n                    className=\"rounded-lg bg-rose-600\"\n                    onPress={() => {\n                        setLeaveChannelLoading(true);\n                        // In a real implementation, you would call the appropriate mutation\n                        // For now, we'll just navigate back as a placeholder\n                        setTimeout(() => {\n                            setLeaveChannelLoading(false);\n                            navigation?.goBack();\n                        }, 1000);\n                    }}\n                    isDisabled={leaveChannelLoading}\n                >\n                    <MaterialIcons name=\"logout\" color={'white'} size={20} />\n                    <ButtonText className=\"pl-1.5\" style={{ fontSize: 14, fontWeight: 'bold' }}>\n                        {leaveChannelLoading ? 'Leaving...' : 'Leave channel'}\n                    </ButtonText>\n                </Button>\n            </VStack>\n        );\n    });\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <StatusBar style={'dark'} />\n            <Box className=\"flex-1 bg-white\">\n                <Box className=\"flex-1\">\n                    <SectionList\n                        contentContainerStyle={{\n                            flexGrow: 1,\n                            paddingBottom: 50,\n                        }}\n                        // maxW={'100%'}\n                        style={{ width: '100%', height: '100%' }}\n                        sections={channel}\n                        keyExtractor={(index) => 'inbox-channel-' + index}\n                        renderItem={({ item }) => <SectionItemComponent item={item} />}\n                        renderSectionHeader={({ section: { title } }: any) => <SectionHeaderComponent title={title} />}\n                    />\n                </Box>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InboxChannelDetailScreen;\n"],"names":["React","channelMembers","_a","_b","colors","Colors"],"mappings":"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"}

package/lib/screens/Inbox/InboxScreen.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {isUserAuthenticated}from'@adminide-stack/user-auth0-client';import {Inbox}from'@messenger-box/platform-mobile';import {Login}from'../Login.js';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';var __defProp = Object.defineProperty;
+import React__default from'react';import {isUserAuthenticated}from'@adminide-stack/user-auth0-client';import {Inbox}from'@messenger-box/platform-mobile';import {Login}from'../Login.js';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import'../../hooks/useOptimizedChannelsQueries.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;

package/lib/screens/Peoples/AddByEmail.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {Button,ButtonText,Box,VStack,ButtonIcon,CheckIcon,Heading,HStack,Text,Input,InputField}from'@admin-layout/gluestack-ui-mobile';import {TouchableOpacity,SafeAreaView,Platform,Dimensions}from'react-native';import {NavigationRoutes}from'../../constants/routes.js';import {Ionicons,AntDesign}from'@expo/vector-icons';import {useIsFocused}from'@react-navigation/native';import {useSendOrganizationInvitationMutation}from'../../queries/slackuiQueries.js';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import colors from'tailwindcss/colors';Dimensions.get("window").width;
+import React__default,{useState,useEffect}from'react';import {Button,ButtonText,Box,VStack,ButtonIcon,CheckIcon,Heading,HStack,Text,Input,InputField}from'@admin-layout/gluestack-ui-mobile';import {TouchableOpacity,SafeAreaView,Platform,Dimensions}from'react-native';import {NavigationRoutes}from'../../constants/routes.js';import {Ionicons,AntDesign}from'@expo/vector-icons';import {useIsFocused}from'@react-navigation/native';import {useSendOrganizationInvitationMutation}from'../../queries/slackuiQueries.js';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import'../../hooks/useOptimizedChannelsQueries.js';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import colors from'tailwindcss/colors';Dimensions.get("window").width;
 Dimensions.get("window").height;
 Dimensions.get("screen").height;
 const AddPeopleByEmail = ({

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

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

package/lib/screens/Peoples/AddPeople.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {Button,ButtonText,Box,Input,InputField,VStack,FlatList,Text,Spinner,HStack,Avatar,AvatarFallbackText,AvatarImage,Checkbox,CheckboxIndicator,CheckboxIcon,CheckIcon}from'@admin-layout/gluestack-ui-mobile';import {TouchableOpacity}from'react-native';import {useOrganizationMembersQuery,useChannelDetailQuery,useChannelsQuery,useSaveMembersToChannelMutation,useAddMemberToChannelMutation,useAddDirectChannelMutation}from'../../queries/slackuiQueries.js';import {NavigationRoutes}from'../../constants/routes.js';import {AntDesign,Ionicons}from'@expo/vector-icons';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {useIsFocused,useFocusEffect}from'@react-navigation/native';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {uniqBy}from'lodash-es';const orgMemersDataFetchLimit = 10;
+import React__default,{useState,useEffect}from'react';import {Button,ButtonText,Box,Input,InputField,VStack,FlatList,Text,Spinner,HStack,Avatar,AvatarFallbackText,AvatarImage,Checkbox,CheckboxIndicator,CheckboxIcon,CheckIcon}from'@admin-layout/gluestack-ui-mobile';import {TouchableOpacity}from'react-native';import {useOrganizationMembersQuery,useChannelDetailQuery,useChannelsQuery,useSaveMembersToChannelMutation,useAddMemberToChannelMutation,useAddDirectChannelMutation}from'../../queries/slackuiQueries.js';import {NavigationRoutes}from'../../constants/routes.js';import {AntDesign,Ionicons}from'@expo/vector-icons';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {useIsFocused,useFocusEffect}from'@react-navigation/native';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import'../../hooks/useOptimizedChannelsQueries.js';import {uniqBy}from'lodash-es';const orgMemersDataFetchLimit = 10;
 const AddPeople = ({
   navigation,
   route

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

@@ -1 +1 @@
-{"version":3,"file":"AddPeople.js","sources":["../../../src/screens/Peoples/AddPeople.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport {\n    Input,\n    InputField,\n    InputSlot,\n    View,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    ButtonText,\n    Fab,\n    Icon,\n    Divider,\n    FlatList,\n    HStack,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    Image,\n    Checkbox,\n    CheckboxIndicator,\n    CheckboxIcon,\n    CheckIcon,\n    CheckboxLabel,\n    ChevronLeftIcon,\n    Spinner,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { TouchableOpacity } from 'react-native';\nimport {\n    useChannelsQuery,\n    useChannelsLazyQuery,\n    useOrganizationMembersQuery,\n    useUserOrganizationsQuery,\n    useChannelDetailQuery,\n    useChannelDetailLazyQuery,\n    useAddChannelMutation,\n    useAddDirectChannelMutation,\n    useAddMemberToChannelMutation,\n    useSaveMembersToChannelMutation,\n} from '../../queries/slackuiQueries';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { AntDesign, Entypo, Ionicons } from '@expo/vector-icons';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { useDrawerLayout } from '../../hooks';\nimport { startCase, orderBy, uniqBy } from 'lodash-es';\nimport colors from 'tailwindcss/colors';\n\nconst orgMemersDataFetchLimit = 10;\n\nconst AddPeople = ({ navigation, route }: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const { channelId, isCreate, isAddMemeber, addMember: routeAddMember } = route?.params;\n    const isFocused = useIsFocused();\n    const userState = useSelector(userSelector);\n    const [organizationMembers, setOrganizationMembers] = useState<any>([]);\n    const [totalMembers, setTotalMembers] = useState<any>(0);\n    const [initialOrgMembers, setInitialOrgMembers] = useState<any>([]);\n    const [orgMembers, setOrgMembers] = useState<any>([]);\n    const [dirChannelMembers, setDirChannelMembers] = useState<any>([]);\n    const [selectedMembers, setSelectedMembers] = useState<any>([]);\n    const [dataSource, setDataSource] = useState([]);\n    const [offset, setOffset] = useState(0);\n    const [isListEnd, setIsListEnd] = useState(false);\n\n    const {\n        data: orgMembersData,\n        loading: orgMemebersLoading,\n        error: orgMembersError,\n        refetch: refetchOrgMembers,\n    } = useOrganizationMembersQuery(orgName, {\n        variables: {\n            offset: offset,\n            limit: orgMemersDataFetchLimit,\n        },\n    });\n\n    const { data: channelDetail, refetch: refetchChannelDetail } = useChannelDetailQuery(channelId);\n\n    const {\n        data: userChannelsData,\n        loading,\n        error,\n        refetch: refetchUserChannels,\n    } = useChannelsQuery({\n        variables: {\n            criteria: {\n                orgName: orgName,\n                type: 'DIRECT',\n            },\n        },\n    });\n\n    const [saveMembersToChannel, { loading: saveMembersLoading }] = useSaveMembersToChannelMutation({\n        onCompleted: (data: any) => {\n            //  console.log('data add',data)\n\n            const dirChannelIds =\n                dirChannelMembers\n                    ?.filter((v: any, i: any, a: any) => a.findIndex((v2: any) => v2.id === v.id) === i)\n                    ?.map((u: any) => u?.id) ?? [];\n            const receiver = selectedMembers?.filter((item: any) => !dirChannelIds?.includes(item));\n            if (receiver?.length > 0) {\n                addDirectChannelMutation({\n                    variables: {\n                        receiver: receiver,\n                        displayName: 'DIRECT CHANNEL',\n                    },\n                });\n            } else {\n                goToChannel();\n            }\n            // if(data?.createDirectChannel) navigation.navigate(NavigationRoutes.Home)\n            // navigation.navigate('MainStack.MainDrawer.Home')\n        },\n        onError: (error: any) => {\n            console.log('error add', error);\n        },\n    });\n\n    const [addMemberToChannel] = useAddMemberToChannelMutation({\n        onCompleted: (data: any) => {\n            console.log('data add', data);\n            // if(data?.createDirectChannel) navigation.navigate(NavigationRoutes.Home)\n            // navigation.navigate('MainStack.MainDrawer.Home')\n        },\n        onError: (error: any) => {\n            console.log('error add', error);\n        },\n    });\n\n    const [addDirectChannelMutation, { loading: addDirectChannaleLoading }] = useAddDirectChannelMutation({\n        onCompleted: (data: any) => {\n            goToChannel();\n        },\n    });\n\n    const goToChannel = React.useCallback(() => {\n        if (channelId && channelDetail?.viewChannelDetail && isCreate) {\n            navigation.navigate(NavigationRoutes.DialogMessages, {\n                channelId: channelId?.toString(),\n                title: channelDetail?.viewChannelDetail?.title?.toString(),\n                totalMembers: channelDetail?.viewChannelDetail?.members?.length,\n                goToHome: true,\n                hideTabBar: true,\n            });\n        }\n        if (isAddMemeber) {\n            navigation?.goBack(null);\n        }\n    }, [channelId, channelDetail?.viewChannelDetail, isCreate, isAddMemeber]);\n\n    useFocusEffect(\n        React.useCallback(() => {\n            if (orgName) {\n                refetchOrgMembers({\n                    offset: offset,\n                    limit: orgMemersDataFetchLimit,\n                });\n                refetchUserChannels({\n                    criteria: {\n                        orgName: orgName,\n                    },\n                });\n            }\n\n            if (channelId) refetchChannelDetail();\n\n            navigation.setOptions({\n                headerShown: true,\n                headerTitleAlign: 'left',\n                headerTitleStyle: {},\n                headerLeft: (props: any) => (\n                    <>\n                        {isCreate ? (\n                            <TouchableOpacity style={{ paddingHorizontal: 10 }} onPress={() => goToChannel()}>\n                                <AntDesign color=\"black\" name=\"close\" size={20} />\n                            </TouchableOpacity>\n                        ) : (\n                            <TouchableOpacity style={{ paddingHorizontal: 10 }} onPress={() => navigation?.goBack()}>\n                                <Ionicons color=\"black\" name=\"chevron-back\" size={20} />\n                            </TouchableOpacity>\n                        )}\n                    </>\n                ),\n                headerRight: (props: any) => (\n                    <Button\n                        className=\"mr-2\"\n                        onPress={() => addMemeberToChannel()}\n                        variant={'link'}\n                        disabled={selectedMembers?.length > 0 ? false : true}\n                    >\n                        <ButtonText\n                            className={`${selectedMembers?.length > 0 ? 'text-black' : 'text-gray-400'} text-[15px]`}\n                        >\n                            {selectedMembers?.length ? 'ADD' : 'ADD'}\n                        </ButtonText>\n                    </Button>\n                ),\n            });\n\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n                // setOffset(0);\n                //setOrganizationMembers([]);\n            };\n        }, [isCreate, orgName, channelId, channelDetail, selectedMembers]),\n    );\n\n    useEffect(() => {\n        return () => {\n            setOffset(0);\n            setOrganizationMembers([]);\n        };\n    }, []);\n\n    useEffect(() => {\n        if (orgMembersData?.getOrganizationMembers?.data && channelDetail?.viewChannelDetail) {\n            const allOrgMembersWithoutCurrent =\n                orgMembersData?.getOrganizationMembers?.data?.filter((mu: any) => mu?.user?.id != userState?.id) ?? [];\n            const channelMembers =\n                channelDetail?.viewChannelDetail?.members?.filter((mu: any) => mu?.user?.id != userState?.id) ?? [];\n\n            const filteredOrgMembers = allOrgMembersWithoutCurrent.filter(\n                (x: any) => !channelMembers.filter((y: any) => y?.user?.id === x?.user?.id).length,\n            );\n\n            setOrganizationMembers((oldOrgMembers: any) =>\n                uniqBy([...oldOrgMembers, ...filteredOrgMembers], ({ userId }) => userId),\n            );\n            // setOrganizationMembers(filteredOrgMembers);\n            setInitialOrgMembers(filteredOrgMembers);\n        }\n\n        if (orgMembersData?.getOrganizationMembers?.totalCount)\n            setTotalMembers(orgMembersData?.getOrganizationMembers?.totalCount - 1);\n    }, [orgMembersData?.getOrganizationMembers, channelDetail?.viewChannelDetail]);\n\n    useEffect(() => {\n        if (userChannelsData?.channelsByUser) {\n            const userDirectChannels = userChannelsData?.channelsByUser?.filter((i: any) => i.type == 'DIRECT') ?? [];\n            const uDirectChannelMemebers: any =\n                userDirectChannels?.map((c: any) => {\n                    return c?.members?.filter((mu: any) => mu?.user?.id != userState?.id)?.map((m: any) => m?.user);\n                }) ?? null;\n            const dirChannelMembers =\n                uDirectChannelMemebers\n                    ?.flat(1)\n                    ?.filter((v: any, i: any, a: any) => a.findIndex((v2: any) => v2.id === v.id) === i) ?? [];\n            setDirChannelMembers(dirChannelMembers);\n        }\n    }, [userChannelsData]);\n\n    const renderChannelMemebers = ({ item }: any) => {\n        const matches: any = item?.user?.username.match(/\\b(\\w)/g);\n        const acronym: any = matches.join('').substring(0, 2); // JSON\n        return (\n            <TouchableOpacity\n                key={item?.user?.id}\n                style={{ marginTop: 2 }}\n                onPress={() => selectMembers(item?.user?.id)}\n            >\n                <HStack space={'sm'} className=\"py-1 pr-2 w-full justify-between items-center\">\n                    <HStack className=\"items-center\">\n                        <Button disabled size={'sm'} className=\"bg-transparent\">\n                            <Avatar className=\"bg-transparent rounded-none\" size={'sm'}>\n                                <AvatarFallbackText className=\"text-white font-bold\">\n                                    {acronym.toUpperCase()}\n                                </AvatarFallbackText>\n                                <AvatarImage\n                                    alt={'image'}\n                                    borderRadius={0}\n                                    source={{\n                                        uri: item?.user?.picture,\n                                    }}\n                                />\n                            </Avatar>\n                        </Button>\n\n                        <Text className=\"text-gray-800 font-bold\">\n                            {item?.user?.givenName} {item?.user?.familyName}\n                        </Text>\n                    </HStack>\n\n                    <Checkbox\n                        onChange={() => selectMembers(item?.user?.id)}\n                        value={item?.user?.id}\n                        isChecked={selectedMembers && selectedMembers?.includes(item?.user?.id) ? true : false}\n                        accessibilityLabel={item?.user?.username ?? ''}\n                        aria-label={item?.user?.username ?? ''}\n                        aria-labelledby={item?.user?.username ?? ''}\n                    >\n                        <CheckboxIndicator>\n                            <CheckboxIcon as={CheckIcon} />\n                        </CheckboxIndicator>\n                    </Checkbox>\n                </HStack>\n            </TouchableOpacity>\n        );\n    };\n\n    const skip = () => {\n        // if(channelId)  navigation.navigate(NavigationRoutes.DialogMessages, { channelId, hideTabBar: true,addMember:true });\n        // else navigation.navigate(NavigationRoutes.Home)\n        navigation.navigate(NavigationRoutes.Home);\n    };\n\n    const selectMembers = (id: any) => {\n        setSelectedMembers((pre: any) =>\n            pre.indexOf(id) === -1 ? [...pre, id] : pre.filter((mId: String) => mId != id),\n        );\n    };\n\n    const addMemeberToChannel = () => {\n        if (selectedMembers?.length > 0) {\n            saveMembersToChannel({\n                variables: {\n                    membersIds: selectedMembers,\n                    channelId: channelId,\n                },\n            });\n        }\n    };\n\n    const searchMembers = React.useCallback(\n        (v: any) => {\n            if (v) {\n                let searchedChannel = organizationMembers.filter((o: any) => o?.user?.givenName.includes(v));\n                setOrganizationMembers(searchedChannel);\n            } else {\n                setOrganizationMembers(initialOrgMembers);\n            }\n        },\n        [organizationMembers],\n    );\n\n    const loadMoreOrgMemebers = React.useCallback(() => {\n        if (totalMembers == organizationMembers?.length) setIsListEnd(true);\n\n        if (totalMembers > organizationMembers?.length && !orgMemebersLoading && !isListEnd) {\n            const offSet = offset + 1;\n            refetchOrgMembers({\n                offset: offSet,\n                limit: orgMemersDataFetchLimit,\n            }).finally(() => {\n                console.log('finally');\n                setOffset(offSet);\n            });\n        }\n    }, [organizationMembers, totalMembers, offset]);\n\n    const renderFooter = () => {\n        return (\n            //Footer View with Loader\n            <Box>\n                {orgMemebersLoading || saveMembersLoading || addDirectChannaleLoading ? (\n                    <Spinner color=\"black\" style={{ margin: 15 }} />\n                ) : null}\n            </Box>\n        );\n    };\n\n    return (\n        <Box className=\"flex-1 bg-white\">\n            <Input variant=\"underlined\">\n                <InputField\n                    autoFocus={true}\n                    type=\"text\"\n                    size=\"xl\"\n                    placeholderTextColor={'#404040'}\n                    className=\"px-3 items-center text-[14px] text-black\"\n                    placeholder=\"Name, @username, name@example.com\"\n                    onChange={({ nativeEvent: { eventCount, target, text } }) => {\n                        searchMembers(text);\n                    }}\n                    autoCapitalize={'none'}\n                    autoCorrect={false}\n                />\n            </Input>\n\n            <Box className=\"flex-1\">\n                <VirtualizedScrollView>\n                    <VStack space=\"md\" className=\"flex-1 pt-2\">\n                        <FlatList\n                            style={{ flex: 1, paddingHorizontal: 2 }}\n                            keyExtractor={(item, index) => String(index)}\n                            contentContainerStyle={{\n                                flex: 1,\n                            }}\n                            data={organizationMembers && organizationMembers.length > 0 ? organizationMembers : []}\n                            renderItem={renderChannelMemebers}\n                            ListEmptyComponent={() => {\n                                return (\n                                    <TouchableOpacity style={{ marginTop: 5 }}>\n                                        <Box className=\"bg-white py-2\">\n                                            <VStack space=\"md\">\n                                                <Box className=\"px-4 py-5\">\n                                                    <Text>No people found</Text>\n                                                </Box>\n                                            </VStack>\n                                        </Box>\n                                    </TouchableOpacity>\n                                );\n                            }}\n                            key={'add-channel-people-list'}\n                            ListFooterComponent={renderFooter}\n                            onEndReached={loadMoreOrgMemebers}\n                            onEndReachedThreshold={0.5}\n                        />\n                    </VStack>\n                </VirtualizedScrollView>\n            </Box>\n        </Box>\n    );\n};\n\nexport default AddPeople;\n"],"names":["error","React","_a","_b","dirChannelMembers"],"mappings":"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"}
+{"version":3,"file":"AddPeople.js","sources":["../../../src/screens/Peoples/AddPeople.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport {\n    Input,\n    InputField,\n    InputSlot,\n    View,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    ButtonText,\n    Fab,\n    Icon,\n    Divider,\n    FlatList,\n    HStack,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    Image,\n    Checkbox,\n    CheckboxIndicator,\n    CheckboxIcon,\n    CheckIcon,\n    CheckboxLabel,\n    ChevronLeftIcon,\n    Spinner,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { TouchableOpacity } from 'react-native';\nimport {\n    useChannelsQuery,\n    useChannelsLazyQuery,\n    useOrganizationMembersQuery,\n    useUserOrganizationsQuery,\n    useChannelDetailQuery,\n    useChannelDetailLazyQuery,\n    useAddChannelMutation,\n    useAddDirectChannelMutation,\n    useAddMemberToChannelMutation,\n    useSaveMembersToChannelMutation,\n} from '../../queries/slackuiQueries';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { AntDesign, Entypo, Ionicons } from '@expo/vector-icons';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { useDrawerLayout } from '../../hooks';\nimport { startCase, orderBy, uniqBy } from 'lodash-es';\nimport colors from 'tailwindcss/colors';\n\nconst orgMemersDataFetchLimit = 10;\n\nconst AddPeople = ({ navigation, route }: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const { channelId, isCreate, isAddMemeber, addMember: routeAddMember } = route?.params;\n    const isFocused = useIsFocused();\n    const userState = useSelector(userSelector);\n    const [organizationMembers, setOrganizationMembers] = useState<any>([]);\n    const [totalMembers, setTotalMembers] = useState<any>(0);\n    const [initialOrgMembers, setInitialOrgMembers] = useState<any>([]);\n    const [orgMembers, setOrgMembers] = useState<any>([]);\n    const [dirChannelMembers, setDirChannelMembers] = useState<any>([]);\n    const [selectedMembers, setSelectedMembers] = useState<any>([]);\n    const [dataSource, setDataSource] = useState([]);\n    const [offset, setOffset] = useState(0);\n    const [isListEnd, setIsListEnd] = useState(false);\n\n    const {\n        data: orgMembersData,\n        loading: orgMemebersLoading,\n        error: orgMembersError,\n        refetch: refetchOrgMembers,\n    } = useOrganizationMembersQuery(orgName, {\n        variables: {\n            offset: offset,\n            limit: orgMemersDataFetchLimit,\n        },\n    });\n\n    const { data: channelDetail, refetch: refetchChannelDetail } = useChannelDetailQuery(channelId);\n\n    const {\n        data: userChannelsData,\n        loading,\n        error,\n        refetch: refetchUserChannels,\n    } = useChannelsQuery({\n        variables: {\n            criteria: {\n                orgName: orgName,\n                type: 'DIRECT',\n            },\n        },\n    });\n\n    const [saveMembersToChannel, { loading: saveMembersLoading }] = useSaveMembersToChannelMutation({\n        onCompleted: (data: any) => {\n            //  console.log('data add',data)\n\n            const dirChannelIds =\n                dirChannelMembers\n                    ?.filter((v: any, i: any, a: any) => a.findIndex((v2: any) => v2.id === v.id) === i)\n                    ?.map((u: any) => u?.id) ?? [];\n            const receiver = selectedMembers?.filter((item: any) => !dirChannelIds?.includes(item));\n            if (receiver?.length > 0) {\n                addDirectChannelMutation({\n                    variables: {\n                        receiver: receiver,\n                        displayName: 'DIRECT CHANNEL',\n                    },\n                });\n            } else {\n                goToChannel();\n            }\n            // if(data?.createDirectChannel) navigation.navigate(NavigationRoutes.Home)\n            // navigation.navigate('MainStack.MainDrawer.Home')\n        },\n        onError: (error: any) => {\n            console.log('error add', error);\n        },\n    });\n\n    const [addMemberToChannel] = useAddMemberToChannelMutation({\n        onCompleted: (data: any) => {\n            console.log('data add', data);\n            // if(data?.createDirectChannel) navigation.navigate(NavigationRoutes.Home)\n            // navigation.navigate('MainStack.MainDrawer.Home')\n        },\n        onError: (error: any) => {\n            console.log('error add', error);\n        },\n    });\n\n    const [addDirectChannelMutation, { loading: addDirectChannaleLoading }] = useAddDirectChannelMutation({\n        onCompleted: (data: any) => {\n            goToChannel();\n        },\n    });\n\n    const goToChannel = React.useCallback(() => {\n        if (channelId && channelDetail?.viewChannelDetail && isCreate) {\n            navigation.navigate(NavigationRoutes.DialogMessages, {\n                channelId: channelId?.toString(),\n                title: channelDetail?.viewChannelDetail?.title?.toString(),\n                totalMembers: channelDetail?.viewChannelDetail?.members?.length,\n                goToHome: true,\n                hideTabBar: true,\n            });\n        }\n        if (isAddMemeber) {\n            navigation?.goBack(null);\n        }\n    }, [channelId, channelDetail?.viewChannelDetail, isCreate, isAddMemeber]);\n\n    useFocusEffect(\n        React.useCallback(() => {\n            if (orgName) {\n                refetchOrgMembers({\n                    offset: offset,\n                    limit: orgMemersDataFetchLimit,\n                });\n                refetchUserChannels({\n                    criteria: {\n                        orgName: orgName,\n                    },\n                });\n            }\n\n            if (channelId) refetchChannelDetail();\n\n            navigation.setOptions({\n                headerShown: true,\n                headerTitleAlign: 'left',\n                headerTitleStyle: {},\n                headerLeft: (props: any) => (\n                    <>\n                        {isCreate ? (\n                            <TouchableOpacity style={{ paddingHorizontal: 10 }} onPress={() => goToChannel()}>\n                                <AntDesign color=\"black\" name=\"close\" size={20} />\n                            </TouchableOpacity>\n                        ) : (\n                            <TouchableOpacity style={{ paddingHorizontal: 10 }} onPress={() => navigation?.goBack()}>\n                                <Ionicons color=\"black\" name=\"chevron-back\" size={20} />\n                            </TouchableOpacity>\n                        )}\n                    </>\n                ),\n                headerRight: (props: any) => (\n                    <Button\n                        className=\"mr-2\"\n                        onPress={() => addMemeberToChannel()}\n                        variant={'link'}\n                        disabled={selectedMembers?.length > 0 ? false : true}\n                    >\n                        <ButtonText\n                            className={`${selectedMembers?.length > 0 ? 'text-black' : 'text-gray-400'} text-[15px]`}\n                        >\n                            {selectedMembers?.length ? 'ADD' : 'ADD'}\n                        </ButtonText>\n                    </Button>\n                ),\n            });\n\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n                // setOffset(0);\n                //setOrganizationMembers([]);\n            };\n        }, [isCreate, orgName, channelId, channelDetail, selectedMembers]),\n    );\n\n    useEffect(() => {\n        return () => {\n            setOffset(0);\n            setOrganizationMembers([]);\n        };\n    }, []);\n\n    useEffect(() => {\n        if (orgMembersData?.getOrganizationMembers?.data && channelDetail?.viewChannelDetail) {\n            const allOrgMembersWithoutCurrent =\n                orgMembersData?.getOrganizationMembers?.data?.filter((mu: any) => mu?.user?.id != userState?.id) ?? [];\n            const channelMembers =\n                channelDetail?.viewChannelDetail?.members?.filter((mu: any) => mu?.user?.id != userState?.id) ?? [];\n\n            const filteredOrgMembers = allOrgMembersWithoutCurrent.filter(\n                (x: any) => !channelMembers.filter((y: any) => y?.user?.id === x?.user?.id).length,\n            );\n\n            setOrganizationMembers((oldOrgMembers: any) =>\n                uniqBy([...oldOrgMembers, ...filteredOrgMembers], ({ userId }) => userId),\n            );\n            // setOrganizationMembers(filteredOrgMembers);\n            setInitialOrgMembers(filteredOrgMembers);\n        }\n\n        if (orgMembersData?.getOrganizationMembers?.totalCount)\n            setTotalMembers(orgMembersData?.getOrganizationMembers?.totalCount - 1);\n    }, [orgMembersData?.getOrganizationMembers, channelDetail?.viewChannelDetail]);\n\n    useEffect(() => {\n        if (userChannelsData?.channelsByUser) {\n            const userDirectChannels = userChannelsData?.channelsByUser?.filter((i: any) => i.type == 'DIRECT') ?? [];\n            const uDirectChannelMemebers: any =\n                userDirectChannels?.map((c: any) => {\n                    return c?.members?.filter((mu: any) => mu?.user?.id != userState?.id)?.map((m: any) => m?.user);\n                }) ?? null;\n            const dirChannelMembers =\n                uDirectChannelMemebers\n                    ?.flat(1)\n                    ?.filter((v: any, i: any, a: any) => a.findIndex((v2: any) => v2.id === v.id) === i) ?? [];\n            setDirChannelMembers(dirChannelMembers);\n        }\n    }, [userChannelsData]);\n\n    const renderChannelMemebers = ({ item }: any) => {\n        const matches: any = item?.user?.username.match(/\\b(\\w)/g);\n        const acronym: any = matches.join('').substring(0, 2); // JSON\n        return (\n            <TouchableOpacity\n                key={item?.user?.id}\n                style={{ marginTop: 2 }}\n                onPress={() => selectMembers(item?.user?.id)}\n            >\n                <HStack space={'sm'} className=\"py-1 pr-2 w-full justify-between items-center\">\n                    <HStack className=\"items-center\">\n                        <Button disabled size={'sm'} className=\"bg-transparent\">\n                            <Avatar className=\"bg-transparent rounded-none\" size={'sm'}>\n                                <AvatarFallbackText className=\"text-white font-bold\">\n                                    {acronym.toUpperCase()}\n                                </AvatarFallbackText>\n                                <AvatarImage\n                                    alt={'image'}\n                                    borderRadius={0}\n                                    source={{\n                                        uri: item?.user?.picture,\n                                    }}\n                                />\n                            </Avatar>\n                        </Button>\n\n                        <Text className=\"text-gray-800 font-bold\">\n                            {item?.user?.givenName} {item?.user?.familyName}\n                        </Text>\n                    </HStack>\n\n                    <Checkbox\n                        onChange={() => selectMembers(item?.user?.id)}\n                        value={item?.user?.id}\n                        isChecked={selectedMembers && selectedMembers?.includes(item?.user?.id) ? true : false}\n                        accessibilityLabel={item?.user?.username ?? ''}\n                        aria-label={item?.user?.username ?? ''}\n                        aria-labelledby={item?.user?.username ?? ''}\n                    >\n                        <CheckboxIndicator>\n                            <CheckboxIcon as={CheckIcon} />\n                        </CheckboxIndicator>\n                    </Checkbox>\n                </HStack>\n            </TouchableOpacity>\n        );\n    };\n\n    const skip = () => {\n        // if(channelId)  navigation.navigate(NavigationRoutes.DialogMessages, { channelId, hideTabBar: true,addMember:true });\n        // else navigation.navigate(NavigationRoutes.Home)\n        navigation.navigate(NavigationRoutes.Home);\n    };\n\n    const selectMembers = (id: any) => {\n        setSelectedMembers((pre: any) =>\n            pre.indexOf(id) === -1 ? [...pre, id] : pre.filter((mId: String) => mId != id),\n        );\n    };\n\n    const addMemeberToChannel = () => {\n        if (selectedMembers?.length > 0) {\n            saveMembersToChannel({\n                variables: {\n                    membersIds: selectedMembers,\n                    channelId: channelId,\n                },\n            });\n        }\n    };\n\n    const searchMembers = React.useCallback(\n        (v: any) => {\n            if (v) {\n                let searchedChannel = organizationMembers.filter((o: any) => o?.user?.givenName.includes(v));\n                setOrganizationMembers(searchedChannel);\n            } else {\n                setOrganizationMembers(initialOrgMembers);\n            }\n        },\n        [organizationMembers],\n    );\n\n    const loadMoreOrgMemebers = React.useCallback(() => {\n        if (totalMembers == organizationMembers?.length) setIsListEnd(true);\n\n        if (totalMembers > organizationMembers?.length && !orgMemebersLoading && !isListEnd) {\n            const offSet = offset + 1;\n            refetchOrgMembers({\n                offset: offSet,\n                limit: orgMemersDataFetchLimit,\n            }).finally(() => {\n                console.log('finally');\n                setOffset(offSet);\n            });\n        }\n    }, [organizationMembers, totalMembers, offset]);\n\n    const renderFooter = () => {\n        return (\n            //Footer View with Loader\n            <Box>\n                {orgMemebersLoading || saveMembersLoading || addDirectChannaleLoading ? (\n                    <Spinner color=\"black\" style={{ margin: 15 }} />\n                ) : null}\n            </Box>\n        );\n    };\n\n    return (\n        <Box className=\"flex-1 bg-white\">\n            <Input variant=\"underlined\">\n                <InputField\n                    autoFocus={true}\n                    type=\"text\"\n                    size=\"xl\"\n                    placeholderTextColor={'#404040'}\n                    className=\"px-3 items-center text-[14px] text-black\"\n                    placeholder=\"Name, @username, name@example.com\"\n                    onChange={({ nativeEvent: { eventCount, target, text } }) => {\n                        searchMembers(text);\n                    }}\n                    autoCapitalize={'none'}\n                    autoCorrect={false}\n                />\n            </Input>\n\n            <Box className=\"flex-1\">\n                <VirtualizedScrollView>\n                    <VStack space=\"md\" className=\"flex-1 pt-2\">\n                        <FlatList\n                            style={{ flex: 1, paddingHorizontal: 2 }}\n                            keyExtractor={(item, index) => String(index)}\n                            contentContainerStyle={{\n                                flex: 1,\n                            }}\n                            data={organizationMembers && organizationMembers.length > 0 ? organizationMembers : []}\n                            renderItem={renderChannelMemebers}\n                            ListEmptyComponent={() => {\n                                return (\n                                    <TouchableOpacity style={{ marginTop: 5 }}>\n                                        <Box className=\"bg-white py-2\">\n                                            <VStack space=\"md\">\n                                                <Box className=\"px-4 py-5\">\n                                                    <Text>No people found</Text>\n                                                </Box>\n                                            </VStack>\n                                        </Box>\n                                    </TouchableOpacity>\n                                );\n                            }}\n                            key={'add-channel-people-list'}\n                            ListFooterComponent={renderFooter}\n                            onEndReached={loadMoreOrgMemebers}\n                            onEndReachedThreshold={0.5}\n                        />\n                    </VStack>\n                </VirtualizedScrollView>\n            </Box>\n        </Box>\n    );\n};\n\nexport default AddPeople;\n"],"names":["error","React","_a","_b","dirChannelMembers"],"mappings":"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"}

package/lib/screens/Search/JumpTo.js

@@ -1,4 +1,4 @@
-import React__default,{useState}from'react';import {View,TouchableOpacity,Image,Text,Dimensions}from'react-native';import styles from'./styles.js';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {NavigationRoutes}from'../../constants/routes.js';import img from'../../assets/images/send.png.js';import img$1 from'../../assets/images/right.png.js';import {useNavigation,useRoute,useFocusEffect}from'@react-navigation/native';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';Dimensions.get("window").width;
+import React__default,{useState}from'react';import {View,TouchableOpacity,Image,Text,Dimensions}from'react-native';import styles from'./styles.js';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {NavigationRoutes}from'../../constants/routes.js';import img from'../../assets/images/send.png.js';import img$1 from'../../assets/images/right.png.js';import {useNavigation,useRoute,useFocusEffect}from'@react-navigation/native';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import'../../hooks/useOptimizedChannelsQueries.js';Dimensions.get("window").width;
 Dimensions.get("window").height;
 const JumpToScreen = (props) => {
   const {