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

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,Box,Text,Button,ButtonText,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'tslib';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,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 = ({
   navigation,
   route
 }) => {
@@ -8,149 +8,81 @@ import React__default,{useState,useEffect}from'react';import {StyleSheet}from're
     orgName,
     organizationDetail
   } = useDrawerLayout();
-  const [channelType, setChannelType] = React__default.useState('public');
+  const [channelType, setChannelType] = React__default.useState("public");
   const [showCreateButton, setShowCreateButton] = useState(false);
   const [createChannel] = useAddChannelMutation({
-    onCompleted: data => {
-      var _a;
-      //console.log('create data',data)
-      if (data === null || data === void 0 ? void 0 : data.createChannel) navigation.navigate(NavigationRoutes.AddPeople, {
-        channelId: (_a = data === null || data === void 0 ? void 0 : data.createChannel) === null || _a === void 0 ? void 0 : _a.id,
-        orgName: orgName,
-        isCreate: true
-      });else {
+    onCompleted: (data) => {
+      var _a2;
+      if (data == null ? void 0 : data.createChannel)
+        navigation.navigate(NavigationRoutes.AddPeople, {
+          channelId: (_a2 = data == null ? void 0 : data.createChannel) == null ? void 0 : _a2.id,
+          orgName,
+          isCreate: true
+        });
+      else {
         Toast.show({
-          placement: 'top',
-          duration: 4000,
+          placement: "top",
+          duration: 4e3,
           render: ({
             id
-          }) => React__default.createElement(ToastAlert, {
-            id: id,
-            title: 'Channel already exists',
-            status: 'error',
-            isClosable: false
-          })
+          }) => /* @__PURE__ */ React__default.createElement(ToastAlert, { id, title: "Channel already exists", status: "error", isClosable: false })
         });
         navigation.navigate(NavigationRoutes.AddChannel, {
-          orgName: orgName
+          orgName
         });
-        // navigation.navigate(NavigationRoutes.Home, { orgName: orgName });
       }
     }
   });
   useEffect(() => {
-    if (channelType && channelType.length > 0) setShowCreateButton(true);else setShowCreateButton(false);
+    if (channelType && channelType.length > 0)
+      setShowCreateButton(true);
+    else
+      setShowCreateButton(false);
   }, [channelType]);
   useEffect(() => {
     navigation.setOptions({
-      // headerShown: true,
-      headerTitleAlign: 'left',
+      headerTitleAlign: "left",
       headerTitleStyle: {},
-      headerTitle: props => {
-        var _a;
-        return React__default.createElement(Box, {
-          flex: 1,
-          mx: '$0'
-        }, React__default.createElement(Text, {
-          fontSize: 15,
-          fontWeight: '500',
-          color: '$black'
-        }, "Create a Channel"), React__default.createElement(Text, {
-          color: '$warmGray600',
-          fontWeight: '500'
-        }, channelType == 'public' ? React__default.createElement(Feather, {
-          color: "black",
-          name: "hash",
-          size: 20
-        }) : React__default.createElement(React__default.Fragment, null, React__default.createElement(FontAwesome, {
-          color: "black",
-          name: "lock",
-          size: 20
-        }), ' '), (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.name));
+      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));
       },
-      headerRight: props => React__default.createElement(Button, {
-        mr: '$2',
-        onPress: () => createNewChannel(),
-        variant: 'link',
-        disabled: showCreateButton ? false : true
-      }, React__default.createElement(ButtonText, {
-        fontSize: 16,
-        color: showCreateButton ? '$black' : '#71717a'
-      }, "Create")),
+      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")),
       headerStyle: {
         height: 110,
         borderBottomWidth: 1,
-        borderColor: '#d1d2d3'
+        borderColor: "#d1d2d3"
       }
     });
   }, [channelType, showCreateButton]);
   const createNewChannel = React__default.useCallback(() => {
-    var _a, _b, _c, _d, _e, _f;
-    if (channelType && (channelType === null || channelType === void 0 ? void 0 : channelType.length) > 0 && (route === null || route === void 0 ? void 0 : route.params) && ((_b = (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+    var _a2, _b2, _c, _d, _e, _f;
+    if (channelType && (channelType == null ? void 0 : channelType.length) > 0 && (route == null ? void 0 : route.params) && ((_b2 = (_a2 = route == null ? void 0 : route.params) == null ? void 0 : _a2.name) == null ? void 0 : _b2.length) > 0) {
       createChannel({
         variables: {
-          name: (_c = route === null || route === void 0 ? void 0 : route.params) === null || _c === void 0 ? void 0 : _c.name,
-          description: ((_d = route === null || route === void 0 ? void 0 : route.params) === null || _d === void 0 ? void 0 : _d.description) || '',
-          type: channelType == 'private' ? RoomType.Private : RoomType.Channel,
-          team: (_f = (_e = route === null || route === void 0 ? void 0 : route.params) === null || _e === void 0 ? void 0 : _e.teamId) === null || _f === void 0 ? void 0 : _f.toString()
+          name: (_c = route == null ? void 0 : route.params) == null ? void 0 : _c.name,
+          description: ((_d = route == null ? void 0 : route.params) == null ? void 0 : _d.description) || "",
+          type: channelType == "private" ? RoomType.Private : RoomType.Channel,
+          team: (_f = (_e = route == null ? void 0 : route.params) == null ? void 0 : _e.teamId) == null ? void 0 : _f.toString()
         }
       });
     }
   }, [channelType, route]);
-  // const setChannelName = (v:any) => {
-  //     let nameStr = v.replace(/\s+/g, '-').toLowerCase();
-  //     setName(nameStr)
-  // }
-  return React__default.createElement(Box, {
-    px: "$4",
-    bg: '$white',
-    flex: 1
-  }, React__default.createElement(RadioGroup
-  // name="visibilityRadioGroup"
-  , {
-    // name="visibilityRadioGroup"
-    accessibilityLabel: "visibility",
-    value: channelType,
-    onChange: nextValue => {
-      setChannelType(nextValue);
-    }
-  }, React__default.createElement(VStack, {
-    w: '100%',
-    space: 'xl'
-  }, React__default.createElement(Heading, {
-    size: 'md',
-    py: '$4'
-  }, "Visibility"), React__default.createElement(Radio, {
-    value: "public",
-    justifyContent: "space-between"
-  }, React__default.createElement(RadioLabel, {
-    color: '$black',
-    fontSize: 18
-  }, "Public - Anyone in", ' ', React__default.createElement(Text, {
-    fontSize: 18,
-    fontWeight: '$bold',
-    color: '$black'
-  }, organizationDetail ? startCase((_b = (_a = organizationDetail === null || organizationDetail === void 0 ? void 0 : organizationDetail.title) !== null && _a !== void 0 ? _a : orgName) !== null && _b !== void 0 ? _b : 'Home') : orgName || 'Home')), React__default.createElement(RadioIndicator, null, React__default.createElement(RadioIcon, {
-    as: CircleIcon,
-    p: '$1'
-  }))), React__default.createElement(Radio, {
-    value: "private",
-    justifyContent: "space-between"
-  }, React__default.createElement(RadioLabel, {
-    fontSize: 18,
-    color: '$black'
-  }, "Private - Only specific people ", '\n', React__default.createElement(Text, {
-    fontSize: 15,
-    fontWeight: '$medium',
-    color: '$coolGray500'
-  }, "Can only be viewed or joined by invitation.")), React__default.createElement(RadioIndicator, null, React__default.createElement(RadioIcon, {
-    as: CircleIcon
-  }))))));
+  return /* @__PURE__ */ React__default.createElement(Box, { px: "$4", bg: "$white", flex: 1 }, /* @__PURE__ */ React__default.createElement(
+    RadioGroup,
+    {
+      accessibilityLabel: "visibility",
+      value: channelType,
+      onChange: (nextValue) => {
+        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 }))))
+  ));
 };
 StyleSheet.create({
   container: {
     flex: 1,
-    //justifyContent: 'center',
     padding: 20
   },
   itemView: {
@@ -160,6 +92,6 @@ StyleSheet.create({
   headingText: {
     color: colors.light.text,
     fontSize: 16,
-    fontWeight: '400'
+    fontWeight: "400"
   }
 });export{AddChannelVisibility as default};//# sourceMappingURL=AddVisibility.js.map

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

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

package/lib/screens/Channels/AddChannel.js

@@ -2,130 +2,55 @@ import React__default,{useState,useEffect}from'react';import {StyleSheet}from're
   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);
+  const [nameIsInvalid, setNameIsInvalid] = useState(false);
   const [createChannel, createdChannel] = useAddChannelMutation({
-    onCompleted: data => {
+    onCompleted: (data) => {
       var _a, _b, _c;
-      //console.log('create data',data)
-      if (data === null || data === void 0 ? void 0 : data.createChannel) navigation.navigate(NavigationRoutes.AddPeople, {
-        channelId: (_a = data === null || data === void 0 ? void 0 : data.createChannel) === null || _a === void 0 ? void 0 : _a.id,
-        orgName: (_b = route === null || route === void 0 ? void 0 : route.params) === null || _b === void 0 ? void 0 : _b.orgName
-      });else navigation.navigate(NavigationRoutes.Home, {
-        orgName: (_c = route === null || route === void 0 ? void 0 : route.params) === null || _c === void 0 ? void 0 : _c.orgName
-      });
+      if (data == null ? void 0 : data.createChannel)
+        navigation.navigate(NavigationRoutes.AddPeople, {
+          channelId: (_a = data == null ? void 0 : data.createChannel) == null ? void 0 : _a.id,
+          orgName: (_b = route == null ? void 0 : route.params) == null ? void 0 : _b.orgName
+        });
+      else
+        navigation.navigate(NavigationRoutes.Home, {
+          orgName: (_c = route == null ? void 0 : route.params) == null ? void 0 : _c.orgName
+        });
     }
   });
-  // 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])
   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: {},
-      headerRight: props => React__default.createElement(Button, {
-        onPress: () => createNewChannel(),
-        variant: 'link',
-        disabled: showCreateButton ? false : true
-      }, React__default.createElement(ButtonText, {
-        style: {
-          color: showCreateButton ? 'black' : '#71717a'
-        }
-      }, "Create"))
+      headerRight: (props) => /* @__PURE__ */ React__default.createElement(Button, { onPress: () => createNewChannel(), variant: "link", disabled: showCreateButton ? false : true }, /* @__PURE__ */ React__default.createElement(ButtonText, { style: {
+        color: showCreateButton ? "black" : "#71717a"
+      } }, "Create"))
     });
   }, [name, description, showCreateButton]);
   const createNewChannel = () => {
     if (name && name.length > 0) {
       createChannel({
         variables: {
-          name: name,
-          description: description
+          name,
+          description
         }
       });
     }
   };
-  // const setChannelName = (v:any) => {
-  //     let nameStr = v.replace(/\s+/g, '-').toLowerCase();
-  //     setName(nameStr)
-  // }
-  return React__default.createElement(SafeAreaView, {
-    flex: 1
-  }, 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: '$trueGray500'
-  }, "#")), React__default.createElement(InputField, {
-    type: "text",
-    placeholder: " e.g. Plan budget",
-    maxLength: 80,
-    value: name,
-    onChangeText: v => setName(v)
-  }), React__default.createElement(InputSlot, {
-    pr: "$3"
-  }, React__default.createElement(Text, {
-    color: '$trueGray500'
-  }, 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)
-  })))))));
+  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) })))))));
 };
 StyleSheet.create({
   container: {
     flex: 1,
-    //justifyContent: 'center',
     padding: 20
   },
   itemView: {
@@ -135,6 +60,6 @@ StyleSheet.create({
   headingText: {
     color: colors.light.text,
     fontSize: 16,
-    fontWeight: '400'
+    fontWeight: "400"
   }
 });export{AddChannel as default};//# sourceMappingURL=AddChannel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddChannel.js","sources":["../../../src/screens/Channels/AddChannel.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
+{"version":3,"file":"AddChannel.js","sources":["../../../src/screens/Channels/AddChannel.tsx"],"sourcesContent":["import React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { StyleSheet } 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 { useAddChannelMutation } from 'common/lib/generated/generated.js';\nimport { AntDesign } from '@expo/vector-icons';\nimport VirtualizedScrollView from '../../components/VirtualizedScrollView';\nimport { NavigationRoutes } from '../../constants/routes';\n\nconst AddChannel = ({ navigation, route }: any) => {\n    const [name, setName] = useState('');\n    const [description, setDescription] = useState('');\n    const [showCreateButton, setShowCreateButton] = useState(false);\n    const [nameIsInvalid, setNameIsInvalid] = useState(false);\n\n    const [createChannel, createdChannel] = useAddChannelMutation({\n        onCompleted: (data: any) => {\n            //console.log('create data',data)\n            if (data?.createChannel)\n                navigation.navigate(NavigationRoutes.AddPeople, {\n                    channelId: data?.createChannel?.id,\n                    orgName: route?.params?.orgName,\n                });\n            else navigation.navigate(NavigationRoutes.Home, { orgName: route?.params?.orgName });\n        },\n    });\n\n    // useEffect(() => {\n\n    //     if(name && name.length > 0){\n    //         let patt = /^[A-Za-z0-9_+\\-]*$/;\n    //         if (patt.test(name))\n    //         {\n    //             setNameIsInvalid(false)\n    //             setShowCreateButton(true)\n    //         }\n    //         else\n    //         {\n    //             setNameIsInvalid(true)\n    //             setShowCreateButton(false)\n    //         }\n    //     }\n    //     else\n    //     {\n    //         setShowCreateButton(false)\n    //     }\n\n    // //    if(name && name.length > 0)\n    // //     setShowCreateButton(true)\n    // //    else\n    // //     setShowCreateButton(false)\n\n    // }, [name])\n\n    useEffect(() => {\n        if (name && name.length > 0) setShowCreateButton(true);\n        else setShowCreateButton(false);\n    }, [name]);\n\n    useEffect(() => {\n        navigation.setOptions({\n            headerShown: true,\n            headerTitleAlign: 'left',\n            headerTitleStyle: {},\n            headerRight: (props: any) => (\n                <Button onPress={() => createNewChannel()} variant={'link'} disabled={showCreateButton ? false : true}>\n                    <ButtonText style={{ color: showCreateButton ? 'black' : '#71717a' }}>Create</ButtonText>\n                </Button>\n            ),\n        });\n    }, [name, description, showCreateButton]);\n\n    const createNewChannel = () => {\n        if (name && name.length > 0) {\n            createChannel({\n                variables: {\n                    name: name,\n                    description: description,\n                },\n            });\n        }\n    };\n\n    // const setChannelName = (v:any) => {\n    //     let nameStr = v.replace(/\\s+/g, '-').toLowerCase();\n    //     setName(nameStr)\n    // }\n\n    return (\n        <SafeAreaView flex={1}>\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\n                            <Input variant=\"underlined\">\n                                <InputSlot pl=\"$0\">\n                                    <Text color={'$trueGray500'}>#</Text>\n                                </InputSlot>\n                                <InputField\n                                    type=\"text\"\n                                    placeholder=\" e.g. Plan budget\"\n                                    maxLength={80}\n                                    value={name}\n                                    onChangeText={(v) => setName(v)}\n                                />\n                                <InputSlot pr=\"$3\">\n                                    <Text color={'$trueGray500'}>{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\n                                    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                                />\n                            </Input>\n                        </FormControl>\n                    </Box>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        //justifyContent: 'center',\n        padding: 20,\n    },\n    itemView: {\n        paddingVertical: 8,\n        marginTop: 5,\n    },\n    headingText: {\n        color: Colors.light.text,\n        fontSize: 16,\n        fontWeight: '400',\n    },\n});\n\nexport default AddChannel;\n"],"names":["React","Colors"],"mappings":"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"}