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

package/lib/queries/slackuiQueries.js

@@ -0,0 +1,129 @@
+import {useGetUserByIdQuery,useUpdateUserProfileMutation as useUpdateUserProfileMutation$1,useGetOrganizationDetailQuery,useGetUserOrganizationsQuery,useCreateOrganizationMutation as useCreateOrganizationMutation$1,useGetOrganizationSharableLinkQuery,useSendOrganizationInvitationMutation as useSendOrganizationInvitationMutation$1,useAddDirectChannelMutation as useAddDirectChannelMutation$1,useAddChannelMutation as useAddChannelMutation$1,useViewChannelDetailQuery,useAddMemberToChannelMutation as useAddMemberToChannelMutation$1,useGetChannelsByUserQuery,useGetOrganizationMembersQuery,useSaveMembersToChannelMutation as useSaveMembersToChannelMutation$1,useCreateTeamMutation as useCreateTeamMutation$1,useGetAllUsersQuery,useGetChannelsByUserLazyQuery,useGetOrganizationMembersWithChannelsQuery,useSetDeviceTokenMutation as useSetDeviceTokenMutation$1,useGetOrganizationTeamsQuery,useGetOrganizationTeamQuery}from'common/graphql';export{GetChannelsByUserDocument}from'common/graphql';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const useChannelsQuery = (options = {}) => {
+  return useGetChannelsByUserQuery(__spreadValues({
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useChannelsLazyQuery = (options = {}) => {
+  return useGetChannelsByUserLazyQuery(__spreadValues({
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useChannelDetailQuery = (channelId, options = {}) => {
+  return useViewChannelDetailQuery(__spreadValues({
+    variables: {
+      id: channelId
+    },
+    fetchPolicy: "cache-and-network",
+    nextFetchPolicy: "cache-first",
+    notifyOnNetworkStatusChange: true
+  }, options));
+};
+const useTeamsQuery = (options = {}) => {
+  return useGetOrganizationTeamsQuery(__spreadValues({
+    fetchPolicy: "cache-and-network",
+    nextFetchPolicy: "cache-first",
+    notifyOnNetworkStatusChange: true
+  }, options));
+};
+const useTeamQuery = (orgName, teamName, options = {}) => {
+  return useGetOrganizationTeamQuery(__spreadValues({
+    variables: {
+      orgName,
+      teamName
+    },
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useOrganizationMembersQuery = (orgName, options = {}) => {
+  return useGetOrganizationMembersQuery(__spreadValues({
+    variables: {
+      orgName
+    },
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useOrganizationMembersWithChannelsQuery = (orgName, options = {}) => {
+  return useGetOrganizationMembersWithChannelsQuery(__spreadValues({
+    variables: {
+      orgName
+    },
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useUserOrganizationsQuery = (options = {}) => {
+  return useGetUserOrganizationsQuery(__spreadValues({
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useOrganizationDetailQuery = (orgName, options = {}) => {
+  return useGetOrganizationDetailQuery(__spreadValues({
+    variables: {
+      orgName
+    },
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useUserByIdQuery = (userId, options = {}) => {
+  return useGetUserByIdQuery(__spreadValues({
+    variables: {
+      userId
+    },
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useAllUsersQuery = (options = {}) => {
+  return useGetAllUsersQuery(__spreadValues({
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useOrganizationSharableLinkQuery = (orgName, options = {}) => {
+  return useGetOrganizationSharableLinkQuery(__spreadValues({
+    variables: {
+      orgName
+    },
+    fetchPolicy: "cache-and-network"
+  }, options));
+};
+const useAddChannelMutation = (options = {}) => {
+  return useAddChannelMutation$1(__spreadValues({}, options));
+};
+const useAddDirectChannelMutation = (options = {}) => {
+  return useAddDirectChannelMutation$1(__spreadValues({}, options));
+};
+const useAddMemberToChannelMutation = (options = {}) => {
+  return useAddMemberToChannelMutation$1(__spreadValues({}, options));
+};
+const useSaveMembersToChannelMutation = (options = {}) => {
+  return useSaveMembersToChannelMutation$1(__spreadValues({}, options));
+};
+const useCreateTeamMutation = (options = {}) => {
+  return useCreateTeamMutation$1(__spreadValues({}, options));
+};
+const useCreateOrganizationMutation = (options = {}) => {
+  return useCreateOrganizationMutation$1(__spreadValues({}, options));
+};
+const useSendOrganizationInvitationMutation = (options = {}) => {
+  return useSendOrganizationInvitationMutation$1(__spreadValues({}, options));
+};
+const useSetDeviceTokenMutation = (options = {}) => {
+  return useSetDeviceTokenMutation$1(__spreadValues({}, options));
+};
+const useUpdateUserProfileMutation = (options = {}) => {
+  return useUpdateUserProfileMutation$1(__spreadValues({}, options));
+};export{useAddChannelMutation,useAddDirectChannelMutation,useAddMemberToChannelMutation,useAllUsersQuery,useChannelDetailQuery,useChannelsLazyQuery,useChannelsQuery,useCreateOrganizationMutation,useCreateTeamMutation,useOrganizationDetailQuery,useOrganizationMembersQuery,useOrganizationMembersWithChannelsQuery,useOrganizationSharableLinkQuery,useSaveMembersToChannelMutation,useSendOrganizationInvitationMutation,useSetDeviceTokenMutation,useTeamQuery,useTeamsQuery,useUpdateUserProfileMutation,useUserByIdQuery,useUserOrganizationsQuery};//# sourceMappingURL=slackuiQueries.js.map

package/lib/queries/slackuiQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slackuiQueries.js","sources":["../../src/queries/slackuiQueries.ts"],"sourcesContent":["import {\n    useGetChannelsByUserQuery,\n    useGetChannelsByUserLazyQuery,\n    useGetOrganizationTeamsQuery,\n    useGetOrganizationTeamQuery,\n    useViewChannelDetailQuery,\n    useViewChannelDetailLazyQuery,\n    useGetOrganizationMembersQuery,\n    useGetOrganizationMembersWithChannelsQuery,\n    useGetUserOrganizationsQuery,\n    useGetOrganizationDetailQuery,\n    useGetOrganizationDetailLazyQuery,\n    useGetUserByIdQuery,\n    useGetUserAccountByAuth0IdLazyQuery,\n    useGetAllUsersQuery,\n    useGetOrganizationSharableLinkQuery,\n    GetChannelsByUserDocument,\n    // Mutations\n    useAddChannelMutation as AddChannelMutation,\n    useCreateTeamMutation as CreateTeamMutation,\n    useAddDirectChannelMutation as AddDirectChannelMutation,\n    useAddMemberToChannelMutation as AddMemberToChannelMutation,\n    useSaveMembersToChannelMutation as SaveMembersToChannelMutation,\n    useCreateOrganizationMutation as CreateOrganizationMutation,\n    useSendOrganizationInvitationMutation as SendOrganizationInvitationMutation,\n    useSetDeviceTokenMutation as SetDeviceTokenMutation,\n    useUpdateUserProfileMutation as UpdateUserProfileMutation,\n} from 'common/graphql';\n\n/**\n * Channel Queries\n */\nexport const useChannelsQuery = (options: any = {}) => {\n    return useGetChannelsByUserQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useChannelsLazyQuery = (options: any = {}) => {\n    return useGetChannelsByUserLazyQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useChannelDetailQuery = (channelId: string, options: any = {}) => {\n    return useViewChannelDetailQuery({\n        variables: { id: channelId },\n        fetchPolicy: 'cache-and-network',\n        nextFetchPolicy: 'cache-first',\n        notifyOnNetworkStatusChange: true,\n        ...options,\n    });\n};\n\nexport const useChannelDetailLazyQuery = (options: any = {}) => {\n    return useViewChannelDetailLazyQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\n/**\n * Team Queries\n */\nexport const useTeamsQuery = (options: any = {}) => {\n    return useGetOrganizationTeamsQuery({\n        fetchPolicy: 'cache-and-network',\n        nextFetchPolicy: 'cache-first',\n        notifyOnNetworkStatusChange: true,\n        ...options,\n    });\n};\n\nexport const useTeamQuery = (orgName: string, teamName: string, options: any = {}) => {\n    return useGetOrganizationTeamQuery({\n        variables: { orgName, teamName },\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\n/**\n * Organization Queries\n */\nexport const useOrganizationMembersQuery = (orgName: string, options: any = {}) => {\n    return useGetOrganizationMembersQuery({\n        variables: { orgName },\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useOrganizationMembersWithChannelsQuery = (orgName: string, options: any = {}) => {\n    return useGetOrganizationMembersWithChannelsQuery({\n        variables: { orgName },\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useUserOrganizationsQuery = (options: any = {}) => {\n    return useGetUserOrganizationsQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useOrganizationDetailQuery = (orgName: string, options: any = {}) => {\n    return useGetOrganizationDetailQuery({\n        variables: { orgName },\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useOrganizationDetailLazyQuery = (options: any = {}) => {\n    return useGetOrganizationDetailLazyQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\n/**\n * User Queries\n */\nexport const useUserByIdQuery = (userId: string, options: any = {}) => {\n    return useGetUserByIdQuery({\n        variables: { userId },\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useUserAccountByAuth0IdLazyQuery = (options: any = {}) => {\n    return useGetUserAccountByAuth0IdLazyQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useAllUsersQuery = (options: any = {}) => {\n    return useGetAllUsersQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\nexport const useOrganizationSharableLinkQuery = (orgName: string, options: any = {}) => {\n    return useGetOrganizationSharableLinkQuery({\n        variables: { orgName },\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\n/**\n * Channel Mutations\n */\nexport const useAddChannelMutation = (options: any = {}) => {\n    return AddChannelMutation({\n        ...options,\n    });\n};\n\nexport const useAddDirectChannelMutation = (options: any = {}) => {\n    return AddDirectChannelMutation({\n        ...options,\n    });\n};\n\nexport const useAddMemberToChannelMutation = (options: any = {}) => {\n    return AddMemberToChannelMutation({\n        ...options,\n    });\n};\n\nexport const useSaveMembersToChannelMutation = (options: any = {}) => {\n    return SaveMembersToChannelMutation({\n        ...options,\n    });\n};\n\n/**\n * Team Mutations\n */\nexport const useCreateTeamMutation = (options: any = {}) => {\n    return CreateTeamMutation({\n        ...options,\n    });\n};\n\n/**\n * Organization Mutations\n */\nexport const useCreateOrganizationMutation = (options: any = {}) => {\n    return CreateOrganizationMutation({\n        ...options,\n    });\n};\n\nexport const useSendOrganizationInvitationMutation = (options: any = {}) => {\n    return SendOrganizationInvitationMutation({\n        ...options,\n    });\n};\n\n/**\n * Device Mutations\n */\nexport const useSetDeviceTokenMutation = (options: any = {}) => {\n    return SetDeviceTokenMutation({\n        ...options,\n    });\n};\n\n/**\n * User Mutations\n */\nexport const useUpdateUserProfileMutation = (options: any = {}) => {\n    return UpdateUserProfileMutation({\n        ...options,\n    });\n};\n\n// Export document for direct use in components if needed\nexport { GetChannelsByUserDocument };\n"],"names":["AddChannelMutation","AddDirectChannelMutation","AddMemberToChannelMutation","SaveMembersToChannelMutation","CreateTeamMutation","CreateOrganizationMutation","SendOrganizationInvitationMutation","SetDeviceTokenMutation","UpdateUserProfileMutation"],"mappings":"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"}

package/lib/routes.json

@@ -201,7 +201,7 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Profile/ProfileScreen.js",
       "hasComponent": true,
       "queries": {
-        "GetUserByIdDocument": "{userId: params.userId}"
+        "UserByIdDocument": "{}"
       }
     }
   },
@@ -314,8 +314,8 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Organization/AddWorkspace.js",
       "hasComponent": true,
       "queries": {
-        "GetOrganizationDetailDocument": "{where: {name: params.name}}",
-        "GetUserOrganizationsDocument": "{userId: params.userId}"
+        "OrganizationDetailDocument": "{}",
+        "UserOrganizationsDocument": "{userId: params.userId}"
       }
     }
   },
@@ -376,7 +376,10 @@
         }
       },
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Organization/InviteOrganizationMembers.js",
-      "hasComponent": true
+      "hasComponent": true,
+      "queries": {
+        "OrganizationSharableLinkDocument": "{}"
+      }
     }
   },
   {
@@ -436,7 +439,11 @@
         }
       },
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Organization/InitialChannelOnboarding.js",
-      "hasComponent": true
+      "hasComponent": true,
+      "queries": {
+        "OrganizationDetailDocument": "{}",
+        "ChannelDetailDocument": "{}"
+      }
     }
   },
   {
@@ -461,7 +468,7 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Channels/Channels.js",
       "hasComponent": true,
       "queries": {
-        "GetChannelsByUserDocument": "{criteria: {orgName: params.orgName,type: params.type,team: params.team},limit: 50}"
+        "ChannelsDocument": "{}"
       }
     }
   },
@@ -557,9 +564,9 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Peoples/AddPeople.js",
       "hasComponent": true,
       "queries": {
-        "GetOrganizationMembersDocument": "{offset: params.offset,limit: params.limit,orgName: params.orgName}",
-        "ViewChannelDetailDocument": "{id: params.id}",
-        "GetChannelsByUserDocument": "{criteria: {orgName: params.orgName,type: DIRECT}}"
+        "OrganizationMembersDocument": "{}",
+        "ChannelDetailDocument": "{}",
+        "ChannelsDocument": "{criteria: {orgName: params.orgName,type: DIRECT}}"
       }
     }
   },
@@ -624,7 +631,7 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Peoples/AddFromContacts.js",
       "hasComponent": true,
       "queries": {
-        "GetOrganizationSharableLinkDocument": "{}"
+        "OrganizationSharableLinkDocument": "{}"
       }
     }
   },
@@ -657,7 +664,8 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Search/SearchChannelPeople.js",
       "hasComponent": true,
       "queries": {
-        "GetChannelsByUserDocument": "{criteria: {orgName: params.orgName,type: params.type},limit: 25}"
+        "ChannelsDocument": "{criteria: {orgName: params.orgName,type: params.type},limit: 25}",
+        "OrganizationMembersDocument": "{}"
       }
     }
   },
@@ -803,7 +811,10 @@
         }
       },
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Peoples/People.js",
-      "hasComponent": true
+      "hasComponent": true,
+      "queries": {
+        "AllUsersDocument": "{}"
+      }
     }
   },
   {
@@ -875,7 +886,7 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Inbox/InboxChannelDetail.js",
       "hasComponent": true,
       "queries": {
-        "ViewChannelDetailDocument": "{id: params.id}"
+        "ChannelDetailDocument": "{}"
       }
     }
   },
@@ -912,7 +923,7 @@
       "componentPath": "@messenger-box/slack-ui-mobile/lib/screens/Search/SearchAddChannel.js",
       "hasComponent": true,
       "queries": {
-        "GetOrganizationMembersWithChannelsDocument": "{orgName: params.orgName,channelCriteria: {orgName: params.orgName,type: params.type},offset: params.offset,limit: params.limit}"
+        "OrganizationMembersWithChannelsDocument": "{}"
       }
     }
   },

package/lib/screens/Account/AccountScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountScreen.js","sources":["../../../src/screens/Account/AccountScreen.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, SafeAreaView, TouchableHighlight, View } from 'react-native';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useGetUserAccountByAuth0IdLazyQuery } from 'common/graphql';\nimport { IUserState } from '@adminide-stack/core';\nimport { Store, userSelector, logoutAndRedirect, resetReduxState } from '@adminide-stack/user-auth0-client';\nimport {\n    useToast,\n    ToastAlert,\n    Image,\n    VStack,\n    HStack,\n    Button,\n    Box,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n    Text,\n    Pressable,\n    Icon,\n    Divider,\n    ButtonText,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useNavigation } from '@react-navigation/native';\nimport { startCase } from 'lodash-es';\nimport { FontAwesome5, Ionicons, MaterialIcons } from '@expo/vector-icons';\nimport { NavigationRoutes, images } from '../../constants';\nimport { useDrawerLayout } from '../../hooks';\nimport colors from 'tailwindcss/colors';\n\nconst AccountScreen = () => {\n    const Toast = useToast();\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const user = useSelector<Store.Auth, IUserState>(userSelector);\n    const dispatch = useDispatch();\n    const navigation = useNavigation<any>();\n    const logout = () => {\n        //navigation.navigate('MainStack.Logout', { redirect: 'MainStack.MainDrawer.MainBottomTab.Account' })\n        try {\n            dispatch(logoutAndRedirect());\n            // dispatch(resetReduxState());\n            Toast.show({\n                placement: 'top',\n                duration: 1000,\n                render: ({ id }) => <ToastAlert id={id} title={'Logging out'} status={'error'} isClosable={false} />,\n            });\n            // await Auth.signOut();\n        } catch (error) {\n            console.error('Error signing out', error);\n        }\n    };\n\n    return (\n        <Box className=\"bg-white flex-1\">\n            <VStack className=\"m-0 flex-1 py-5\">\n                <HStack space={'sm'} className=\"px-2 pt-0 mt-0 pb-4 items-center\">\n                    <Avatar size={'md'} className=\"bg-transparent rounded-lg\">\n                        <AvatarFallbackText>{startCase(user?.profile?.nickname?.charAt(0))}</AvatarFallbackText>\n                        <AvatarImage\n                            alt=\"icon\"\n                            className=\"rounded-lg \"\n                            source={{\n                                uri: user?.profile?.picture,\n                            }}\n                        />\n                        <AvatarBadge\n                            className=\"bottom-[-1] right-[-1.5] bg-green-800\"\n                            style={{ width: 15, height: 15 }}\n                        />\n                    </Avatar>\n                    <VStack>\n                        <Text style={{ fontSize: 20 }} color={colors.black} className=\"font-bold\">\n                            {user?.profile?.name ?? user?.profile?.nickname}\n                        </Text>\n                        <HStack space={'sm'} className=\"items-center\">\n                            <Text style={{ fontSize: 15 }} color={colors.gray[600]} className=\"font-normal\">\n                                {' '}\n                                Active\n                            </Text>\n                            <Button\n                                size={'xs'}\n                                variant={'solid'}\n                                onPress={logout}\n                                className=\"bg-transparent p-0 active:bg-gray-200 hover:bg-gray-200\"\n                            >\n                                <ButtonText style={{ fontSize: 16, color: 'black' }}>( Logout )</ButtonText>\n                            </Button>\n                        </HStack>\n                    </VStack>\n                </HStack>\n\n                <VStack className=\"px-2\" space={'sm'}>\n                    <Button\n                        variant={'outline'}\n                        className=\"border-gray-400 rounded-xl justify-start my-4 active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"rounded-lg bg-transparent justify-center items-center\">\n                                <FontAwesome5 name=\"smile\" size={20} color={'#1f2937'} />\n                            </Avatar>\n\n                            <Text style={{ fontSize: 20 }} color={colors.gray[600]}>\n                                Update your status\n                            </Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.notificationBellOff} />\n                                <AvatarFallbackText>PN</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>Pause notifications</Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        // $pressed-bg=\"$trueGray200\"\n                        // $active-bg={'$trueGray200'}\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.user} />\n                                <AvatarFallbackText>ST</AvatarFallbackText>\n                                <AvatarBadge\n                                    style={{ width: 10, height: 10 }}\n                                    className=\"bg-transparent border border-black bottom-0 right-0\"\n                                />\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>\n                                Set yourself as{' '}\n                                <Text color={colors.black} className=\"font-bold\">\n                                    away\n                                </Text>\n                            </Text>\n                        </HStack>\n                    </Button>\n                </VStack>\n                <Divider className=\"my-4\" />\n                <VStack className=\"px-2\" space={'sm'}>\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                        onPress={() => navigation.navigate(NavigationRoutes.Profile)}\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.user} />\n                                <AvatarFallbackText>VP</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>View Profile</Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.pushNotification} />\n                                <AvatarFallbackText>NC</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>Notifications</Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.contrastAdjustment} />\n                                <AvatarFallbackText>PF</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>Preferences</Text>\n                        </HStack>\n                    </Button>\n                </VStack>\n            </VStack>\n        </Box>\n    );\n};\n\nexport default AccountScreen;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"AccountScreen.js","sources":["../../../src/screens/Account/AccountScreen.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, SafeAreaView, TouchableHighlight, View } from 'react-native';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { IUserState } from '@adminide-stack/core';\nimport { Store, userSelector, logoutAndRedirect, resetReduxState } from '@adminide-stack/user-auth0-client';\nimport {\n    useToast,\n    ToastAlert,\n    Image,\n    VStack,\n    HStack,\n    Button,\n    Box,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n    Text,\n    Pressable,\n    Icon,\n    Divider,\n    ButtonText,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useNavigation } from '@react-navigation/native';\nimport { startCase } from 'lodash-es';\nimport { FontAwesome5, Ionicons, MaterialIcons } from '@expo/vector-icons';\nimport { NavigationRoutes, images } from '../../constants';\nimport { useDrawerLayout } from '../../hooks';\nimport colors from 'tailwindcss/colors';\n\nconst AccountScreen = () => {\n    const Toast = useToast();\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const user = useSelector<Store.Auth, IUserState>(userSelector);\n    const dispatch = useDispatch();\n    const navigation = useNavigation<any>();\n    const logout = () => {\n        //navigation.navigate('MainStack.Logout', { redirect: 'MainStack.MainDrawer.MainBottomTab.Account' })\n        try {\n            dispatch(logoutAndRedirect());\n            // dispatch(resetReduxState());\n            Toast.show({\n                placement: 'top',\n                duration: 1000,\n                render: ({ id }) => <ToastAlert id={id} title={'Logging out'} status={'error'} isClosable={false} />,\n            });\n            // await Auth.signOut();\n        } catch (error) {\n            console.error('Error signing out', error);\n        }\n    };\n\n    return (\n        <Box className=\"bg-white flex-1\">\n            <VStack className=\"m-0 flex-1 py-5\">\n                <HStack space={'sm'} className=\"px-2 pt-0 mt-0 pb-4 items-center\">\n                    <Avatar size={'md'} className=\"bg-transparent rounded-lg\">\n                        <AvatarFallbackText>{startCase(user?.profile?.nickname?.charAt(0))}</AvatarFallbackText>\n                        <AvatarImage\n                            alt=\"icon\"\n                            className=\"rounded-lg \"\n                            source={{\n                                uri: user?.profile?.picture,\n                            }}\n                        />\n                        <AvatarBadge\n                            className=\"bottom-[-1] right-[-1.5] bg-green-800\"\n                            style={{ width: 15, height: 15 }}\n                        />\n                    </Avatar>\n                    <VStack>\n                        <Text style={{ fontSize: 20 }} color={colors.black} className=\"font-bold\">\n                            {user?.profile?.name ?? user?.profile?.nickname}\n                        </Text>\n                        <HStack space={'sm'} className=\"items-center\">\n                            <Text style={{ fontSize: 15 }} color={colors.gray[600]} className=\"font-normal\">\n                                {' '}\n                                Active\n                            </Text>\n                            <Button\n                                size={'xs'}\n                                variant={'solid'}\n                                onPress={logout}\n                                className=\"bg-transparent p-0 active:bg-gray-200 hover:bg-gray-200\"\n                            >\n                                <ButtonText style={{ fontSize: 16, color: 'black' }}>( Logout )</ButtonText>\n                            </Button>\n                        </HStack>\n                    </VStack>\n                </HStack>\n\n                <VStack className=\"px-2\" space={'sm'}>\n                    <Button\n                        variant={'outline'}\n                        className=\"border-gray-400 rounded-xl justify-start my-4 active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"rounded-lg bg-transparent justify-center items-center\">\n                                <FontAwesome5 name=\"smile\" size={20} color={'#1f2937'} />\n                            </Avatar>\n\n                            <Text style={{ fontSize: 20 }} color={colors.gray[600]}>\n                                Update your status\n                            </Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.notificationBellOff} />\n                                <AvatarFallbackText>PN</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>Pause notifications</Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        // $pressed-bg=\"$trueGray200\"\n                        // $active-bg={'$trueGray200'}\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.user} />\n                                <AvatarFallbackText>ST</AvatarFallbackText>\n                                <AvatarBadge\n                                    style={{ width: 10, height: 10 }}\n                                    className=\"bg-transparent border border-black bottom-0 right-0\"\n                                />\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>\n                                Set yourself as{' '}\n                                <Text color={colors.black} className=\"font-bold\">\n                                    away\n                                </Text>\n                            </Text>\n                        </HStack>\n                    </Button>\n                </VStack>\n                <Divider className=\"my-4\" />\n                <VStack className=\"px-2\" space={'sm'}>\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                        onPress={() => navigation.navigate(NavigationRoutes.Profile)}\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.user} />\n                                <AvatarFallbackText>VP</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>View Profile</Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.pushNotification} />\n                                <AvatarFallbackText>NC</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>Notifications</Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        variant={'solid'}\n                        className=\"bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200\"\n                    >\n                        <HStack space={'md'} className=\"items-center\">\n                            <Avatar size={'sm'} className=\"bg-transparent rounded-lg\">\n                                <AvatarImage alt=\"icon\" className=\"rounded-lg\" source={images.contrastAdjustment} />\n                                <AvatarFallbackText>PF</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>Preferences</Text>\n                        </HStack>\n                    </Button>\n                </VStack>\n            </VStack>\n        </Box>\n    );\n};\n\nexport default AccountScreen;\n"],"names":["React"],"mappings":"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"}

package/lib/screens/Channels/Add/AddVisibility.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {StyleSheet}from'react-native';import {useToast,ToastAlert,Button,ButtonText,Box,Text,RadioGroup,VStack,Heading,Radio,RadioLabel,RadioIndicator,RadioIcon,CircleIcon}from'@admin-layout/gluestack-ui-mobile';import Colors from'../../../constants/Colors.js';import {RoomType}from'common';import {useAddChannelMutation}from'common/graphql';import {Feather,FontAwesome}from'@expo/vector-icons';import'../../../constants/device.js';import'../../../constants/globalStyles.js';import'../../../constants/Layout.js';import {NavigationRoutes}from'../../../constants/routes.js';import {startCase}from'lodash-es';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../hooks/useDrawerLayout.js';import'../../../hooks/useExpoNotificationProvider.js';import colors from'tailwindcss/colors';const AddChannelVisibility = ({
+import React__default,{useState,useEffect}from'react';import {StyleSheet}from'react-native';import {useToast,Button,ButtonText,Box,Text,RadioGroup,VStack,Heading,Radio,RadioLabel,RadioIndicator,RadioIcon,CircleIcon,ToastAlert}from'@admin-layout/gluestack-ui-mobile';import Colors from'../../../constants/Colors.js';import {RoomType}from'common';import {useAddChannelMutation}from'../../../queries/slackuiQueries.js';import {Feather,FontAwesome}from'@expo/vector-icons';import'../../../constants/device.js';import'../../../constants/globalStyles.js';import'../../../constants/Layout.js';import {NavigationRoutes}from'../../../constants/routes.js';import {startCase}from'lodash-es';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../hooks/useDrawerLayout.js';import'../../../hooks/useExpoNotificationProvider.js';import colors from'tailwindcss/colors';const AddChannelVisibility = ({
   navigation,
   route
 }) => {

package/lib/screens/Channels/Add/AddVisibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddVisibility.js","sources":["../../../../src/screens/Channels/Add/AddVisibility.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { StyleSheet } from 'react-native';\nimport {\n    Input,\n    RadioGroup,\n    RadioIndicator,\n    RadioIcon,\n    RadioLabel,\n    Radio,\n    CircleIcon,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    ButtonText,\n    Fab,\n    Icon,\n    Divider,\n    Heading,\n    useToast,\n    ToastAlert,\n} from '@admin-layout/gluestack-ui-mobile';\nimport Colors from '../../../constants/Colors';\nimport { RoomType } from 'common';\nimport { useAddChannelMutation, useGetOrganizationDetailQuery } from 'common/graphql';\nimport { FontAwesome, Feather } from '@expo/vector-icons';\nimport { NavigationRoutes } from '../../../constants';\nimport { startCase } from 'lodash-es';\nimport { useDrawerLayout } from '../../../hooks';\nimport colors from 'tailwindcss/colors';\n\nconst AddChannelVisibility = ({ navigation, route }: any) => {\n    const Toast = useToast();\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const [channelType, setChannelType] = React.useState('public');\n    const [showCreateButton, setShowCreateButton] = useState(false);\n    const [createChannel] = useAddChannelMutation({\n        onCompleted: (data: any) => {\n            //console.log('create data',data)\n            if (data?.createChannel)\n                navigation.navigate(NavigationRoutes.AddPeople, {\n                    channelId: data?.createChannel?.id,\n                    orgName: orgName,\n                    isCreate: true,\n                });\n            else {\n                Toast.show({\n                    placement: 'top',\n                    duration: 4000,\n                    render: ({ id }) => (\n                        <ToastAlert id={id} title={'Channel already exists'} status={'error'} isClosable={false} />\n                    ),\n                });\n                navigation.navigate(NavigationRoutes.AddChannel, { orgName: orgName });\n                // navigation.navigate(NavigationRoutes.Home, { orgName: orgName });\n            }\n        },\n    });\n\n    useEffect(() => {\n        if (channelType && channelType.length > 0) setShowCreateButton(true);\n        else setShowCreateButton(false);\n    }, [channelType]);\n\n    useEffect(() => {\n        navigation.setOptions({\n            // headerShown: true,\n            headerTitleAlign: 'left',\n            headerTitleStyle: {},\n            headerTitle: (props: any) => (\n                <Box className=\"flex-1 mx-0\">\n                    <Text className=\"text-[15px] font-[500] text-black\" color={colors.black}>\n                        Create a Channel\n                    </Text>\n                    <Text color={colors.gray[600]} className=\"font-[500]\">\n                        {channelType == 'public' ? (\n                            <Feather color=\"black\" name=\"hash\" size={20} />\n                        ) : (\n                            <>\n                                <FontAwesome color=\"black\" name=\"lock\" size={20} />{' '}\n                            </>\n                        )}\n                        {route?.params?.name}\n                    </Text>\n                </Box>\n            ),\n            headerRight: (props: any) => (\n                <Button\n                    className=\"mr-2\"\n                    onPress={() => createNewChannel()}\n                    variant={'link'}\n                    disabled={showCreateButton ? false : true}\n                >\n                    <ButtonText className={`text-[16px] color-[${showCreateButton ? '$black' : '#71717a'}]`}>\n                        Create\n                    </ButtonText>\n                </Button>\n            ),\n            headerStyle: {\n                height: 110,\n                borderBottomWidth: 1,\n                borderColor: '#d1d2d3',\n            },\n        });\n    }, [channelType, showCreateButton]);\n\n    const createNewChannel = React.useCallback(() => {\n        if (channelType && channelType?.length > 0 && route?.params && route?.params?.name?.length > 0) {\n            createChannel({\n                variables: {\n                    name: route?.params?.name,\n                    description: route?.params?.description || '',\n                    type: channelType == 'private' ? RoomType.Private : RoomType.Channel,\n                    team: route?.params?.teamId?.toString(),\n                },\n            });\n        }\n    }, [channelType, route]);\n\n    // const setChannelName = (v:any) => {\n    //     let nameStr = v.replace(/\\s+/g, '-').toLowerCase();\n    //     setName(nameStr)\n    // }\n\n    return (\n        <Box className=\"px-4 bg-white flex-1\">\n            <RadioGroup\n                // name=\"visibilityRadioGroup\"\n                accessibilityLabel=\"visibility\"\n                value={channelType}\n                onChange={(nextValue) => {\n                    setChannelType(nextValue);\n                }}\n            >\n                <VStack className=\"w-full\" space={'xl'}>\n                    <Heading size={'md'} className=\"py-4\">\n                        Visibility\n                    </Heading>\n                    <Radio value=\"public\" className=\"justify-between\">\n                        <RadioLabel className=\"color-black text-[18px]\">\n                            Public - Anyone in{' '}\n                            <Text className=\"text-[18px] font-bold color-black\">\n                                {organizationDetail\n                                    ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                    : orgName || 'Home'}\n                            </Text>\n                        </RadioLabel>\n                        <RadioIndicator>\n                            <RadioIcon as={CircleIcon} className=\"p-1\" />\n                        </RadioIndicator>\n                    </Radio>\n\n                    <Radio value=\"private\" className=\"justify-between\">\n                        <RadioLabel className=\"text-[18px] text-black\">\n                            Private - Only specific people {'\\n'}\n                            <Text className=\"text-[15px] font-medium text-gray-500\">\n                                Can only be viewed or joined by invitation.\n                            </Text>\n                        </RadioLabel>\n\n                        <RadioIndicator>\n                            <RadioIcon as={CircleIcon} />\n                        </RadioIndicator>\n                    </Radio>\n\n                    {/* <HStack space={\"sm\"} alignItems={'center'} justifyContent={'space-between'}>\n                        <Text fontSize={18}>\n                            Public - Anyone in{' '}\n                            {organizationDetail\n                                ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                : orgName || 'Home'}\n                        </Text>\n                        <Radio\n                            accessibilityLabel=\"public\"\n                            aria-label=\"public\"\n                            value=\"public\"\n                            my={\"$1\"}\n                            aria-labelledby=\"public\"\n                        />\n                    </HStack>\n                    <HStack space={2} alignItems={'center'} justifyContent={'space-between'}>\n                        <Box>\n                            <Text fontSize={18}>Private - Only specific people</Text>\n                            <Text fontSize={15} fontWeight={'medium'} color={'coolGray.500'}>\n                                Can only be viewed or joined by invitation.\n                            </Text>\n                        </Box>\n\n                        <Radio\n                            accessibilityLabel=\"private\"\n                            aria-label=\"private\"\n                            value=\"private\"\n                            my={1}\n                            aria-labelledby=\"private\"\n                        />\n                    </HStack> */}\n                </VStack>\n            </RadioGroup>\n        </Box>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        //justifyContent: 'center',\n        padding: 20,\n    },\n    itemView: {\n        paddingVertical: 8,\n        marginTop: 5,\n    },\n    headingText: {\n        color: Colors.light.text,\n        fontSize: 16,\n        fontWeight: '400',\n    },\n});\n\nexport default AddChannelVisibility;\n"],"names":["React","_a","_b"],"mappings":"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"}
+{"version":3,"file":"AddVisibility.js","sources":["../../../../src/screens/Channels/Add/AddVisibility.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { StyleSheet } from 'react-native';\nimport {\n    Input,\n    RadioGroup,\n    RadioIndicator,\n    RadioIcon,\n    RadioLabel,\n    Radio,\n    CircleIcon,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    Button,\n    ButtonText,\n    Fab,\n    Icon,\n    Divider,\n    Heading,\n    useToast,\n    ToastAlert,\n} from '@admin-layout/gluestack-ui-mobile';\nimport Colors from '../../../constants/Colors';\nimport { RoomType } from 'common';\nimport { useAddChannelMutation, useOrganizationDetailQuery } from '../../../queries/slackuiQueries';\nimport { FontAwesome, Feather } from '@expo/vector-icons';\nimport { NavigationRoutes } from '../../../constants';\nimport { startCase } from 'lodash-es';\nimport { useDrawerLayout } from '../../../hooks';\nimport colors from 'tailwindcss/colors';\n\nconst AddChannelVisibility = ({ navigation, route }: any) => {\n    const Toast = useToast();\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const [channelType, setChannelType] = React.useState('public');\n    const [showCreateButton, setShowCreateButton] = useState(false);\n    const [createChannel] = useAddChannelMutation({\n        onCompleted: (data: any) => {\n            //console.log('create data',data)\n            if (data?.createChannel)\n                navigation.navigate(NavigationRoutes.AddPeople, {\n                    channelId: data?.createChannel?.id,\n                    orgName: orgName,\n                    isCreate: true,\n                });\n            else {\n                Toast.show({\n                    placement: 'top',\n                    duration: 4000,\n                    render: ({ id }) => (\n                        <ToastAlert id={id} title={'Channel already exists'} status={'error'} isClosable={false} />\n                    ),\n                });\n                navigation.navigate(NavigationRoutes.AddChannel, { orgName: orgName });\n                // navigation.navigate(NavigationRoutes.Home, { orgName: orgName });\n            }\n        },\n    });\n\n    useEffect(() => {\n        if (channelType && channelType.length > 0) setShowCreateButton(true);\n        else setShowCreateButton(false);\n    }, [channelType]);\n\n    useEffect(() => {\n        navigation.setOptions({\n            // headerShown: true,\n            headerTitleAlign: 'left',\n            headerTitleStyle: {},\n            headerTitle: (props: any) => (\n                <Box className=\"flex-1 mx-0\">\n                    <Text className=\"text-[15px] font-[500] text-black\" color={colors.black}>\n                        Create a Channel\n                    </Text>\n                    <Text color={colors.gray[600]} className=\"font-[500]\">\n                        {channelType == 'public' ? (\n                            <Feather color=\"black\" name=\"hash\" size={20} />\n                        ) : (\n                            <>\n                                <FontAwesome color=\"black\" name=\"lock\" size={20} />{' '}\n                            </>\n                        )}\n                        {route?.params?.name}\n                    </Text>\n                </Box>\n            ),\n            headerRight: (props: any) => (\n                <Button\n                    className=\"mr-2\"\n                    onPress={() => createNewChannel()}\n                    variant={'link'}\n                    disabled={showCreateButton ? false : true}\n                >\n                    <ButtonText className={`text-[16px] color-[${showCreateButton ? '$black' : '#71717a'}]`}>\n                        Create\n                    </ButtonText>\n                </Button>\n            ),\n            headerStyle: {\n                height: 110,\n                borderBottomWidth: 1,\n                borderColor: '#d1d2d3',\n            },\n        });\n    }, [channelType, showCreateButton]);\n\n    const createNewChannel = React.useCallback(() => {\n        if (channelType && channelType?.length > 0 && route?.params && route?.params?.name?.length > 0) {\n            createChannel({\n                variables: {\n                    name: route?.params?.name,\n                    description: route?.params?.description || '',\n                    type: channelType == 'private' ? RoomType.Private : RoomType.Channel,\n                    team: route?.params?.teamId?.toString(),\n                },\n            });\n        }\n    }, [channelType, route]);\n\n    // const setChannelName = (v:any) => {\n    //     let nameStr = v.replace(/\\s+/g, '-').toLowerCase();\n    //     setName(nameStr)\n    // }\n\n    return (\n        <Box className=\"px-4 bg-white flex-1\">\n            <RadioGroup\n                // name=\"visibilityRadioGroup\"\n                accessibilityLabel=\"visibility\"\n                value={channelType}\n                onChange={(nextValue) => {\n                    setChannelType(nextValue);\n                }}\n            >\n                <VStack className=\"w-full\" space={'xl'}>\n                    <Heading size={'md'} className=\"py-4\">\n                        Visibility\n                    </Heading>\n                    <Radio value=\"public\" className=\"justify-between\">\n                        <RadioLabel className=\"color-black text-[18px]\">\n                            Public - Anyone in{' '}\n                            <Text className=\"text-[18px] font-bold color-black\">\n                                {organizationDetail\n                                    ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                    : orgName || 'Home'}\n                            </Text>\n                        </RadioLabel>\n                        <RadioIndicator>\n                            <RadioIcon as={CircleIcon} className=\"p-1\" />\n                        </RadioIndicator>\n                    </Radio>\n\n                    <Radio value=\"private\" className=\"justify-between\">\n                        <RadioLabel className=\"text-[18px] text-black\">\n                            Private - Only specific people {'\\n'}\n                            <Text className=\"text-[15px] font-medium text-gray-500\">\n                                Can only be viewed or joined by invitation.\n                            </Text>\n                        </RadioLabel>\n\n                        <RadioIndicator>\n                            <RadioIcon as={CircleIcon} />\n                        </RadioIndicator>\n                    </Radio>\n\n                    {/* <HStack space={\"sm\"} alignItems={'center'} justifyContent={'space-between'}>\n                        <Text fontSize={18}>\n                            Public - Anyone in{' '}\n                            {organizationDetail\n                                ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                : orgName || 'Home'}\n                        </Text>\n                        <Radio\n                            accessibilityLabel=\"public\"\n                            aria-label=\"public\"\n                            value=\"public\"\n                            my={\"$1\"}\n                            aria-labelledby=\"public\"\n                        />\n                    </HStack>\n                    <HStack space={2} alignItems={'center'} justifyContent={'space-between'}>\n                        <Box>\n                            <Text fontSize={18}>Private - Only specific people</Text>\n                            <Text fontSize={15} fontWeight={'medium'} color={'coolGray.500'}>\n                                Can only be viewed or joined by invitation.\n                            </Text>\n                        </Box>\n\n                        <Radio\n                            accessibilityLabel=\"private\"\n                            aria-label=\"private\"\n                            value=\"private\"\n                            my={1}\n                            aria-labelledby=\"private\"\n                        />\n                    </HStack> */}\n                </VStack>\n            </RadioGroup>\n        </Box>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        //justifyContent: 'center',\n        padding: 20,\n    },\n    itemView: {\n        paddingVertical: 8,\n        marginTop: 5,\n    },\n    headingText: {\n        color: Colors.light.text,\n        fontSize: 16,\n        fontWeight: '400',\n    },\n});\n\nexport default AddChannelVisibility;\n"],"names":["React","_a","_b"],"mappings":"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"}

package/lib/screens/Channels/AddChannel.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {StyleSheet,SafeAreaView}from'react-native';import {Button,ButtonText,Box,VStack,FormControl,FormControlLabel,FormControlLabelText,Input,InputSlot,Text,InputField,FormControlError,FormControlErrorText}from'@admin-layout/gluestack-ui-mobile';import Colors from'../../constants/Colors.js';import {useAddChannelMutation}from'common/graphql';import {NavigationRoutes}from'../../constants/routes.js';import colors from'tailwindcss/colors';const AddChannel = ({
+import React__default,{useState,useEffect}from'react';import {StyleSheet,SafeAreaView}from'react-native';import {Button,ButtonText,Box,VStack,FormControl,FormControlLabel,FormControlLabelText,Input,InputSlot,Text,InputField,FormControlError,FormControlErrorText}from'@admin-layout/gluestack-ui-mobile';import Colors from'../../constants/Colors.js';import {useAddChannelMutation}from'../../queries/slackuiQueries.js';import {NavigationRoutes}from'../../constants/routes.js';import colors from'tailwindcss/colors';const AddChannel = ({
   navigation,
   route
 }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"AddChannel.js","sources":["../../../src/screens/Channels/AddChannel.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { StyleSheet, SafeAreaView } from 'react-native';\nimport {\n    Input,\n    InputField,\n    InputSlot,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    FormControlLabel,\n    FormControlLabelText,\n    FormControlHelper,\n    FormControlHelperText,\n    FormControlError,\n    FormControlErrorText,\n    Button,\n    ButtonText,\n    Fab,\n    Icon,\n    Divider,\n} from '@admin-layout/gluestack-ui-mobile';\nimport Colors from '../../constants/Colors';\nimport { useAddChannelMutation } from 'common/graphql';\nimport { AntDesign } from '@expo/vector-icons';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { NavigationRoutes } from '../../constants/routes';\nimport colors from 'tailwindcss/colors';\n\nconst AddChannel = ({ navigation, route }: any) => {\n    const [name, setName] = useState('');\n    const [description, setDescription] = useState('');\n    const [showCreateButton, setShowCreateButton] = useState(false);\n    const [nameIsInvalid, setNameIsInvalid] = useState(false);\n\n    const [createChannel, createdChannel] = useAddChannelMutation({\n        onCompleted: (data: any) => {\n            //console.log('create data',data)\n            if (data?.createChannel)\n                navigation.navigate(NavigationRoutes.AddPeople, {\n                    channelId: data?.createChannel?.id,\n                    orgName: route?.params?.orgName,\n                });\n            else navigation.navigate(NavigationRoutes.Home, { orgName: route?.params?.orgName });\n        },\n    });\n\n    // useEffect(() => {\n\n    //     if(name && name.length > 0){\n    //         let patt = /^[A-Za-z0-9_+\\-]*$/;\n    //         if (patt.test(name))\n    //         {\n    //             setNameIsInvalid(false)\n    //             setShowCreateButton(true)\n    //         }\n    //         else\n    //         {\n    //             setNameIsInvalid(true)\n    //             setShowCreateButton(false)\n    //         }\n    //     }\n    //     else\n    //     {\n    //         setShowCreateButton(false)\n    //     }\n\n    // //    if(name && name.length > 0)\n    // //     setShowCreateButton(true)\n    // //    else\n    // //     setShowCreateButton(false)\n\n    // }, [name])\n\n    useEffect(() => {\n        if (name && name.length > 0) setShowCreateButton(true);\n        else setShowCreateButton(false);\n    }, [name]);\n\n    useEffect(() => {\n        navigation.setOptions({\n            headerShown: true,\n            headerTitleAlign: 'left',\n            headerTitleStyle: {},\n            headerRight: (props: any) => (\n                <Button onPress={() => createNewChannel()} variant={'link'} disabled={showCreateButton ? false : true}>\n                    <ButtonText style={{ color: showCreateButton ? 'black' : '#71717a' }}>Create</ButtonText>\n                </Button>\n            ),\n        });\n    }, [name, description, showCreateButton]);\n\n    const createNewChannel = () => {\n        if (name && name.length > 0) {\n            createChannel({\n                variables: {\n                    name: name,\n                    description: description,\n                },\n            });\n        }\n    };\n\n    // const setChannelName = (v:any) => {\n    //     let nameStr = v.replace(/\\s+/g, '-').toLowerCase();\n    //     setName(nameStr)\n    // }\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <Box className=\"bg-white flex-1 py-2 h-full shadow-sm\">\n                <VStack space=\"md\">\n                    <Box className=\"px-4 pt-4\">\n                        {/* <FormControl isInvalid={nameIsInvalid} mt=\"3\"> */}\n                        <FormControl className=\"mt-3\">\n                            <FormControlLabel className=\"mb-1\">\n                                <FormControlLabelText>Name</FormControlLabelText>\n                            </FormControlLabel>\n\n                            <Input variant=\"underlined\">\n                                <InputSlot className=\"pl-0\">\n                                    <Text color={colors.gray[500]}>#</Text>\n                                </InputSlot>\n                                <InputField\n                                    type=\"text\"\n                                    placeholder=\" e.g. Plan budget\"\n                                    maxLength={80}\n                                    value={name}\n                                    onChange={(event) => setName(event.nativeEvent.text)}\n                                />\n                                <InputSlot className=\"pr-3\">\n                                    <Text color={colors.gray[500]}>{80 - name.length}</Text>\n                                </InputSlot>\n                            </Input>\n                            <FormControlError>\n                                <FormControlErrorText className=\"color-red-500\">\n                                    Channel names must be lowercase, and can't contain spaces,periods,or most\n                                    punctuation.\n                                </FormControlErrorText>\n                            </FormControlError>\n                        </FormControl>\n                        <FormControl className=\"mt-3\">\n                            <FormControlLabel className=\"mb-1\">\n                                <FormControlLabelText>Description</FormControlLabelText>\n                            </FormControlLabel>\n                            <Input variant=\"underlined\">\n                                <InputField\n                                    type=\"text\"\n                                    placeholder=\"channel description\"\n                                    value={description}\n                                    onChange={(event) => setDescription(event.nativeEvent.text)}\n                                />\n                            </Input>\n                        </FormControl>\n                    </Box>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        //justifyContent: 'center',\n        padding: 20,\n    },\n    itemView: {\n        paddingVertical: 8,\n        marginTop: 5,\n    },\n    headingText: {\n        color: Colors.light.text,\n        fontSize: 16,\n        fontWeight: '400',\n    },\n});\n\nexport default AddChannel;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"AddChannel.js","sources":["../../../src/screens/Channels/AddChannel.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { StyleSheet, SafeAreaView } from 'react-native';\nimport {\n    Input,\n    InputField,\n    InputSlot,\n    Text,\n    VStack,\n    Box,\n    FormControl,\n    FormControlLabel,\n    FormControlLabelText,\n    FormControlHelper,\n    FormControlHelperText,\n    FormControlError,\n    FormControlErrorText,\n    Button,\n    ButtonText,\n    Fab,\n    Icon,\n    Divider,\n} from '@admin-layout/gluestack-ui-mobile';\nimport Colors from '../../constants/Colors';\nimport { useAddChannelMutation } from '../../queries/slackuiQueries';\nimport { AntDesign } from '@expo/vector-icons';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { NavigationRoutes } from '../../constants/routes';\nimport colors from 'tailwindcss/colors';\n\nconst AddChannel = ({ navigation, route }: any) => {\n    const [name, setName] = useState('');\n    const [description, setDescription] = useState('');\n    const [showCreateButton, setShowCreateButton] = useState(false);\n    const [nameIsInvalid, setNameIsInvalid] = useState(false);\n\n    const [createChannel, createdChannel] = useAddChannelMutation({\n        onCompleted: (data: any) => {\n            //console.log('create data',data)\n            if (data?.createChannel)\n                navigation.navigate(NavigationRoutes.AddPeople, {\n                    channelId: data?.createChannel?.id,\n                    orgName: route?.params?.orgName,\n                });\n            else navigation.navigate(NavigationRoutes.Home, { orgName: route?.params?.orgName });\n        },\n    });\n\n    // useEffect(() => {\n\n    //     if(name && name.length > 0){\n    //         let patt = /^[A-Za-z0-9_+\\-]*$/;\n    //         if (patt.test(name))\n    //         {\n    //             setNameIsInvalid(false)\n    //             setShowCreateButton(true)\n    //         }\n    //         else\n    //         {\n    //             setNameIsInvalid(true)\n    //             setShowCreateButton(false)\n    //         }\n    //     }\n    //     else\n    //     {\n    //         setShowCreateButton(false)\n    //     }\n\n    // //    if(name && name.length > 0)\n    // //     setShowCreateButton(true)\n    // //    else\n    // //     setShowCreateButton(false)\n\n    // }, [name])\n\n    useEffect(() => {\n        if (name && name.length > 0) setShowCreateButton(true);\n        else setShowCreateButton(false);\n    }, [name]);\n\n    useEffect(() => {\n        navigation.setOptions({\n            headerShown: true,\n            headerTitleAlign: 'left',\n            headerTitleStyle: {},\n            headerRight: (props: any) => (\n                <Button onPress={() => createNewChannel()} variant={'link'} disabled={showCreateButton ? false : true}>\n                    <ButtonText style={{ color: showCreateButton ? 'black' : '#71717a' }}>Create</ButtonText>\n                </Button>\n            ),\n        });\n    }, [name, description, showCreateButton]);\n\n    const createNewChannel = () => {\n        if (name && name.length > 0) {\n            createChannel({\n                variables: {\n                    name: name,\n                    description: description,\n                },\n            });\n        }\n    };\n\n    // const setChannelName = (v:any) => {\n    //     let nameStr = v.replace(/\\s+/g, '-').toLowerCase();\n    //     setName(nameStr)\n    // }\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <Box className=\"bg-white flex-1 py-2 h-full shadow-sm\">\n                <VStack space=\"md\">\n                    <Box className=\"px-4 pt-4\">\n                        {/* <FormControl isInvalid={nameIsInvalid} mt=\"3\"> */}\n                        <FormControl className=\"mt-3\">\n                            <FormControlLabel className=\"mb-1\">\n                                <FormControlLabelText>Name</FormControlLabelText>\n                            </FormControlLabel>\n\n                            <Input variant=\"underlined\">\n                                <InputSlot className=\"pl-0\">\n                                    <Text color={colors.gray[500]}>#</Text>\n                                </InputSlot>\n                                <InputField\n                                    type=\"text\"\n                                    placeholder=\" e.g. Plan budget\"\n                                    maxLength={80}\n                                    value={name}\n                                    onChange={(event) => setName(event.nativeEvent.text)}\n                                />\n                                <InputSlot className=\"pr-3\">\n                                    <Text color={colors.gray[500]}>{80 - name.length}</Text>\n                                </InputSlot>\n                            </Input>\n                            <FormControlError>\n                                <FormControlErrorText className=\"color-red-500\">\n                                    Channel names must be lowercase, and can't contain spaces,periods,or most\n                                    punctuation.\n                                </FormControlErrorText>\n                            </FormControlError>\n                        </FormControl>\n                        <FormControl className=\"mt-3\">\n                            <FormControlLabel className=\"mb-1\">\n                                <FormControlLabelText>Description</FormControlLabelText>\n                            </FormControlLabel>\n                            <Input variant=\"underlined\">\n                                <InputField\n                                    type=\"text\"\n                                    placeholder=\"channel description\"\n                                    value={description}\n                                    onChange={(event) => setDescription(event.nativeEvent.text)}\n                                />\n                            </Input>\n                        </FormControl>\n                    </Box>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        //justifyContent: 'center',\n        padding: 20,\n    },\n    itemView: {\n        paddingVertical: 8,\n        marginTop: 5,\n    },\n    headingText: {\n        color: Colors.light.text,\n        fontSize: 16,\n        fontWeight: '400',\n    },\n});\n\nexport default AddChannel;\n"],"names":["React"],"mappings":"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"}

package/lib/screens/Channels/Channels.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useCallback,useEffect}from'react';import {SafeAreaView,StyleSheet,Dimensions}from'react-native';import {Box,Text,Button,ButtonText,Pressable,HStack,VStack,Center,Spinner,Heading,Input,InputSlot,InputIcon,SearchIcon,InputField,FlatList}from'@admin-layout/gluestack-ui-mobile';import {NavigationRoutes}from'../../constants/routes.js';import {RoomType}from'common';import {useGetChannelsByUserQuery}from'common/graphql';import {useIsFocused,useFocusEffect}from'@react-navigation/native';import {MaterialIcons,FontAwesome,Octicons}from'@expo/vector-icons';import colors from'tailwindcss/colors';import {StatusBar}from'expo-status-bar';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {uniqBy}from'lodash-es';Dimensions.get("window").width;
+import React__default,{useState,useCallback,useEffect}from'react';import {SafeAreaView,StyleSheet,Dimensions}from'react-native';import {Box,Text,Button,ButtonText,Pressable,HStack,VStack,Center,Spinner,Heading,Input,InputSlot,InputIcon,SearchIcon,InputField,FlatList}from'@admin-layout/gluestack-ui-mobile';import {NavigationRoutes}from'../../constants/routes.js';import {RoomType}from'common';import {useChannelsQuery}from'../../queries/slackuiQueries.js';import {useIsFocused,useFocusEffect}from'@react-navigation/native';import {MaterialIcons,FontAwesome,Octicons}from'@expo/vector-icons';import colors from'tailwindcss/colors';import {StatusBar}from'expo-status-bar';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {uniqBy}from'lodash-es';Dimensions.get("window").width;
 Dimensions.get("window").height;
 const defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];
 const Channels = ({
@@ -13,21 +13,11 @@ const Channels = ({
   const [intialChannels, setInitialChannels] = useState([]);
   const [searchQuery, setSearchQuery] = useState("");
   const {
-    data: channelsData,
+    data,
     loading,
     error,
     refetch
-  } = useGetChannelsByUserQuery({
-    variables: {
-      criteria: {
-        orgName,
-        type: defaultChannelType,
-        team: null
-      },
-      limit: 50
-    },
-    skip: !orgName
-  });
+  } = useChannelsQuery();
   useFocusEffect(useCallback(() => {
     if (orgName) {
       refetch({
@@ -44,8 +34,8 @@ const Channels = ({
   }, [orgName, refetch]));
   useEffect(() => {
     var _a, _b;
-    if (channelsData) {
-      const newChannels = ((_b = (_a = channelsData == null ? void 0 : channelsData.channelsByUser) == null ? void 0 : _a.filter((i) => i.type !== RoomType.Direct)) == null ? void 0 : _b.sort((a, b) => a.title.localeCompare(b.title))) || [];
+    if (data) {
+      const newChannels = ((_b = (_a = data == null ? void 0 : data.channelsByUser) == null ? void 0 : _a.filter((i) => i.type !== RoomType.Direct)) == null ? void 0 : _b.sort((a, b) => a.title.localeCompare(b.title))) || [];
       setChannels((oldChannels) => uniqBy([...newChannels, ...oldChannels], ({
         id
       }) => id));
@@ -53,7 +43,7 @@ const Channels = ({
         id
       }) => id));
     }
-  }, [channelsData]);
+  }, [data]);
   useEffect(() => {
     if (navigation) {
       navigation.setOptions({