@messenger-box/slack-ui-mobile 10.0.2-alpha.5 → 10.0.3-alpha.5

package/lib/screens/Account/AccountScreen.js

@@ -1,256 +1,68 @@
-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'tslib';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';const AccountScreen = () => {
   var _a, _b, _c, _d, _e, _f;
   const Toast = useToast();
-  useDrawerLayout();
+  const {
+    orgName,
+    organizationDetail
+  } = useDrawerLayout();
   const user = useSelector(userSelector);
   const dispatch = useDispatch();
   const navigation = useNavigation();
   const logout = () => {
-    //navigation.navigate('MainStack.Logout', { redirect: 'MainStack.MainDrawer.MainBottomTab.Account' })
     try {
       dispatch(logoutAndRedirect());
-      // dispatch(resetReduxState());
       Toast.show({
-        placement: 'top',
-        duration: 1000,
+        placement: "top",
+        duration: 1e3,
         render: ({
           id
-        }) => React__default.createElement(ToastAlert, {
-          id: id,
-          title: 'Logging out',
-          status: 'error',
-          isClosable: false
-        })
+        }) => /* @__PURE__ */ React__default.createElement(ToastAlert, { id, title: "Logging out", status: "error", isClosable: false })
       });
-      // await Auth.signOut();
     } catch (error) {
-      console.error('Error signing out', error);
+      console.error("Error signing out", error);
     }
   };
-  return React__default.createElement(Box, {
-    bg: '$white',
-    flex: 1
-  }, React__default.createElement(VStack, {
-    m: '$0',
-    flex: 1,
-    py: '$5'
-  }, React__default.createElement(HStack, {
-    space: 'sm',
-    px: '$2',
-    pt: '$0',
-    mt: '$0',
-    pb: '$4',
-    alignItems: 'center'
-  }, React__default.createElement(Avatar, {
-    size: 'md',
-    bg: 'transparent',
-    rounded: '$lg'
-  }, React__default.createElement(AvatarFallbackText, null, startCase((_b = (_a = user === null || user === void 0 ? void 0 : user.profile) === null || _a === void 0 ? void 0 : _a.nickname) === null || _b === void 0 ? void 0 : _b.charAt(0))), React__default.createElement(AvatarImage, {
-    alt: "icon",
-    size: 'md',
-    rounded: '$lg',
-    source: {
-      uri: (_c = user === null || user === void 0 ? void 0 : user.profile) === null || _c === void 0 ? void 0 : _c.picture
+  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: {
+    uri: (_c = user == null ? void 0 : user.profile) == null ? void 0 : _c.picture
+  } }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { bottom: "-$1", right: "-$1.5", style: {
+    width: 15,
+    height: 15
+  }, bg: "$green800" })), /* @__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: {
+    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: {
+    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: {
+    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: {
+    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,
+    {
+      bg: "transparent",
+      style: {
+        width: 10,
+        height: 10
+      },
+      borderWidth: "$1",
+      borderColor: "$black",
+      bottom: "$0",
+      right: "$0"
     }
-  }), React__default.createElement(AvatarBadge, {
-    bottom: '-$1',
-    right: '-$1.5',
-    style: {
-      width: 15,
-      height: 15
-    },
-    bg: "$green800"
-  })), React__default.createElement(VStack, null, React__default.createElement(Text, {
-    style: {
-      fontSize: 20
-    },
-    color: '$black',
-    fontWeight: '$bold'
-  }, (_e = (_d = user === null || user === void 0 ? void 0 : user.profile) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : (_f = user === null || user === void 0 ? void 0 : user.profile) === null || _f === void 0 ? void 0 : _f.nickname), React__default.createElement(HStack, {
-    space: 'sm',
-    alignItems: "center"
-  }, React__default.createElement(Text, {
-    style: {
-      fontSize: 15
-    },
-    color: '$coolGray600',
-    fontWeight: '$normal'
-  }, ' ', "Active"), React__default.createElement(Button, {
-    bg: 'transparent',
-    "$pressed-bg": "$trueGray200",
-    "$active-bg": '$trueGray200',
-    size: 'xs',
-    variant: 'solid',
-    p: 0,
-    onPress: logout
-  }, React__default.createElement(ButtonText, {
-    style: {
-      fontSize: 16,
-      color: 'black'
-    }
-  }, "( Logout )"))))), React__default.createElement(VStack, {
-    px: '$2',
-    space: 'sm'
-  }, React__default.createElement(Button, {
-    borderColor: '$trueGray400',
-    rounded: '$xl',
-    variant: 'outline',
-    justifyContent: 'flex-start',
-    "$pressed-bg": "$trueGray200",
-    "$active-bg": '$trueGray200',
-    my: '$4'
-  }, React__default.createElement(HStack, {
-    space: 'md',
-    alignItems: "center"
-  }, React__default.createElement(Avatar, {
-    alignItems: "center",
-    justifyContent: "center",
-    size: 'sm',
-    bg: 'transparent',
-    rounded: '$lg'
-  }, React__default.createElement(FontAwesome5, {
-    name: "smile",
-    size: 20,
-    color: '#1f2937'
-  })), React__default.createElement(Text, {
-    style: {
-      fontSize: 20
-    },
-    color: '$warmGray600'
-  }, "Update your status"))), React__default.createElement(Button, {
-    bg: 'transparent',
-    "$pressed-bg": "$trueGray200",
-    "$active-bg": '$trueGray200',
-    variant: 'solid',
-    justifyContent: 'flex-start'
-  }, React__default.createElement(HStack, {
-    space: 'md',
-    alignItems: "center"
-  }, React__default.createElement(Avatar, {
-    size: 'sm',
-    bg: 'transparent',
-    rounded: '$lg'
-  }, React__default.createElement(AvatarImage, {
-    alt: "icon",
-    size: 'sm',
-    rounded: '$lg',
-    source: images.notificationBellOff
-  }), React__default.createElement(AvatarFallbackText, null, "PN")), React__default.createElement(Text, {
-    style: {
-      fontSize: 20,
-      color: 'black'
-    }
-  }, "Pause notifications"))), React__default.createElement(Button, {
-    bg: 'transparent',
-    "$pressed-bg": "$trueGray200",
-    "$active-bg": '$trueGray200',
-    variant: 'solid',
-    justifyContent: 'flex-start'
-  }, React__default.createElement(HStack, {
-    space: 'md',
-    alignItems: "center"
-  }, React__default.createElement(Avatar, {
-    size: 'sm',
-    bg: 'transparent',
-    rounded: '$lg'
-  }, React__default.createElement(AvatarImage, {
-    alt: "icon",
-    size: 'sm',
-    rounded: '$lg',
-    source: images.user
-  }), React__default.createElement(AvatarFallbackText, null, "ST"), React__default.createElement(AvatarBadge, {
-    bg: "transparent",
-    style: {
-      width: 10,
-      height: 10
-    },
-    borderWidth: '$1',
-    borderColor: '$black',
-    //top={3}
-    bottom: '$0',
-    right: '$0'
-  })), React__default.createElement(Text, {
-    style: {
-      fontSize: 20,
-      color: 'black'
-    }
-  }, "Set yourself as", ' ', React__default.createElement(Text, {
-    color: '$black',
-    fontWeight: 'bold'
-  }, "away"))))), React__default.createElement(Divider, {
-    my: '$4'
-  }), React__default.createElement(VStack, {
-    px: '$2',
-    space: 'sm'
-  }, React__default.createElement(Button, {
-    bg: 'transparent',
-    variant: 'solid',
-    justifyContent: 'flex-start',
-    "$pressed-bg": "$trueGray200",
-    "$active-bg": '$trueGray200',
-    onPress: () => navigation.navigate(NavigationRoutes.Profile)
-  }, React__default.createElement(HStack, {
-    space: 'md',
-    alignItems: "center"
-  }, React__default.createElement(Avatar, {
-    size: 'sm',
-    bg: 'transparent',
-    rounded: '$lg'
-  }, React__default.createElement(AvatarImage, {
-    alt: "icon",
-    size: 'sm',
-    rounded: '$lg',
-    source: images.user
-  }), React__default.createElement(AvatarFallbackText, null, "VP")), React__default.createElement(Text, {
-    style: {
-      fontSize: 20,
-      color: 'black'
-    }
-  }, "View Profile"))), React__default.createElement(Button, {
-    bg: 'transparent',
-    "$pressed-bg": "$trueGray200",
-    "$active-bg": '$trueGray200',
-    variant: 'solid',
-    justifyContent: 'flex-start'
-  }, React__default.createElement(HStack, {
-    space: 'md',
-    alignItems: "center"
-  }, React__default.createElement(Avatar, {
-    size: 'sm',
-    bg: 'transparent',
-    rounded: '$lg'
-  }, React__default.createElement(AvatarImage, {
-    alt: "icon",
-    size: 'sm',
-    rounded: '$lg',
-    source: images.pushNotification
-  }), React__default.createElement(AvatarFallbackText, null, "NC")), React__default.createElement(Text, {
-    style: {
-      fontSize: 20,
-      color: 'black'
-    }
-  }, "Notifications"))), React__default.createElement(Button, {
-    bg: 'transparent',
-    "$pressed-bg": "$trueGray200",
-    "$active-bg": '$trueGray200',
-    variant: 'solid',
-    justifyContent: 'flex-start'
-  }, React__default.createElement(HStack, {
-    space: 'md',
-    alignItems: "center"
-  }, React__default.createElement(Avatar, {
-    size: 'sm',
-    bg: 'transparent',
-    rounded: '$lg'
-  }, React__default.createElement(AvatarImage, {
-    alt: "icon",
-    size: 'sm',
-    rounded: '$lg',
-    source: images.contrastAdjustment
-  }), React__default.createElement(AvatarFallbackText, null, "PF")), React__default.createElement(Text, {
-    style: {
-      fontSize: 20,
-      color: 'black'
-    }
-  }, "Preferences"))))));
+  )), /* @__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: {
+    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: {
+    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: {
+    fontSize: 20,
+    color: "black"
+  } }, "Preferences"))))));
 };export{AccountScreen as default};//# sourceMappingURL=AccountScreen.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccountScreen.js","sources":["../../../src/screens/Account/AccountScreen.tsx"],"sourcesContent":[null],"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 { 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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"}

package/lib/screens/Activity/ActivityScreen.js

@@ -2,13 +2,5 @@ import React__default from'react';import {View,Text}from'@admin-layout/gluestack
   navigation,
   route
 }) => {
-  return React__default.createElement(VirtualizedScrollView, {
-    bg: '#fff',
-    flex: 1
-  }, React__default.createElement(View, {
-    flex: 1,
-    bg: '#fff',
-    pb: '$10',
-    pt: '$2'
-  }, React__default.createElement(Text, null, "Activity screen")));
+  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")));
 };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":[null],"names":["React"],"mappings":"+LAiBM,MAAA,cAAc,GAAG,CAAC;YAEhB;AAEI,EAAA;AAEI,CAAA,KAAA;AAIhB,EAAE,OAAAA,cAAA,CAAA,aAAA,CAAA,qBAAA,EAAA;AAEF,IAAA,EAAA,EAAA,MAAA;;;;;;;;"}
+{"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"}

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

@@ -1,63 +1,29 @@
-import React__default,{useState,useEffect}from'react';import {StyleSheet,TouchableOpacity}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,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
 }) => {
-  const [name, setName] = useState('');
-  const [description, setDescription] = useState('');
+  const [name, setName] = useState("");
+  const [description, setDescription] = useState("");
   const [showCreateButton, setShowCreateButton] = useState(false);
-  useState(false);
-  // useEffect(() => {
-  //     if(name && name.length > 0){
-  //         let patt = /^[A-Za-z0-9_+\-]*$/;
-  //         if (patt.test(name))
-  //         {
-  //             setNameIsInvalid(false)
-  //             setShowCreateButton(true)
-  //         }
-  //         else
-  //         {
-  //             setNameIsInvalid(true)
-  //             setShowCreateButton(false)
-  //         }
-  //     }
-  //     else
-  //     {
-  //         setShowCreateButton(false)
-  //     }
-  // //    if(name && name.length > 0)
-  // //     setShowCreateButton(true)
-  // //    else
-  // //     setShowCreateButton(false)
-  // }, [name])
+  const [nameIsInvalid, setNameIsInvalid] = useState(false);
   useEffect(() => {
-    if (name && name.length > 0) setShowCreateButton(true);else setShowCreateButton(false);
+    if (name && name.length > 0)
+      setShowCreateButton(true);
+    else
+      setShowCreateButton(false);
   }, [name]);
   useEffect(() => {
     navigation.setOptions({
-      // headerShown: true,
-      headerTitleAlign: 'left',
+      headerTitleAlign: "left",
       headerTitleStyle: {},
-      headerLeft: props => React__default.createElement(TouchableOpacity, {
-        onPress: () => navigation.goBack()
-      }, React__default.createElement(MaterialIcons, {
-        size: 20,
-        name: "close",
-        color: 'black'
-      })),
-      headerRight: props => React__default.createElement(Button, {
-        mr: '$2',
-        onPress: () => addNewChannelVisiblity(),
-        variant: 'link',
-        disabled: showCreateButton ? false : true
-      }, React__default.createElement(ButtonText, {
-        style: {
-          color: showCreateButton ? 'black' : '#71717a'
-        }
-      }, "Next")),
+      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: {
+        color: showCreateButton ? "black" : "#71717a"
+      } }, "Next")),
       headerStyle: {
         height: 110,
         borderBottomWidth: 1,
-        borderColor: '#d1d2d3'
+        borderColor: "#d1d2d3"
       }
     });
   }, [name, description, showCreateButton]);
@@ -65,84 +31,28 @@ import React__default,{useState,useEffect}from'react';import {StyleSheet,Touchab
     var _a, _b, _c, _d;
     if (name && name.length > 0) {
       navigation.navigate(NavigationRoutes.AddChannelVisibility, {
-        name: name,
-        description: description,
-        teamId: (_b = (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.teamId) === null || _b === void 0 ? void 0 : _b.toString(),
-        teamName: (_d = (_c = route === null || route === void 0 ? void 0 : route.params) === null || _c === void 0 ? void 0 : _c.teamName) === null || _d === void 0 ? void 0 : _d.toString()
+        name,
+        description,
+        teamId: (_b = (_a = route == null ? void 0 : route.params) == null ? void 0 : _a.teamId) == null ? void 0 : _b.toString(),
+        teamName: (_d = (_c = route == null ? void 0 : route.params) == null ? void 0 : _c.teamName) == null ? void 0 : _d.toString()
       });
     }
   }, [name, description, route]);
-  // const setChannelName = (v:any) => {
-  //     let nameStr = v.replace(/\s+/g, '-').toLowerCase();
-  //     setName(nameStr)
-  // }
-  const handleChangeText = newValue => {
+  const handleChangeText = (newValue) => {
     var _a;
-    // If the space bar is pressed, append a dash to the value
-    const formattedValue = (_a = newValue === null || newValue === void 0 ? void 0 : newValue.replace(/ /g, '-')) === null || _a === void 0 ? void 0 : _a.toLowerCase(); // Replace all spaces with dashes
+    const formattedValue = (_a = newValue == null ? void 0 : newValue.replace(/ /g, "-")) == null ? void 0 : _a.toLowerCase();
     setName(formattedValue);
   };
-  const handleKeyPress = event => {
-    if (event.nativeEvent.key === ' ') {
-      // Add a dash (-) when the space bar is pressed
-      setName(prevValue => (prevValue === null || prevValue === void 0 ? void 0 : prevValue.toLowerCase()) + '-');
+  const handleKeyPress = (event) => {
+    if (event.nativeEvent.key === " ") {
+      setName((prevValue) => (prevValue == null ? void 0 : prevValue.toLowerCase()) + "-");
     }
   };
-  return React__default.createElement(Box, {
-    flex: 1,
-    bg: '#fff',
-    softShadow: '1',
-    py: '$2',
-    h: '100%'
-  }, React__default.createElement(VStack, {
-    space: "md"
-  }, React__default.createElement(Box, {
-    px: "$4",
-    pt: "$4"
-  }, React__default.createElement(FormControl, {
-    mt: "$3"
-  }, React__default.createElement(FormControlLabel, {
-    mb: "$1"
-  }, React__default.createElement(FormControlLabelText, null, "Name")), React__default.createElement(Input, {
-    variant: "underlined"
-  }, React__default.createElement(InputSlot, {
-    pl: '$0'
-  }, React__default.createElement(Text, {
-    color: '#71717a'
-  }, "#")), React__default.createElement(InputField, {
-    type: "text",
-    placeholder: " e.g. plan-budget",
-    maxLength: 80,
-    value: name,
-    onChangeText: handleChangeText,
-    onKeyPress: handleKeyPress,
-    autoCapitalize: 'none',
-    autoCorrect: false
-  }), React__default.createElement(InputSlot, {
-    pr: "$3"
-  }, React__default.createElement(Text, {
-    color: '#71717a'
-  }, 80 - name.length))), React__default.createElement(FormControlError, null, React__default.createElement(FormControlErrorText, {
-    color: "$red"
-  }, "Channel names must be lowercase, and can't contain spaces,periods,or most punctuation."))), React__default.createElement(FormControl, {
-    mt: "$3"
-  }, React__default.createElement(FormControlLabel, {
-    mb: "$1"
-  }, React__default.createElement(FormControlLabelText, null, "Description")), React__default.createElement(Input, {
-    variant: "underlined"
-  }, 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, { 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 }))))));
 };
 StyleSheet.create({
   container: {
     flex: 1,
-    //justifyContent: 'center',
     padding: 20
   },
   itemView: {
@@ -152,6 +62,6 @@ StyleSheet.create({
   headingText: {
     color: colors.light.text,
     fontSize: 16,
-    fontWeight: '400'
+    fontWeight: "400"
   }
 });export{AddChannelName as default};//# sourceMappingURL=AddName.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddName.js","sources":["../../../../src/screens/Channels/Add/AddName.tsx"],"sourcesContent":[null],"names":["React"],"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 { 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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"}