@messenger-box/slack-ui-mobile 10.0.3-alpha.17 → 10.0.3-alpha.18

package/lib/components/Actionsheet.js

@@ -0,0 +1,88 @@
+import PropTypes from'prop-types';import React__default from'react';import {Modal,View,StyleSheet,TouchableHighlight,Text}from'react-native';import {Center}from'@admin-layout/gluestack-ui-mobile';const PRIMARY_COLOR = "rgb(0,98,255)";
+const WHITE = "#ffffff";
+const BORDER_COLOR = "#DBDBDB";
+const ActionSheet = (props) => {
+  var _a;
+  const {
+    actionItems,
+    isOpen,
+    onCancel
+  } = props;
+  const actionSheetItems = [...actionItems || [], {
+    id: "#cancel",
+    label: "Cancel",
+    onPress: (_a = props == null ? void 0 : props.onCancel) != null ? _a : () => {
+    }
+  }];
+  return /* @__PURE__ */ React__default.createElement(Modal, { visible: isOpen, transparent: true, animationType: "slide", onRequestClose: onCancel, style: {
+    flex: 1,
+    margin: 0,
+    justifyContent: "flex-end"
+  } }, /* @__PURE__ */ React__default.createElement(Center, { className: "flex-1 w-full h-min[40%]  shadow-lg  absolute bottom-0 bg-transparent ", style: {
+    backgroundColor: "transparent"
+  } }, /* @__PURE__ */ React__default.createElement(View, { style: styles.modalContent }, actionSheetItems.map((actionItem, index) => {
+    return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { style: [styles.actionSheetView, index === 0 && {
+      borderTopLeftRadius: 12,
+      borderTopRightRadius: 12
+    }, index === actionSheetItems.length - 2 && {
+      borderBottomLeftRadius: 12,
+      borderBottomRightRadius: 12
+    }, index === actionSheetItems.length - 1 && {
+      borderBottomWidth: 0,
+      backgroundColor: WHITE,
+      marginTop: 8,
+      borderTopLeftRadius: 12,
+      borderTopRightRadius: 12,
+      borderBottomLeftRadius: 12,
+      borderBottomRightRadius: 12
+    }, (props == null ? void 0 : props.hideBottomWidth) && actionItem.id !== "#cancel" && {
+      borderBottomWidth: 0,
+      borderColor: "transparent",
+      paddingTop: 10,
+      paddingBottom: 10
+    }], underlayColor: "#f7f7f7", key: index, onPress: actionItem.onPress }, typeof actionItem.label === "string" ? /* @__PURE__ */ React__default.createElement(Text, { allowFontScaling: false, style: [styles.actionSheetText, (props == null ? void 0 : props.actionTextColor) && {
+      color: props == null ? void 0 : props.actionTextColor
+    }, index === actionSheetItems.length - 1 && {
+      color: "#fa1616"
+    }] }, actionItem.label) : actionItem.label);
+  }))));
+};
+const styles = StyleSheet.create({
+  modalContent: {
+    borderTopLeftRadius: 12,
+    borderTopRightRadius: 12,
+    borderBottomLeftRadius: 12,
+    borderBottomRightRadius: 12,
+    marginLeft: 15,
+    marginRight: 15,
+    marginBottom: 20,
+    paddingHorizontal: 10,
+    width: "100%"
+  },
+  actionSheetText: {
+    fontSize: 18,
+    color: PRIMARY_COLOR
+  },
+  actionSheetView: {
+    backgroundColor: WHITE,
+    display: "flex",
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    paddingTop: 16,
+    paddingBottom: 16,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderColor: BORDER_COLOR
+  }
+});
+ActionSheet.propTypes = {
+  isOpen: PropTypes.bool,
+  actionItems: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    label: PropTypes.any,
+    onPress: PropTypes.func
+  })).isRequired,
+  onCancel: PropTypes.func,
+  actionTextColor: PropTypes.string,
+  hideBottomWidth: PropTypes.bool
+};export{ActionSheet as default};//# sourceMappingURL=Actionsheet.js.map

package/lib/components/Actionsheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actionsheet.js","sources":["../../src/components/Actionsheet.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { StyleSheet, Text, TouchableHighlight, View, Modal } from 'react-native';\nimport { Center } from '@admin-layout/gluestack-ui-mobile';\n\nconst PRIMARY_COLOR = 'rgb(0,98,255)';\nconst WHITE = '#ffffff';\nconst BORDER_COLOR = '#DBDBDB';\n\nconst ActionSheet = (props) => {\n    const { actionItems, isOpen, onCancel } = props;\n    const actionSheetItems = [\n        ...(actionItems || []),\n        {\n            id: '#cancel',\n            label: 'Cancel',\n            onPress: props?.onCancel ?? (() => {}),\n        },\n    ];\n    return (\n        <Modal\n            visible={isOpen}\n            transparent={true}\n            animationType=\"slide\"\n            onRequestClose={onCancel}\n            style={{\n                flex: 1,\n                margin: 0,\n                justifyContent: 'flex-end',\n            }}\n        >\n            <Center\n                className=\"flex-1 w-full h-min[40%]  shadow-lg  absolute bottom-0 bg-transparent \"\n                style={{ backgroundColor: 'transparent' }}\n            >\n                <View style={styles.modalContent}>\n                    {actionSheetItems.map((actionItem, index) => {\n                        return (\n                            <TouchableHighlight\n                                style={[\n                                    styles.actionSheetView,\n\n                                    index === 0 && {\n                                        borderTopLeftRadius: 12,\n                                        borderTopRightRadius: 12,\n                                    },\n                                    index === actionSheetItems.length - 2 && {\n                                        borderBottomLeftRadius: 12,\n                                        borderBottomRightRadius: 12,\n                                    },\n                                    index === actionSheetItems.length - 1 && {\n                                        borderBottomWidth: 0,\n                                        backgroundColor: WHITE,\n                                        marginTop: 8,\n                                        borderTopLeftRadius: 12,\n                                        borderTopRightRadius: 12,\n                                        borderBottomLeftRadius: 12,\n                                        borderBottomRightRadius: 12,\n                                    },\n                                    props?.hideBottomWidth &&\n                                        actionItem.id !== '#cancel' && {\n                                            borderBottomWidth: 0,\n                                            borderColor: 'transparent',\n                                            paddingTop: 10,\n                                            paddingBottom: 10,\n                                        },\n                                ]}\n                                underlayColor={'#f7f7f7'}\n                                key={index}\n                                onPress={actionItem.onPress}\n                            >\n                                {typeof actionItem.label === 'string' ? (\n                                    <Text\n                                        allowFontScaling={false}\n                                        style={[\n                                            styles.actionSheetText,\n                                            props?.actionTextColor && {\n                                                color: props?.actionTextColor,\n                                            },\n                                            index === actionSheetItems.length - 1 && {\n                                                color: '#fa1616',\n                                            },\n                                        ]}\n                                    >\n                                        {actionItem.label}\n                                    </Text>\n                                ) : (\n                                    actionItem.label\n                                )}\n                            </TouchableHighlight>\n                        );\n                    })}\n                </View>\n            </Center>\n        </Modal>\n    );\n};\n\nconst styles = StyleSheet.create({\n    modalContent: {\n        borderTopLeftRadius: 12,\n        borderTopRightRadius: 12,\n        borderBottomLeftRadius: 12,\n        borderBottomRightRadius: 12,\n        marginLeft: 15,\n        marginRight: 15,\n        marginBottom: 20,\n        paddingHorizontal: 10,\n        width: '100%',\n    },\n    actionSheetText: {\n        fontSize: 18,\n        color: PRIMARY_COLOR,\n    },\n    actionSheetView: {\n        backgroundColor: WHITE,\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'center',\n        alignItems: 'center',\n        paddingTop: 16,\n        paddingBottom: 16,\n        borderBottomWidth: StyleSheet.hairlineWidth,\n        borderColor: BORDER_COLOR,\n    },\n});\n\nActionSheet.propTypes = {\n    isOpen: PropTypes.bool,\n    actionItems: PropTypes.arrayOf(\n        PropTypes.shape({\n            id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n            label: PropTypes.any,\n            onPress: PropTypes.func,\n        }),\n    ).isRequired,\n    onCancel: PropTypes.func,\n    actionTextColor: PropTypes.string,\n    hideBottomWidth: PropTypes.bool,\n};\n\n// ActionSheet.defaultProps = {\n//   actionItems: [],\n//   onCancel: () => { },\n//   actionTextColor: null\n// }\n\nexport default ActionSheet;\n"],"names":["React"],"mappings":"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"}

package/lib/components/WorkSpaceDrawer/WorkSpaceDrawer.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {AntDesign,Ionicons,MaterialIcons}from'@expo/vector-icons';import {SafeAreaView,TouchableHighlight}from'react-native';import {Box,useLocationChange,VStack,Heading,FlatList,Text,Divider,Button,ButtonText,HStack,Avatar}from'@admin-layout/gluestack-ui-mobile';import {useSelector,useDispatch}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect,StackActions}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useGetOrganizationDetailQuery,useGetUserOrganizationsQuery}from'common/graphql';import {LOCATION_CHANGE}from'@common-stack/remix-router-redux';import {userSelector}from'@adminide-stack/user-auth0-client';var __defProp = Object.defineProperty;
+import React__default from'react';import {AntDesign,Ionicons}from'@expo/vector-icons';import {SafeAreaView,TouchableHighlight}from'react-native';import {Box,useLocationChange,VStack,Heading,FlatList,Text,Divider,Button,ButtonText,HStack,Avatar}from'@admin-layout/gluestack-ui-mobile';import {useSelector,useDispatch}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect,StackActions}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useGetOrganizationDetailQuery,useGetUserOrganizationsQuery}from'common/graphql';import {LOCATION_CHANGE}from'@common-stack/remix-router-redux';import {userSelector}from'@adminide-stack/user-auth0-client';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -109,8 +109,13 @@ const WorkSpaceDrawerComponent = (props) => {
     const matches = (_b = title == null ? void 0 : title.match(/\b(\w)/g)) != null ? _b : "";
     const acronym = Array.isArray(matches) ? (_c = matches == null ? void 0 : matches.join("")) == null ? void 0 : _c.substring(0, 2) : "";
     return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { underlayColor: "transparent", activeOpacity: 0.5, key: i, onPress: () => goToOrganization(o.name), style: {
-      marginVertical: 5
-    } }, /* @__PURE__ */ React__default.createElement(HStack, { className: "px-2 justify-between items-center w-full py-2" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "items-center" }, /* @__PURE__ */ React__default.createElement(
+      marginVertical: 2
+    } }, /* @__PURE__ */ React__default.createElement(HStack, { style: {
+      backgroundColor: o.name == orgName ? "#e5e7eb" : "transparent",
+      paddingVertical: 10,
+      paddingHorizontal: 10,
+      borderRadius: 10
+    }, className: `justify-between items-center w-full py-2` }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "items-center" }, /* @__PURE__ */ React__default.createElement(
       Button,
       {
         size: "md",
@@ -120,25 +125,30 @@ const WorkSpaceDrawerComponent = (props) => {
         Avatar,
         {
           size: "md",
-          className: `bg-gray-400 rounded-lg ${o.name == orgName ? "border-2" : "border"}  p-0`,
+          className: `bg-gray-200 rounded-lg ${o.name == orgName ? "border-2" : "border"}  p-0`,
           style: {
+            backgroundColor: "#e5e7eb",
             borderColor: o.name == orgName ? "#000" : "#d3d3d3"
           }
         },
-        /* @__PURE__ */ React__default.createElement(Text, { className: "font-extrabold text-black uppercase text-base" }, acronym)
+        /* @__PURE__ */ React__default.createElement(Text, { style: {
+          fontWeight: "800"
+        }, className: "font-extrabold text-black uppercase text-base" }, acronym)
       )
-    ), /* @__PURE__ */ React__default.createElement(Text, { className: "text-black w-[60%] font-bold", style: {
+    ), /* @__PURE__ */ React__default.createElement(Text, { className: "text-black  font-bold", style: {
       fontSize: 16
-    } }, title)), /* @__PURE__ */ React__default.createElement(Button, { className: "bg-transparent pr-1", size: "lg" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 30, name: "more-vert", color: "#000" }))));
+    } }, title))));
   };
   return /* @__PURE__ */ React__default.createElement(SafeAreaView, { style: {
     flex: 1
-  } }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 w-full h-full" }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-[0.8] h-full absolute top-0", space: "sm" }, /* @__PURE__ */ React__default.createElement(Heading, { className: `p-5 color-[${props.titleColor || (settings == null ? void 0 : settings.navTheme) == "dark" ? "text-white" : "text-black"}]`, size: "lg" }, "Workspaces"), /* @__PURE__ */ React__default.createElement(FlatList, { style: {
+  } }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 w-full h-full px-2  pt-2" }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 w-full" }, /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-1 w-full h-full absolute top-0", space: "sm" }, /* @__PURE__ */ React__default.createElement(Heading, { className: ` color-[${props.titleColor || (settings == null ? void 0 : settings.navTheme) == "dark" ? "text-white" : "text-black"}]`, size: "lg" }, "Workspaces"), /* @__PURE__ */ React__default.createElement(FlatList, { style: {
     flex: 1,
-    paddingTop: 5
+    paddingTop: 5,
+    width: "100%"
   }, keyExtractor: (item, index) => String(index), contentContainerStyle: {
     flexGrow: 1,
-    paddingBottom: 150
+    paddingBottom: 150,
+    width: "100%"
   }, data: (userOrganizationsData == null ? void 0 : userOrganizationsData.getUserOrganizations) && (userOrganizationsData == null ? void 0 : userOrganizationsData.getUserOrganizations.length) > 0 ? userOrganizationsData == null ? void 0 : userOrganizationsData.getUserOrganizations : [], renderItem: renderWorkspaces, ListEmptyComponent: () => {
     return /* @__PURE__ */ React__default.createElement(Box, { className: "bg-white py-2" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "sm" }, /* @__PURE__ */ React__default.createElement(Box, { className: "px-4 py-5" }, /* @__PURE__ */ React__default.createElement(Text, null, "No Memebers found"))));
   }, key: "workspaces-list" })), /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-1 w-full bg-white absolute bottom-0", space: "sm" }, /* @__PURE__ */ React__default.createElement(Divider, { className: "w-full" }), (user == null ? void 0 : user.accessToken) && /* @__PURE__ */ React__default.createElement(VStack, { space: "sm" }, /* @__PURE__ */ React__default.createElement(Button, { size: "sm", variant: "solid", className: "bg-transparent active:bg-gray-200 hover:bg-gray-200 justify-start", onPress: () => addWorkSpace() }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "plus", size: 22 }), /* @__PURE__ */ React__default.createElement(ButtonText, { className: "pl-2", style: {

package/lib/components/WorkSpaceDrawer/WorkSpaceDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkSpaceDrawer.js","sources":["../../../src/components/WorkSpaceDrawer/WorkSpaceDrawer.tsx"],"sourcesContent":["import React from 'react';\nimport { Ionicons, MaterialIcons, FontAwesome5, AntDesign } from '@expo/vector-icons';\nimport { createDrawerNavigator, DrawerContentScrollView, DrawerItemList, DrawerItem } from '@react-navigation/drawer';\nimport { TouchableHighlight, SafeAreaView } from 'react-native';\nimport {\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Heading,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    Divider,\n    FlatList,\n    useLocationChange,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { navigationRef } from '@common-stack/client-react';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { StackActions, CommonActions, useNavigation, useFocusEffect } from '@react-navigation/native';\nimport { useDrawerLayout } from '../../hooks/useDrawerLayout';\nimport {\n    useGetUserOrganizationsQuery,\n    useGetOrganizationDetailLazyQuery,\n    useGetOrganizationDetailQuery,\n    useCreateOrganizationMutation,\n} from 'common/graphql';\nimport { startCase } from 'lodash-es';\nimport { LOCATION_CHANGE as LOCATION_CHANGE_SUCCESS } from '@common-stack/remix-router-redux';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport colors from 'tailwindcss/colors';\n\nconst WorkSpaceDrawerComponent = (props: any) => {\n    const dispatch = useDispatch();\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const settings = useSelector<any>((state) => state.settings) as any;\n    const { open, setOpen, appConfiguredRoutes, orgName, setOrganizationDetail, organizationDetail } =\n        useDrawerLayout();\n    const { setLocationChange } = useLocationChange();\n    const { data: orgDetailData, refetch: _refetchOrgDetail } = useGetOrganizationDetailQuery({\n        variables: {\n            where: {\n                name: orgName,\n            },\n        },\n    });\n    const {\n        data: userOrganizationsData,\n        loading: isLoadingUsersOrganization,\n        refetch: refetchUserOrganizations,\n    }: any = useGetUserOrganizationsQuery({\n        //     //@ts-ignor\n        variables: { userId: user?.id },\n        //fetchPolicy: 'cache-and-network',\n    });\n\n    useFocusEffect(\n        React.useCallback(() => {\n            refetchUserOrganizations({\n                userId: user?.id,\n            });\n            if (orgName) _refetchOrgDetail({ where: { name: orgName } });\n        }, [orgName, open]),\n    );\n\n    React.useEffect(() => {\n        if (orgDetailData?.getOrganizationDetail) setOrganizationDetail(orgDetailData?.getOrganizationDetail);\n    }, [orgDetailData?.getOrganizationDetail]);\n\n    // const goToOrganization = React.useCallback((orgName: any) => {\n    //     setOpen(false);\n    //     setLocationChange({ configurableRoutes: appConfiguredRoutes, orgName: orgName });\n    //     navigation.reset({\n    //         index: 0,\n    //         routes: [\n    //             {\n    //                 name: 'MainStack.Layout.Home',\n    //                 params: { orgName: orgName },\n    //             },\n    //         ],\n    //     });\n    // }, []);\n\n    const goToOrganization = React.useCallback((orgName: any) => {\n        setOpen(false);\n        const currentRoute = navigation?.getCurrentRoute();\n        const currParams = {\n            ...(currentRoute.params || {}),\n            orgName: orgName,\n        };\n        dispatch({\n            type: LOCATION_CHANGE_SUCCESS,\n            payload: {\n                currentRoute: {\n                    path: currentRoute?.name ?? null,\n                    params: currParams,\n                },\n                previousRoute: {\n                    path: currentRoute?.name ?? null,\n                    params: currentRoute.params,\n                },\n            },\n        });\n        navigation.dispatch(StackActions.push('MainStack', { screen: NavigationRoutes.Home, params: { orgName } }));\n    }, []);\n\n    const addWorkSpace = React.useCallback(() => {\n        setOpen(false);\n        // navigation?.navigate('MainStack', { screen: NavigationRoutes.AddWorkSpace, params: { orgName } });\n        navigation?.navigate(NavigationRoutes.AddWorkSpace, { orgName });\n    }, [orgName]);\n\n    const renderWorkspaces = ({ item: o, index: i }: any) => {\n        const title = o?.title ?? o.name;\n        const matches: any = title?.match(/\\b(\\w)/g) ?? '';\n        //const acronym: any = matches?.join('')?.substring(0, 2)?.toUpperCase() ?? ''; // JSON\n        const acronym: any = Array.isArray(matches) ? matches?.join('')?.substring(0, 2) : ''; // JSON\n\n        return (\n            <TouchableHighlight\n                underlayColor={'transparent'}\n                activeOpacity={0.5}\n                key={i}\n                onPress={() => goToOrganization(o.name)}\n                style={{ marginVertical: 5 }}\n            >\n                <HStack className=\"px-2 justify-between items-center w-full py-2\">\n                    <HStack space={'sm'} className=\"items-center\">\n                        <Button\n                            size={'md'}\n                            className=\"bg-transparent px-0 py-0 \"\n                            // borderRadius={'$lg'}\n                            // borderWidth={o.name == orgName ? '$2' : '$1'}\n                            // borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                        >\n                            <Avatar\n                                size={'md'}\n                                // borderRadius={o.name == orgName ? '$none' : '$lg'}\n                                className={`bg-gray-400 rounded-lg ${o.name == orgName ? 'border-2' : 'border'}  p-0`}\n                                style={{ borderColor: o.name == orgName ? '#000' : '#d3d3d3' }}\n                            >\n                                <Text className=\"font-extrabold text-black uppercase text-base\">{acronym}</Text>\n                            </Avatar>\n\n                            {/* <ButtonText size=\"md\" fontWeight={'$extrabold'} color=\"$black\" style={{ fontSize: 18 }}>\n                                {startCase(acronym)}\n                            </ButtonText> */}\n                        </Button>\n                        <Text className=\"text-black w-[60%] font-bold\" style={{ fontSize: 16 }}>\n                            {title}\n                        </Text>\n                    </HStack>\n                    <Button className=\"bg-transparent pr-1\" size={'lg'}>\n                        <MaterialIcons size={30} name=\"more-vert\" color={'#000'} />\n                    </Button>\n                </HStack>\n            </TouchableHighlight>\n        );\n    };\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <Box className=\"flex-1 w-full h-full\">\n                {/* <StatusBar style={'dark'} /> */}\n                <Box className=\"flex-1\">\n                    <VStack className=\"flex-[0.8] h-full absolute top-0\" space={'sm'}>\n                        <Heading\n                            className={`p-5 color-[${\n                                props.titleColor || settings?.navTheme == 'dark' ? 'text-white' : 'text-black'\n                            }]`}\n                            size={'lg'}\n                        >\n                            Workspaces\n                        </Heading>\n                        <FlatList\n                            style={{ flex: 1, paddingTop: 5 }}\n                            keyExtractor={(item, index) => String(index)}\n                            contentContainerStyle={{\n                                flexGrow: 1,\n                                paddingBottom: 150,\n                            }}\n                            data={\n                                userOrganizationsData?.getUserOrganizations &&\n                                userOrganizationsData?.getUserOrganizations.length > 0\n                                    ? userOrganizationsData?.getUserOrganizations\n                                    : []\n                            }\n                            renderItem={renderWorkspaces}\n                            ListEmptyComponent={() => {\n                                return (\n                                    <Box className=\"bg-white py-2\">\n                                        <VStack space=\"sm\">\n                                            <Box className=\"px-4 py-5\">\n                                                <Text>No Memebers found</Text>\n                                            </Box>\n                                        </VStack>\n                                    </Box>\n                                );\n                            }}\n                            key={'workspaces-list'}\n                        />\n                        {/* {userOrganizationsData?.getUserOrganizations &&\n                        userOrganizationsData?.getUserOrganizations?.length > 0 &&\n                        userOrganizationsData?.getUserOrganizations?.map((o: any, i: any) => {\n                            const matches: any = o?.title?.match(/\\b(\\w)/g) ?? '';\n                            const acronym: any = matches?.join('')?.substring(0, 2)?.toUpperCase() ?? ''; // JSON\n                            return (\n                                <TouchableHighlight\n                                    underlayColor={'transparent'}\n                                    activeOpacity={0.5}\n                                    key={i}\n                                    onPress={() => goToOrganization(o.name)}\n                                >\n                                    <HStack px=\"1\" justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                                        <HStack alignItems=\"center\">\n                                            <IconButton\n                                                mx={2}\n                                                px={2}\n                                                py={2}\n                                                size={12}\n                                                bg={'transparent'}\n                                                borderRadius={'lg'}\n                                                borderWidth={o.name == orgName ? 2 : 1}\n                                                borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                                                icon={\n                                                    <Avatar\n                                                        bg={'gray.300'}\n                                                        size={o.name == orgName ? 10 : 12}\n                                                        borderRadius={o.name == orgName ? 0 : 'lg'}\n                                                        p={2}\n                                                        _image={{ borderRadius: 0 }}\n                                                        _text={{ color: '#000', fontWeight: 800, fontSize: 18 }}\n                                                    >\n                                                        {acronym}\n                                                    </Avatar>\n                                                }\n                                            />\n                                            <Text color=\"black\" fontSize=\"18\" fontWeight={'bold'}>\n                                                {o?.title ?? o.name}\n                                            </Text>\n                                        </HStack>\n                                        <IconButton\n                                            size={'lg'}\n                                            _icon={{\n                                                as: MaterialIcons,\n                                                name: 'more-vert',\n                                                color: '#000',\n                                            }}\n                                        />\n                                    </HStack>\n                                </TouchableHighlight>\n                            );\n                        })} */}\n                    </VStack>\n                    <VStack className=\"flex-1 w-full bg-white absolute bottom-0\" space={'sm'}>\n                        <Divider className=\"w-full\" />\n                        {user?.accessToken && (\n                            <VStack space={'sm'}>\n                                <Button\n                                    size={'sm'}\n                                    variant={'solid'}\n                                    className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200 justify-start\"\n                                    onPress={() => addWorkSpace()}\n                                >\n                                    <AntDesign color=\"black\" name=\"plus\" size={22} />\n                                    <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                        Add a workspace\n                                    </ButtonText>\n                                </Button>\n                                <Button\n                                    size={'sm'}\n                                    variant={'solid'}\n                                    className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200 justify-start\"\n                                >\n                                    <Ionicons color=\"black\" name=\"settings-outline\" size={22} />\n                                    <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                        Preferences\n                                    </ButtonText>\n                                </Button>\n                                <Button\n                                    size={'sm'}\n                                    variant={'solid'}\n                                    className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200 justify-start\"\n                                >\n                                    <Ionicons color=\"black\" name=\"help-circle-outline\" size={22} />\n                                    <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                        Help\n                                    </ButtonText>\n                                </Button>\n                            </VStack>\n                        )}\n                    </VStack>\n                </Box>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nconst WorkSpaceDrawer = (props: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const settings = useSelector<any>((state) => state.settings) as any;\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <Box className=\"flex-1 w-full\">\n                {user && user?.accessToken ? <WorkSpaceDrawerComponent {...props} /> : <></>}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(WorkSpaceDrawer);\n"],"names":["React","orgName","LOCATION_CHANGE_SUCCESS"],"mappings":"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"}
+{"version":3,"file":"WorkSpaceDrawer.js","sources":["../../../src/components/WorkSpaceDrawer/WorkSpaceDrawer.tsx"],"sourcesContent":["import React from 'react';\nimport { Ionicons, MaterialIcons, FontAwesome5, AntDesign } from '@expo/vector-icons';\nimport { createDrawerNavigator, DrawerContentScrollView, DrawerItemList, DrawerItem } from '@react-navigation/drawer';\nimport { TouchableHighlight, SafeAreaView } from 'react-native';\nimport {\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Heading,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    Divider,\n    FlatList,\n    useLocationChange,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { navigationRef } from '@common-stack/client-react';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { StackActions, CommonActions, useNavigation, useFocusEffect } from '@react-navigation/native';\nimport { useDrawerLayout } from '../../hooks/useDrawerLayout';\nimport {\n    useGetUserOrganizationsQuery,\n    useGetOrganizationDetailLazyQuery,\n    useGetOrganizationDetailQuery,\n    useCreateOrganizationMutation,\n} from 'common/graphql';\nimport { startCase } from 'lodash-es';\nimport { LOCATION_CHANGE as LOCATION_CHANGE_SUCCESS } from '@common-stack/remix-router-redux';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport colors from 'tailwindcss/colors';\n\nconst WorkSpaceDrawerComponent = (props: any) => {\n    const dispatch = useDispatch();\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const settings = useSelector<any>((state) => state.settings) as any;\n    const { open, setOpen, appConfiguredRoutes, orgName, setOrganizationDetail, organizationDetail } =\n        useDrawerLayout();\n    const { setLocationChange } = useLocationChange();\n    const { data: orgDetailData, refetch: _refetchOrgDetail } = useGetOrganizationDetailQuery({\n        variables: {\n            where: {\n                name: orgName,\n            },\n        },\n    });\n    const {\n        data: userOrganizationsData,\n        loading: isLoadingUsersOrganization,\n        refetch: refetchUserOrganizations,\n    }: any = useGetUserOrganizationsQuery({\n        //     //@ts-ignor\n        variables: { userId: user?.id },\n        //fetchPolicy: 'cache-and-network',\n    });\n\n    useFocusEffect(\n        React.useCallback(() => {\n            refetchUserOrganizations({\n                userId: user?.id,\n            });\n            if (orgName) _refetchOrgDetail({ where: { name: orgName } });\n        }, [orgName, open]),\n    );\n\n    React.useEffect(() => {\n        if (orgDetailData?.getOrganizationDetail) setOrganizationDetail(orgDetailData?.getOrganizationDetail);\n    }, [orgDetailData?.getOrganizationDetail]);\n\n    // const goToOrganization = React.useCallback((orgName: any) => {\n    //     setOpen(false);\n    //     setLocationChange({ configurableRoutes: appConfiguredRoutes, orgName: orgName });\n    //     navigation.reset({\n    //         index: 0,\n    //         routes: [\n    //             {\n    //                 name: 'MainStack.Layout.Home',\n    //                 params: { orgName: orgName },\n    //             },\n    //         ],\n    //     });\n    // }, []);\n\n    const goToOrganization = React.useCallback((orgName: any) => {\n        setOpen(false);\n        const currentRoute = navigation?.getCurrentRoute();\n        const currParams = {\n            ...(currentRoute.params || {}),\n            orgName: orgName,\n        };\n        dispatch({\n            type: LOCATION_CHANGE_SUCCESS,\n            payload: {\n                currentRoute: {\n                    path: currentRoute?.name ?? null,\n                    params: currParams,\n                },\n                previousRoute: {\n                    path: currentRoute?.name ?? null,\n                    params: currentRoute.params,\n                },\n            },\n        });\n        navigation.dispatch(StackActions.push('MainStack', { screen: NavigationRoutes.Home, params: { orgName } }));\n    }, []);\n\n    const addWorkSpace = React.useCallback(() => {\n        setOpen(false);\n        // navigation?.navigate('MainStack', { screen: NavigationRoutes.AddWorkSpace, params: { orgName } });\n        navigation?.navigate(NavigationRoutes.AddWorkSpace, { orgName });\n    }, [orgName]);\n\n    const renderWorkspaces = ({ item: o, index: i }: any) => {\n        const title = o?.title ?? o.name;\n        const matches: any = title?.match(/\\b(\\w)/g) ?? '';\n        //const acronym: any = matches?.join('')?.substring(0, 2)?.toUpperCase() ?? ''; // JSON\n        const acronym: any = Array.isArray(matches) ? matches?.join('')?.substring(0, 2) : ''; // JSON\n\n        return (\n            <TouchableHighlight\n                underlayColor={'transparent'}\n                activeOpacity={0.5}\n                key={i}\n                onPress={() => goToOrganization(o.name)}\n                style={{ marginVertical: 2 }}\n            >\n                <HStack\n                    style={{\n                        backgroundColor: o.name == orgName ? '#e5e7eb' : 'transparent',\n                        paddingVertical: 10,\n                        paddingHorizontal: 10,\n                        borderRadius: 10,\n                    }}\n                    className={`justify-between items-center w-full py-2`}\n                >\n                    <HStack space={'md'} className=\"items-center\">\n                        <Button\n                            size={'md'}\n                            className=\"bg-transparent px-0 py-0 \"\n                            // borderRadius={'$lg'}\n                            // borderWidth={o.name == orgName ? '$2' : '$1'}\n                            // borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                        >\n                            <Avatar\n                                size={'md'}\n                                // borderRadius={o.name == orgName ? '$none' : '$lg'}\n                                className={`bg-gray-200 rounded-lg ${o.name == orgName ? 'border-2' : 'border'}  p-0`}\n                                style={{\n                                    backgroundColor: '#e5e7eb',\n                                    borderColor: o.name == orgName ? '#000' : '#d3d3d3',\n                                }}\n                            >\n                                <Text\n                                    style={{ fontWeight: '800' }}\n                                    className=\"font-extrabold text-black uppercase text-base\"\n                                >\n                                    {acronym}\n                                </Text>\n                            </Avatar>\n\n                            {/* <ButtonText size=\"md\" fontWeight={'$extrabold'} color=\"$black\" style={{ fontSize: 18 }}>\n                                {startCase(acronym)}\n                            </ButtonText> */}\n                        </Button>\n                        <Text className=\"text-black  font-bold\" style={{ fontSize: 16 }}>\n                            {title}\n                        </Text>\n                    </HStack>\n                </HStack>\n            </TouchableHighlight>\n        );\n    };\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <Box className=\"flex-1 w-full h-full px-2  pt-2\">\n                {/* <StatusBar style={'dark'} /> */}\n                <Box className=\"flex-1 w-full\">\n                    <VStack className=\"flex-1 w-full h-full absolute top-0\" space={'sm'}>\n                        <Heading\n                            className={` color-[${\n                                props.titleColor || settings?.navTheme == 'dark' ? 'text-white' : 'text-black'\n                            }]`}\n                            size={'lg'}\n                        >\n                            Workspaces\n                        </Heading>\n                        <FlatList\n                            style={{ flex: 1, paddingTop: 5, width: '100%' }}\n                            keyExtractor={(item, index) => String(index)}\n                            contentContainerStyle={{\n                                flexGrow: 1,\n                                paddingBottom: 150,\n                                width: '100%',\n                            }}\n                            data={\n                                userOrganizationsData?.getUserOrganizations &&\n                                userOrganizationsData?.getUserOrganizations.length > 0\n                                    ? userOrganizationsData?.getUserOrganizations\n                                    : []\n                            }\n                            renderItem={renderWorkspaces}\n                            ListEmptyComponent={() => {\n                                return (\n                                    <Box className=\"bg-white py-2\">\n                                        <VStack space=\"sm\">\n                                            <Box className=\"px-4 py-5\">\n                                                <Text>No Memebers found</Text>\n                                            </Box>\n                                        </VStack>\n                                    </Box>\n                                );\n                            }}\n                            key={'workspaces-list'}\n                        />\n                    </VStack>\n                    <VStack className=\"flex-1 w-full bg-white absolute bottom-0\" space={'sm'}>\n                        <Divider className=\"w-full\" />\n                        {user?.accessToken && (\n                            <VStack space={'sm'}>\n                                <Button\n                                    size={'sm'}\n                                    variant={'solid'}\n                                    className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200 justify-start\"\n                                    onPress={() => addWorkSpace()}\n                                >\n                                    <AntDesign color=\"black\" name=\"plus\" size={22} />\n                                    <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                        Add a workspace\n                                    </ButtonText>\n                                </Button>\n                                <Button\n                                    size={'sm'}\n                                    variant={'solid'}\n                                    className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200 justify-start\"\n                                >\n                                    <Ionicons color=\"black\" name=\"settings-outline\" size={22} />\n                                    <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                        Preferences\n                                    </ButtonText>\n                                </Button>\n                                <Button\n                                    size={'sm'}\n                                    variant={'solid'}\n                                    className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200 justify-start\"\n                                >\n                                    <Ionicons color=\"black\" name=\"help-circle-outline\" size={22} />\n                                    <ButtonText className=\"pl-2\" style={{ color: 'black', fontSize: 15 }}>\n                                        Help\n                                    </ButtonText>\n                                </Button>\n                            </VStack>\n                        )}\n                    </VStack>\n                </Box>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nconst WorkSpaceDrawer = (props: any) => {\n    const navigation = useNavigation<any>();\n    const user: any = useSelector(userSelector);\n    const settings = useSelector<any>((state) => state.settings) as any;\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <Box className=\"flex-1 w-full\">\n                {user && user?.accessToken ? <WorkSpaceDrawerComponent {...props} /> : <></>}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(WorkSpaceDrawer);\n"],"names":["React","orgName","LOCATION_CHANGE_SUCCESS"],"mappings":"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"}

package/lib/index.js

@@ -1 +1 @@
-import {Feature}from'@common-stack/client-react';import SlackUIModule from'./module.js';export{default as colors}from'./constants/Colors.js';export{default as device}from'./constants/device.js';export{default as fonts}from'./constants/fonts.js';export{default as gStyle}from'./constants/globalStyles.js';export{default as images}from'./constants/preloadImages.js';export{default as Layout}from'./constants/Layout.js';export{NavigationRoutes}from'./constants/routes.js';export{Login}from'./screens/Login.js';export{default as Home}from'./screens/Home/HomeScreen.js';export{default as InboxScreen}from'./screens/Inbox/InboxScreen.js';export{default as InboxChannelDetailScreen}from'./screens/Inbox/InboxChannelDetail.js';export{default as Account}from'./screens/Account/AccountScreen.js';export{default as Profile}from'./screens/Profile/ProfileScreen.js';export{default as Activity}from'./screens/Activity/ActivityScreen.js';export{default as Saved}from'./screens/Saved/SavedScreen.js';export{default as Notification}from'./screens/Notification/NotificationsScreen.js';export{default as Search}from'./screens/Search/SearchScreen.js';export{default as SearchChannelPeople}from'./screens/Search/SearchChannelPeople.js';export{default as SearchAddChannel}from'./screens/Search/SearchAddChannel.js';export{default as JumpTo}from'./screens/Search/JumpTo.js';export{default as Files}from'./screens/Files/FilesScreen.js';export{default as Wiki}from'./screens/Wiki/WikiScreen.js';export{default as Channels}from'./screens/Channels/Channels.js';export{default as AddChannel}from'./screens/Channels/AddChannel.js';export{default as AddChannelName}from'./screens/Channels/Add/AddName.js';export{default as AddChannelVisibility}from'./screens/Channels/Add/AddVisibility.js';export{default as Peoples}from'./screens/Peoples/People.js';export{default as AddPeople}from'./screens/Peoples/AddPeople.js';export{default as AddPeopleByEmail}from'./screens/Peoples/AddByEmail.js';export{default as AddFromContacts}from'./screens/Peoples/AddFromContacts.js';export{default as AddTeam}from'./screens/Teams/AddTeam.js';export{default as Team}from'./screens/Teams/Team.js';export{default as Teams}from'./screens/Teams/Teams.js';export{default as CreateOrganization}from'./screens/Organization/CreateOrganization.js';export{default as InviteOrganizationMembers}from'./screens/Organization/InviteOrganizationMembers.js';export{default as InitializeOrganizationChannel}from'./screens/Organization/InitializeOrganizationChannel.js';export{default as InitialChannelOnboarding}from'./screens/Organization/InitialChannelOnboarding.js';export{default as AddWorkSpace}from'./screens/Organization/AddWorkspace.js';export{default as Header}from'./components/Header/Header.js';export{default as Tiles}from'./components/Tiles/Tiles.js';export{default as CustomDrawer}from'./components/CustomDrawer/CustomDrawer.js';export{default as CustomBottomTabs}from'./components/CustomBottomTabs/CustomBottomTabs.js';export{default as NavigationHeader}from'./components/NavigationHeader/NavigationHeader.js';export{default as chatNavigationHeader}from'./components/NavigationHeader/NavigationHeaderChat.js';export{default as InboxNavigationHeader}from'./components/NavigationHeader/InboxNavigationHeader.js';export{default as LoadingSpinner,LoadingSpinnerDefault}from'./components/LoadingSpinner/index.js';export{default as WorkSpaceDrawer}from'./components/WorkSpaceDrawer/WorkSpaceDrawer.js';export{ChannelsByAlphabeticalAccordion}from'./components/Channels/ChannelsByAlphabeticalAccordion.js';export{SlackInput}from'./components/SlackSearchInput/index.js';export{default as AppRootContextProviderComponent}from'./components/AppRootContextProviderComponent.js';export{default as useCachedResources}from'./hooks/useCachedResources.js';export{default as useColorScheme}from'./hooks/useColorScheme.js';export{DrawerLayoutContext,DrawerLayoutProvider,useDrawerLayout}from'./hooks/useDrawerLayout.js';export{ExpoNotificationContext,ExpoNotificationProvider,useExpoNotification}from'./hooks/useExpoNotificationProvider.js';export{useDisclose}from'./hooks/useDisclose.js';export{customTheme}from'./theme/index.js';import'./locales/index.js';var index = new Feature(SlackUIModule);export{index as default};//# sourceMappingURL=index.js.map
+import {Feature}from'@common-stack/client-react';import SlackUIModule from'./module.js';export{default as colors}from'./constants/Colors.js';export{default as device}from'./constants/device.js';export{default as fonts}from'./constants/fonts.js';export{default as gStyle}from'./constants/globalStyles.js';export{default as images}from'./constants/preloadImages.js';export{default as Layout}from'./constants/Layout.js';export{NavigationRoutes}from'./constants/routes.js';export{Login}from'./screens/Login.js';export{default as Home}from'./screens/Home/HomeScreen.js';export{default as InboxScreen}from'./screens/Inbox/InboxScreen.js';export{default as InboxChannelDetailScreen}from'./screens/Inbox/InboxChannelDetail.js';export{default as Account}from'./screens/Account/AccountScreen.js';export{default as Profile}from'./screens/Profile/ProfileScreen.js';export{default as Activity}from'./screens/Activity/ActivityScreen.js';export{default as Saved}from'./screens/Saved/SavedScreen.js';export{default as Notification}from'./screens/Notification/NotificationsScreen.js';export{default as Search}from'./screens/Search/SearchScreen.js';export{default as SearchChannelPeople}from'./screens/Search/SearchChannelPeople.js';export{default as SearchAddChannel}from'./screens/Search/SearchAddChannel.js';export{default as JumpTo}from'./screens/Search/JumpTo.js';export{default as Files}from'./screens/Files/FilesScreen.js';export{default as Wiki}from'./screens/Wiki/WikiScreen.js';export{default as Channels}from'./screens/Channels/Channels.js';export{default as AddChannel}from'./screens/Channels/AddChannel.js';export{default as AddChannelName}from'./screens/Channels/Add/AddName.js';export{default as AddChannelVisibility}from'./screens/Channels/Add/AddVisibility.js';export{default as Peoples}from'./screens/Peoples/People.js';export{default as AddPeople}from'./screens/Peoples/AddPeople.js';export{default as AddPeopleByEmail}from'./screens/Peoples/AddByEmail.js';export{default as AddFromContacts}from'./screens/Peoples/AddFromContacts.js';export{default as AddTeam}from'./screens/Teams/AddTeam.js';export{default as Team}from'./screens/Teams/Team.js';export{default as Teams}from'./screens/Teams/Teams.js';export{default as CreateOrganization}from'./screens/Organization/CreateOrganization.js';export{default as InviteOrganizationMembers}from'./screens/Organization/InviteOrganizationMembers.js';export{default as InitializeOrganizationChannel}from'./screens/Organization/InitializeOrganizationChannel.js';export{default as InitialChannelOnboarding}from'./screens/Organization/InitialChannelOnboarding.js';export{default as AddWorkSpace}from'./screens/Organization/AddWorkspace.js';export{default as Header}from'./components/Header/Header.js';export{default as Tiles}from'./components/Tiles/Tiles.js';export{default as CustomDrawer}from'./components/CustomDrawer/CustomDrawer.js';export{default as CustomBottomTabs}from'./components/CustomBottomTabs/CustomBottomTabs.js';export{default as NavigationHeader}from'./components/NavigationHeader/NavigationHeader.js';export{default as chatNavigationHeader}from'./components/NavigationHeader/NavigationHeaderChat.js';export{default as InboxNavigationHeader}from'./components/NavigationHeader/InboxNavigationHeader.js';export{default as LoadingSpinner,LoadingSpinnerDefault}from'./components/LoadingSpinner/index.js';export{default as WorkSpaceDrawer}from'./components/WorkSpaceDrawer/WorkSpaceDrawer.js';export{ChannelsByAlphabeticalAccordion}from'./components/Channels/ChannelsByAlphabeticalAccordion.js';export{SlackInput}from'./components/SlackSearchInput/index.js';export{default as AppRootContextProviderComponent}from'./components/AppRootContextProviderComponent.js';export{default as Actionsheet}from'./components/Actionsheet.js';export{default as useCachedResources}from'./hooks/useCachedResources.js';export{default as useColorScheme}from'./hooks/useColorScheme.js';export{DrawerLayoutContext,DrawerLayoutProvider,useDrawerLayout}from'./hooks/useDrawerLayout.js';export{ExpoNotificationContext,ExpoNotificationProvider,useExpoNotification}from'./hooks/useExpoNotificationProvider.js';export{useDisclose}from'./hooks/useDisclose.js';export{customTheme}from'./theme/index.js';import'./locales/index.js';var index = new Feature(SlackUIModule);export{index as default};//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { Feature } from '@common-stack/client-react';\nimport SlackUIModule from './module';\n\nexport * from './navigation';\nexport * from './constants';\nexport * from './screens';\nexport * from './components';\nexport * from './hooks';\nexport * from './theme';\nexport * from './locales';\n\nexport default new Feature(SlackUIModule);\n"],"names":[],"mappings":"0lIASA,YAAe,IAAI,QAAQ,aAAa,CAAA"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { Feature } from '@common-stack/client-react';\nimport SlackUIModule from './module';\n\nexport * from './navigation';\nexport * from './constants';\nexport * from './screens';\nexport * from './components';\nexport * from './hooks';\nexport * from './theme';\nexport * from './locales';\n\nexport default new Feature(SlackUIModule);\n"],"names":[],"mappings":"0pIASA,YAAe,IAAI,QAAQ,aAAa,CAAA"}

package/lib/screens/Home/Components/Channels/Channels.js

@@ -1,4 +1,4 @@
-import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState}from'react';import {TouchableOpacity}from'react-native';import {NavigationRoutes}from'../../../../constants/routes.js';import {View,HStack,Text,FlatList,Button,ButtonText,VStack,Icon,AddIcon,Actionsheet,ActionsheetBackdrop,ActionsheetContent,ActionsheetItem,ActionsheetItemText,Box,Spinner}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import styles from'../../styles.js';import {take,orderBy,uniqBy}from'lodash-es';import {RoomType}from'common';import {MaterialIcons,Octicons}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import {useDisclose}from'../../../../hooks/useDisclose.js';import colors from'tailwindcss/colors';const Channels = ({
+import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState}from'react';import {TouchableOpacity}from'react-native';import {NavigationRoutes}from'../../../../constants/routes.js';import {View,HStack,Text,FlatList,Button,ButtonText,VStack,Icon,AddIcon,Box,Spinner}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import styles from'../../styles.js';import {take,orderBy,uniqBy}from'lodash-es';import {RoomType}from'common';import {MaterialIcons,Octicons}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import {useDisclose}from'../../../../hooks/useDisclose.js';import colors from'tailwindcss/colors';import ActionSheet from'../../../../components/Actionsheet.js';const Channels = ({
   channels,
   loading,
   reFetchChannels,
@@ -17,6 +17,22 @@ import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native'
     orgName
   } = useDrawerLayout();
   useIsFocused();
+  const actionItems = [
+    {
+      id: 1,
+      label: "Create Channel",
+      onPress: () => navigation.navigate(NavigationRoutes.Channels, {
+        orgName
+      })
+    },
+    {
+      id: 2,
+      label: "Browse Channels",
+      onPress: () => navigation.navigate(NavigationRoutes.Channels, {
+        orgName
+      })
+    }
+  ];
   useFocusEffect(React__default.useCallback(() => {
     reFetchChannels();
     return () => {
@@ -78,23 +94,7 @@ import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native'
         fontWeight: "400",
         color: "black"
       } }, "Add Channel")))
-    ), /* @__PURE__ */ React__default.createElement(Actionsheet, { isOpen: true, onClose }, /* @__PURE__ */ React__default.createElement(ActionsheetBackdrop, null), /* @__PURE__ */ React__default.createElement(ActionsheetContent, { className: "bg-transparent" }, /* @__PURE__ */ React__default.createElement(VStack, { className: "w-full p-20 px-1" }, /* @__PURE__ */ React__default.createElement(ActionsheetItem, { onPress: () => navigation.navigate(NavigationRoutes.AddChannel, {
-      orgName
-    }), className: "bg-white items-center justify-center active:bg-gray-100 hover:bg-gray-100 border border-gray-200 rounded-lg rounded-b-none" }, /* @__PURE__ */ React__default.createElement(ActionsheetItemText, { style: {
-      fontWeight: "500",
-      fontSize: 15,
-      color: "#3b82f6"
-    } }, "Create Channel")), /* @__PURE__ */ React__default.createElement(ActionsheetItem, { onPress: () => navigation.navigate(NavigationRoutes.Channels, {
-      orgName
-    }), className: "bg-white items-center justify-center active:bg-gray-100 hover:bg-gray-100 border border-gray-200 rounded-lg rounded-b-none" }, /* @__PURE__ */ React__default.createElement(ActionsheetItemText, { style: {
-      fontWeight: "500",
-      fontSize: 15,
-      color: "#3b82f6"
-    } }, "Browse Channels")), /* @__PURE__ */ React__default.createElement(ActionsheetItem, { onPress: () => onClose(), className: "bg-white items-center justify-center mt-1 active:bg-gray-100 hover:bg-gray-100 border border-gray-200 rounded-lg rounded-b-none" }, /* @__PURE__ */ React__default.createElement(ActionsheetItemText, { style: {
-      fontWeight: "500",
-      fontSize: 15,
-      color: "#2563eb"
-    } }, "Cancel"))))));
+    ), /* @__PURE__ */ React__default.createElement(ActionSheet, { isOpen, actionItems, onCancel: onClose }));
   } })));
 };
 var Channels$1 = React__default.memo(Channels);export{Channels$1 as default};//# sourceMappingURL=Channels.js.map

package/lib/screens/Home/Components/Channels/Channels.js.map

@@ -1 +1 @@
-{"version":3,"file":"Channels.js","sources":["../../../../../src/screens/Home/Components/Channels/Channels.tsx"],"sourcesContent":["import { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { TouchableOpacity, Share } from 'react-native';\nimport { NavigationRoutes } from '../../../../constants/routes';\n// import more from '../../../../assets/images/more.png';\n// import right from '../../../../assets/images/right.png';\n// import {} from '../../../../constants/preloadImages';\nimport {\n    Pressable,\n    View,\n    Image,\n    FlatList,\n    Icon,\n    AddIcon,\n    Box,\n    Text,\n    Avatar,\n    Spinner,\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Actionsheet,\n    ActionsheetBackdrop,\n    ActionsheetContent,\n    ActionsheetDragIndicatorWrapper,\n    ActionsheetDragIndicator,\n    ActionsheetItem,\n    ActionsheetItemText,\n    ActionsheetIcon,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { useNavigation } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\nimport styles from '../../styles';\nimport { startCase, orderBy, uniqBy, take } from 'lodash-es';\nimport { RoomType } from 'common';\nimport { useGetChannelsByUserQuery } from 'common/graphql';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport Colors from '../../../../constants/Colors';\nimport { useDrawerLayout, useDisclose } from '../../../../hooks';\nimport colors from 'tailwindcss/colors';\n\nconst Channels = ({ channels, loading, reFetchChannels, fetchMoreChannels, showMore }) => {\n    const { isOpen, onOpen, onClose } = useDisclose();\n    const navigation = useNavigation<any>();\n    const [expandable, setExpendable] = useState(true);\n    const user: any = useSelector(userSelector);\n    const { orgName } = useDrawerLayout();\n    // const { authenticated } = isUserAuthenticated();\n    const isFocused = useIsFocused();\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            reFetchChannels();\n\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, []),\n    );\n\n    const organizationChannels = React.useMemo(() => {\n        //Direct channel\n        return (\n            (channels &&\n                channels?.length &&\n                take(\n                    orderBy(\n                        uniqBy(\n                            [...channels]?.filter((i: any) => i.type !== RoomType.Direct),\n                            ({ id }) => id,\n                        ),\n                        [(ch: any) => ch?.title.toLowerCase()],\n                        ['asc'],\n                    ),\n                    20,\n                )) ||\n            []\n        );\n    }, [channels]);\n\n    const openInbox = React.useCallback(\n        (id: any, title: any, totalMembers: any, type?: any) => {\n            navigation.navigate(NavigationRoutes.DialogMessages, {\n                channelId: id?.toString(),\n                title: title?.toString(),\n                totalMembers: totalMembers,\n                channelType: type,\n                orgName: orgName,\n                hideTabBar: true,\n            });\n        },\n        [orgName],\n    );\n\n    const renderUserChannelItem = ({ item }: any) => {\n        return (\n            <TouchableOpacity\n                key={item.id}\n                onPress={() => openInbox(item?.id, item?.title, item?.members?.length, item?.type)}\n            >\n                <VStack className=\"py-1\">\n                    <HStack className=\"flex-1 items-center\" space=\"sm\">\n                        <Box>\n                            {item.type == RoomType.Channel ? (\n                                <Octicons color=\"black\" name=\"hash\" size={16} />\n                            ) : (\n                                <>\n                                    <Octicons color=\"black\" name=\"lock\" size={16} />\n                                </>\n                            )}\n                        </Box>\n                        <Text style={{ fontSize: 14, fontWeight: '400' }} color={colors.gray[800]}>\n                            {item.title}\n                        </Text>\n                    </HStack>\n                </VStack>\n            </TouchableOpacity>\n        );\n    };\n\n    const loadMore = React.useCallback(() => {\n        fetchMoreChannels(organizationChannels?.length);\n    }, [organizationChannels]);\n\n    return (\n        <View style={styles.channelContainer}>\n            <TouchableOpacity style={styles.headingContainer} onPress={() => setExpendable(!expandable)}>\n                <HStack className=\"flex-1 items-center justify-between\">\n                    <Text style={{ fontSize: 15, fontWeight: '600', color: 'black' }}>Channels</Text>\n                    {expandable ? (\n                        <MaterialIcons color={'black'} name={'keyboard-arrow-up'} size={20} />\n                    ) : (\n                        <MaterialIcons color={'black'} name={'keyboard-arrow-down'} size={20} />\n                    )}\n                    {/* <HStack alignItems={'center'}>\n                        <Button\n                            bg={'transparent'}\n                            onPress={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}\n                        >\n                            <MaterialIcons color={'black'} name={'add'} size={20} />\n                        </Button>\n                        {expandable ? (\n                            <MaterialIcons color={'black'} name={'keyboard-arrow-up'} size={20} />\n                        ) : (\n                            <MaterialIcons color={'black'} name={'keyboard-arrow-down'} size={20} />\n                        )}\n                    </HStack> */}\n                </HStack>\n            </TouchableOpacity>\n            {/* <TouchableOpacity style={styles.headingContainer} onPress={() => setExpendable(!expandable)}>\n                <Text fontSize={15} fontWeight={600}>\n                    Channels\n                </Text>\n                <Image alt={'more icon right'} style={styles.iconStyle} source={expandable ? more : right} />\n            </TouchableOpacity> */}\n            {expandable && (\n                <>\n                    <FlatList\n                        style={{ paddingVertical: 2 }}\n                        data={organizationChannels && organizationChannels.length > 0 ? organizationChannels : []}\n                        renderItem={renderUserChannelItem}\n                        key={'channels-list'}\n                        keyExtractor={(item, index) => String(index)}\n                        contentContainerStyle={{\n                            flex: 1,\n                        }}\n                        ListEmptyComponent={() => {\n                            return (\n                                <Box className=\"py-1\">\n                                    {loading ? (\n                                        <Spinner color={colors.blue[500]} />\n                                    ) : (\n                                        <Text color={'$coolGray600'}>No Channels found</Text>\n                                    )}\n                                </Box>\n                            );\n                        }}\n                        ListFooterComponent={() => {\n                            return (\n                                <>\n                                    {channels?.length > 20 && (\n                                        <HStack className=\"flex-1 items-center\">\n                                            <Button\n                                                variant={'solid'}\n                                                onPress={() =>\n                                                    navigation.navigate('MainStack', {\n                                                        screen: NavigationRoutes.Channels,\n                                                        params: { orgName },\n                                                    })\n                                                }\n                                                className=\"bg-transparent pl-0 active:bg-transparent hover:bg-transparent\"\n                                            >\n                                                <MaterialIcons color={'black'} name={'search'} size={20} />\n                                                <ButtonText className=\"text-black\">Browse all channels</ButtonText>\n                                            </Button>\n                                            {/* <Button\n                                                size={'sm'}\n                                                // w={135}\n                                                variant={'ghost'}\n                                                justifyContent={'flex-start'}\n                                                _text={{ color: 'black', fontSize: 16 }}\n                                                // onPress={() => loadMore()}\n                                            >\n                                                <HStack alignItems={'center'} space={1}>\n                                                    <Icon\n                                                        as={MaterialIcons}\n                                                        color={'black'}\n                                                        name={'search'}\n                                                        size={'lg'}\n                                                    />\n                                                    <Text color=\"black\" fontSize={16}>\n                                                        Browse All Channels\n                                                    </Text>\n                                                </HStack>\n                                            </Button> */}\n                                        </HStack>\n                                    )}\n\n                                    <TouchableOpacity\n                                        // onPress={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}\n                                        onPress={onOpen}\n                                    >\n                                        <VStack className=\"py-1 ml-[-0.5]\">\n                                            <HStack space={'sm'} className=\"flex-1 items-center justify-start\">\n                                                <Icon as={AddIcon} color={colors.gray[600]} />\n                                                <Text style={{ fontSize: 14, fontWeight: '400', color: 'black' }}>\n                                                    Add Channel\n                                                </Text>\n                                            </HStack>\n                                        </VStack>\n                                    </TouchableOpacity>\n\n                                    <Actionsheet isOpen={true} onClose={onClose}>\n                                        <ActionsheetBackdrop />\n                                        <ActionsheetContent className=\"bg-transparent\">\n                                            <VStack className=\"w-full p-20 px-1\">\n                                                <ActionsheetItem\n                                                    onPress={() =>\n                                                        navigation.navigate(NavigationRoutes.AddChannel, { orgName })\n                                                    }\n                                                    className=\"bg-white items-center justify-center active:bg-gray-100 hover:bg-gray-100 border border-gray-200 rounded-lg rounded-b-none\"\n                                                >\n                                                    <ActionsheetItemText\n                                                        style={{ fontWeight: '500', fontSize: 15, color: '#3b82f6' }}\n                                                    >\n                                                        Create Channel\n                                                    </ActionsheetItemText>\n                                                </ActionsheetItem>\n\n                                                <ActionsheetItem\n                                                    onPress={() =>\n                                                        navigation.navigate(NavigationRoutes.Channels, { orgName })\n                                                    }\n                                                    className=\"bg-white items-center justify-center active:bg-gray-100 hover:bg-gray-100 border border-gray-200 rounded-lg rounded-b-none\"\n                                                >\n                                                    <ActionsheetItemText\n                                                        style={{ fontWeight: '500', fontSize: 15, color: '#3b82f6' }}\n                                                    >\n                                                        Browse Channels\n                                                    </ActionsheetItemText>\n                                                </ActionsheetItem>\n\n                                                <ActionsheetItem\n                                                    onPress={() => onClose()}\n                                                    className=\"bg-white items-center justify-center mt-1 active:bg-gray-100 hover:bg-gray-100 border border-gray-200 rounded-lg rounded-b-none\"\n                                                >\n                                                    <ActionsheetItemText\n                                                        style={{ fontWeight: '500', fontSize: 15, color: '#2563eb' }}\n                                                    >\n                                                        Cancel\n                                                    </ActionsheetItemText>\n                                                </ActionsheetItem>\n                                            </VStack>\n                                        </ActionsheetContent>\n                                    </Actionsheet>\n                                </>\n                            );\n                        }}\n                    />\n                </>\n            )}\n        </View>\n    );\n};\n\nexport default React.memo(Channels);\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Channels.js","sources":["../../../../../src/screens/Home/Components/Channels/Channels.tsx"],"sourcesContent":["import { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { TouchableOpacity, Share, Modal } from 'react-native';\nimport { NavigationRoutes } from '../../../../constants/routes';\n// import more from '../../../../assets/images/more.png';\n// import right from '../../../../assets/images/right.png';\n// import {} from '../../../../constants/preloadImages';\nimport {\n    Pressable,\n    View,\n    Image,\n    FlatList,\n    Icon,\n    AddIcon,\n    Box,\n    Text,\n    Avatar,\n    Spinner,\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    // Actionsheet,\n    // ActionsheetBackdrop,\n    // ActionsheetContent,\n    // ActionsheetDragIndicatorWrapper,\n    // ActionsheetDragIndicator,\n    // ActionsheetItem,\n    // ActionsheetItemText,\n    // ActionsheetIcon,\n    // Center,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { useNavigation } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\nimport styles from '../../styles';\nimport { startCase, orderBy, uniqBy, take } from 'lodash-es';\nimport { RoomType } from 'common';\nimport { useGetChannelsByUserQuery } from 'common/graphql';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport Colors from '../../../../constants/Colors';\nimport { useDrawerLayout, useDisclose } from '../../../../hooks';\nimport colors from 'tailwindcss/colors';\nimport ActionSheet from '../../../../components/Actionsheet';\n\nconst Channels = ({ channels, loading, reFetchChannels, fetchMoreChannels, showMore }) => {\n    const { isOpen, onOpen, onClose } = useDisclose();\n    const navigation = useNavigation<any>();\n    const [expandable, setExpendable] = useState(true);\n    const user: any = useSelector(userSelector);\n    const { orgName } = useDrawerLayout();\n    // const { authenticated } = isUserAuthenticated();\n    const isFocused = useIsFocused();\n    const actionItems = [\n        {\n            id: 1,\n            label: 'Create Channel',\n            onPress: () => navigation.navigate(NavigationRoutes.Channels, { orgName }),\n        },\n        {\n            id: 2,\n            label: 'Browse Channels',\n            onPress: () => navigation.navigate(NavigationRoutes.Channels, { orgName }),\n        },\n        // {\n        //   id: 3,\n        //   label: 'Action Item 3',\n        //   onPress: () => {\n        //   }\n        // },\n    ];\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            reFetchChannels();\n\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, []),\n    );\n\n    const organizationChannels = React.useMemo(() => {\n        //Direct channel\n        return (\n            (channels &&\n                channels?.length &&\n                take(\n                    orderBy(\n                        uniqBy(\n                            [...channels]?.filter((i: any) => i.type !== RoomType.Direct),\n                            ({ id }) => id,\n                        ),\n                        [(ch: any) => ch?.title.toLowerCase()],\n                        ['asc'],\n                    ),\n                    20,\n                )) ||\n            []\n        );\n    }, [channels]);\n\n    const openInbox = React.useCallback(\n        (id: any, title: any, totalMembers: any, type?: any) => {\n            navigation.navigate(NavigationRoutes.DialogMessages, {\n                channelId: id?.toString(),\n                title: title?.toString(),\n                totalMembers: totalMembers,\n                channelType: type,\n                orgName: orgName,\n                hideTabBar: true,\n            });\n        },\n        [orgName],\n    );\n\n    const renderUserChannelItem = ({ item }: any) => {\n        return (\n            <TouchableOpacity\n                key={item.id}\n                onPress={() => openInbox(item?.id, item?.title, item?.members?.length, item?.type)}\n            >\n                <VStack className=\"py-1\">\n                    <HStack className=\"flex-1 items-center\" space=\"sm\">\n                        <Box>\n                            {item.type == RoomType.Channel ? (\n                                <Octicons color=\"black\" name=\"hash\" size={16} />\n                            ) : (\n                                <>\n                                    <Octicons color=\"black\" name=\"lock\" size={16} />\n                                </>\n                            )}\n                        </Box>\n                        <Text style={{ fontSize: 14, fontWeight: '400' }} color={colors.gray[800]}>\n                            {item.title}\n                        </Text>\n                    </HStack>\n                </VStack>\n            </TouchableOpacity>\n        );\n    };\n\n    const loadMore = React.useCallback(() => {\n        fetchMoreChannels(organizationChannels?.length);\n    }, [organizationChannels]);\n\n    return (\n        <View style={styles.channelContainer}>\n            <TouchableOpacity style={styles.headingContainer} onPress={() => setExpendable(!expandable)}>\n                <HStack className=\"flex-1 items-center justify-between\">\n                    <Text style={{ fontSize: 15, fontWeight: '600', color: 'black' }}>Channels</Text>\n                    {expandable ? (\n                        <MaterialIcons color={'black'} name={'keyboard-arrow-up'} size={20} />\n                    ) : (\n                        <MaterialIcons color={'black'} name={'keyboard-arrow-down'} size={20} />\n                    )}\n                    {/* <HStack alignItems={'center'}>\n                        <Button\n                            bg={'transparent'}\n                            onPress={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}\n                        >\n                            <MaterialIcons color={'black'} name={'add'} size={20} />\n                        </Button>\n                        {expandable ? (\n                            <MaterialIcons color={'black'} name={'keyboard-arrow-up'} size={20} />\n                        ) : (\n                            <MaterialIcons color={'black'} name={'keyboard-arrow-down'} size={20} />\n                        )}\n                    </HStack> */}\n                </HStack>\n            </TouchableOpacity>\n            {/* <TouchableOpacity style={styles.headingContainer} onPress={() => setExpendable(!expandable)}>\n                <Text fontSize={15} fontWeight={600}>\n                    Channels\n                </Text>\n                <Image alt={'more icon right'} style={styles.iconStyle} source={expandable ? more : right} />\n            </TouchableOpacity> */}\n            {expandable && (\n                <>\n                    <FlatList\n                        style={{ paddingVertical: 2 }}\n                        data={organizationChannels && organizationChannels.length > 0 ? organizationChannels : []}\n                        renderItem={renderUserChannelItem}\n                        key={'channels-list'}\n                        keyExtractor={(item, index) => String(index)}\n                        contentContainerStyle={{\n                            flex: 1,\n                        }}\n                        ListEmptyComponent={() => {\n                            return (\n                                <Box className=\"py-1\">\n                                    {loading ? (\n                                        <Spinner color={colors.blue[500]} />\n                                    ) : (\n                                        <Text color={'$coolGray600'}>No Channels found</Text>\n                                    )}\n                                </Box>\n                            );\n                        }}\n                        ListFooterComponent={() => {\n                            return (\n                                <>\n                                    {channels?.length > 20 && (\n                                        <HStack className=\"flex-1 items-center\">\n                                            <Button\n                                                variant={'solid'}\n                                                onPress={() =>\n                                                    navigation.navigate('MainStack', {\n                                                        screen: NavigationRoutes.Channels,\n                                                        params: { orgName },\n                                                    })\n                                                }\n                                                className=\"bg-transparent pl-0 active:bg-transparent hover:bg-transparent\"\n                                            >\n                                                <MaterialIcons color={'black'} name={'search'} size={20} />\n                                                <ButtonText className=\"text-black\">Browse all channels</ButtonText>\n                                            </Button>\n                                            {/* <Button\n                                                size={'sm'}\n                                                // w={135}\n                                                variant={'ghost'}\n                                                justifyContent={'flex-start'}\n                                                _text={{ color: 'black', fontSize: 16 }}\n                                                // onPress={() => loadMore()}\n                                            >\n                                                <HStack alignItems={'center'} space={1}>\n                                                    <Icon\n                                                        as={MaterialIcons}\n                                                        color={'black'}\n                                                        name={'search'}\n                                                        size={'lg'}\n                                                    />\n                                                    <Text color=\"black\" fontSize={16}>\n                                                        Browse All Channels\n                                                    </Text>\n                                                </HStack>\n                                            </Button> */}\n                                        </HStack>\n                                    )}\n\n                                    <TouchableOpacity\n                                        // onPress={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}\n                                        onPress={onOpen}\n                                    >\n                                        <VStack className=\"py-1 ml-[-0.5]\">\n                                            <HStack space={'sm'} className=\"flex-1 items-center justify-start\">\n                                                <Icon as={AddIcon} color={colors.gray[600]} />\n                                                <Text style={{ fontSize: 14, fontWeight: '400', color: 'black' }}>\n                                                    Add Channel\n                                                </Text>\n                                            </HStack>\n                                        </VStack>\n                                    </TouchableOpacity>\n                                    <ActionSheet isOpen={isOpen} actionItems={actionItems} onCancel={onClose} />\n\n                                    {/* <Actionsheet isOpen={isOpen} onClose={onClose}>\n                                        <ActionsheetBackdrop />\n                                        <ActionsheetContent className=\"bg-transparent\">\n                                            <VStack className=\"w-full p-20 px-1\">\n                                                <ActionsheetItem\n                                                    onPress={() =>\n                                                        navigation.navigate(NavigationRoutes.AddChannel, { orgName })\n                                                    }\n                                                    className=\"bg-white items-center justify-center active:bg-gray-100 hover:bg-gray-100 border border-gray-200 rounded-lg rounded-b-none\"\n                                                >\n                                                    <ActionsheetItemText\n                                                        style={{ fontWeight: '500', fontSize: 15, color: '#3b82f6' }}\n                                                    >\n                                                        Create Channel\n                                                    </ActionsheetItemText>\n                                                </ActionsheetItem>\n\n                                                <ActionsheetItem\n                                                    onPress={() =>\n                                                        navigation.navigate(NavigationRoutes.Channels, { orgName })\n                                                    }\n                                                    className=\"bg-white items-center justify-center active:bg-gray-100 hover:bg-gray-100 border border-gray-200 rounded-lg rounded-b-none\"\n                                                >\n                                                    <ActionsheetItemText\n                                                        style={{ fontWeight: '500', fontSize: 15, color: '#3b82f6' }}\n                                                    >\n                                                        Browse Channels\n                                                    </ActionsheetItemText>\n                                                </ActionsheetItem>\n\n                                                <ActionsheetItem\n                                                    onPress={() => onClose()}\n                                                    className=\"bg-white items-center justify-center mt-1 active:bg-gray-100 hover:bg-gray-100 border border-gray-200 rounded-lg rounded-b-none\"\n                                                >\n                                                    <ActionsheetItemText\n                                                        style={{ fontWeight: '500', fontSize: 15, color: '#2563eb' }}\n                                                    >\n                                                        Cancel\n                                                    </ActionsheetItemText>\n                                                </ActionsheetItem>\n                                            </VStack>\n                                        </ActionsheetContent>\n                                    </Actionsheet> */}\n                                </>\n                            );\n                        }}\n                    />\n                </>\n            )}\n        </View>\n    );\n};\n\nexport default React.memo(Channels);\n"],"names":["React"],"mappings":"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"}

package/lib/screens/Home/HomeScreen.js

@@ -1,4 +1,4 @@
-import {Ionicons,AntDesign,MaterialCommunityIcons,FontAwesome5}from'@expo/vector-icons';import {useNavigation,useFocusEffect}from'@react-navigation/native';import React__default from'react';import {Share,TouchableHighlight,Dimensions}from'react-native';import {useSelector,shallowEqual}from'react-redux';import styles from'./styles.js';import {Box,HStack,Avatar,Icon,AddIcon,Text,Actionsheet,ActionsheetBackdrop,ActionsheetContent,ActionsheetDragIndicatorWrapper,ActionsheetDragIndicator,VStack,ActionsheetItem,ActionsheetItemText,Center,Fab}from'@admin-layout/gluestack-ui-mobile';import {RoomType}from'common';import {useSetDeviceTokenMutation,useGetOrganizationSharableLinkQuery,useGetChannelsByUserQuery,useAddDirectChannelMutation,useGetOrganizationTeamsQuery}from'common/graphql';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useDisclose}from'../../hooks/useDisclose.js';import {useExpoNotification}from'../../hooks/useExpoNotificationProvider.js';import Teams from'./Components/Teams/Teams.js';import Channels from'./Components/Channels/Channels.js';import DirectChannels from'./Components/DirectChannels/DirectChannels.js';import TopCommonSlider from'./Components/TopCommonSlider/TopCommonSlider.js';import Colors from'../../constants/Colors.js';import'../../constants/device.js';import'../../constants/globalStyles.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';import {navigationRef}from'@common-stack/client-react';import'@react-navigation/core';import'../../components/Header/styles.js';import'../../components/Tiles/styles.js';import'../../components/CustomDrawer/CustomDrawer.js';import'../../components/CustomBottomTabs/CustomBottomTabs.js';import'../../components/NavigationHeader/NavigationHeader.js';import'@react-navigation/elements';import'../../components/NavigationHeader/InboxNavigationHeader.js';import {LoadingSpinnerDefault}from'../../components/LoadingSpinner/index.js';import'../../components/WorkSpaceDrawer/WorkSpaceDrawer.js';import'../../components/Channels/ChannelsByAlphabeticalAccordion.js';import'../../components/SlackSearchInput/index.js';import'expo-font';import'expo-splash-screen';import {config}from'../../config/env-config.js';import colors from'tailwindcss/colors';var __defProp = Object.defineProperty;
+import {FontAwesome5,Ionicons,AntDesign,MaterialCommunityIcons}from'@expo/vector-icons';import {useNavigation,useFocusEffect}from'@react-navigation/native';import React__default from'react';import {Share,TouchableHighlight,Dimensions}from'react-native';import {useSelector,shallowEqual}from'react-redux';import styles from'./styles.js';import {Box,HStack,Avatar,Icon,AddIcon,Text,Center,Fab}from'@admin-layout/gluestack-ui-mobile';import {RoomType}from'common';import {useSetDeviceTokenMutation,useGetOrganizationSharableLinkQuery,useGetChannelsByUserQuery,useAddDirectChannelMutation,useGetOrganizationTeamsQuery}from'common/graphql';import VirtualizedScrollView from'../../components/VirtualizedScrollView/VirtualizedScrollView.js';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useDisclose}from'../../hooks/useDisclose.js';import {useExpoNotification}from'../../hooks/useExpoNotificationProvider.js';import Teams from'./Components/Teams/Teams.js';import Channels from'./Components/Channels/Channels.js';import DirectChannels from'./Components/DirectChannels/DirectChannels.js';import TopCommonSlider from'./Components/TopCommonSlider/TopCommonSlider.js';import Colors from'../../constants/Colors.js';import'../../constants/device.js';import'../../constants/globalStyles.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';import {navigationRef}from'@common-stack/client-react';import'@react-navigation/core';import'../../components/Header/styles.js';import'../../components/Tiles/styles.js';import'../../components/CustomDrawer/CustomDrawer.js';import'../../components/CustomBottomTabs/CustomBottomTabs.js';import'../../components/NavigationHeader/NavigationHeader.js';import'@react-navigation/elements';import'../../components/NavigationHeader/InboxNavigationHeader.js';import {LoadingSpinnerDefault}from'../../components/LoadingSpinner/index.js';import'../../components/WorkSpaceDrawer/WorkSpaceDrawer.js';import'../../components/Channels/ChannelsByAlphabeticalAccordion.js';import'../../components/SlackSearchInput/index.js';import'expo-font';import'expo-splash-screen';import ActionSheet from'../../components/Actionsheet.js';import {config}from'../../config/env-config.js';import colors from'tailwindcss/colors';var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -45,6 +45,53 @@ const HomeScreen = ({
   const {
     data: organizationSharableLink
   } = useGetOrganizationSharableLinkQuery();
+  const actionItems = [
+    {
+      id: 1,
+      label: /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "flex-1 justify-center items-center bg-green-800", style: {
+        backgroundColor: "#166534",
+        paddingVertical: 10,
+        borderRadius: 10,
+        marginHorizontal: 10
+      } }, /* @__PURE__ */ React__default.createElement(Ionicons, { color: "white", name: "share-outline", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { className: "text-white", style: {
+        color: "white",
+        fontWeight: "bold"
+      } }, " ", "Share a Link")),
+      onPress: async () => await shareLink()
+    },
+    {
+      id: 2,
+      label: /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "flex-1 justify-center items-center ", style: {
+        paddingVertical: 10,
+        borderRadius: 10,
+        marginHorizontal: 10,
+        borderWidth: 1,
+        borderColor: "#000"
+      } }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "adduser", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { className: "text-black", style: {
+        color: "black",
+        fontWeight: "bold"
+      } }, "Add from Contacts")),
+      onPress: () => navigation.navigate(NavigationRoutes.AddPeopleFromContacts, {
+        orgName
+      })
+    },
+    {
+      id: 3,
+      label: /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "flex-1 justify-center items-center ", style: {
+        paddingVertical: 10,
+        borderRadius: 10,
+        marginHorizontal: 10,
+        borderWidth: 1,
+        borderColor: "#000"
+      } }, /* @__PURE__ */ React__default.createElement(MaterialCommunityIcons, { color: "black", name: "email-outline", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { className: "text-white", style: {
+        color: "black",
+        fontWeight: "bold"
+      } }, "Add by Email")),
+      onPress: () => navigation.navigate(NavigationRoutes.AddPeopleByEmail, {
+        orgName
+      })
+    }
+  ];
   const {
     data: userChannels,
     loading: userChannelsLoading,
@@ -200,29 +247,7 @@ const HomeScreen = ({
   }, color: colors.gray[600] })), /* @__PURE__ */ React__default.createElement(Text, { style: {
     fontSize: 14,
     fontWeight: "400"
-  }, color: colors.gray[800] }, "Add teammates")))), /* @__PURE__ */ React__default.createElement(Actionsheet, { isOpen, onClose }, /* @__PURE__ */ React__default.createElement(ActionsheetBackdrop, null), /* @__PURE__ */ React__default.createElement(ActionsheetContent, null, /* @__PURE__ */ React__default.createElement(ActionsheetDragIndicatorWrapper, null, /* @__PURE__ */ React__default.createElement(ActionsheetDragIndicator, null)), /* @__PURE__ */ React__default.createElement(VStack, { space: "sm", className: "w-full p-20" }, /* @__PURE__ */ React__default.createElement(ActionsheetItem, { onPress: async () => await shareLink(), className: "bg-green-600 active:bg-green-600 hover:bg-green-600 rounded-lg items-center justify-center" }, /* @__PURE__ */ React__default.createElement(Ionicons, { color: "white", name: "share-outline", size: 20 }), /* @__PURE__ */ React__default.createElement(ActionsheetItemText, { style: {
-    fontWeight: "600",
-    fontSize: 15,
-    color: "#fff"
-  } }, "Share a Link")), /* @__PURE__ */ React__default.createElement(ActionsheetItem, { className: "py-0.5" }, /* @__PURE__ */ React__default.createElement(ActionsheetItemText, { style: {
-    color: "black",
-    fontSize: 14,
-    fontWeight: "500"
-  } }, "Expires in 26 days.", " ", /* @__PURE__ */ React__default.createElement(Text, { style: {
-    fontWeight: "500"
-  }, color: "$red800" }, "Deativate link"))), /* @__PURE__ */ React__default.createElement(ActionsheetItem, { className: "bg-white border border-gray-400 rounded-lg items-center justify-center active:bg-gray-200", onPress: () => navigation.navigate(NavigationRoutes.AddPeopleFromContacts, {
-    orgName
-  }) }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "adduser", size: 20 }), /* @__PURE__ */ React__default.createElement(ActionsheetItemText, { style: {
-    fontWeight: "600",
-    fontSize: 15,
-    color: "#000"
-  } }, "Add from Contacts")), /* @__PURE__ */ React__default.createElement(ActionsheetItem, { className: "bg-white border border-gray-400 rounded-lg items-center justify-center active:bg-gray-200", onPress: () => navigation.navigate(NavigationRoutes.AddPeopleByEmail, {
-    orgName
-  }) }, /* @__PURE__ */ React__default.createElement(MaterialCommunityIcons, { color: "black", name: "email-outline", size: 20 }), /* @__PURE__ */ React__default.createElement(ActionsheetItemText, { style: {
-    fontWeight: "600",
-    fontSize: 15,
-    color: "#000"
-  } }, "Add by Email"))))))) : /* @__PURE__ */ React__default.createElement(Center, { className: `flex-1 h-[${windowHeight - windowHeight / 3}] items-center justify-center` }, /* @__PURE__ */ React__default.createElement(Text, { style: {
+  }, color: colors.gray[800] }, "Add teammates")))), /* @__PURE__ */ React__default.createElement(ActionSheet, { isOpen, actionItems, onCancel: onClose, hideBottomWidth: true }))) : /* @__PURE__ */ React__default.createElement(Center, { className: `flex-1 h-[${windowHeight - windowHeight / 3}] items-center justify-center` }, /* @__PURE__ */ React__default.createElement(Text, { style: {
     fontSize: 15
   } }, "No organization found"))))), /* @__PURE__ */ React__default.createElement(Fab, { onPress: () => navigation.navigate(NavigationRoutes.SearchAddChannel, {
     orgName