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

package/lib/screens/Account/AccountScreen.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {useSelector,useDispatch}from'react-redux';import {userSelector,logoutAndRedirect}from'@adminide-stack/user-auth0-client';import {useToast,Box,VStack,HStack,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text,Button,ButtonText,Divider,ToastAlert}from'@admin-layout/gluestack-ui-mobile';import {useNavigation}from'@react-navigation/native';import {startCase}from'lodash-es';import {FontAwesome5}from'@expo/vector-icons';import'../../constants/device.js';import'../../constants/globalStyles.js';import images from'../../constants/preloadImages.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';import'expo-font';import'expo-splash-screen';import'react-native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';const AccountScreen = () => {
+import React__default from'react';import {useSelector,useDispatch}from'react-redux';import {userSelector,logoutAndRedirect}from'@adminide-stack/user-auth0-client';import {useToast,Box,VStack,HStack,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text,Button,ButtonText,Divider,ToastAlert}from'@admin-layout/gluestack-ui-mobile';import {useNavigation}from'@react-navigation/native';import {startCase}from'lodash-es';import {FontAwesome5}from'@expo/vector-icons';import'../../constants/device.js';import'../../constants/globalStyles.js';import images from'../../constants/preloadImages.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';import'expo-font';import'expo-splash-screen';import'react-native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import'../../hooks/useOptimizedChannelsQueries.js';import colors from'tailwindcss/colors';const AccountScreen = () => {
   var _a, _b, _c, _d, _e, _f;
   const Toast = useToast();
   const {
@@ -22,46 +22,43 @@ import React__default from'react';import {useSelector,useDispatch}from'react-red
       console.error("Error signing out", error);
     }
   };
-  return /* @__PURE__ */ React__default.createElement(Box, { bg: "$white", flex: 1 }, /* @__PURE__ */ React__default.createElement(VStack, { m: "$0", flex: 1, py: "$5" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", px: "$2", pt: "$0", mt: "$0", pb: "$4", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "md", bg: "transparent", rounded: "$lg" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_b = (_a = user == null ? void 0 : user.profile) == null ? void 0 : _a.nickname) == null ? void 0 : _b.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "icon", size: "md", rounded: "$lg", source: {
+  return /* @__PURE__ */ React__default.createElement(Box, { className: "bg-white flex-1" }, /* @__PURE__ */ React__default.createElement(VStack, { className: "m-0 flex-1 py-5" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "px-2 pt-0 mt-0 pb-4 items-center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "md", className: "bg-transparent rounded-lg" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase((_b = (_a = user == null ? void 0 : user.profile) == null ? void 0 : _a.nickname) == null ? void 0 : _b.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "icon", className: "rounded-lg ", source: {
     uri: (_c = user == null ? void 0 : user.profile) == null ? void 0 : _c.picture
-  } }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { bottom: "-$1", right: "-$1.5", style: {
+  } }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { className: "bottom-[-1] right-[-1.5] bg-green-800", style: {
     width: 15,
     height: 15
-  }, bg: "$green800" })), /* @__PURE__ */ React__default.createElement(VStack, null, /* @__PURE__ */ React__default.createElement(Text, { style: {
+  } })), /* @__PURE__ */ React__default.createElement(VStack, null, /* @__PURE__ */ React__default.createElement(Text, { style: {
     fontSize: 20
-  }, color: "$black", fontWeight: "$bold" }, (_f = (_d = user == null ? void 0 : user.profile) == null ? void 0 : _d.name) != null ? _f : (_e = user == null ? void 0 : user.profile) == null ? void 0 : _e.nickname), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Text, { style: {
+  }, color: colors.black, className: "font-bold" }, (_f = (_d = user == null ? void 0 : user.profile) == null ? void 0 : _d.name) != null ? _f : (_e = user == null ? void 0 : user.profile) == null ? void 0 : _e.nickname), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "items-center" }, /* @__PURE__ */ React__default.createElement(Text, { style: {
     fontSize: 15
-  }, color: "$coolGray600", fontWeight: "$normal" }, " ", "Active"), /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200", size: "xs", variant: "solid", p: 0, onPress: logout }, /* @__PURE__ */ React__default.createElement(ButtonText, { style: {
+  }, color: colors.gray[600], className: "font-normal" }, " ", "Active"), /* @__PURE__ */ React__default.createElement(Button, { size: "xs", variant: "solid", onPress: logout, className: "bg-transparent p-0 active:bg-gray-200 hover:bg-gray-200" }, /* @__PURE__ */ React__default.createElement(ButtonText, { style: {
     fontSize: 16,
     color: "black"
-  } }, "( Logout )"))))), /* @__PURE__ */ React__default.createElement(VStack, { px: "$2", space: "sm" }, /* @__PURE__ */ React__default.createElement(Button, { borderColor: "$trueGray400", rounded: "$xl", variant: "outline", justifyContent: "flex-start", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200", my: "$4" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Avatar, { alignItems: "center", justifyContent: "center", size: "sm", bg: "transparent", rounded: "$lg" }, /* @__PURE__ */ React__default.createElement(FontAwesome5, { name: "smile", size: 20, color: "#1f2937" })), /* @__PURE__ */ React__default.createElement(Text, { style: {
+  } }, "( Logout )"))))), /* @__PURE__ */ React__default.createElement(VStack, { className: "px-2", space: "sm" }, /* @__PURE__ */ React__default.createElement(Button, { variant: "outline", className: "border-gray-400 rounded-xl justify-start my-4 active:bg-gray-200 hover:bg-gray-200" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "items-center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", className: "rounded-lg bg-transparent justify-center items-center" }, /* @__PURE__ */ React__default.createElement(FontAwesome5, { name: "smile", size: 20, color: "#1f2937" })), /* @__PURE__ */ React__default.createElement(Text, { style: {
     fontSize: 20
-  }, color: "$warmGray600" }, "Update your status"))), /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200", variant: "solid", justifyContent: "flex-start" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", bg: "transparent", rounded: "$lg" }, /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "icon", size: "sm", rounded: "$lg", source: images.notificationBellOff }), /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, "PN")), /* @__PURE__ */ React__default.createElement(Text, { style: {
+  }, color: colors.gray[600] }, "Update your status"))), /* @__PURE__ */ React__default.createElement(Button, { variant: "solid", className: "bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "items-center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", className: "bg-transparent rounded-lg" }, /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "icon", className: "rounded-lg", source: images.notificationBellOff }), /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, "PN")), /* @__PURE__ */ React__default.createElement(Text, { style: {
     fontSize: 20,
     color: "black"
-  } }, "Pause notifications"))), /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200", variant: "solid", justifyContent: "flex-start" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", bg: "transparent", rounded: "$lg" }, /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "icon", size: "sm", rounded: "$lg", source: images.user }), /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, "ST"), /* @__PURE__ */ React__default.createElement(
-    AvatarBadge,
+  } }, "Pause notifications"))), /* @__PURE__ */ React__default.createElement(
+    Button,
     {
-      bg: "transparent",
-      style: {
-        width: 10,
-        height: 10
-      },
-      borderWidth: "$1",
-      borderColor: "$black",
-      bottom: "$0",
-      right: "$0"
-    }
-  )), /* @__PURE__ */ React__default.createElement(Text, { style: {
-    fontSize: 20,
-    color: "black"
-  } }, "Set yourself as", " ", /* @__PURE__ */ React__default.createElement(Text, { color: "$black", fontWeight: "bold" }, "away"))))), /* @__PURE__ */ React__default.createElement(Divider, { my: "$4" }), /* @__PURE__ */ React__default.createElement(VStack, { px: "$2", space: "sm" }, /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", variant: "solid", justifyContent: "flex-start", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200", onPress: () => navigation.navigate(NavigationRoutes.Profile) }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", bg: "transparent", rounded: "$lg" }, /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "icon", size: "sm", rounded: "$lg", source: images.user }), /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, "VP")), /* @__PURE__ */ React__default.createElement(Text, { style: {
+      variant: "solid",
+      className: "bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200"
+    },
+    /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "items-center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", className: "bg-transparent rounded-lg" }, /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "icon", className: "rounded-lg", source: images.user }), /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, "ST"), /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
+      width: 10,
+      height: 10
+    }, className: "bg-transparent border border-black bottom-0 right-0" })), /* @__PURE__ */ React__default.createElement(Text, { style: {
+      fontSize: 20,
+      color: "black"
+    } }, "Set yourself as", " ", /* @__PURE__ */ React__default.createElement(Text, { color: colors.black, className: "font-bold" }, "away")))
+  )), /* @__PURE__ */ React__default.createElement(Divider, { className: "my-4" }), /* @__PURE__ */ React__default.createElement(VStack, { className: "px-2", space: "sm" }, /* @__PURE__ */ React__default.createElement(Button, { variant: "solid", className: "bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200", onPress: () => navigation.navigate(NavigationRoutes.Profile) }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "items-center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", className: "bg-transparent rounded-lg" }, /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "icon", className: "rounded-lg", source: images.user }), /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, "VP")), /* @__PURE__ */ React__default.createElement(Text, { style: {
     fontSize: 20,
     color: "black"
-  } }, "View Profile"))), /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200", variant: "solid", justifyContent: "flex-start" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", bg: "transparent", rounded: "$lg" }, /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "icon", size: "sm", rounded: "$lg", source: images.pushNotification }), /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, "NC")), /* @__PURE__ */ React__default.createElement(Text, { style: {
+  } }, "View Profile"))), /* @__PURE__ */ React__default.createElement(Button, { variant: "solid", className: "bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "items-center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", className: "bg-transparent rounded-lg" }, /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "icon", className: "rounded-lg", source: images.pushNotification }), /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, "NC")), /* @__PURE__ */ React__default.createElement(Text, { style: {
     fontSize: 20,
     color: "black"
-  } }, "Notifications"))), /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200", variant: "solid", justifyContent: "flex-start" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", bg: "transparent", rounded: "$lg" }, /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "icon", size: "sm", rounded: "$lg", source: images.contrastAdjustment }), /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, "PF")), /* @__PURE__ */ React__default.createElement(Text, { style: {
+  } }, "Notifications"))), /* @__PURE__ */ React__default.createElement(Button, { variant: "solid", className: "bg-transparent justify-start active:bg-gray-200 hover:bg-gray-200" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "items-center" }, /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", className: "bg-transparent rounded-lg" }, /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "icon", className: "rounded-lg", source: images.contrastAdjustment }), /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, "PF")), /* @__PURE__ */ React__default.createElement(Text, { style: {
     fontSize: 20,
     color: "black"
   } }, "Preferences"))))));

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/lib/generated/generated.js';\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';\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 bg={'$white'} flex={1}>\n            <VStack m={'$0'} flex={1} py={'$5'}>\n                <HStack space={'sm'} px={'$2'} pt={'$0'} mt={'$0'} pb={'$4'} alignItems={'center'}>\n                    <Avatar size={'md'} bg={'transparent'} rounded={'$lg'}>\n                        <AvatarFallbackText>{startCase(user?.profile?.nickname?.charAt(0))}</AvatarFallbackText>\n                        <AvatarImage\n                            alt=\"icon\"\n                            size={'md'}\n                            rounded={'$lg'}\n                            source={{\n                                uri: user?.profile?.picture,\n                            }}\n                        />\n                        <AvatarBadge bottom={'-$1'} right={'-$1.5'} style={{ width: 15, height: 15 }} bg=\"$green800\" />\n                    </Avatar>\n                    <VStack>\n                        <Text style={{ fontSize: 20 }} color={'$black'} fontWeight={'$bold'}>\n                            {user?.profile?.name ?? user?.profile?.nickname}\n                        </Text>\n                        <HStack space={'sm'} alignItems=\"center\">\n                            <Text style={{ fontSize: 15 }} color={'$coolGray600'} fontWeight={'$normal'}>\n                                {' '}\n                                Active\n                            </Text>\n                            <Button\n                                bg={'transparent'}\n                                $pressed-bg=\"$trueGray200\"\n                                $active-bg={'$trueGray200'}\n                                size={'xs'}\n                                variant={'solid'}\n                                p={0}\n                                onPress={logout}\n                            >\n                                <ButtonText style={{ fontSize: 16, color: 'black' }}>( Logout )</ButtonText>\n                            </Button>\n                        </HStack>\n                    </VStack>\n                </HStack>\n\n                <VStack px={'$2'} space={'sm'}>\n                    <Button\n                        borderColor={'$trueGray400'}\n                        rounded={'$xl'}\n                        variant={'outline'}\n                        justifyContent={'flex-start'}\n                        $pressed-bg=\"$trueGray200\"\n                        $active-bg={'$trueGray200'}\n                        my={'$4'}\n                    >\n                        <HStack space={'md'} alignItems=\"center\">\n                            <Avatar\n                                alignItems=\"center\"\n                                justifyContent=\"center\"\n                                size={'sm'}\n                                bg={'transparent'}\n                                rounded={'$lg'}\n                            >\n                                <FontAwesome5 name=\"smile\" size={20} color={'#1f2937'} />\n                            </Avatar>\n\n                            <Text style={{ fontSize: 20 }} color={'$warmGray600'}>\n                                Update your status\n                            </Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        bg={'transparent'}\n                        $pressed-bg=\"$trueGray200\"\n                        $active-bg={'$trueGray200'}\n                        variant={'solid'}\n                        justifyContent={'flex-start'}\n                    >\n                        <HStack space={'md'} alignItems=\"center\">\n                            <Avatar size={'sm'} bg={'transparent'} rounded={'$lg'}>\n                                <AvatarImage\n                                    alt=\"icon\"\n                                    size={'sm'}\n                                    rounded={'$lg'}\n                                    source={images.notificationBellOff}\n                                />\n                                <AvatarFallbackText>PN</AvatarFallbackText>\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>Pause notifications</Text>\n                        </HStack>\n                    </Button>\n\n                    <Button\n                        bg={'transparent'}\n                        $pressed-bg=\"$trueGray200\"\n                        $active-bg={'$trueGray200'}\n                        variant={'solid'}\n                        justifyContent={'flex-start'}\n                    >\n                        <HStack space={'md'} alignItems=\"center\">\n                            <Avatar size={'sm'} bg={'transparent'} rounded={'$lg'}>\n                                <AvatarImage alt=\"icon\" size={'sm'} rounded={'$lg'} source={images.user} />\n                                <AvatarFallbackText>ST</AvatarFallbackText>\n                                <AvatarBadge\n                                    bg=\"transparent\"\n                                    style={{ width: 10, height: 10 }}\n                                    borderWidth={'$1'}\n                                    borderColor={'$black'}\n                                    //top={3}\n                                    bottom={'$0'}\n                                    right={'$0'}\n                                />\n                            </Avatar>\n                            <Text style={{ fontSize: 20, color: 'black' }}>\n                                Set yourself as{' '}\n                                <Text color={'$black'} fontWeight={'bold'}>\n                                    away\n                                </Text>\n                            </Text>\n                        </HStack>\n                    </Button>\n                </VStack>\n                <Divider my={'$4'} />\n                <VStack px={'$2'} space={'sm'}>\n                    <Button\n                        bg={'transparent'}\n                        variant={'solid'}\n                        justifyContent={'flex-start'}\n                        $pressed-bg=\"$trueGray200\"\n                        $active-bg={'$trueGray200'}\n                        onPress={() => navigation.navigate(NavigationRoutes.Profile)}\n                    >\n                        <HStack space={'md'} alignItems=\"center\">\n                            <Avatar size={'sm'} bg={'transparent'} rounded={'$lg'}>\n                                <AvatarImage alt=\"icon\" size={'sm'} 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                        bg={'transparent'}\n                        $pressed-bg=\"$trueGray200\"\n                        $active-bg={'$trueGray200'}\n                        variant={'solid'}\n                        justifyContent={'flex-start'}\n                    >\n                        <HStack space={'md'} alignItems=\"center\">\n                            <Avatar size={'sm'} bg={'transparent'} rounded={'$lg'}>\n                                <AvatarImage alt=\"icon\" size={'sm'} 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                        bg={'transparent'}\n                        $pressed-bg=\"$trueGray200\"\n                        $active-bg={'$trueGray200'}\n                        variant={'solid'}\n                        justifyContent={'flex-start'}\n                    >\n                        <HStack space={'md'} alignItems=\"center\">\n                            <Avatar size={'sm'} bg={'transparent'} rounded={'$lg'}>\n                                <AvatarImage\n                                    alt=\"icon\"\n                                    size={'sm'}\n                                    rounded={'$lg'}\n                                    source={images.contrastAdjustment}\n                                />\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/Activity/ActivityScreen.js

@@ -1,6 +1,10 @@
-import React__default from'react';import {View,Text}from'@admin-layout/gluestack-ui-mobile';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';const ActivityScreen = ({
+import React__default from'react';import {Box,Text}from'@admin-layout/gluestack-ui-mobile';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';const ActivityScreen = ({
   navigation,
   route
 }) => {
-  return /* @__PURE__ */ React__default.createElement(VirtualizedScrollView, { bg: "#fff", flex: 1 }, /* @__PURE__ */ React__default.createElement(View, { flex: 1, bg: "#fff", pb: "$10", pt: "$2" }, /* @__PURE__ */ React__default.createElement(Text, null, "Activity screen")));
+  return /* @__PURE__ */ React__default.createElement(VirtualizedScrollView, { bg: "#fff", flex: 1, style: {
+    width: "100%",
+    height: "100%",
+    backgroundColor: "#fff"
+  } }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 h-full bg-white pb-10 pt-2" }, /* @__PURE__ */ React__default.createElement(Text, null, "Activity screen")));
 };export{ActivityScreen as default};//# sourceMappingURL=ActivityScreen.js.map

package/lib/screens/Activity/ActivityScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityScreen.js","sources":["../../../src/screens/Activity/ActivityScreen.tsx"],"sourcesContent":["import { Ionicons } from '@expo/vector-icons';\nimport { StackNavigationProp } from '@react-navigation/stack';\nimport React, { useState } from 'react';\nimport { Pressable, Image, TouchableOpacity, FlatList } from 'react-native';\nimport { Actionsheet, View, Box, Text, Button } from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { Header, Tiles } from '../../components';\nimport { NavigationRoutes } from '../../constants/routes';\nimport send from '../../../assets/images/send.png';\nimport comment from '../../../assets/images/comment.png';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\ntype SavedScreenProps = {\n    //navigation: StackNavigationProp<HomeParamList, 'Home'>;\n    route: any;\n    navigation: any;\n};\n\nconst ActivityScreen = ({ navigation, route }: SavedScreenProps) => {\n    return (\n        <VirtualizedScrollView bg={'#fff'} flex={1}>\n            {/* <View style={styles.container}> */}\n            <View flex={1} bg={'#fff'} pb={'$10'} pt={'$2'}>\n                {/* <Header title='Saved Screen' /> */}\n                <Text>Activity screen</Text>\n            </View>\n        </VirtualizedScrollView>\n    );\n};\n\nexport default ActivityScreen;\n"],"names":["React"],"mappings":"+LAgBA,MAAM,iBAAiB,CAAC;AAAA,EACtB,UAAA;AAAA,EACA;AACF,CAAwB,KAAA;AACtB,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,yBAAsB,EAAI,EAAA,MAAA,EAAQ,MAAM,CAEtC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAM,EAAA,CAAA,EAAG,IAAI,MAAQ,EAAA,EAAA,EAAI,OAAO,EAAI,EAAA,IAAA,EAAA,+CAErC,IAAK,EAAA,IAAA,EAAA,iBAAe,CACzB,CACJ,CAAA;AACR"}
+{"version":3,"file":"ActivityScreen.js","sources":["../../../src/screens/Activity/ActivityScreen.tsx"],"sourcesContent":["import { Ionicons } from '@expo/vector-icons';\nimport { StackNavigationProp } from '@react-navigation/stack';\nimport React, { useState } from 'react';\nimport { Pressable, Image, TouchableOpacity, FlatList } from 'react-native';\nimport { Actionsheet, View, Box, Text, Button } from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { Header, Tiles } from '../../components';\nimport { NavigationRoutes } from '../../constants/routes';\nimport send from '../../../assets/images/send.png';\nimport comment from '../../../assets/images/comment.png';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\ntype SavedScreenProps = {\n    //navigation: StackNavigationProp<HomeParamList, 'Home'>;\n    route: any;\n    navigation: any;\n};\n\nconst ActivityScreen = ({ navigation, route }: SavedScreenProps) => {\n    return (\n        <VirtualizedScrollView bg={'#fff'} flex={1} style={{ width: '100%', height: '100%', backgroundColor: '#fff' }}>\n            {/* <View style={styles.container}> */}\n            <Box className=\"flex-1 h-full bg-white pb-10 pt-2\">\n                {/* <Header title='Saved Screen' /> */}\n                <Text>Activity screen</Text>\n            </Box>\n        </VirtualizedScrollView>\n    );\n};\n\nexport default ActivityScreen;\n"],"names":["React"],"mappings":"8LAgBA,MAAM,iBAAiB,CAAC;AAAA,EACtB,UAAA;AAAA,EACA;AACF,CAAwB,KAAA;AACtB,EAAA,oDAAQ,qBAAsB,EAAA,EAAA,EAAA,EAAI,MAAQ,EAAA,IAAA,EAAM,GAAG,KAAO,EAAA;AAAA,IACxD,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IACR,eAAiB,EAAA;AAAA,GACnB,EAAA,+CAEW,GAAI,EAAA,EAAA,SAAA,EAAU,uDAEVA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAK,iBAAe,CACzB,CACJ,CAAA;AACR"}

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

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {TouchableOpacity,StyleSheet}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 {MaterialIcons}from'@expo/vector-icons';import'../../../constants/device.js';import'../../../constants/globalStyles.js';import'../../../constants/Layout.js';import {NavigationRoutes}from'../../../constants/routes.js';const AddChannelName = ({
+import React__default,{useState,useEffect}from'react';import {TouchableOpacity,Platform,StyleSheet}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 {MaterialIcons}from'@expo/vector-icons';import'../../../constants/device.js';import'../../../constants/globalStyles.js';import'../../../constants/Layout.js';import {NavigationRoutes}from'../../../constants/routes.js';const AddChannelName = ({
   navigation,
   route
 }) => {
@@ -16,8 +16,33 @@ import React__default,{useState,useEffect}from'react';import {TouchableOpacity,S
     navigation.setOptions({
       headerTitleAlign: "left",
       headerTitleStyle: {},
-      headerLeft: (props) => /* @__PURE__ */ React__default.createElement(TouchableOpacity, { onPress: () => navigation.goBack() }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 20, name: "close", color: "black" })),
-      headerRight: (props) => /* @__PURE__ */ React__default.createElement(Button, { mr: "$2", onPress: () => addNewChannelVisiblity(), variant: "link", disabled: showCreateButton ? false : true }, /* @__PURE__ */ React__default.createElement(ButtonText, { style: {
+      headerLeft: (props) => /* @__PURE__ */ React__default.createElement(
+        TouchableOpacity,
+        {
+          onPress: () => {
+            var _a, _b;
+            if (Platform.OS === "macos") {
+              navigation.navigate("MainStack", {
+                screen: NavigationRoutes.Home,
+                params: {
+                  orgName: (_a = route == null ? void 0 : route.params) == null ? void 0 : _a.orgName
+                }
+              });
+            } else if (navigation.canGoBack()) {
+              navigation.goBack();
+            } else {
+              navigation.navigate("MainStack", {
+                screen: NavigationRoutes.Home,
+                params: {
+                  orgName: (_b = route == null ? void 0 : route.params) == null ? void 0 : _b.orgName
+                }
+              });
+            }
+          }
+        },
+        /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 20, name: "close", color: "black" })
+      ),
+      headerRight: (props) => /* @__PURE__ */ React__default.createElement(Button, { className: "mr-2", onPress: () => addNewChannelVisiblity(), variant: "link", disabled: showCreateButton ? false : true }, /* @__PURE__ */ React__default.createElement(ButtonText, { style: {
         color: showCreateButton ? "black" : "#71717a"
       } }, "Next")),
       headerStyle: {
@@ -38,9 +63,9 @@ import React__default,{useState,useEffect}from'react';import {TouchableOpacity,S
       });
     }
   }, [name, description, route]);
-  const handleChangeText = (newValue) => {
-    var _a;
-    const formattedValue = (_a = newValue == null ? void 0 : newValue.replace(/ /g, "-")) == null ? void 0 : _a.toLowerCase();
+  const handleChangeText = (event) => {
+    var _a, _b;
+    const formattedValue = (_b = (_a = event.nativeEvent.text) == null ? void 0 : _a.replace(/ /g, "-")) == null ? void 0 : _b.toLowerCase();
     setName(formattedValue);
   };
   const handleKeyPress = (event) => {
@@ -48,7 +73,7 @@ import React__default,{useState,useEffect}from'react';import {TouchableOpacity,S
       setName((prevValue) => (prevValue == null ? void 0 : prevValue.toLowerCase()) + "-");
     }
   };
-  return /* @__PURE__ */ React__default.createElement(Box, { flex: 1, bg: "#fff", softShadow: "1", py: "$2", h: "100%" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "md" }, /* @__PURE__ */ React__default.createElement(Box, { px: "$4", pt: "$4" }, /* @__PURE__ */ React__default.createElement(FormControl, { mt: "$3" }, /* @__PURE__ */ React__default.createElement(FormControlLabel, { mb: "$1" }, /* @__PURE__ */ React__default.createElement(FormControlLabelText, null, "Name")), /* @__PURE__ */ React__default.createElement(Input, { variant: "underlined" }, /* @__PURE__ */ React__default.createElement(InputSlot, { pl: "$0" }, /* @__PURE__ */ React__default.createElement(Text, { color: "#71717a" }, "#")), /* @__PURE__ */ React__default.createElement(InputField, { type: "text", placeholder: " e.g. plan-budget", maxLength: 80, value: name, onChangeText: handleChangeText, onKeyPress: handleKeyPress, autoCapitalize: "none", autoCorrect: false }), /* @__PURE__ */ React__default.createElement(InputSlot, { pr: "$3" }, /* @__PURE__ */ React__default.createElement(Text, { color: "#71717a" }, 80 - name.length))), /* @__PURE__ */ React__default.createElement(FormControlError, null, /* @__PURE__ */ React__default.createElement(FormControlErrorText, { color: "$red" }, "Channel names must be lowercase, and can't contain spaces,periods,or most punctuation."))), /* @__PURE__ */ React__default.createElement(FormControl, { mt: "$3" }, /* @__PURE__ */ React__default.createElement(FormControlLabel, { mb: "$1" }, /* @__PURE__ */ React__default.createElement(FormControlLabelText, null, "Description")), /* @__PURE__ */ React__default.createElement(Input, { variant: "underlined" }, /* @__PURE__ */ React__default.createElement(InputField, { type: "text", placeholder: "channel description", value: description, onChangeText: (v) => setDescription(v), autoCapitalize: "none", autoCorrect: false }))))));
+  return /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 bg-white shadow-sm py-2 h-full" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "md" }, /* @__PURE__ */ React__default.createElement(Box, { className: "px-4 pt-4" }, /* @__PURE__ */ React__default.createElement(FormControl, { className: "mt-3" }, /* @__PURE__ */ React__default.createElement(FormControlLabel, { className: "mb-1" }, /* @__PURE__ */ React__default.createElement(FormControlLabelText, null, "Name")), /* @__PURE__ */ React__default.createElement(Input, { variant: "underlined" }, /* @__PURE__ */ React__default.createElement(InputSlot, { className: "pl-0" }, /* @__PURE__ */ React__default.createElement(Text, { color: "#71717a" }, "#")), /* @__PURE__ */ React__default.createElement(InputField, { type: "text", placeholder: " e.g. plan-budget", maxLength: 80, value: name, onChange: handleChangeText, onKeyPress: handleKeyPress, autoCapitalize: "none", autoCorrect: false }), /* @__PURE__ */ React__default.createElement(InputSlot, { className: "pr-3" }, /* @__PURE__ */ React__default.createElement(Text, { color: "#71717a" }, 80 - name.length))), /* @__PURE__ */ React__default.createElement(FormControlError, null, /* @__PURE__ */ React__default.createElement(FormControlErrorText, { className: "color-red-500" }, "Channel names must be lowercase, and can't contain spaces,periods,or most punctuation."))), /* @__PURE__ */ React__default.createElement(FormControl, { className: "mt-3" }, /* @__PURE__ */ React__default.createElement(FormControlLabel, { className: "mb-1" }, /* @__PURE__ */ React__default.createElement(FormControlLabelText, null, "Description")), /* @__PURE__ */ React__default.createElement(Input, { variant: "underlined" }, /* @__PURE__ */ React__default.createElement(InputField, { type: "text", placeholder: "channel description", value: description, onChange: (event) => setDescription(event.nativeEvent.text), autoCapitalize: "none", autoCorrect: false }))))));
 };
 StyleSheet.create({
   container: {
@@ -60,7 +85,7 @@ StyleSheet.create({
     marginTop: 5
   },
   headingText: {
-    color: colors.light.text,
+    color: Colors.light.text,
     fontSize: 16,
     fontWeight: "400"
   }

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

@@ -1 +1 @@
-{"version":3,"file":"AddName.js","sources":["../../../../src/screens/Channels/Add/AddName.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { StyleSheet, TouchableOpacity } from 'react-native';\nimport {\n    Input,\n    InputField,\n    InputSlot,\n    SafeAreaView,\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 { AntDesign, MaterialIcons } from '@expo/vector-icons';\nimport { NavigationRoutes } from '../../../constants';\n\nconst AddChannelName = ({ 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    // 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            headerLeft: (props: any) => (\n                <TouchableOpacity onPress={() => navigation.goBack()}>\n                    <MaterialIcons size={20} name=\"close\" color={'black'} />\n                </TouchableOpacity>\n            ),\n            headerRight: (props: any) => (\n                <Button\n                    mr={'$2'}\n                    onPress={() => addNewChannelVisiblity()}\n                    variant={'link'}\n                    disabled={showCreateButton ? false : true}\n                >\n                    <ButtonText style={{ color: showCreateButton ? 'black' : '#71717a' }}>Next</ButtonText>\n                </Button>\n            ),\n            headerStyle: {\n                height: 110,\n                borderBottomWidth: 1,\n                borderColor: '#d1d2d3',\n            },\n        });\n    }, [name, description, showCreateButton]);\n\n    const addNewChannelVisiblity = React.useCallback(() => {\n        if (name && name.length > 0) {\n            navigation.navigate(NavigationRoutes.AddChannelVisibility, {\n                name: name,\n                description: description,\n                teamId: route?.params?.teamId?.toString(),\n                teamName: route?.params?.teamName?.toString(),\n            });\n        }\n    }, [name, description, route]);\n\n    // const setChannelName = (v:any) => {\n    //     let nameStr = v.replace(/\\s+/g, '-').toLowerCase();\n    //     setName(nameStr)\n    // }\n\n    const handleChangeText = (newValue) => {\n        // If the space bar is pressed, append a dash to the value\n        const formattedValue = newValue?.replace(/ /g, '-')?.toLowerCase(); // Replace all spaces with dashes\n        setName(formattedValue);\n    };\n\n    const handleKeyPress = (event) => {\n        if (event.nativeEvent.key === ' ') {\n            // Add a dash (-) when the space bar is pressed\n            setName((prevValue) => prevValue?.toLowerCase() + '-');\n        }\n    };\n\n    return (\n        <Box flex={1} bg={'#fff'} softShadow={'1'} py={'$2'} h={'100%'}>\n            <VStack space=\"md\">\n                <Box px=\"$4\" pt=\"$4\">\n                    {/* <FormControl isInvalid={nameIsInvalid} mt=\"3\"> */}\n                    <FormControl mt=\"$3\">\n                        <FormControlLabel mb=\"$1\">\n                            <FormControlLabelText>Name</FormControlLabelText>\n                        </FormControlLabel>\n                        <Input variant=\"underlined\">\n                            <InputSlot pl={'$0'}>\n                                <Text color={'#71717a'}>#</Text>\n                            </InputSlot>\n                            <InputField\n                                type=\"text\"\n                                placeholder=\" e.g. plan-budget\"\n                                maxLength={80}\n                                value={name}\n                                onChangeText={handleChangeText}\n                                onKeyPress={handleKeyPress}\n                                autoCapitalize={'none'}\n                                autoCorrect={false}\n                            />\n                            <InputSlot pr=\"$3\">\n                                <Text color={'#71717a'}>{80 - name.length}</Text>\n                            </InputSlot>\n                        </Input>\n                        <FormControlError>\n                            <FormControlErrorText color=\"$red\">\n                                Channel names must be lowercase, and can't contain spaces,periods,or most punctuation.\n                            </FormControlErrorText>\n                        </FormControlError>\n                    </FormControl>\n                    <FormControl mt=\"$3\">\n                        <FormControlLabel 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                                onChangeText={(v) => setDescription(v)}\n                                autoCapitalize={'none'}\n                                autoCorrect={false}\n                            />\n                        </Input>\n                    </FormControl>\n                </Box>\n            </VStack>\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 AddChannelName;\n"],"names":["React","Colors"],"mappings":"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"}
+{"version":3,"file":"AddName.js","sources":["../../../../src/screens/Channels/Add/AddName.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { Platform, StyleSheet, TouchableOpacity } 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 { AntDesign, MaterialIcons } from '@expo/vector-icons';\nimport { NavigationRoutes } from '../../../constants';\nimport colors from 'tailwindcss/colors';\n\nconst AddChannelName = ({ 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    // 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            headerLeft: (props: any) => (\n                <TouchableOpacity\n                    // onPress={() => navigation.goBack()}\n                    onPress={() => {\n                        if (Platform.OS === 'macos') {\n                            navigation.navigate('MainStack', {\n                                screen: NavigationRoutes.Home,\n                                params: { orgName: route?.params?.orgName },\n                            });\n                        } else if (navigation.canGoBack()) {\n                            navigation.goBack();\n                        } else {\n                            navigation.navigate('MainStack', {\n                                screen: NavigationRoutes.Home,\n                                params: { orgName: route?.params?.orgName },\n                            });\n                        }\n                    }}\n                >\n                    <MaterialIcons size={20} name=\"close\" color={'black'} />\n                </TouchableOpacity>\n            ),\n            headerRight: (props: any) => (\n                <Button\n                    className=\"mr-2\"\n                    onPress={() => addNewChannelVisiblity()}\n                    variant={'link'}\n                    disabled={showCreateButton ? false : true}\n                >\n                    <ButtonText style={{ color: showCreateButton ? 'black' : '#71717a' }}>Next</ButtonText>\n                </Button>\n            ),\n            headerStyle: {\n                height: 110,\n                borderBottomWidth: 1,\n                borderColor: '#d1d2d3',\n            },\n        });\n    }, [name, description, showCreateButton]);\n\n    const addNewChannelVisiblity = React.useCallback(() => {\n        if (name && name.length > 0) {\n            navigation.navigate(NavigationRoutes.AddChannelVisibility, {\n                name: name,\n                description: description,\n                teamId: route?.params?.teamId?.toString(),\n                teamName: route?.params?.teamName?.toString(),\n            });\n        }\n    }, [name, description, route]);\n\n    // const setChannelName = (v:any) => {\n    //     let nameStr = v.replace(/\\s+/g, '-').toLowerCase();\n    //     setName(nameStr)\n    // }\n\n    const handleChangeText = (event) => {\n        // If the space bar is pressed, append a dash to the value\n        const formattedValue = event.nativeEvent.text?.replace(/ /g, '-')?.toLowerCase(); // Replace all spaces with dashes\n        setName(formattedValue);\n    };\n\n    const handleKeyPress = (event) => {\n        if (event.nativeEvent.key === ' ') {\n            // Add a dash (-) when the space bar is pressed\n            setName((prevValue) => prevValue?.toLowerCase() + '-');\n        }\n    };\n\n    return (\n        <Box className=\"flex-1 bg-white shadow-sm py-2 h-full\">\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                        <Input variant=\"underlined\">\n                            <InputSlot className=\"pl-0\">\n                                <Text color={'#71717a'}>#</Text>\n                            </InputSlot>\n                            <InputField\n                                type=\"text\"\n                                placeholder=\" e.g. plan-budget\"\n                                maxLength={80}\n                                value={name}\n                                onChange={handleChangeText}\n                                onKeyPress={handleKeyPress}\n                                autoCapitalize={'none'}\n                                autoCorrect={false}\n                            />\n                            <InputSlot className=\"pr-3\">\n                                <Text color={'#71717a'}>{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 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                                autoCapitalize={'none'}\n                                autoCorrect={false}\n                            />\n                        </Input>\n                    </FormControl>\n                </Box>\n            </VStack>\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 AddChannelName;\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/lib/generated/generated.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';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'../../../hooks/useOptimizedChannelsQueries.js';import colors from'tailwindcss/colors';const AddChannelVisibility = ({
   navigation,
   route
 }) => {
@@ -45,9 +45,9 @@ import React__default,{useState,useEffect}from'react';import {StyleSheet}from're
       headerTitleStyle: {},
       headerTitle: (props) => {
         var _a2;
-        return /* @__PURE__ */ React__default.createElement(Box, { flex: 1, mx: "$0" }, /* @__PURE__ */ React__default.createElement(Text, { fontSize: 15, fontWeight: "500", color: "$black" }, "Create a Channel"), /* @__PURE__ */ React__default.createElement(Text, { color: "$warmGray600", fontWeight: "500" }, channelType == "public" ? /* @__PURE__ */ React__default.createElement(Feather, { color: "black", name: "hash", size: 20 }) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(FontAwesome, { color: "black", name: "lock", size: 20 }), " "), (_a2 = route == null ? void 0 : route.params) == null ? void 0 : _a2.name));
+        return /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 mx-0" }, /* @__PURE__ */ React__default.createElement(Text, { className: "text-[15px] font-[500] text-black", color: colors.black }, "Create a Channel"), /* @__PURE__ */ React__default.createElement(Text, { color: colors.gray[600], className: "font-[500]" }, channelType == "public" ? /* @__PURE__ */ React__default.createElement(Feather, { color: "black", name: "hash", size: 20 }) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(FontAwesome, { color: "black", name: "lock", size: 20 }), " "), (_a2 = route == null ? void 0 : route.params) == null ? void 0 : _a2.name));
       },
-      headerRight: (props) => /* @__PURE__ */ React__default.createElement(Button, { mr: "$2", onPress: () => createNewChannel(), variant: "link", disabled: showCreateButton ? false : true }, /* @__PURE__ */ React__default.createElement(ButtonText, { fontSize: 16, color: showCreateButton ? "$black" : "#71717a" }, "Create")),
+      headerRight: (props) => /* @__PURE__ */ React__default.createElement(Button, { className: "mr-2", onPress: () => createNewChannel(), variant: "link", disabled: showCreateButton ? false : true }, /* @__PURE__ */ React__default.createElement(ButtonText, { className: `text-[16px] color-[${showCreateButton ? "$black" : "#71717a"}]` }, "Create")),
       headerStyle: {
         height: 110,
         borderBottomWidth: 1,
@@ -68,7 +68,7 @@ import React__default,{useState,useEffect}from'react';import {StyleSheet}from're
       });
     }
   }, [channelType, route]);
-  return /* @__PURE__ */ React__default.createElement(Box, { px: "$4", bg: "$white", flex: 1 }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Box, { className: "px-4 bg-white flex-1" }, /* @__PURE__ */ React__default.createElement(
     RadioGroup,
     {
       accessibilityLabel: "visibility",
@@ -77,7 +77,7 @@ import React__default,{useState,useEffect}from'react';import {StyleSheet}from're
         setChannelType(nextValue);
       }
     },
-    /* @__PURE__ */ React__default.createElement(VStack, { w: "100%", space: "xl" }, /* @__PURE__ */ React__default.createElement(Heading, { size: "md", py: "$4" }, "Visibility"), /* @__PURE__ */ React__default.createElement(Radio, { value: "public", justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(RadioLabel, { color: "$black", fontSize: 18 }, "Public - Anyone in", " ", /* @__PURE__ */ React__default.createElement(Text, { fontSize: 18, fontWeight: "$bold", color: "$black" }, organizationDetail ? startCase((_b = (_a = organizationDetail == null ? void 0 : organizationDetail.title) != null ? _a : orgName) != null ? _b : "Home") : orgName || "Home")), /* @__PURE__ */ React__default.createElement(RadioIndicator, null, /* @__PURE__ */ React__default.createElement(RadioIcon, { as: CircleIcon, p: "$1" }))), /* @__PURE__ */ React__default.createElement(Radio, { value: "private", justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(RadioLabel, { fontSize: 18, color: "$black" }, "Private - Only specific people ", "\n", /* @__PURE__ */ React__default.createElement(Text, { fontSize: 15, fontWeight: "$medium", color: "$coolGray500" }, "Can only be viewed or joined by invitation.")), /* @__PURE__ */ React__default.createElement(RadioIndicator, null, /* @__PURE__ */ React__default.createElement(RadioIcon, { as: CircleIcon }))))
+    /* @__PURE__ */ React__default.createElement(VStack, { className: "w-full", space: "xl" }, /* @__PURE__ */ React__default.createElement(Heading, { size: "md", className: "py-4" }, "Visibility"), /* @__PURE__ */ React__default.createElement(Radio, { value: "public", className: "justify-between" }, /* @__PURE__ */ React__default.createElement(RadioLabel, { className: "color-black text-[18px]" }, "Public - Anyone in", " ", /* @__PURE__ */ React__default.createElement(Text, { className: "text-[18px] font-bold color-black" }, organizationDetail ? startCase((_b = (_a = organizationDetail == null ? void 0 : organizationDetail.title) != null ? _a : orgName) != null ? _b : "Home") : orgName || "Home")), /* @__PURE__ */ React__default.createElement(RadioIndicator, null, /* @__PURE__ */ React__default.createElement(RadioIcon, { as: CircleIcon, className: "p-1" }))), /* @__PURE__ */ React__default.createElement(Radio, { value: "private", className: "justify-between" }, /* @__PURE__ */ React__default.createElement(RadioLabel, { className: "text-[18px] text-black" }, "Private - Only specific people ", "\n", /* @__PURE__ */ React__default.createElement(Text, { className: "text-[15px] font-medium text-gray-500" }, "Can only be viewed or joined by invitation.")), /* @__PURE__ */ React__default.createElement(RadioIndicator, null, /* @__PURE__ */ React__default.createElement(RadioIcon, { as: CircleIcon }))))
   ));
 };
 StyleSheet.create({
@@ -90,7 +90,7 @@ StyleSheet.create({
     marginTop: 5
   },
   headingText: {
-    color: colors.light.text,
+    color: Colors.light.text,
     fontSize: 16,
     fontWeight: "400"
   }

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/lib/generated/generated.js';\nimport { FontAwesome, Feather } from '@expo/vector-icons';\nimport { NavigationRoutes } from '../../../constants';\nimport { startCase } from 'lodash-es';\nimport { useDrawerLayout } from '../../../hooks';\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 flex={1} mx={'$0'}>\n                    <Text fontSize={15} fontWeight={'500'} color={'$black'}>\n                        Create a Channel\n                    </Text>\n                    <Text color={'$warmGray600'} fontWeight={'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                    mr={'$2'}\n                    onPress={() => createNewChannel()}\n                    variant={'link'}\n                    disabled={showCreateButton ? false : true}\n                >\n                    <ButtonText fontSize={16} 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 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 w={'100%'} space={'xl'}>\n                    <Heading size={'md'} py={'$4'}>\n                        Visibility\n                    </Heading>\n                    <Radio value=\"public\" justifyContent=\"space-between\">\n                        <RadioLabel color={'$black'} fontSize={18}>\n                            Public - Anyone in{' '}\n                            <Text fontSize={18} fontWeight={'$bold'} color={'$black'}>\n                                {organizationDetail\n                                    ? startCase(organizationDetail?.title ?? orgName ?? 'Home')\n                                    : orgName || 'Home'}\n                            </Text>\n                        </RadioLabel>\n                        <RadioIndicator>\n                            <RadioIcon as={CircleIcon} p={'$1'} />\n                        </RadioIndicator>\n                    </Radio>\n\n                    <Radio value=\"private\" justifyContent=\"space-between\">\n                        <RadioLabel fontSize={18} color={'$black'}>\n                            Private - Only specific people {'\\n'}\n                            <Text fontSize={15} fontWeight={'$medium'} color={'$coolGray500'}>\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","Colors"],"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}from'react-native';import {Button,ButtonText,SafeAreaView,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/lib/generated/generated.js';import {NavigationRoutes}from'../../constants/routes.js';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
 }) => {
@@ -46,7 +46,9 @@ import React__default,{useState,useEffect}from'react';import {StyleSheet}from're
       });
     }
   };
-  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Box, { flex: 1, bg: "#fff", softShadow: "1", py: "$2", h: "100%" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "md" }, /* @__PURE__ */ React__default.createElement(Box, { px: "$4", pt: "$4" }, /* @__PURE__ */ React__default.createElement(FormControl, { mt: "$3" }, /* @__PURE__ */ React__default.createElement(FormControlLabel, { mb: "$1" }, /* @__PURE__ */ React__default.createElement(FormControlLabelText, null, "Name")), /* @__PURE__ */ React__default.createElement(Input, { variant: "underlined" }, /* @__PURE__ */ React__default.createElement(InputSlot, { pl: "$0" }, /* @__PURE__ */ React__default.createElement(Text, { color: "$trueGray500" }, "#")), /* @__PURE__ */ React__default.createElement(InputField, { type: "text", placeholder: " e.g. Plan budget", maxLength: 80, value: name, onChangeText: (v) => setName(v) }), /* @__PURE__ */ React__default.createElement(InputSlot, { pr: "$3" }, /* @__PURE__ */ React__default.createElement(Text, { color: "$trueGray500" }, 80 - name.length))), /* @__PURE__ */ React__default.createElement(FormControlError, null, /* @__PURE__ */ React__default.createElement(FormControlErrorText, { color: "$red" }, "Channel names must be lowercase, and can't contain spaces,periods,or most punctuation."))), /* @__PURE__ */ React__default.createElement(FormControl, { mt: "$3" }, /* @__PURE__ */ React__default.createElement(FormControlLabel, { mb: "$1" }, /* @__PURE__ */ React__default.createElement(FormControlLabelText, null, "Description")), /* @__PURE__ */ React__default.createElement(Input, { variant: "underlined" }, /* @__PURE__ */ React__default.createElement(InputField, { type: "text", placeholder: "channel description", value: description, onChangeText: (v) => setDescription(v) })))))));
+  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { style: {
+    flex: 1
+  } }, /* @__PURE__ */ React__default.createElement(Box, { className: "bg-white flex-1 py-2 h-full shadow-sm" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "md" }, /* @__PURE__ */ React__default.createElement(Box, { className: "px-4 pt-4" }, /* @__PURE__ */ React__default.createElement(FormControl, { className: "mt-3" }, /* @__PURE__ */ React__default.createElement(FormControlLabel, { className: "mb-1" }, /* @__PURE__ */ React__default.createElement(FormControlLabelText, null, "Name")), /* @__PURE__ */ React__default.createElement(Input, { variant: "underlined" }, /* @__PURE__ */ React__default.createElement(InputSlot, { className: "pl-0" }, /* @__PURE__ */ React__default.createElement(Text, { color: colors.gray[500] }, "#")), /* @__PURE__ */ React__default.createElement(InputField, { type: "text", placeholder: " e.g. Plan budget", maxLength: 80, value: name, onChange: (event) => setName(event.nativeEvent.text) }), /* @__PURE__ */ React__default.createElement(InputSlot, { className: "pr-3" }, /* @__PURE__ */ React__default.createElement(Text, { color: colors.gray[500] }, 80 - name.length))), /* @__PURE__ */ React__default.createElement(FormControlError, null, /* @__PURE__ */ React__default.createElement(FormControlErrorText, { className: "color-red-500" }, "Channel names must be lowercase, and can't contain spaces,periods,or most punctuation."))), /* @__PURE__ */ React__default.createElement(FormControl, { className: "mt-3" }, /* @__PURE__ */ React__default.createElement(FormControlLabel, { className: "mb-1" }, /* @__PURE__ */ React__default.createElement(FormControlLabelText, null, "Description")), /* @__PURE__ */ React__default.createElement(Input, { variant: "underlined" }, /* @__PURE__ */ React__default.createElement(InputField, { type: "text", placeholder: "channel description", value: description, onChange: (event) => setDescription(event.nativeEvent.text) })))))));
 };
 StyleSheet.create({
   container: {
@@ -58,7 +60,7 @@ StyleSheet.create({
     marginTop: 5
   },
   headingText: {
-    color: colors.light.text,
+    color: Colors.light.text,
     fontSize: 16,
     fontWeight: "400"
   }