@messenger-box/slack-ui-mobile 10.0.3-alpha.40 → 10.0.3-alpha.43

package/lib/screens/Organization/InviteOrganizationMembers.js

@@ -1,4 +1,4 @@
-import React__default,{useEffect}from'react';import {Share,Alert,SafeAreaView,Dimensions}from'react-native';import {Button,ButtonText,Box,VStack,Heading,Text}from'@admin-layout/gluestack-ui-mobile';import {NavigationRoutes}from'../../constants/routes.js';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {useNavigation,useFocusEffect}from'@react-navigation/native';import {Ionicons,AntDesign,MaterialCommunityIcons}from'@expo/vector-icons';Dimensions.get("window").width;
+import React__default,{useEffect}from'react';import {Share,Alert,SafeAreaView,Dimensions}from'react-native';import {useToast,Button,ButtonText,Box,VStack,Heading,Text,Toast,ToastTitle,ToastDescription}from'@admin-layout/gluestack-ui-mobile';import {useOrganizationSharableLinkQuery,useSendOrganizationInvitationMutation}from'../../queries/slackuiQueries.js';import {NavigationRoutes}from'../../constants/routes.js';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {useNavigation,useFocusEffect}from'@react-navigation/native';import {Ionicons,AntDesign,MaterialCommunityIcons}from'@expo/vector-icons';Dimensions.get("window").width;
 Dimensions.get("window").height;
 const InviteOrganizationMembers = ({
   route
@@ -6,6 +6,36 @@ const InviteOrganizationMembers = ({
   var _a;
   const navigation = useNavigation();
   useSelector(userSelector);
+  const toast = useToast();
+  const orgName = (_a = route == null ? void 0 : route.params) == null ? void 0 : _a.orgName;
+  const {
+    data: orgLinkData,
+    loading: orgLinkLoading
+  } = useOrganizationSharableLinkQuery(orgName);
+  const [sendInvitation, {
+    loading: sendingInvitation
+  }] = useSendOrganizationInvitationMutation({
+    onCompleted: (data) => {
+      toast.show({
+        placement: "top",
+        render: ({
+          id
+        }) => {
+          return /* @__PURE__ */ React__default.createElement(Toast, { nativeID: id, action: "success", variant: "solid" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "xs" }, /* @__PURE__ */ React__default.createElement(ToastTitle, null, "Success"), /* @__PURE__ */ React__default.createElement(ToastDescription, null, "Invitation sent successfully")));
+        }
+      });
+    },
+    onError: (error) => {
+      toast.show({
+        placement: "top",
+        render: ({
+          id
+        }) => {
+          return /* @__PURE__ */ React__default.createElement(Toast, { nativeID: id, action: "error", variant: "solid" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "xs" }, /* @__PURE__ */ React__default.createElement(ToastTitle, null, "Error"), /* @__PURE__ */ React__default.createElement(ToastDescription, null, error.message)));
+        }
+      });
+    }
+  });
   useFocusEffect(React__default.useCallback(() => {
     return () => {
     };
@@ -14,18 +44,16 @@ const InviteOrganizationMembers = ({
     if (navigation)
       navigation.setOptions({
         headerTintColor: "#1d1c1d",
-        headerRight: (props) => /* @__PURE__ */ React__default.createElement(Button, { className: "mr-2", onPress: () => {
-          var _a2;
-          return navigation.navigate(NavigationRoutes.InitializeOrganizationChannel, {
-            orgName: (_a2 = route == null ? void 0 : route.params) == null ? void 0 : _a2.orgName
-          });
-        }, variant: "link" }, /* @__PURE__ */ React__default.createElement(ButtonText, { className: "text-black" }, "SKIP"))
+        headerRight: (props) => /* @__PURE__ */ React__default.createElement(Button, { className: "mr-2", onPress: () => navigation.navigate(NavigationRoutes.InitializeOrganizationChannel, {
+          orgName
+        }), variant: "link" }, /* @__PURE__ */ React__default.createElement(ButtonText, { className: "text-black" }, "SKIP"))
       });
   }, [navigation]);
   const shareLink = React__default.useCallback(async () => {
     try {
+      const shareMessage = (orgLinkData == null ? void 0 : orgLinkData.getOrganizationSharableLink) || "CDMBSE | Messenger App";
       const result = await Share.share({
-        message: "CDMBSE | Messenger App"
+        message: shareMessage
       });
       if (result.action === Share.sharedAction) {
         if (result.activityType) {
@@ -36,8 +64,20 @@ const InviteOrganizationMembers = ({
     } catch (error) {
       Alert.alert(error.message);
     }
-  }, []);
+  }, [orgLinkData]);
   return /* @__PURE__ */ React__default.createElement(SafeAreaView, { style: {
     flex: 1
-  } }, /* @__PURE__ */ React__default.createElement(Box, { className: "border-t-blue-600 border-t w-[50%]" }), /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 bg-white" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "lg", className: "py-10 px-4" }, /* @__PURE__ */ React__default.createElement(Heading, { className: "px-4 items-center text-center" }, "Who else is on the ", (_a = route == null ? void 0 : route.params) == null ? void 0 : _a.orgName, " team?"), /* @__PURE__ */ React__default.createElement(Text, { className: "text-center text-[15]" }, "Invite your teammates to Workspace."), /* @__PURE__ */ React__default.createElement(Button, { size: "md", variant: "solid", onPress: async () => await shareLink(), className: "my-1 bg-green-800 active:bg-green-600 hover:bg-green-600" }, /* @__PURE__ */ React__default.createElement(Ionicons, { color: "white", name: "share-outline", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { className: "ml-2 font-bold text-white" }, "Share a Link")), /* @__PURE__ */ React__default.createElement(Button, { size: "md", variant: "outline", className: "my-1 bg-white border-gray-400 active:bg-gray-200 hover:bg-gray-200" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "adduser", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { className: "ml-2 font-bold text-black" }, "Add from Contacts")), /* @__PURE__ */ React__default.createElement(Button, { size: "md", className: "my-1 bg-white border-gray-400 active:bg-gray-200 hover:bg-gray-200", variant: "outline", onPress: () => navigation.navigate(NavigationRoutes.AddPeopleByEmail) }, /* @__PURE__ */ React__default.createElement(MaterialCommunityIcons, { color: "black", name: "email-outline", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { className: "ml-2 font-bold text-black" }, "Add by Email")))));
+  } }, /* @__PURE__ */ React__default.createElement(Box, { className: "border-t-blue-600 border-t w-[50%]" }), /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 bg-white" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "lg", className: "py-10 px-4" }, /* @__PURE__ */ React__default.createElement(Heading, { className: "px-4 items-center text-center" }, "Who else is on the ", orgName, " team?"), /* @__PURE__ */ React__default.createElement(Text, { className: "text-center text-[15]" }, "Invite your teammates to Workspace."), /* @__PURE__ */ React__default.createElement(Button, { size: "md", variant: "solid", onPress: async () => await shareLink(), className: "my-1 bg-green-800 active:bg-green-600 hover:bg-green-600", isDisabled: orgLinkLoading }, /* @__PURE__ */ React__default.createElement(Ionicons, { color: "white", name: "share-outline", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { className: "ml-2 font-bold text-white" }, "Share a Link")), /* @__PURE__ */ React__default.createElement(Button, { size: "md", variant: "outline", className: "my-1 bg-white border-gray-400 active:bg-gray-200 hover:bg-gray-200" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "adduser", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { className: "ml-2 font-bold text-black" }, "Add from Contacts")), /* @__PURE__ */ React__default.createElement(Button, { size: "md", className: "my-1 bg-white border-gray-400 active:bg-gray-200 hover:bg-gray-200", variant: "outline", onPress: () => navigation.navigate(NavigationRoutes.AddPeopleByEmail, {
+    orgName,
+    sendInvitation: (email) => {
+      sendInvitation({
+        variables: {
+          request: {
+            orgName,
+            emails: [email]
+          }
+        }
+      });
+    }
+  }) }, /* @__PURE__ */ React__default.createElement(MaterialCommunityIcons, { color: "black", name: "email-outline", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { className: "ml-2 font-bold text-black" }, "Add by Email")))));
 };export{InviteOrganizationMembers as default};//# sourceMappingURL=InviteOrganizationMembers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InviteOrganizationMembers.js","sources":["../../../src/screens/Organization/InviteOrganizationMembers.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect, useCallback } from 'react';\nimport { StyleSheet, TouchableOpacity, Dimensions, Share, Alert, SafeAreaView } from 'react-native';\nimport {\n    Text,\n    VStack,\n    Box,\n    Button,\n    ButtonText,\n    Icon,\n    Divider,\n    HStack,\n    Center,\n    Heading,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useCreateOrganizationMutation, useGetAllUsersQuery } from 'common/graphql';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { useSelector } from 'react-redux';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useFocusEffect, useNavigation } from '@react-navigation/native';\nimport { Ionicons, AntDesign, FontAwesome5, MaterialCommunityIcons } from '@expo/vector-icons';\nimport Colors from 'tailwindcss/colors';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst InviteOrganizationMembers = ({ route }: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, []),\n    );\n\n    useEffect(() => {\n        if (navigation)\n            navigation.setOptions({\n                headerTintColor: '#1d1c1d',\n                headerRight: (props: any) => (\n                    <Button\n                        className=\"mr-2\"\n                        onPress={() =>\n                            navigation.navigate(NavigationRoutes.InitializeOrganizationChannel, {\n                                orgName: route?.params?.orgName,\n                            })\n                        }\n                        variant={'link'}\n                    >\n                        <ButtonText className=\"text-black\">SKIP</ButtonText>\n                    </Button>\n                ),\n            });\n    }, [navigation]);\n\n    const shareLink = React.useCallback(async () => {\n        try {\n            const result = await Share.share({\n                message: 'CDMBSE | Messenger App',\n            });\n            if (result.action === Share.sharedAction) {\n                if (result.activityType) {\n                    // shared with activity type of result.activityType\n                } else {\n                    // shared\n                }\n            } else if (result.action === Share.dismissedAction) {\n                // dismissed\n            }\n        } catch (error: any) {\n            Alert.alert(error.message);\n            // alert(error.message);\n        }\n    }, []);\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <Box className=\"border-t-blue-600 border-t w-[50%]\" />\n            <Box className=\"flex-1 bg-white\">\n                <VStack space={'lg'} className=\"py-10 px-4\">\n                    <Heading className=\"px-4 items-center text-center\">\n                        Who else is on the {route?.params?.orgName} team?\n                    </Heading>\n                    <Text className=\"text-center text-[15]\">Invite your teammates to Workspace.</Text>\n                    <Button\n                        size={'md'}\n                        variant={'solid'}\n                        onPress={async () => await shareLink()}\n                        className=\"my-1 bg-green-800 active:bg-green-600 hover:bg-green-600\"\n                    >\n                        <Ionicons color={'white'} name=\"share-outline\" size={20} />\n                        <ButtonText className=\"ml-2 font-bold text-white\">Share a Link</ButtonText>\n                    </Button>\n                    <Button\n                        size=\"md\"\n                        variant=\"outline\"\n                        className=\"my-1 bg-white border-gray-400 active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <AntDesign color={'black'} name=\"adduser\" size={20} />\n                        <ButtonText className=\"ml-2 font-bold text-black\">Add from Contacts</ButtonText>\n                    </Button>\n                    <Button\n                        size=\"md\"\n                        className=\"my-1 bg-white border-gray-400 active:bg-gray-200 hover:bg-gray-200\"\n                        variant=\"outline\"\n                        onPress={() => navigation.navigate(NavigationRoutes.AddPeopleByEmail)}\n                    >\n                        <MaterialCommunityIcons color={'black'} name=\"email-outline\" size={20} />\n                        <ButtonText className=\"ml-2 font-bold text-black\">Add by Email</ButtonText>\n                    </Button>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InviteOrganizationMembers;\n"],"names":["React","_a"],"mappings":"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"}
+{"version":3,"file":"InviteOrganizationMembers.js","sources":["../../../src/screens/Organization/InviteOrganizationMembers.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect, useCallback } from 'react';\nimport { StyleSheet, TouchableOpacity, Dimensions, Share, Alert, SafeAreaView } from 'react-native';\nimport {\n    Text,\n    VStack,\n    Box,\n    Button,\n    ButtonText,\n    Icon,\n    Divider,\n    HStack,\n    Center,\n    Heading,\n    Toast,\n    useToast,\n    ToastTitle,\n    ToastDescription,\n} from '@admin-layout/gluestack-ui-mobile';\nimport {\n    useCreateOrganizationMutation,\n    useAllUsersQuery,\n    useSendOrganizationInvitationMutation,\n    useOrganizationSharableLinkQuery,\n} from '../../queries/slackuiQueries';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { useSelector } from 'react-redux';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useFocusEffect, useNavigation } from '@react-navigation/native';\nimport { Ionicons, AntDesign, FontAwesome5, MaterialCommunityIcons } from '@expo/vector-icons';\nimport Colors from 'tailwindcss/colors';\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nconst InviteOrganizationMembers = ({ route }: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const toast = useToast();\n    const orgName = route?.params?.orgName;\n\n    // Get organization sharable link\n    const { data: orgLinkData, loading: orgLinkLoading } = useOrganizationSharableLinkQuery(orgName);\n\n    // Send organization invitation mutation\n    const [sendInvitation, { loading: sendingInvitation }] = useSendOrganizationInvitationMutation({\n        onCompleted: (data) => {\n            toast.show({\n                placement: 'top',\n                render: ({ id }) => {\n                    return (\n                        <Toast nativeID={id} action=\"success\" variant=\"solid\">\n                            <VStack space=\"xs\">\n                                <ToastTitle>Success</ToastTitle>\n                                <ToastDescription>Invitation sent successfully</ToastDescription>\n                            </VStack>\n                        </Toast>\n                    );\n                },\n            });\n        },\n        onError: (error) => {\n            toast.show({\n                placement: 'top',\n                render: ({ id }) => {\n                    return (\n                        <Toast nativeID={id} action=\"error\" variant=\"solid\">\n                            <VStack space=\"xs\">\n                                <ToastTitle>Error</ToastTitle>\n                                <ToastDescription>{error.message}</ToastDescription>\n                            </VStack>\n                        </Toast>\n                    );\n                },\n            });\n        },\n    });\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, []),\n    );\n\n    useEffect(() => {\n        if (navigation)\n            navigation.setOptions({\n                headerTintColor: '#1d1c1d',\n                headerRight: (props: any) => (\n                    <Button\n                        className=\"mr-2\"\n                        onPress={() =>\n                            navigation.navigate(NavigationRoutes.InitializeOrganizationChannel, {\n                                orgName: orgName,\n                            })\n                        }\n                        variant={'link'}\n                    >\n                        <ButtonText className=\"text-black\">SKIP</ButtonText>\n                    </Button>\n                ),\n            });\n    }, [navigation]);\n\n    const shareLink = React.useCallback(async () => {\n        try {\n            // Use the organization sharable link if available\n            const shareMessage = orgLinkData?.getOrganizationSharableLink || 'CDMBSE | Messenger App';\n\n            const result = await Share.share({\n                message: shareMessage,\n            });\n            if (result.action === Share.sharedAction) {\n                if (result.activityType) {\n                    // shared with activity type of result.activityType\n                } else {\n                    // shared\n                }\n            } else if (result.action === Share.dismissedAction) {\n                // dismissed\n            }\n        } catch (error: any) {\n            Alert.alert(error.message);\n            // alert(error.message);\n        }\n    }, [orgLinkData]);\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <Box className=\"border-t-blue-600 border-t w-[50%]\" />\n            <Box className=\"flex-1 bg-white\">\n                <VStack space={'lg'} className=\"py-10 px-4\">\n                    <Heading className=\"px-4 items-center text-center\">Who else is on the {orgName} team?</Heading>\n                    <Text className=\"text-center text-[15]\">Invite your teammates to Workspace.</Text>\n                    <Button\n                        size={'md'}\n                        variant={'solid'}\n                        onPress={async () => await shareLink()}\n                        className=\"my-1 bg-green-800 active:bg-green-600 hover:bg-green-600\"\n                        isDisabled={orgLinkLoading}\n                    >\n                        <Ionicons color={'white'} name=\"share-outline\" size={20} />\n                        <ButtonText className=\"ml-2 font-bold text-white\">Share a Link</ButtonText>\n                    </Button>\n                    <Button\n                        size=\"md\"\n                        variant=\"outline\"\n                        className=\"my-1 bg-white border-gray-400 active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <AntDesign color={'black'} name=\"adduser\" size={20} />\n                        <ButtonText className=\"ml-2 font-bold text-black\">Add from Contacts</ButtonText>\n                    </Button>\n                    <Button\n                        size=\"md\"\n                        className=\"my-1 bg-white border-gray-400 active:bg-gray-200 hover:bg-gray-200\"\n                        variant=\"outline\"\n                        onPress={() =>\n                            navigation.navigate(NavigationRoutes.AddPeopleByEmail, {\n                                orgName: orgName,\n                                sendInvitation: (email: string) => {\n                                    sendInvitation({\n                                        variables: {\n                                            request: {\n                                                orgName,\n                                                emails: [email],\n                                            },\n                                        },\n                                    });\n                                },\n                            })\n                        }\n                    >\n                        <MaterialCommunityIcons color={'black'} name=\"email-outline\" size={20} />\n                        <ButtonText className=\"ml-2 font-bold text-black\">Add by Email</ButtonText>\n                    </Button>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InviteOrganizationMembers;\n"],"names":["React"],"mappings":"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"}

package/lib/screens/Peoples/AddByEmail.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {Button,ButtonText,Box,VStack,ButtonIcon,CheckIcon,Heading,HStack,Text,Input,InputField}from'@admin-layout/gluestack-ui-mobile';import {TouchableOpacity,SafeAreaView,Dimensions}from'react-native';import {Ionicons,AntDesign}from'@expo/vector-icons';import {useIsFocused}from'@react-navigation/native';import {useSendOrganizationInvitationMutation}from'common/graphql';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,Dimensions}from'react-native';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;
 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 'common/graphql';\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                                }}\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                                }}\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/AddFromContacts.js

@@ -1,24 +1,28 @@
-import React__default,{useState,useEffect}from'react';import {Button,ButtonText,Box,Input,InputSlot,InputField,Spinner,Text,FlatList,HStack,Avatar,AvatarImage,AvatarFallbackText,Checkbox,CheckboxIndicator,CheckboxIcon,CheckIcon}from'@admin-layout/gluestack-ui-mobile';import {TouchableOpacity,Platform,Linking,StyleSheet}from'react-native';import Colors from'../../constants/Colors.js';import {useGetOrganizationSharableLinkQuery}from'common/graphql';import {Ionicons,Feather}from'@expo/vector-icons';import {useIsFocused}from'@react-navigation/native';import*as Contacts from'expo-contacts';import {config}from'../../config/env-config.js';import {SafeAreaView}from'react-native-safe-area-context';const AddFromContacts = ({
+import React__default,{useState,useEffect}from'react';import {Button,ButtonText,Box,Input,InputSlot,InputField,Spinner,Text,FlatList,HStack,Avatar,AvatarImage,AvatarFallbackText,Checkbox,CheckboxIndicator,CheckboxIcon,CheckIcon}from'@admin-layout/gluestack-ui-mobile';import {TouchableOpacity,Platform,Linking,StyleSheet}from'react-native';import Colors from'../../constants/Colors.js';import {useOrganizationSharableLinkQuery,useSendOrganizationInvitationMutation}from'../../queries/slackuiQueries.js';import {Ionicons,Feather}from'@expo/vector-icons';import {useIsFocused}from'@react-navigation/native';import*as Contacts from'expo-contacts';import {config}from'../../config/env-config.js';import {SafeAreaView}from'react-native-safe-area-context';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';const AddFromContacts = ({
   navigation,
   route
 }) => {
+  var _a;
   const isFocused = useIsFocused();
   const [contacts, setContacts] = useState([]);
   const [filteredContacts, setFilteredContacts] = useState([]);
   const [selectedContacts, setSelectedContacts] = useState([]);
   const [searchQuery, setSearchQuery] = useState("");
   const [loading, setLoading] = useState(true);
+  const orgName = ((_a = route == null ? void 0 : route.params) == null ? void 0 : _a.orgName) || "";
   const {
     data: organizationSharableLink
-  } = useGetOrganizationSharableLinkQuery();
+  } = useOrganizationSharableLinkQuery(orgName);
+  const [sendOrganizationInvitation] = useSendOrganizationInvitationMutation();
+  const user = useSelector(userSelector);
   useEffect(() => {
     if (searchQuery.trim() === "") {
       setFilteredContacts(contacts);
     } else {
       const filtered = contacts.filter((contact) => {
-        var _a, _b, _c;
+        var _a2, _b, _c;
         const fullName = `${contact.firstName || ""} ${contact.lastName || ""}`.toLowerCase();
-        const phoneNumber = ((_c = (_b = (_a = contact.phoneNumbers) == null ? void 0 : _a[0]) == null ? void 0 : _b.number) == null ? void 0 : _c.toLowerCase()) || "";
+        const phoneNumber = ((_c = (_b = (_a2 = contact.phoneNumbers) == null ? void 0 : _a2[0]) == null ? void 0 : _b.number) == null ? void 0 : _c.toLowerCase()) || "";
         const query = searchQuery.toLowerCase();
         return fullName.includes(query) || phoneNumber.includes(query);
       });
@@ -103,7 +107,7 @@ import React__default,{useState,useEffect}from'react';import {Button,ButtonText,
   const renderContactList = ({
     item
   }) => {
-    var _a, _b;
+    var _a2, _b;
     const isSelected = selectedContacts.some((c) => c.id === item.id);
     const hasPhoneNumber = item.phoneNumbers && item.phoneNumbers.length > 0;
     const initials = getInitials(item.firstName, item.lastName);
@@ -111,20 +115,41 @@ import React__default,{useState,useEffect}from'react';import {Button,ButtonText,
       return null;
     return /* @__PURE__ */ React__default.createElement(TouchableOpacity, { key: item.id, onPress: () => toggleContact(item), style: styles.contactItem, disabled: !hasPhoneNumber, activeOpacity: 0.7 }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "justify-between items-center w-full" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "items-center space-x-3" }, item.imageAvailable && item.image && item.image.uri ? /* @__PURE__ */ React__default.createElement(Avatar, { size: "md", className: "bg-gray-400" }, /* @__PURE__ */ React__default.createElement(AvatarImage, { source: {
       uri: item.image.uri
-    }, alt: `${item.firstName || ""} ${item.lastName || ""}`.trim(), onError: (e) => console.log("Avatar image failed to load", e.nativeEvent.error), style: styles.avatarImage }), /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, initials)) : /* @__PURE__ */ React__default.createElement(Avatar, { size: "md", className: "bg-blue-500" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, { style: styles.avatarText }, initials)), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Text, { className: "text-gray-800 font-semibold text-base" }, item.firstName || "", " ", item.lastName || ""), /* @__PURE__ */ React__default.createElement(Text, { className: "text-gray-500 text-sm" }, ((_b = (_a = item.phoneNumbers) == null ? void 0 : _a[0]) == null ? void 0 : _b.number) || "No number"))), /* @__PURE__ */ React__default.createElement(Checkbox, { value: item.id, isChecked: isSelected, accessibilityLabel: `Select ${item.firstName}`, "aria-label": `Select ${item.firstName}` }, /* @__PURE__ */ React__default.createElement(CheckboxIndicator, { className: isSelected ? "bg-blue-500 border-blue-500" : "" }, /* @__PURE__ */ React__default.createElement(CheckboxIcon, { as: CheckIcon })))));
+    }, alt: `${item.firstName || ""} ${item.lastName || ""}`.trim(), onError: (e) => console.log("Avatar image failed to load", e.nativeEvent.error), style: styles.avatarImage }), /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, initials)) : /* @__PURE__ */ React__default.createElement(Avatar, { size: "md", className: "bg-blue-500" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, { style: styles.avatarText }, initials)), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Text, { className: "text-gray-800 font-semibold text-base" }, item.firstName || "", " ", item.lastName || ""), /* @__PURE__ */ React__default.createElement(Text, { className: "text-gray-500 text-sm" }, ((_b = (_a2 = item.phoneNumbers) == null ? void 0 : _a2[0]) == null ? void 0 : _b.number) || "No number"))), /* @__PURE__ */ React__default.createElement(Checkbox, { value: item.id, isChecked: isSelected, accessibilityLabel: `Select ${item.firstName}`, "aria-label": `Select ${item.firstName}` }, /* @__PURE__ */ React__default.createElement(CheckboxIndicator, { className: isSelected ? "bg-blue-500 border-blue-500" : "" }, /* @__PURE__ */ React__default.createElement(CheckboxIcon, { as: CheckIcon })))));
   };
   const sendInvitation = () => {
-    var _a;
+    var _a2;
     if (selectedContacts.length === 0)
       return;
     const mobileNumbers = selectedContacts.map((i) => i.mobile.number);
+    sendOrganizationInvitation({
+      variables: {
+        request: {
+          orgName,
+          emails: mobileNumbers.map((num) => num.replace(/\s/g, "")),
+          invitedBy: ((_a2 = user == null ? void 0 : user.profile) == null ? void 0 : _a2.name) || "",
+          sentInvitee: true
+        }
+      },
+      onCompleted: (data) => {
+        console.log("Organization invitation sent successfully:", data);
+        sendSMSInvitations();
+      },
+      onError: (error) => {
+        console.error("Error sending invitations:", error);
+        sendSMSInvitations();
+      }
+    });
+  };
+  const sendSMSInvitations = () => {
+    var _a2;
+    const mobileNumbers = selectedContacts.map((i) => i.mobile.number);
     let numbers = "";
     mobileNumbers.forEach((phoneNumber) => {
       numbers += `${phoneNumber.replace(/\s/g, "")},`;
     });
     numbers = numbers.slice(0, -1);
-    Platform.OS === "ios" ? "&" : "?";
-    const message = `Join me on ${config.APP_NAME} - it's a faster, simpler way to work. Sign up here from any device: ${(_a = organizationSharableLink == null ? void 0 : organizationSharableLink.getOrganizationSharableLink) != null ? _a : ""}`;
+    const message = `Join me on ${config.APP_NAME} - it's a faster, simpler way to work. Sign up here from any device: ${(_a2 = organizationSharableLink == null ? void 0 : organizationSharableLink.getOrganizationSharableLink) != null ? _a2 : ""}`;
     const url = Platform.OS === "android" ? `sms:${numbers}?body=${encodeURIComponent(message)}` : `sms:/open?addresses=${numbers}&body=${encodeURIComponent(message)}`;
     Linking.openURL(url);
   };

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

@@ -1 +1 @@
-{"version":3,"file":"AddFromContacts.js","sources":["../../../src/screens/Peoples/AddFromContacts.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport {\n    Input,\n    InputField,\n    View,\n    Text,\n    VStack,\n    Box,\n    Button,\n    ButtonText,\n    CheckIcon,\n    FlatList,\n    HStack,\n    Avatar,\n    AvatarImage,\n    AvatarFallbackText,\n    Image,\n    Checkbox,\n    CheckboxIndicator,\n    CheckboxIcon,\n    Heading,\n    Spinner,\n    InputSlot,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StyleSheet, TouchableOpacity, Linking, Platform } from 'react-native';\nimport Colors from '../../constants/Colors';\nimport { useGetOrganizationSharableLinkQuery } from 'common/graphql';\nimport { AntDesign, Ionicons, Feather } from '@expo/vector-icons';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useIsFocused } from '@react-navigation/native';\nimport * as Contacts from 'expo-contacts';\nimport { config } from '../../config';\nimport { SafeAreaView } from 'react-native-safe-area-context';\n\nconst AddFromContacts = ({ navigation, route }: any) => {\n    const isFocused = useIsFocused();\n    const [contacts, setContacts] = useState<any[]>([]);\n    const [filteredContacts, setFilteredContacts] = useState<any[]>([]);\n    const [selectedContacts, setSelectedContacts] = useState<any>([]);\n    const [searchQuery, setSearchQuery] = useState('');\n    const [loading, setLoading] = useState(true);\n    const { data: organizationSharableLink } = useGetOrganizationSharableLinkQuery();\n\n    useEffect(() => {\n        if (searchQuery.trim() === '') {\n            setFilteredContacts(contacts);\n        } else {\n            const filtered = contacts.filter((contact) => {\n                const fullName = `${contact.firstName || ''} ${contact.lastName || ''}`.toLowerCase();\n                const phoneNumber = contact.phoneNumbers?.[0]?.number?.toLowerCase() || '';\n                const query = searchQuery.toLowerCase();\n                return fullName.includes(query) || phoneNumber.includes(query);\n            });\n            setFilteredContacts(filtered);\n        }\n    }, [searchQuery, contacts]);\n\n    useEffect(() => {\n        (async () => {\n            try {\n                setLoading(true);\n                const { status } = await Contacts.requestPermissionsAsync();\n                if (status === 'granted') {\n                    const { data } = await Contacts.getContactsAsync({\n                        fields: [\n                            Contacts.Fields.FirstName,\n                            Contacts.Fields.LastName,\n                            Contacts.Fields.PhoneNumbers,\n                            Contacts.Fields.Image,\n                            Contacts.Fields.ImageAvailable,\n                        ],\n                    });\n\n                    if (data.length > 0) {\n                        // Sort contacts alphabetically by name\n                        const sortedContacts = data.sort((a, b) => {\n                            const nameA = `${a.firstName || ''} ${a.lastName || ''}`.trim().toLowerCase();\n                            const nameB = `${b.firstName || ''} ${b.lastName || ''}`.trim().toLowerCase();\n                            return nameA.localeCompare(nameB);\n                        });\n\n                        // Filter out contacts without phone numbers\n                        const validContacts = sortedContacts.filter(\n                            (contact) => contact.phoneNumbers && contact.phoneNumbers.length > 0,\n                        );\n\n                        // Log information about contact images\n                        console.log(`Total contacts with phone numbers: ${validContacts.length}`);\n                        const contactsWithImages = validContacts.filter(\n                            (contact) => contact.imageAvailable && contact.image,\n                        );\n                        console.log(`Contacts with images: ${contactsWithImages.length}`);\n                        if (contactsWithImages.length > 0) {\n                            console.log('Sample image data:', contactsWithImages[0].image);\n                        }\n\n                        setContacts(validContacts);\n                        setFilteredContacts(validContacts);\n                    }\n                }\n            } catch (error) {\n                console.error('Error fetching contacts:', error);\n            } finally {\n                setLoading(false);\n            }\n        })();\n    }, []);\n\n    useEffect(() => {\n        if (isFocused) {\n            navigation.setOptions({\n                headerShown: true,\n                headerTitleAlign: 'left',\n                title: 'Add from Contacts',\n                headerTitleStyle: {\n                    fontWeight: '600',\n                },\n                headerLeft: (props: any) => (\n                    <TouchableOpacity style={{ paddingHorizontal: 10 }} onPress={() => navigation.goBack()}>\n                        <Ionicons color={Colors.slackBlack} name=\"chevron-back\" size={20} />\n                    </TouchableOpacity>\n                ),\n                headerRight: (props: any) => (\n                    <Button\n                        className=\"mr-2\"\n                        onPress={() => sendInvitation()}\n                        disabled={selectedContacts.length === 0}\n                        variant={'link'}\n                    >\n                        <ButtonText\n                            className={`${selectedContacts.length > 0 ? 'text-black font-bold' : 'text-gray-500'}`}\n                        >\n                            Send\n                        </ButtonText>\n                    </Button>\n                ),\n            });\n        }\n    }, [isFocused, navigation, selectedContacts]);\n\n    const toggleContact = (item: any) => {\n        if (!item.phoneNumbers || item.phoneNumbers.length === 0) return;\n\n        const contact = {\n            id: item.id,\n            name: `${item.firstName || ''} ${item.lastName || ''}`.trim(),\n            mobile: item.phoneNumbers[0],\n        };\n\n        setSelectedContacts((prev) => {\n            const isSelected = prev.some((c: any) => c.id === contact.id);\n            if (isSelected) {\n                return prev.filter((c: any) => c.id !== contact.id);\n            } else {\n                return [...prev, contact];\n            }\n        });\n    };\n\n    const getInitials = (firstName?: string, lastName?: string) => {\n        const first = firstName ? firstName.charAt(0).toUpperCase() : '';\n        const last = lastName ? lastName.charAt(0).toUpperCase() : '';\n        return (first + last).substring(0, 2);\n    };\n\n    const renderContactList = ({ item }: any) => {\n        const isSelected = selectedContacts.some((c: any) => c.id === item.id);\n        const hasPhoneNumber = item.phoneNumbers && item.phoneNumbers.length > 0;\n        const initials = getInitials(item.firstName, item.lastName);\n\n        if (!hasPhoneNumber) return null;\n\n        return (\n            <TouchableOpacity\n                key={item.id}\n                onPress={() => toggleContact(item)}\n                style={styles.contactItem}\n                disabled={!hasPhoneNumber}\n                activeOpacity={0.7}\n            >\n                <HStack space=\"md\" className=\"justify-between items-center w-full\">\n                    <HStack space=\"md\" className=\"items-center space-x-3\">\n                        {item.imageAvailable && item.image && item.image.uri ? (\n                            <Avatar size=\"md\" className=\"bg-gray-400\">\n                                <AvatarImage\n                                    source={{ uri: item.image.uri }}\n                                    alt={`${item.firstName || ''} ${item.lastName || ''}`.trim()}\n                                    onError={(e) => console.log('Avatar image failed to load', e.nativeEvent.error)}\n                                    style={styles.avatarImage}\n                                />\n                                <AvatarFallbackText>{initials}</AvatarFallbackText>\n                            </Avatar>\n                        ) : (\n                            <Avatar size=\"md\" className=\"bg-blue-500\">\n                                <AvatarFallbackText style={styles.avatarText}>{initials}</AvatarFallbackText>\n                            </Avatar>\n                        )}\n\n                        <Box>\n                            <Text className=\"text-gray-800 font-semibold text-base\">\n                                {item.firstName || ''} {item.lastName || ''}\n                            </Text>\n                            <Text className=\"text-gray-500 text-sm\">\n                                {item.phoneNumbers?.[0]?.number || 'No number'}\n                            </Text>\n                        </Box>\n                    </HStack>\n\n                    <Checkbox\n                        value={item.id}\n                        isChecked={isSelected}\n                        accessibilityLabel={`Select ${item.firstName}`}\n                        aria-label={`Select ${item.firstName}`}\n                    >\n                        <CheckboxIndicator className={isSelected ? 'bg-blue-500 border-blue-500' : ''}>\n                            <CheckboxIcon as={CheckIcon} />\n                        </CheckboxIndicator>\n                    </Checkbox>\n                </HStack>\n            </TouchableOpacity>\n        );\n    };\n\n    const sendInvitation = () => {\n        if (selectedContacts.length === 0) return;\n\n        const mobileNumbers = selectedContacts.map((i: any) => i.mobile.number);\n        let numbers = '';\n        mobileNumbers.forEach((phoneNumber: string) => {\n            numbers += `${phoneNumber.replace(/\\s/g, '')},`;\n        });\n        numbers = numbers.slice(0, -1);\n        const smtDivider = Platform.OS === 'ios' ? '&' : '?';\n\n        const message = `Join me on ${\n            config.APP_NAME\n        } - it's a faster, simpler way to work. Sign up here from any device: ${\n            organizationSharableLink?.getOrganizationSharableLink ?? ''\n        }`;\n\n        const url =\n            Platform.OS === 'android'\n                ? `sms:${numbers}?body=${encodeURIComponent(message)}`\n                : `sms:/open?addresses=${numbers}&body=${encodeURIComponent(message)}`;\n        Linking.openURL(url);\n    };\n\n    return (\n        <SafeAreaView style={styles.container}>\n            <Box className=\"flex-1 bg-white\">\n                <Box className=\"px-4 py-2 bg-white\">\n                    <Input size=\"md\" className=\"bg-gray-100 rounded-lg\">\n                        <InputSlot>\n                            <Feather name=\"search\" size={16} color=\"#9ca3af\" style={{ marginLeft: 8 }} />\n                        </InputSlot>\n                        <InputField\n                            placeholder=\"Search contacts\"\n                            placeholderTextColor=\"#9ca3af\"\n                            onChange={(event) => setSearchQuery(event.nativeEvent.text)}\n                            value={searchQuery}\n                            autoCapitalize=\"none\"\n                            autoCorrect={false}\n                            className=\"text-black\"\n                        />\n                        {searchQuery ? (\n                            <InputSlot>\n                                <TouchableOpacity onPress={() => setSearchQuery('')} style={{ marginRight: 8 }}>\n                                    <Ionicons name=\"close-circle\" size={16} color=\"#9ca3af\" />\n                                </TouchableOpacity>\n                            </InputSlot>\n                        ) : null}\n                    </Input>\n                </Box>\n\n                {loading ? (\n                    <Box className=\"flex-1 justify-center items-center\">\n                        <Spinner size=\"large\" color={Colors.blue} />\n                        <Text className=\"mt-4 text-gray-500\">Loading contacts...</Text>\n                    </Box>\n                ) : (\n                    <Box className=\"flex-1\">\n                        {selectedContacts.length > 0 && (\n                            <Box className=\"px-4 py-2 bg-gray-50 border-b border-gray-200\">\n                                <Text className=\"text-sm text-gray-500\">\n                                    {selectedContacts.length} {selectedContacts.length === 1 ? 'contact' : 'contacts'}{' '}\n                                    selected\n                                </Text>\n                            </Box>\n                        )}\n\n                        <FlatList\n                            data={filteredContacts}\n                            renderItem={renderContactList}\n                            keyExtractor={(item) => item.id}\n                            contentContainerStyle={styles.listContainer}\n                            ListEmptyComponent={() => (\n                                <Box className=\"flex-1 justify-center items-center py-8\">\n                                    <Feather name=\"users\" size={48} color=\"#d1d5db\" />\n                                    <Text className=\"text-center text-gray-500 mt-4\">\n                                        {searchQuery ? 'No matching contacts found' : 'No contacts found'}\n                                    </Text>\n                                </Box>\n                            )}\n                        />\n                    </Box>\n                )}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        backgroundColor: 'white',\n    },\n    listContainer: {\n        flexGrow: 1,\n    },\n    contactItem: {\n        paddingHorizontal: 16,\n        paddingVertical: 12,\n        borderBottomWidth: 1,\n        borderBottomColor: '#f3f4f6',\n    },\n    avatarText: {\n        color: 'white',\n        fontWeight: '600',\n    },\n    avatarImage: {\n        width: '100%',\n        height: '100%',\n    },\n});\n\nexport default AddFromContacts;\n"],"names":["React"],"mappings":"0rBAWA,MAAM,kBAAkB,CAAC;AAAA,EACvB,UAAA;AAAA,EACA;AACF,CAAW,KAAA;AACT,EAAA,MAAM,YAAY,YAAa,EAAA;AAC/B,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA,CAAgB,EAAE,CAAA;AAClD,EAAA,MAAM,CAAC,gBAAkB,EAAA,mBAAmB,CAAI,GAAA,QAAA,CAAgB,EAAE,CAAA;AAClE,EAAA,MAAM,CAAC,gBAAkB,EAAA,mBAAmB,CAAI,GAAA,QAAA,CAAc,EAAE,CAAA;AAChE,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3C,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA;AAAA,MACJ,mCAAoC,EAAA;AACxC,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,WAAA,CAAY,IAAK,EAAA,KAAM,EAAI,EAAA;AAC7B,MAAA,mBAAA,CAAoB,QAAQ,CAAA;AAAA,KACvB,MAAA;AACL,MAAM,MAAA,QAAA,GAAW,QAAS,CAAA,MAAA,CAAO,CAAW,OAAA,KAAA;AA5BlD,QAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA6BQ,QAAM,MAAA,QAAA,GAAW,GAAG,OAAQ,CAAA,SAAA,IAAa,MAAM,OAAQ,CAAA,QAAA,IAAY,KAAK,WAAY,EAAA;AACpF,QAAM,MAAA,WAAA,GAAA,CAAA,CAAc,yBAAQ,YAAR,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAuB,OAAvB,IAA2B,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,KAA3B,mBAAmC,WAAiB,EAAA,KAAA,EAAA;AACxE,QAAM,MAAA,KAAA,GAAQ,YAAY,WAAY,EAAA;AACtC,QAAA,OAAO,SAAS,QAAS,CAAA,KAAK,CAAK,IAAA,WAAA,CAAY,SAAS,KAAK,CAAA;AAAA,OAC9D,CAAA;AACD,MAAA,mBAAA,CAAoB,QAAQ,CAAA;AAAA;AAC9B,GACC,EAAA,CAAC,WAAa,EAAA,QAAQ,CAAC,CAAA;AAC1B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,CAAC,YAAY;AACX,MAAI,IAAA;AACF,QAAA,UAAA,CAAW,IAAI,CAAA;AACf,QAAM,MAAA;AAAA,UACJ;AAAA,SACF,GAAI,MAAM,QAAA,CAAS,uBAAwB,EAAA;AAC3C,QAAA,IAAI,WAAW,SAAW,EAAA;AACxB,UAAM,MAAA;AAAA,YACJ;AAAA,WACF,GAAI,MAAM,QAAA,CAAS,gBAAiB,CAAA;AAAA,YAClC,QAAQ,CAAC,QAAA,CAAS,MAAO,CAAA,SAAA,EAAW,SAAS,MAAO,CAAA,QAAA,EAAU,QAAS,CAAA,MAAA,CAAO,cAAc,QAAS,CAAA,MAAA,CAAO,KAAO,EAAA,QAAA,CAAS,OAAO,cAAc;AAAA,WAClJ,CAAA;AACD,UAAI,IAAA,IAAA,CAAK,SAAS,CAAG,EAAA;AAEnB,YAAA,MAAM,cAAiB,GAAA,IAAA,CAAK,IAAK,CAAA,CAAC,GAAG,CAAM,KAAA;AACzC,cAAM,MAAA,KAAA,GAAQ,CAAG,EAAA,CAAA,CAAE,SAAa,IAAA,EAAA,CAAA,CAAA,EAAM,EAAE,QAAY,IAAA,EAAA,CAAA,CAAA,CAAK,IAAK,EAAA,CAAE,WAAY,EAAA;AAC5E,cAAM,MAAA,KAAA,GAAQ,CAAG,EAAA,CAAA,CAAE,SAAa,IAAA,EAAA,CAAA,CAAA,EAAM,EAAE,QAAY,IAAA,EAAA,CAAA,CAAA,CAAK,IAAK,EAAA,CAAE,WAAY,EAAA;AAC5E,cAAO,OAAA,KAAA,CAAM,cAAc,KAAK,CAAA;AAAA,aACjC,CAAA;AAGD,YAAM,MAAA,aAAA,GAAgB,eAAe,MAAO,CAAA,CAAA,OAAA,KAAW,QAAQ,YAAgB,IAAA,OAAA,CAAQ,YAAa,CAAA,MAAA,GAAS,CAAC,CAAA;AAG9G,YAAQ,OAAA,CAAA,GAAA,CAAI,CAAsC,mCAAA,EAAA,aAAA,CAAc,MAAQ,CAAA,CAAA,CAAA;AACxE,YAAA,MAAM,qBAAqB,aAAc,CAAA,MAAA,CAAO,aAAW,OAAQ,CAAA,cAAA,IAAkB,QAAQ,KAAK,CAAA;AAClG,YAAQ,OAAA,CAAA,GAAA,CAAI,CAAyB,sBAAA,EAAA,kBAAA,CAAmB,MAAQ,CAAA,CAAA,CAAA;AAChE,YAAI,IAAA,kBAAA,CAAmB,SAAS,CAAG,EAAA;AACjC,cAAA,OAAA,CAAQ,GAAI,CAAA,oBAAA,EAAsB,kBAAmB,CAAA,CAAA,CAAA,CAAG,KAAK,CAAA;AAAA;AAE/D,YAAA,WAAA,CAAY,aAAa,CAAA;AACzB,YAAA,mBAAA,CAAoB,aAAa,CAAA;AAAA;AACnC;AACF,eACO,KAAP,EAAA;AACA,QAAQ,OAAA,CAAA,KAAA,CAAM,4BAA4B,KAAK,CAAA;AAAA,OAC/C,SAAA;AACA,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AAClB,KACC,GAAA;AAAA,GACL,EAAG,EAAE,CAAA;AACL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAW,EAAA;AACb,MAAA,UAAA,CAAW,UAAW,CAAA;AAAA,QACpB,WAAa,EAAA,IAAA;AAAA,QACb,gBAAkB,EAAA,MAAA;AAAA,QAClB,KAAO,EAAA,mBAAA;AAAA,QACP,gBAAkB,EAAA;AAAA,UAChB,UAAY,EAAA;AAAA,SACd;AAAA,QACA,UAAY,EAAA,CAAC,KAAe,qBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAiB,KAAO,EAAA;AAAA,UACnD,iBAAmB,EAAA;AAAA,SAClB,EAAA,OAAA,EAAS,MAAM,UAAA,CAAW,QACb,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,OAAO,UAAY,EAAA,IAAA,EAAK,cAAe,EAAA,IAAA,EAAM,IAAI,CACtE,CAAA;AAAA,QACZ,WAAA,EAAa,CAAC,KAAA,qBAAgBA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAU,EAAA,MAAA,EAAO,OAAS,EAAA,MAAM,cAAe,EAAA,EAAG,QAAU,EAAA,gBAAA,CAAiB,MAAW,KAAA,CAAA,EAAG,OAAS,EAAA,MAAA,EAAA,kBACxHA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,CAAA,EAAG,gBAAiB,CAAA,MAAA,GAAS,CAAI,GAAA,sBAAA,GAAyB,eAAmB,CAAA,CAAA,EAAA,EAAA,MAEpG,CACJ;AAAA,OACb,CAAA;AAAA;AACH,GACC,EAAA,CAAC,SAAW,EAAA,UAAA,EAAY,gBAAgB,CAAC,CAAA;AAC5C,EAAM,MAAA,aAAA,GAAgB,CAAC,IAAc,KAAA;AACnC,IAAA,IAAI,CAAC,IAAA,CAAK,YAAgB,IAAA,IAAA,CAAK,aAAa,MAAW,KAAA,CAAA;AAAG,MAAA;AAC1D,IAAA,MAAM,OAAU,GAAA;AAAA,MACd,IAAI,IAAK,CAAA,EAAA;AAAA,MACT,IAAA,EAAM,GAAG,IAAK,CAAA,SAAA,IAAa,MAAM,IAAK,CAAA,QAAA,IAAY,KAAK,IAAK,EAAA;AAAA,MAC5D,MAAA,EAAQ,KAAK,YAAa,CAAA,CAAA;AAAA,KAC5B;AACA,IAAA,mBAAA,CAAoB,CAAQ,IAAA,KAAA;AAC1B,MAAM,MAAA,UAAA,GAAa,KAAK,IAAK,CAAA,CAAC,MAAW,CAAE,CAAA,EAAA,KAAO,QAAQ,EAAE,CAAA;AAC5D,MAAA,IAAI,UAAY,EAAA;AACd,QAAA,OAAO,KAAK,MAAO,CAAA,CAAC,MAAW,CAAE,CAAA,EAAA,KAAO,QAAQ,EAAE,CAAA;AAAA,OAC7C,MAAA;AACL,QAAO,OAAA,CAAC,GAAG,IAAA,EAAM,OAAO,CAAA;AAAA;AAC1B,KACD,CAAA;AAAA,GACH;AACA,EAAM,MAAA,WAAA,GAAc,CAAC,SAAA,EAAoB,QAAsB,KAAA;AAC7D,IAAA,MAAM,QAAQ,SAAY,GAAA,SAAA,CAAU,OAAO,CAAC,CAAA,CAAE,aAAgB,GAAA,EAAA;AAC9D,IAAA,MAAM,OAAO,QAAW,GAAA,QAAA,CAAS,OAAO,CAAC,CAAA,CAAE,aAAgB,GAAA,EAAA;AAC3D,IAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,EAAM,SAAU,CAAA,CAAA,EAAG,CAAC,CAAA;AAAA,GACtC;AACA,EAAA,MAAM,oBAAoB,CAAC;AAAA,IACzB;AAAA,GACS,KAAA;AA5Hb,IAAA,IAAA,EAAA,EAAA,EAAA;AA6HI,IAAM,MAAA,UAAA,GAAa,iBAAiB,IAAK,CAAA,CAAC,MAAW,CAAE,CAAA,EAAA,KAAO,KAAK,EAAE,CAAA;AACrE,IAAA,MAAM,cAAiB,GAAA,IAAA,CAAK,YAAgB,IAAA,IAAA,CAAK,aAAa,MAAS,GAAA,CAAA;AACvE,IAAA,MAAM,QAAW,GAAA,WAAA,CAAY,IAAK,CAAA,SAAA,EAAW,KAAK,QAAQ,CAAA;AAC1D,IAAA,IAAI,CAAC,cAAA;AAAgB,MAAO,OAAA,IAAA;AAC5B,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAiB,GAAK,EAAA,IAAA,CAAK,IAAI,OAAS,EAAA,MAAM,cAAc,IAAI,CAAA,EAAG,OAAO,MAAO,CAAA,WAAA,EAAa,UAAU,CAAC,cAAA,EAAgB,eAAe,GACpI,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,KAAM,EAAA,IAAA,EAAK,WAAU,qCACzB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,KAAM,EAAA,IAAA,EAAK,WAAU,wBACxB,EAAA,EAAA,IAAA,CAAK,kBAAkB,IAAK,CAAA,KAAA,IAAS,KAAK,KAAM,CAAA,GAAA,gDAAO,MAAO,EAAA,EAAA,IAAA,EAAK,MAAK,SAAU,EAAA,aAAA,EAAA,kBAC1EA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,MAAQ,EAAA;AAAA,MACvC,GAAA,EAAK,KAAK,KAAM,CAAA;AAAA,KAClB,EAAG,KAAK,CAAG,EAAA,IAAA,CAAK,aAAa,EAAM,CAAA,CAAA,EAAA,IAAA,CAAK,YAAY,EAAK,CAAA,CAAA,CAAA,IAAA,IAAQ,OAAS,EAAA,CAAA,CAAA,KAAK,QAAQ,GAAI,CAAA,6BAAA,EAA+B,EAAE,WAAY,CAAA,KAAK,CAAG,EAAA,KAAA,EAAO,MAAO,CAAA,WAAA,EAAa,mBACtJA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAA,EAAoB,QAAS,CAClC,CAAA,gDAAa,MAAO,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,SAAA,EAAU,aACpC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,sBAAmB,KAAO,EAAA,MAAA,CAAO,cAAa,QAAS,CAC5D,mBAEHA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,kBACIA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAU,EAAA,uCAAA,EAAA,EACX,KAAK,SAAa,IAAA,EAAA,EAAG,KAAE,IAAK,CAAA,QAAA,IAAY,EAC7C,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAU,uBACX,EAAA,EAAA,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA,CAAK,iBAAL,IAAoB,GAAA,MAAA,GAAA,EAAA,CAAA,CAAA,CAAA,KAApB,mBAAwB,MAAU,KAAA,WACvC,CACJ,CACJ,CAAA,kBAECA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,IAAA,CAAK,IAAI,SAAW,EAAA,UAAA,EAAY,oBAAoB,CAAU,OAAA,EAAA,IAAA,CAAK,aAAa,YAAY,EAAA,CAAA,OAAA,EAAU,IAAK,CAAA,SAAA,CAAA,CAAA,EAAA,kBACvHA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,WAAW,UAAa,GAAA,6BAAA,GAAgC,sBACtEA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,IAAI,SAAW,EAAA,CACjC,CACJ,CACJ,CACJ,CAAA;AAAA,GACV;AACA,EAAA,MAAM,iBAAiB,MAAM;AA/J/B,IAAA,IAAA,EAAA;AAgKI,IAAA,IAAI,iBAAiB,MAAW,KAAA,CAAA;AAAG,MAAA;AACnC,IAAA,MAAM,gBAAgB,gBAAiB,CAAA,GAAA,CAAI,CAAC,CAAW,KAAA,CAAA,CAAE,OAAO,MAAM,CAAA;AACtE,IAAA,IAAI,OAAU,GAAA,EAAA;AACd,IAAc,aAAA,CAAA,OAAA,CAAQ,CAAC,WAAwB,KAAA;AAC7C,MAAA,OAAA,IAAW,CAAG,EAAA,WAAA,CAAY,OAAQ,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA,CAAA,CAAA;AAAA,KAC5C,CAAA;AACD,IAAU,OAAA,GAAA,OAAA,CAAQ,KAAM,CAAA,CAAA,EAAG,EAAE,CAAA;AAC7B,IAAmB,QAAA,CAAS,EAAO,KAAA,KAAA,GAAQ,GAAM,GAAA;AACjD,IAAA,MAAM,UAAU,CAAc,WAAA,EAAA,MAAA,CAAO,QAAgF,CAAA,qEAAA,EAAA,CAAA,EAAA,GAAA,wBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,wBAAA,CAA0B,gCAA1B,IAAyD,GAAA,EAAA,GAAA,EAAA,CAAA,CAAA;AAC9K,IAAA,MAAM,GAAM,GAAA,QAAA,CAAS,EAAO,KAAA,SAAA,GAAY,CAAO,IAAA,EAAA,OAAA,CAAA,MAAA,EAAgB,kBAAmB,CAAA,OAAO,CAAM,CAAA,CAAA,GAAA,CAAA,oBAAA,EAAuB,OAAgB,CAAA,MAAA,EAAA,kBAAA,CAAmB,OAAO,CAAA,CAAA,CAAA;AAChK,IAAA,OAAA,CAAQ,QAAQ,GAAG,CAAA;AAAA,GACrB;AACA,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,KAAO,EAAA,MAAA,CAAO,SACzB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,iBACX,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,oBACX,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,SAAA,EAAU,wBACvB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,SACG,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAK,QAAS,EAAA,IAAA,EAAM,EAAI,EAAA,KAAA,EAAM,WAAU,KAAO,EAAA;AAAA,IACtE,UAAY,EAAA;AAAA,GACX,EAAA,CACS,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAW,WAAY,EAAA,iBAAA,EAAkB,oBAAqB,EAAA,SAAA,EAAU,UAAU,CAAS,KAAA,KAAA,cAAA,CAAe,KAAM,CAAA,WAAA,CAAY,IAAI,CAAG,EAAA,KAAA,EAAO,WAAa,EAAA,cAAA,EAAe,QAAO,WAAa,EAAA,KAAA,EAAO,SAAU,EAAA,YAAA,EAAa,GACxN,WAAc,mBAAAA,cAAA,CAAA,aAAA,CAAC,SACR,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAiB,OAAS,EAAA,MAAM,cAAe,CAAA,EAAE,GAAG,KAAO,EAAA;AAAA,IAC9E,WAAa,EAAA;AAAA,GACf,EAAA,+CACyB,QAAS,EAAA,EAAA,IAAA,EAAK,gBAAe,IAAM,EAAA,EAAA,EAAI,KAAM,EAAA,SAAA,EAAU,CAC5D,CACJ,IAAe,IACvB,CACJ,GAEC,OAAU,mBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,SAAU,EAAA,oCAAA,EAAA,kBACjBA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,IAAK,EAAA,OAAA,EAAQ,OAAO,MAAO,CAAA,IAAA,EAAM,mBACzCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAU,oBAAqB,EAAA,EAAA,qBAAmB,CAC5D,CAAA,mBAAUA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,WAAU,QACnB,EAAA,EAAA,gBAAA,CAAiB,SAAS,CAAK,oBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,SAAU,EAAA,+CAAA,EAAA,kBACtCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAU,EAAA,uBAAA,EAAA,EACX,iBAAiB,MAAO,EAAA,GAAA,EAAE,iBAAiB,MAAW,KAAA,CAAA,GAAI,YAAY,UAAY,EAAA,GAAA,EAAI,UAE3F,CACJ,CAEJ,kBAAAA,cAAA,CAAA,aAAA,CAAC,YAAS,IAAM,EAAA,gBAAA,EAAkB,YAAY,iBAAmB,EAAA,YAAA,EAAc,UAAQ,IAAK,CAAA,EAAA,EAAI,qBAAuB,EAAA,MAAA,CAAO,aAAe,EAAA,kBAAA,EAAoB,sBAAOA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,WAAU,yCAC1K,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,IAAK,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,EAAI,KAAM,EAAA,SAAA,EAAU,mBAC/CA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAU,EAAA,gCAAA,EAAA,EACX,WAAc,GAAA,4BAAA,GAA+B,mBAClD,CACJ,CAAA,EAAQ,CACpB,CACR,CACJ,CAAA;AACR;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,CAAA;AAAA,IACN,eAAiB,EAAA;AAAA,GACnB;AAAA,EACA,aAAe,EAAA;AAAA,IACb,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,WAAa,EAAA;AAAA,IACX,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,EAAA;AAAA,IACjB,iBAAmB,EAAA,CAAA;AAAA,IACnB,iBAAmB,EAAA;AAAA,GACrB;AAAA,EACA,UAAY,EAAA;AAAA,IACV,KAAO,EAAA,OAAA;AAAA,IACP,UAAY,EAAA;AAAA,GACd;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA;AAAA;AAEZ,CAAC,CAAA"}
+{"version":3,"file":"AddFromContacts.js","sources":["../../../src/screens/Peoples/AddFromContacts.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport {\n    Input,\n    InputField,\n    View,\n    Text,\n    VStack,\n    Box,\n    Button,\n    ButtonText,\n    CheckIcon,\n    FlatList,\n    HStack,\n    Avatar,\n    AvatarImage,\n    AvatarFallbackText,\n    Image,\n    Checkbox,\n    CheckboxIndicator,\n    CheckboxIcon,\n    Heading,\n    Spinner,\n    InputSlot,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StyleSheet, TouchableOpacity, Linking, Platform } from 'react-native';\nimport Colors from '../../constants/Colors';\nimport { useOrganizationSharableLinkQuery, useSendOrganizationInvitationMutation } from '../../queries/slackuiQueries';\nimport { AntDesign, Ionicons, Feather } from '@expo/vector-icons';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { useIsFocused } from '@react-navigation/native';\nimport * as Contacts from 'expo-contacts';\nimport { config } from '../../config';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { useSelector } from 'react-redux';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\n\nconst AddFromContacts = ({ navigation, route }: any) => {\n    const isFocused = useIsFocused();\n    const [contacts, setContacts] = useState<any[]>([]);\n    const [filteredContacts, setFilteredContacts] = useState<any[]>([]);\n    const [selectedContacts, setSelectedContacts] = useState<any>([]);\n    const [searchQuery, setSearchQuery] = useState('');\n    const [loading, setLoading] = useState(true);\n    const orgName = route?.params?.orgName || '';\n    const { data: organizationSharableLink } = useOrganizationSharableLinkQuery(orgName);\n    const [sendOrganizationInvitation] = useSendOrganizationInvitationMutation();\n    const user = useSelector(userSelector);\n\n    useEffect(() => {\n        if (searchQuery.trim() === '') {\n            setFilteredContacts(contacts);\n        } else {\n            const filtered = contacts.filter((contact) => {\n                const fullName = `${contact.firstName || ''} ${contact.lastName || ''}`.toLowerCase();\n                const phoneNumber = contact.phoneNumbers?.[0]?.number?.toLowerCase() || '';\n                const query = searchQuery.toLowerCase();\n                return fullName.includes(query) || phoneNumber.includes(query);\n            });\n            setFilteredContacts(filtered);\n        }\n    }, [searchQuery, contacts]);\n\n    useEffect(() => {\n        (async () => {\n            try {\n                setLoading(true);\n                const { status } = await Contacts.requestPermissionsAsync();\n                if (status === 'granted') {\n                    const { data } = await Contacts.getContactsAsync({\n                        fields: [\n                            Contacts.Fields.FirstName,\n                            Contacts.Fields.LastName,\n                            Contacts.Fields.PhoneNumbers,\n                            Contacts.Fields.Image,\n                            Contacts.Fields.ImageAvailable,\n                        ],\n                    });\n\n                    if (data.length > 0) {\n                        // Sort contacts alphabetically by name\n                        const sortedContacts = data.sort((a, b) => {\n                            const nameA = `${a.firstName || ''} ${a.lastName || ''}`.trim().toLowerCase();\n                            const nameB = `${b.firstName || ''} ${b.lastName || ''}`.trim().toLowerCase();\n                            return nameA.localeCompare(nameB);\n                        });\n\n                        // Filter out contacts without phone numbers\n                        const validContacts = sortedContacts.filter(\n                            (contact) => contact.phoneNumbers && contact.phoneNumbers.length > 0,\n                        );\n\n                        // Log information about contact images\n                        console.log(`Total contacts with phone numbers: ${validContacts.length}`);\n                        const contactsWithImages = validContacts.filter(\n                            (contact) => contact.imageAvailable && contact.image,\n                        );\n                        console.log(`Contacts with images: ${contactsWithImages.length}`);\n                        if (contactsWithImages.length > 0) {\n                            console.log('Sample image data:', contactsWithImages[0].image);\n                        }\n\n                        setContacts(validContacts);\n                        setFilteredContacts(validContacts);\n                    }\n                }\n            } catch (error) {\n                console.error('Error fetching contacts:', error);\n            } finally {\n                setLoading(false);\n            }\n        })();\n    }, []);\n\n    useEffect(() => {\n        if (isFocused) {\n            navigation.setOptions({\n                headerShown: true,\n                headerTitleAlign: 'left',\n                title: 'Add from Contacts',\n                headerTitleStyle: {\n                    fontWeight: '600',\n                },\n                headerLeft: (props: any) => (\n                    <TouchableOpacity style={{ paddingHorizontal: 10 }} onPress={() => navigation.goBack()}>\n                        <Ionicons color={Colors.slackBlack} name=\"chevron-back\" size={20} />\n                    </TouchableOpacity>\n                ),\n                headerRight: (props: any) => (\n                    <Button\n                        className=\"mr-2\"\n                        onPress={() => sendInvitation()}\n                        disabled={selectedContacts.length === 0}\n                        variant={'link'}\n                    >\n                        <ButtonText\n                            className={`${selectedContacts.length > 0 ? 'text-black font-bold' : 'text-gray-500'}`}\n                        >\n                            Send\n                        </ButtonText>\n                    </Button>\n                ),\n            });\n        }\n    }, [isFocused, navigation, selectedContacts]);\n\n    const toggleContact = (item: any) => {\n        if (!item.phoneNumbers || item.phoneNumbers.length === 0) return;\n\n        const contact = {\n            id: item.id,\n            name: `${item.firstName || ''} ${item.lastName || ''}`.trim(),\n            mobile: item.phoneNumbers[0],\n        };\n\n        setSelectedContacts((prev) => {\n            const isSelected = prev.some((c: any) => c.id === contact.id);\n            if (isSelected) {\n                return prev.filter((c: any) => c.id !== contact.id);\n            } else {\n                return [...prev, contact];\n            }\n        });\n    };\n\n    const getInitials = (firstName?: string, lastName?: string) => {\n        const first = firstName ? firstName.charAt(0).toUpperCase() : '';\n        const last = lastName ? lastName.charAt(0).toUpperCase() : '';\n        return (first + last).substring(0, 2);\n    };\n\n    const renderContactList = ({ item }: any) => {\n        const isSelected = selectedContacts.some((c: any) => c.id === item.id);\n        const hasPhoneNumber = item.phoneNumbers && item.phoneNumbers.length > 0;\n        const initials = getInitials(item.firstName, item.lastName);\n\n        if (!hasPhoneNumber) return null;\n\n        return (\n            <TouchableOpacity\n                key={item.id}\n                onPress={() => toggleContact(item)}\n                style={styles.contactItem}\n                disabled={!hasPhoneNumber}\n                activeOpacity={0.7}\n            >\n                <HStack space=\"md\" className=\"justify-between items-center w-full\">\n                    <HStack space=\"md\" className=\"items-center space-x-3\">\n                        {item.imageAvailable && item.image && item.image.uri ? (\n                            <Avatar size=\"md\" className=\"bg-gray-400\">\n                                <AvatarImage\n                                    source={{ uri: item.image.uri }}\n                                    alt={`${item.firstName || ''} ${item.lastName || ''}`.trim()}\n                                    onError={(e) => console.log('Avatar image failed to load', e.nativeEvent.error)}\n                                    style={styles.avatarImage}\n                                />\n                                <AvatarFallbackText>{initials}</AvatarFallbackText>\n                            </Avatar>\n                        ) : (\n                            <Avatar size=\"md\" className=\"bg-blue-500\">\n                                <AvatarFallbackText style={styles.avatarText}>{initials}</AvatarFallbackText>\n                            </Avatar>\n                        )}\n\n                        <Box>\n                            <Text className=\"text-gray-800 font-semibold text-base\">\n                                {item.firstName || ''} {item.lastName || ''}\n                            </Text>\n                            <Text className=\"text-gray-500 text-sm\">\n                                {item.phoneNumbers?.[0]?.number || 'No number'}\n                            </Text>\n                        </Box>\n                    </HStack>\n\n                    <Checkbox\n                        value={item.id}\n                        isChecked={isSelected}\n                        accessibilityLabel={`Select ${item.firstName}`}\n                        aria-label={`Select ${item.firstName}`}\n                    >\n                        <CheckboxIndicator className={isSelected ? 'bg-blue-500 border-blue-500' : ''}>\n                            <CheckboxIcon as={CheckIcon} />\n                        </CheckboxIndicator>\n                    </Checkbox>\n                </HStack>\n            </TouchableOpacity>\n        );\n    };\n\n    const sendInvitation = () => {\n        if (selectedContacts.length === 0) return;\n\n        // Get phone numbers to send SMS invites\n        const mobileNumbers = selectedContacts.map((i: any) => i.mobile.number);\n\n        // Send organization invitation through the API\n        sendOrganizationInvitation({\n            variables: {\n                request: {\n                    orgName: orgName,\n                    emails: mobileNumbers.map((num) => num.replace(/\\s/g, '')), // Use emails field for phone numbers\n                    invitedBy: user?.profile?.name || '',\n                    sentInvitee: true,\n                },\n            },\n            onCompleted: (data) => {\n                console.log('Organization invitation sent successfully:', data);\n                // After sending invitations through API, send SMS with link\n                sendSMSInvitations();\n            },\n            onError: (error) => {\n                console.error('Error sending invitations:', error);\n                // Still attempt to send SMS if API fails\n                sendSMSInvitations();\n            },\n        });\n    };\n\n    const sendSMSInvitations = () => {\n        const mobileNumbers = selectedContacts.map((i: any) => i.mobile.number);\n        let numbers = '';\n        mobileNumbers.forEach((phoneNumber: string) => {\n            numbers += `${phoneNumber.replace(/\\s/g, '')},`;\n        });\n        numbers = numbers.slice(0, -1);\n\n        const message = `Join me on ${\n            config.APP_NAME\n        } - it's a faster, simpler way to work. Sign up here from any device: ${\n            organizationSharableLink?.getOrganizationSharableLink ?? ''\n        }`;\n\n        const url =\n            Platform.OS === 'android'\n                ? `sms:${numbers}?body=${encodeURIComponent(message)}`\n                : `sms:/open?addresses=${numbers}&body=${encodeURIComponent(message)}`;\n        Linking.openURL(url);\n    };\n\n    return (\n        <SafeAreaView style={styles.container}>\n            <Box className=\"flex-1 bg-white\">\n                <Box className=\"px-4 py-2 bg-white\">\n                    <Input size=\"md\" className=\"bg-gray-100 rounded-lg\">\n                        <InputSlot>\n                            <Feather name=\"search\" size={16} color=\"#9ca3af\" style={{ marginLeft: 8 }} />\n                        </InputSlot>\n                        <InputField\n                            placeholder=\"Search contacts\"\n                            placeholderTextColor=\"#9ca3af\"\n                            onChange={(event) => setSearchQuery(event.nativeEvent.text)}\n                            value={searchQuery}\n                            autoCapitalize=\"none\"\n                            autoCorrect={false}\n                            className=\"text-black\"\n                        />\n                        {searchQuery ? (\n                            <InputSlot>\n                                <TouchableOpacity onPress={() => setSearchQuery('')} style={{ marginRight: 8 }}>\n                                    <Ionicons name=\"close-circle\" size={16} color=\"#9ca3af\" />\n                                </TouchableOpacity>\n                            </InputSlot>\n                        ) : null}\n                    </Input>\n                </Box>\n\n                {loading ? (\n                    <Box className=\"flex-1 justify-center items-center\">\n                        <Spinner size=\"large\" color={Colors.blue} />\n                        <Text className=\"mt-4 text-gray-500\">Loading contacts...</Text>\n                    </Box>\n                ) : (\n                    <Box className=\"flex-1\">\n                        {selectedContacts.length > 0 && (\n                            <Box className=\"px-4 py-2 bg-gray-50 border-b border-gray-200\">\n                                <Text className=\"text-sm text-gray-500\">\n                                    {selectedContacts.length} {selectedContacts.length === 1 ? 'contact' : 'contacts'}{' '}\n                                    selected\n                                </Text>\n                            </Box>\n                        )}\n\n                        <FlatList\n                            data={filteredContacts}\n                            renderItem={renderContactList}\n                            keyExtractor={(item) => item.id}\n                            contentContainerStyle={styles.listContainer}\n                            ListEmptyComponent={() => (\n                                <Box className=\"flex-1 justify-center items-center py-8\">\n                                    <Feather name=\"users\" size={48} color=\"#d1d5db\" />\n                                    <Text className=\"text-center text-gray-500 mt-4\">\n                                        {searchQuery ? 'No matching contacts found' : 'No contacts found'}\n                                    </Text>\n                                </Box>\n                            )}\n                        />\n                    </Box>\n                )}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        backgroundColor: 'white',\n    },\n    listContainer: {\n        flexGrow: 1,\n    },\n    contactItem: {\n        paddingHorizontal: 16,\n        paddingVertical: 12,\n        borderBottomWidth: 1,\n        borderBottomColor: '#f3f4f6',\n    },\n    avatarText: {\n        color: 'white',\n        fontWeight: '600',\n    },\n    avatarImage: {\n        width: '100%',\n        height: '100%',\n    },\n});\n\nexport default AddFromContacts;\n"],"names":["_a","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 {useGetOrganizationMembersQuery,useViewChannelDetailQuery,useGetChannelsByUserQuery,useSaveMembersToChannelMutation,useAddDirectChannelMutation,useAddMemberToChannelMutation}from'common/graphql';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 {uniqBy}from'lodash-es';const orgMemersDataFetchLimit = 10;
 const AddPeople = ({
   navigation,
   route
@@ -29,27 +29,22 @@ const AddPeople = ({
     loading: orgMemebersLoading,
     error: orgMembersError,
     refetch: refetchOrgMembers
-  } = useGetOrganizationMembersQuery({
+  } = useOrganizationMembersQuery(orgName, {
     variables: {
       offset,
-      limit: orgMemersDataFetchLimit,
-      orgName
+      limit: orgMemersDataFetchLimit
     }
   });
   const {
     data: channelDetail,
     refetch: refetchChannelDetail
-  } = useViewChannelDetailQuery({
-    variables: {
-      id: channelId
-    }
-  });
+  } = useChannelDetailQuery(channelId);
   const {
     data: userChannelsData,
     loading,
     error,
     refetch: refetchUserChannels
-  } = useGetChannelsByUserQuery({
+  } = useChannelsQuery({
     variables: {
       criteria: {
         orgName,
@@ -113,8 +108,7 @@ const AddPeople = ({
     if (orgName) {
       refetchOrgMembers({
         offset,
-        limit: orgMemersDataFetchLimit,
-        orgName
+        limit: orgMemersDataFetchLimit
       });
       refetchUserChannels({
         criteria: {
@@ -123,9 +117,7 @@ const AddPeople = ({
       });
     }
     if (channelId)
-      refetchChannelDetail({
-        id: channelId
-      });
+      refetchChannelDetail();
     navigation.setOptions({
       headerShown: true,
       headerTitleAlign: "left",
@@ -233,8 +225,7 @@ const AddPeople = ({
       const offSet = offset + 1;
       refetchOrgMembers({
         offset: offSet,
-        limit: orgMemersDataFetchLimit,
-        orgName
+        limit: orgMemersDataFetchLimit
       }).finally(() => {
         console.log("finally");
         setOffset(offSet);