@messenger-box/slack-ui-mobile 10.0.3-alpha.40 → 10.0.3-alpha.46

package/lib/components/AppRootContextProviderComponent.js

@@ -1,6 +1,20 @@
-import React__default from'react';import {Box}from'@admin-layout/gluestack-ui-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {DrawerLayoutProvider}from'../hooks/useDrawerLayout.js';import {ExpoNotificationProvider}from'../hooks/useExpoNotificationProvider.js';import WorkSpaceDrawer from'./WorkSpaceDrawer/WorkSpaceDrawer.js';const AppRootContextProviderComponent = ({
+import React__default,{memo}from'react';import {Box}from'@admin-layout/gluestack-ui-mobile';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {DrawerLayoutProvider}from'../hooks/useDrawerLayout.js';import {ExpoNotificationProvider}from'../hooks/useExpoNotificationProvider.js';import WorkSpaceDrawer from'./WorkSpaceDrawer/WorkSpaceDrawer.js';import FillRenderProvider from'@common-stack/components-pro/lib/plugin/provider.native.js';import Constants from'expo-constants';const isExpoGo = Constants.executionEnvironment === "storeClient";
+const KeyboardProviderComponent = memo(({
+  children,
+  isExpoGo: isExpoGo2
+}) => {
+  console.log("isExpoGo", isExpoGo2);
+  if (!isExpoGo2) {
+    const {
+      KeyboardProvider
+    } = require("react-native-keyboard-controller");
+    return /* @__PURE__ */ React__default.createElement(KeyboardProvider, null, children);
+  }
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children);
+});
+const AppRootContextProviderComponent = ({
   children,
   configuredRoutes
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(ExpoNotificationProvider, null, /* @__PURE__ */ React__default.createElement(DrawerLayoutProvider, { configuredRoutes, defaultDrawer: /* @__PURE__ */ React__default.createElement(WorkSpaceDrawer, null) }, children)));
+  return /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(ExpoNotificationProvider, null, /* @__PURE__ */ React__default.createElement(DrawerLayoutProvider, { configuredRoutes, defaultDrawer: /* @__PURE__ */ React__default.createElement(WorkSpaceDrawer, null) }, /* @__PURE__ */ React__default.createElement(KeyboardProviderComponent, { isExpoGo }, /* @__PURE__ */ React__default.createElement(FillRenderProvider, null, children)))));
 };export{AppRootContextProviderComponent as default};//# sourceMappingURL=AppRootContextProviderComponent.js.map

package/lib/components/AppRootContextProviderComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppRootContextProviderComponent.js","sources":["../../src/components/AppRootContextProviderComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@admin-layout/gluestack-ui-mobile';\nimport { ExpoNotificationProvider, DrawerLayoutProvider } from '../hooks';\nimport WorkSpaceDrawer from './WorkSpaceDrawer';\n\nconst AppRootContextProviderComponent = ({ children, configuredRoutes }) => {\n    return (\n        <Box className=\"flex-1\">\n            <ExpoNotificationProvider>\n                <DrawerLayoutProvider configuredRoutes={configuredRoutes} defaultDrawer={<WorkSpaceDrawer />}>\n                    {children}\n                </DrawerLayoutProvider>\n            </ExpoNotificationProvider>\n        </Box>\n    );\n};\n\nexport default AppRootContextProviderComponent;\n"],"names":["React"],"mappings":"mYAIA,MAAM,kCAAkC,CAAC;AAAA,EACvC,QAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,QAAA,EAAA,+CACX,wBACG,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAqB,EAAA,EAAA,gBAAA,EAAoC,+BAAgBA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAgB,CACrF,EAAA,EAAA,QACL,CACJ,CACJ,CAAA;AACR"}
+{"version":3,"file":"AppRootContextProviderComponent.js","sources":["../../src/components/AppRootContextProviderComponent.tsx"],"sourcesContent":["import React, { memo, ReactNode } from 'react';\nimport { Platform } from 'react-native';\nimport { Box } from '@admin-layout/gluestack-ui-mobile';\nimport { ExpoNotificationProvider, DrawerLayoutProvider } from '../hooks';\nimport WorkSpaceDrawer from './WorkSpaceDrawer';\nimport FillRenderProvider from '@common-stack/components-pro/lib/plugin/provider.native.js';\nimport { PluginRender } from '@common-stack/components-pro/lib/plugin/plugin-render.js';\nimport Constants from 'expo-constants';\n\nconst isExpoGo = Constants.executionEnvironment === 'storeClient';\n\ninterface KeyboardProviderComponentProps {\n    children: ReactNode;\n    isExpoGo: boolean;\n}\n\nconst KeyboardProviderComponent = memo(({ children, isExpoGo }: KeyboardProviderComponentProps) => {\n    // Check if running in Expo Go using executionEnvironment instead of deprecated appOwnership\n    console.log('isExpoGo', isExpoGo);\n    // Only use KeyboardProvider when not in Expo Go\n    if (!isExpoGo) {\n        const { KeyboardProvider } = require('react-native-keyboard-controller');\n        return <KeyboardProvider>{children}</KeyboardProvider>;\n    }\n\n    // Return children directly when in Expo Go\n    return <>{children}</>;\n});\n\nconst AppRootContextProviderComponent = ({ children, configuredRoutes }) => {\n    return (\n        <Box className=\"flex-1\">\n            <ExpoNotificationProvider>\n                <DrawerLayoutProvider configuredRoutes={configuredRoutes} defaultDrawer={<WorkSpaceDrawer />}>\n                    <KeyboardProviderComponent isExpoGo={isExpoGo}>\n                        <FillRenderProvider>\n                            {/* <PluginRender fills={[]} name={'slack-ui'}> */}\n                            {children}\n                            {/* </PluginRender> */}\n                        </FillRenderProvider>\n                    </KeyboardProviderComponent>\n                </DrawerLayoutProvider>\n            </ExpoNotificationProvider>\n        </Box>\n    );\n};\n\nexport default AppRootContextProviderComponent;\n"],"names":["isExpoGo","React"],"mappings":"0gBAQA,MAAM,QAAA,GAAW,UAAU,oBAAyB,KAAA,aAAA;AAKpD,MAAM,yBAAA,GAA4B,KAAK,CAAC;AAAA,EACtC,QAAA;AAAA,EACA,QAAAA,EAAAA;AACF,CAAsC,KAAA;AAEpC,EAAQ,OAAA,CAAA,GAAA,CAAI,YAAYA,SAAQ,CAAA;AAEhC,EAAA,IAAI,CAACA,SAAU,EAAA;AACb,IAAM,MAAA;AAAA,MACJ;AAAA,KACF,GAAI,QAAQ,kCAAkC,CAAA;AAC9C,IAAO,uBAAAC,cAAA,CAAA,aAAA,CAAC,wBAAkB,QAAS,CAAA;AAAA;AAIrC,EAAA,mFAAU,QAAS,CAAA;AACrB,CAAC,CAAA;AACD,MAAM,kCAAkC,CAAC;AAAA,EACvC,QAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,SAAU,EAAA,QAAA,EAAA,+CACX,wBACG,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAqB,EAAA,EAAA,gBAAA,EAAoC,aAAe,kBAAAA,cAAA,CAAA,aAAA,CAAC,qBAAgB,CACtF,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,6BAA0B,QACvB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,0BAEI,QAEL,CACJ,CACJ,CACJ,CACJ,CAAA;AACR"}

package/lib/components/CustomDrawer/CustomDrawer.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,Heading,VStack,FlatList,Text,Divider,Button,ButtonText,HStack,Avatar}from'@admin-layout/gluestack-ui-mobile';import {useSelector}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useGetOrganizationDetailQuery,useGetUserOrganizationsQuery}from'common/graphql';import {userSelector}from'@adminide-stack/user-auth0-client';var __defProp = Object.defineProperty;
+import React__default from'react';import {AntDesign,Ionicons,MaterialIcons}from'@expo/vector-icons';import {SafeAreaView,TouchableHighlight}from'react-native';import {Box,useLocationChange,Heading,VStack,FlatList,Text,Divider,Button,ButtonText,HStack,Avatar}from'@admin-layout/gluestack-ui-mobile';import {useSelector}from'react-redux';import {NavigationRoutes}from'../../constants/routes.js';import {useNavigation,useFocusEffect}from'@react-navigation/native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import {useOrganizationDetailQuery,useUserOrganizationsQuery}from'../../queries/slackuiQueries.js';import {userSelector}from'@adminide-stack/user-auth0-client';var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -32,7 +32,7 @@ const CustomDrawerComponent = (props) => {
   const {
     data: orgDetailData,
     refetch: _refetchOrgDetail
-  } = useGetOrganizationDetailQuery({
+  } = useOrganizationDetailQuery(orgName, {
     variables: {
       where: {
         name: orgName
@@ -43,7 +43,7 @@ const CustomDrawerComponent = (props) => {
     data: userOrganizationsData,
     loading: isLoadingUsersOrganization,
     refetch: refetchUserOrganizations
-  } = useGetUserOrganizationsQuery({
+  } = useUserOrganizationsQuery({
     variables: {
       userId: user == null ? void 0 : user.id
     }

package/lib/components/CustomDrawer/CustomDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomDrawer.js","sources":["../../../src/components/CustomDrawer/CustomDrawer.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 } 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 { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport colors from 'tailwindcss/colors';\n\nconst CustomDrawerComponent = (props: any) => {\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        navigation.navigate('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    }, [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            >\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=\"px-0 py-0 bg-transparent\"\n                            // borderRadius={'$lg'}\n                            // borderWidth={o.name == orgName ? '$2' : '$1'}\n                            // borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                        >\n                            <Avatar\n                                size={'md'}\n                                className={`bg-gray-300 rounded-lg border-[${o.name == orgName ? '2' : '1'}px] p-0`}\n                                style={{ borderColor: o.name == orgName ? '#000' : '#d3d3d3' }}\n                            >\n                                <Text className=\"font-extrabold text-black\" style={{ fontSize: 18 }}>\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 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        <Box className=\"flex-1 w-full\">\n            {/* <StatusBar style={'dark'} /> */}\n            <Box className=\"flex-1\">\n                <Heading\n                    size={'lg'}\n                    // color={props.titleColor || settings?.navTheme == 'dark' ? 'white' : 'black'}\n                    className={`p-5 text-[${\n                        props.titleColor || settings?.navTheme == 'dark' ? 'text-white' : 'text-black'\n                    }]`}\n                >\n                    Workspaces\n                </Heading>\n                <VStack className=\"flex-[0.8]\" space={'sm'}>\n                    <FlatList\n                        style={{ flex: 1 }}\n                        keyExtractor={(item, index) => String(index)}\n                        contentContainerStyle={{\n                            flexGrow: 1,\n                            paddingBottom: 80,\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-10\" 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 justify-start active:bg-gray-200 hover:bg-gray-200\"\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 justify-start active:bg-gray-200 hover:bg-gray-200\"\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                            {/* <HStack px=\"1\" pt={1} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                                <TouchableHighlight\n                                    underlayColor={'transparent'}\n                                    activeOpacity={0.5}\n                                    style={{ width: '100%' }}\n                                    onPress={() => CreateOrganization()}\n                                >\n                                    <Text textAlign={'center'} color=\"black\" fontSize=\"18\" fontWeight={'bold'}>\n                                        Add a Workspace\n                                    </Text>\n                                </TouchableHighlight>\n                            </HStack> */}\n                        </VStack>\n                    )}\n                </VStack>\n            </Box>\n        </Box>\n    );\n};\n\nconst CustomDrawer = (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 ? <CustomDrawerComponent {...props} /> : <></>}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(CustomDrawer);\n"],"names":["React","orgName"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAM,qBAAA,GAAwB,CAAC,KAAe,KAAA;AAC5C,EAAA,MAAM,aAAa,aAAmB,EAAA;AACtC,EAAM,MAAA,IAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAA,MAAM,QAAW,GAAA,WAAA,CAAiB,CAAS,KAAA,KAAA,KAAA,CAAM,QAAQ,CAAA;AACzD,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,OAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAA,MACE,eAAgB,EAAA;AACpB,EAAM,MAAA;AAAA,IACJ;AAAA,MACE,iBAAkB,EAAA;AACtB,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,aAAA;AAAA,IACN,OAAS,EAAA;AAAA,MACP,6BAA8B,CAAA;AAAA,IAChC,SAAW,EAAA;AAAA,MACT,KAAO,EAAA;AAAA,QACL,IAAM,EAAA;AAAA;AACR;AACF,GACD,CAAA;AACD,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,qBAAA;AAAA,IACN,OAAS,EAAA,0BAAA;AAAA,IACT,OAAS,EAAA;AAAA,MACF,4BAA6B,CAAA;AAAA,IAEpC,SAAW,EAAA;AAAA,MACT,QAAQ,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA;AAAA;AAChB,GAED,CAAA;AACD,EAAe,cAAA,CAAAA,cAAA,CAAM,YAAY,MAAM;AACrC,IAAyB,wBAAA,CAAA;AAAA,MACvB,QAAQ,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA;AAAA,KACf,CAAA;AACD,IAAI,IAAA,OAAA;AAAS,MAAkB,iBAAA,CAAA;AAAA,QAC7B,KAAO,EAAA;AAAA,UACL,IAAM,EAAA;AAAA;AACR,OACD,CAAA;AAAA,GACA,EAAA,CAAC,OAAS,EAAA,IAAI,CAAC,CAAC,CAAA;AACnB,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,aAAe,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAA,qBAAA;AAAuB,MAAA,qBAAA,CAAsB,+CAAe,qBAAqB,CAAA;AAAA,GACnG,EAAA,CAAC,aAAe,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAA,qBAAqB,CAAC,CAAA;AAgBzC,EAAA,MAAM,gBAAmB,GAAAA,cAAA,CAAM,WAAY,CAAA,CAACC,QAAiB,KAAA;AAC3D,IAAA,OAAA,CAAQ,KAAK,CAAA;AACb,IAAA,UAAA,CAAW,SAAS,WAAa,EAAA;AAAA,MAC/B,QAAQ,gBAAiB,CAAA,IAAA;AAAA,MACzB,MAAQ,EAAA;AAAA,QACN,OAAAA,EAAAA;AAAA;AACF,KACD,CAAA;AAAA,GACH,EAAG,EAAE,CAAA;AACL,EAAM,MAAA,YAAA,GAAeD,cAAM,CAAA,WAAA,CAAY,MAAM;AAC3C,IAAA,OAAA,CAAQ,KAAK,CAAA;AACb,IAAA,UAAA,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAY,SAAS,WAAa,EAAA;AAAA,MAChC,QAAQ,gBAAiB,CAAA,YAAA;AAAA,MACzB,MAAQ,EAAA;AAAA,QACN;AAAA;AACF,KACF,CAAA;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AACZ,EAAA,MAAM,mBAAmB,CAAC;AAAA,IACxB,IAAM,EAAA,CAAA;AAAA,IACN,KAAO,EAAA;AAAA,GACE,KAAA;AApGb,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAqGI,IAAA,MAAM,KAAQ,GAAA,CAAA,EAAA,GAAA,CAAA,IAAA,IAAA,GAAA,MAAA,GAAA,CAAA,CAAG,KAAH,KAAA,IAAA,GAAA,EAAA,GAAY,CAAE,CAAA,IAAA;AAC5B,IAAA,MAAM,OAAe,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,KAAM,CAAA,SAAA,CAAA,KAAb,IAA2B,GAAA,EAAA,GAAA,EAAA;AAEhD,IAAM,MAAA,OAAA,GAAe,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,GAAA,CAAI,EAAS,GAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAA,IAAA,CAAK,EAAd,CAAA,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAmB,SAAU,CAAA,CAAA,EAAG,CAAK,CAAA,GAAA,EAAA;AAEnF,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,sBAAmB,aAAe,EAAA,aAAA,EAAe,eAAe,GAAK,EAAA,GAAA,EAAK,CAAG,EAAA,OAAA,EAAS,MAAM,gBAAA,CAAiB,EAAE,IAAI,CAAA,EAAA,kBAC9GA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAU,EAAA,+CAAA,EAAA,+CACb,MAAO,EAAA,EAAA,KAAA,EAAO,IAAM,EAAA,SAAA,EAAU,cAC3B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QAAO,IAAM,EAAA,IAAA;AAAA,QAAM,SAAU,EAAA;AAAA,OAAA;AAAA,sBAK1BA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,IAAM,EAAA,SAAA,EAAW,CAAkC,+BAAA,EAAA,CAAA,CAAE,IAAQ,IAAA,OAAA,GAAU,GAAM,GAAA,GAAA,CAAA,OAAA,CAAA,EAAc,KAAO,EAAA;AAAA,QAC9H,WAAa,EAAA,CAAA,CAAE,IAAQ,IAAA,OAAA,GAAU,MAAS,GAAA;AAAA,OAExB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAU,6BAA4B,KAAO,EAAA;AAAA,QACnE,QAAU,EAAA;AAAA,OACZ,EAAA,EACuB,OACL,CACJ;AAAA,KAMJ,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAU,gCAA+B,KAAO,EAAA;AAAA,MAClE,QAAU,EAAA;AAAA,KACZ,EAAA,EACmB,KACL,CACJ,CAAA,+CACC,MAAO,EAAA,EAAA,SAAA,EAAU,uBAAsB,IAAM,EAAA,IAAA,EAAA,+CACzC,aAAc,EAAA,EAAA,IAAA,EAAM,IAAI,IAAK,EAAA,WAAA,EAAY,OAAO,MAAQ,EAAA,CAC7D,CACJ,CACJ,CAAA;AAAA,GACV;AACA,EAAA,oDAAQ,GAAI,EAAA,EAAA,SAAA,EAAU,mCAEXA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,WAAU,QACX,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MAAQ,IAAM,EAAA,IAAA;AAAA,MAEzB,WAAW,CAAa,UAAA,EAAA,KAAA,CAAM,eAAc,QAAU,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAA,QAAA,KAAY,SAAS,YAAe,GAAA,YAAA,CAAA,CAAA;AAAA,KAAA;AAAA,IAAiB;AAAA,GAEjG,+CACC,MAAO,EAAA,EAAA,SAAA,EAAU,cAAa,KAAO,EAAA,IAAA,EAAA,kBACjCA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA;AAAA,IAC3B,IAAM,EAAA;AAAA,GACR,EAAG,cAAc,CAAC,IAAA,EAAM,UAAU,MAAO,CAAA,KAAK,GAAG,qBAAuB,EAAA;AAAA,IACtE,QAAU,EAAA,CAAA;AAAA,IACV,aAAe,EAAA;AAAA,GACd,EAAA,IAAA,EAAA,CAAM,qBAAuB,IAAA,IAAA,GAAA,MAAA,GAAA,qBAAA,CAAA,oBAAA,KAAA,CAAwB,+DAAuB,oBAAqB,CAAA,MAAA,IAAS,CAAI,GAAA,qBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,qBAAA,CAAuB,uBAAuB,EAAC,EAAG,UAAY,EAAA,gBAAA,EAAkB,oBAAoB,MAAM;AACzN,IAAA,oDAAQ,GAAI,EAAA,EAAA,SAAA,EAAU,eACI,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,KAAM,EAAA,IAAA,EAAA,kBACTA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,WAAU,WACX,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YAAK,mBAAiB,CAC3B,CACJ,CACJ,CAAA;AAAA,GACxB,EAAG,KAAK,iBAAmB,EAAA,CAqDnB,mBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,WAAU,2CAA4C,EAAA,KAAA,EAAO,wBAChEA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,WAAU,QAAS,EAAA,CAAA,EAAA,CAC3B,6BAAM,WAAe,qBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAO,IAC7B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAM,EAAA,IAAA,EAAM,SAAS,OAAS,EAAA,SAAA,EAAU,qEAAoE,OAAS,EAAA,MAAM,YAAa,EAAA,EAAA,kBAC3IA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,OAAM,OAAQ,EAAA,IAAA,EAAK,QAAO,IAAM,EAAA,EAAA,EAAI,mBAC9CA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA;AAAA,IACtD,KAAO,EAAA,OAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ,EAAA,EAAG,iBAEiB,CACJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA,EAAS,SAAU,EAAA,mEAAA,EAAA,+CAC3C,QAAS,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,IAAA,EAAK,kBAAmB,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA,kBACzDA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA;AAAA,IACtD,KAAO,EAAA,OAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ,EAAA,EAAG,aAEiB,CACJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA,EAAS,SAAU,EAAA,mEAAA,EAAA,+CAC3C,QAAS,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,IAAA,EAAK,qBAAsB,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA,kBAC5DA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA;AAAA,IACtD,KAAO,EAAA,OAAA;AAAA,IACP,QAAU,EAAA;AAAA,OACT,MAEiB,CACJ,CAaJ,CACR,CACJ,CACJ,CAAA;AACR,CAAA;AACA,MAAM,YAAA,GAAe,CAAC,KAAe,KAAA;AACnC,EAAmB,aAAmB;AACtC,EAAM,MAAA,IAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAiB,WAAA,CAAiB,CAAS,KAAA,KAAA,KAAA,CAAM,QAAQ;AACzD,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,KAAO,EAAA;AAAA,IAC1B,IAAM,EAAA;AAAA,GAEE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,mBACV,IAAQ,KAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,WAAc,CAAA,mBAAAA,cAAA,CAAA,aAAA,CAAC,qBAA0B,EAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAO,CAAK,mBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAE,CAC1E,CACJ,CAAA;AACR,CAAA;AACA,qBAAeA,cAAA,CAAM,KAAK,YAAY,CAAA"}
+{"version":3,"file":"CustomDrawer.js","sources":["../../../src/components/CustomDrawer/CustomDrawer.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 } 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    useUserOrganizationsQuery,\n    useOrganizationDetailLazyQuery,\n    useOrganizationDetailQuery,\n    useCreateOrganizationMutation,\n} from '../../queries/slackuiQueries';\nimport { startCase } from 'lodash-es';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport colors from 'tailwindcss/colors';\n\nconst CustomDrawerComponent = (props: any) => {\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 } = useOrganizationDetailQuery(orgName, {\n        variables: {\n            where: {\n                name: orgName,\n            },\n        },\n    });\n    const {\n        data: userOrganizationsData,\n        loading: isLoadingUsersOrganization,\n        refetch: refetchUserOrganizations,\n    }: any = useUserOrganizationsQuery({\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        navigation.navigate('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    }, [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            >\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=\"px-0 py-0 bg-transparent\"\n                            // borderRadius={'$lg'}\n                            // borderWidth={o.name == orgName ? '$2' : '$1'}\n                            // borderColor={o.name == orgName ? '#000' : '#d3d3d3'}\n                        >\n                            <Avatar\n                                size={'md'}\n                                className={`bg-gray-300 rounded-lg border-[${o.name == orgName ? '2' : '1'}px] p-0`}\n                                style={{ borderColor: o.name == orgName ? '#000' : '#d3d3d3' }}\n                            >\n                                <Text className=\"font-extrabold text-black\" style={{ fontSize: 18 }}>\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 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        <Box className=\"flex-1 w-full\">\n            {/* <StatusBar style={'dark'} /> */}\n            <Box className=\"flex-1\">\n                <Heading\n                    size={'lg'}\n                    // color={props.titleColor || settings?.navTheme == 'dark' ? 'white' : 'black'}\n                    className={`p-5 text-[${\n                        props.titleColor || settings?.navTheme == 'dark' ? 'text-white' : 'text-black'\n                    }]`}\n                >\n                    Workspaces\n                </Heading>\n                <VStack className=\"flex-[0.8]\" space={'sm'}>\n                    <FlatList\n                        style={{ flex: 1 }}\n                        keyExtractor={(item, index) => String(index)}\n                        contentContainerStyle={{\n                            flexGrow: 1,\n                            paddingBottom: 80,\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-10\" 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 justify-start active:bg-gray-200 hover:bg-gray-200\"\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 justify-start active:bg-gray-200 hover:bg-gray-200\"\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                            {/* <HStack px=\"1\" pt={1} justifyContent=\"space-between\" alignItems=\"center\" w=\"100%\">\n                                <TouchableHighlight\n                                    underlayColor={'transparent'}\n                                    activeOpacity={0.5}\n                                    style={{ width: '100%' }}\n                                    onPress={() => CreateOrganization()}\n                                >\n                                    <Text textAlign={'center'} color=\"black\" fontSize=\"18\" fontWeight={'bold'}>\n                                        Add a Workspace\n                                    </Text>\n                                </TouchableHighlight>\n                            </HStack> */}\n                        </VStack>\n                    )}\n                </VStack>\n            </Box>\n        </Box>\n    );\n};\n\nconst CustomDrawer = (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 ? <CustomDrawerComponent {...props} /> : <></>}\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default React.memo(CustomDrawer);\n"],"names":["React","orgName"],"mappings":"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"}

package/lib/components/NavigationHeader/InboxNavigationHeader.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {useNavigation,useRoute}from'@react-navigation/native';import {SafeAreaView}from'react-native';import {Box,VStack,HStack,Button,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {getHeaderTitle}from'@react-navigation/elements';import {MaterialIcons,Feather,AntDesign,Octicons}from'@expo/vector-icons';import {NavigationRoutes}from'../../constants/routes.js';import {startCase}from'lodash-es';import {navigationRef}from'@common-stack/client-react';import {RoomType}from'common';import {useViewChannelDetailQuery}from'common/graphql';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import {LoadingSpinnerDefault}from'../LoadingSpinner/index.js';const InboxChannelInfo = React__default.memo(({
+import React__default from'react';import {useNavigation,useRoute}from'@react-navigation/native';import {SafeAreaView}from'react-native';import {Box,VStack,HStack,Button,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {getHeaderTitle}from'@react-navigation/elements';import {MaterialIcons,Feather,AntDesign,Octicons}from'@expo/vector-icons';import {NavigationRoutes}from'../../constants/routes.js';import {startCase}from'lodash-es';import {navigationRef}from'@common-stack/client-react';import {RoomType}from'common';import {useChannelDetailQuery}from'../../queries/slackuiQueries.js';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import {LoadingSpinnerDefault}from'../LoadingSpinner/index.js';const InboxChannelInfo = React__default.memo(({
   channelId,
   defalultTitle
 }) => {
@@ -12,20 +12,12 @@ import React__default from'react';import {useNavigation,useRoute}from'@react-nav
   const titleCharacterLimit = 18;
   const {
     data: channelData,
-    loading: channelLoading,
-    refetch: reFetchChannel
-  } = useViewChannelDetailQuery({
+    loading: channelLoading
+  } = useChannelDetailQuery(channelId, {
     variables: {
       id: channelId == null ? void 0 : channelId.toString()
     }
   });
-  React__default.useEffect(() => {
-    reFetchChannel({
-      id: channelId == null ? void 0 : channelId.toString()
-    });
-    return () => {
-    };
-  }, []);
   const channel = React__default.useMemo(() => {
     if (!(channelData == null ? void 0 : channelData.viewChannelDetail))
       return null;
@@ -131,4 +123,4 @@ const InboxHeader = ({
       orgName: params == null ? void 0 : params.orgName
     }
   }), size: "lg" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", size: 20, name: "addusergroup" }))))));
-};export{InboxHeader as default};//# sourceMappingURL=InboxNavigationHeader.js.map
+};export{InboxHeader as InboxNavigationHeader,InboxHeader as default};//# sourceMappingURL=InboxNavigationHeader.js.map

package/lib/components/NavigationHeader/InboxNavigationHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"InboxNavigationHeader.js","sources":["../../../src/components/NavigationHeader/InboxNavigationHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useFocusEffect, useIsFocused, useNavigation, useRoute } from '@react-navigation/native';\nimport { TouchableHighlight, Pressable, SafeAreaView } from 'react-native';\nimport {\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons, AntDesign, FontAwesome, Feather, Octicons } from '@expo/vector-icons';\n// import AddMemberToChannel from '../AddMemberToChannel';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { startCase } from 'lodash-es';\nimport { navigationRef } from '@common-stack/client-react';\nimport { RoomType } from 'common';\nimport { useViewChannelDetailQuery } from 'common/graphql';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { LoadingSpinnerDefault } from '../LoadingSpinner';\n\nconst InboxChannelInfo = React.memo(({ channelId, defalultTitle }: { channelId: string; defalultTitle: string }) => {\n    const navigation = useNavigation<any>();\n    const { name, params } = useRoute<any>();\n    const user = useSelector(userSelector);\n    const titleCharacterLimit: number = 18;\n    const {\n        data: channelData,\n        loading: channelLoading,\n        refetch: reFetchChannel,\n    } = useViewChannelDetailQuery({\n        variables: {\n            id: channelId?.toString(),\n        },\n    });\n    // const channelTitle =\n    //     defaultChannelTitle?.length > titleCharacterLimit\n    //         ? defaultChannelTitle?.substring(0, titleCharacterLimit) + '...'\n    //         : defaultChannelTitle;\n\n    React.useEffect(() => {\n        // Do something when the screen is focused\n        reFetchChannel({ id: channelId?.toString() });\n        return () => {};\n    }, []);\n\n    const channel = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail) return null;\n        return channelData?.viewChannelDetail;\n    }, [channelData]);\n\n    const channelType = React.useMemo(() => {\n        if (!channel?.type) return 'CHANNEL';\n        return channel?.type;\n    }, [channel]);\n\n    const channelMembers = React.useMemo(() => {\n        if (!channel?.members || channel?.members?.length == 0) return null;\n        return (\n            channel?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null\n        );\n    }, [channel]);\n\n    const channelTitle = React.useMemo(() => {\n        const membersNameAsTitle =\n            channelType == RoomType.Direct\n                ? channelMembers\n                      ?.map((u: any) => u?.givenName ?? '')\n                      ?.filter((mu: any) => mu)\n                      ?.join(', ') ?? ''\n                : null;\n        const title = membersNameAsTitle || params?.title || defalultTitle || '';\n        return title?.length > titleCharacterLimit ? title?.substring(0, titleCharacterLimit) + '...' : title;\n    }, [channelMembers]);\n\n    const memberImage = React.useMemo(() => {\n        return channelType == RoomType.Direct && channelMembers?.length == 1\n            ? channelMembers[0]?.picture ?? null\n            : null;\n    }, [channelMembers]);\n\n    if (channelLoading) return <LoadingSpinnerDefault />;\n\n    return (\n        // <SafeAreaView style={{flex:1}}>\n        <Box className=\"flex-1 \">\n            <Button\n                variant={'solid'}\n                className=\"bg-transparent justify-start rounded-xl p-0 active:bg-gray-200 hover:bg-gray-200\"\n                onPress={() =>\n                    navigation?.navigate('MainStack', {\n                        screen: NavigationRoutes.InboxChannelDetail,\n                        params: { channelId },\n                    })\n                }\n            >\n                <VStack>\n                    <HStack className=\"items-center\">\n                        <Box>\n                            {memberImage ? (\n                                <Avatar key={'inbox-channel-member-image-key'} size={'sm'} className=\"bg-transparent\">\n                                    <AvatarFallbackText>{startCase(params?.title?.charAt(0) ?? '')}</AvatarFallbackText>\n                                    <AvatarImage\n                                        alt=\"inbox header image\"\n                                        style={{\n                                            width: 30,\n                                            height: 30,\n                                            borderRadius: 6,\n                                            borderWidth: 2,\n                                            borderColor: '#fff',\n                                        }}\n                                        source={{\n                                            uri: memberImage,\n                                        }}\n                                    />\n                                    <AvatarBadge style={{ width: 10, height: 10 }} className=\"bg-green-800\" />\n                                </Avatar>\n                            ) : channelType == RoomType.Channel ? (\n                                <Text className=\"pl-2\">\n                                    <Octicons color=\"black\" name=\"hash\" size={18} />\n                                </Text>\n                            ) : channelType === RoomType.Private ? (\n                                <Text className=\"pl-2\">\n                                    <Octicons color=\"black\" name=\"lock\" size={18} />\n                                </Text>\n                            ) : (\n                                <></>\n                            )}\n                        </Box>\n                        <Text\n                            style={{ fontSize: 18 }}\n                            numberOfLines={1}\n                            className=\"px-2 text-black flex-wrap font-bold\"\n                        >\n                            {channelTitle}\n                        </Text>\n                    </HStack>\n                    <HStack>\n                        {!memberImage && channel?.members?.length > 0 && (\n                            <Text className=\"px-2 text-gray-600\">\n                                {channel?.members?.length} {channel?.members?.length > 1 ? 'members' : 'member'}\n                            </Text>\n                        )}\n                    </HStack>\n                </VStack>\n            </Button>\n        </Box>\n        // </SafeAreaView>\n    );\n});\n\nconst InboxHeader = ({ back, showToggle = null, showFilter = null, statusBarType = 'dark' }: any) => {\n    //const channelType = route?.params?.channelType || 'CHANNEL';\n    const currentOptions = navigationRef?.current?.getCurrentOptions();\n    const navigation = useNavigation<any>();\n    const { name, params } = useRoute<any>();\n    const defalultTitle = currentOptions ? getHeaderTitle(currentOptions, name) : params?.title;\n    const matches: any = defalultTitle.match(/\\b(\\w)/g);\n    const acronym: any = matches.join('').substring(0, 2); // JSON\n    // const defaultChannelTitle = route?.params?.title || title || '';\n    return (\n        <SafeAreaView style={{ flex: 1, backgroundColor: '#fff' }}>\n            <StatusBar style={statusBarType} backgroundColor={statusBarType == 'dark' ? 'white' : 'black'} />\n            <Box\n                className=\" border-b py-4 h-16 pb-10 border-b-gray-200\"\n                style={{ paddingBottom: 10, backgroundColor: '#fff', borderColor: '#e5e7eb' }}\n            >\n                <VStack>\n                    <HStack className=\"px-1  bg-white justify-between items-center w-full\">\n                        {back ? (\n                            <Button\n                                className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\"\n                                //onPress={() => navigation?.goBack?.()}\n                                onPress={() =>\n                                    params?.goToHome\n                                        ? navigation?.navigate('MainStack', { screen: NavigationRoutes.Home })\n                                        : navigation?.goBack()\n                                }\n                            >\n                                <MaterialIcons size={30} name=\"keyboard-arrow-left\" color=\"black\" />\n                            </Button>\n                        ) : showToggle ? (\n                            <Button\n                                size={'md'}\n                                className=\"mx-2 px-2 py-2 bg-gray-300 active:bg-gray-200 hover:bg-gray-200\"\n                                onPress={() => navigation.toggleDrawer()}\n                            >\n                                <Avatar className=\"bg-transparent \" size={'md'}>\n                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                        {acronym}\n                                    </AvatarFallbackText>\n                                </Avatar>\n                            </Button>\n                        ) : (\n                            <></>\n                        )}\n\n                        {params?.channelId && (\n                            <InboxChannelInfo channelId={params?.channelId} defalultTitle={defalultTitle} />\n                        )}\n\n                        <Button\n                            variant=\"solid\"\n                            className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\"\n                            //$pressed-backgroundColor={'$trueGray600'}\n                            size={'md'}\n                        >\n                            <Feather color={'black'} size={20} name=\"headphones\" />\n                        </Button>\n\n                        {params?.addMember && (\n                            <Button\n                                className=\"bg-transparent active:bg-transparent hover:bg-transparent\"\n                                onPress={() =>\n                                    navigation.navigate('MainStack', {\n                                        screen: NavigationRoutes.AddPeople,\n                                        params: {\n                                            channelId: params?.channelId,\n                                            addMember: params?.addMember,\n                                            orgName: params?.orgName,\n                                        },\n                                    })\n                                }\n                                size={'lg'}\n                            >\n                                <AntDesign color={'black'} size={20} name=\"addusergroup\" />\n                            </Button>\n                        )}\n                    </HStack>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InboxHeader;\n\n//export default React.memo(InboxNavigationHeader);\n"],"names":["React","_a","_b","_c","_d"],"mappings":"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"}
+{"version":3,"file":"InboxNavigationHeader.js","sources":["../../../src/components/NavigationHeader/InboxNavigationHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { useFocusEffect, useIsFocused, useNavigation, useRoute } from '@react-navigation/native';\nimport { TouchableHighlight, Pressable, SafeAreaView } from 'react-native';\nimport {\n    VStack,\n    HStack,\n    Button,\n    ButtonText,\n    Icon,\n    Text,\n    Center,\n    Box,\n    Image,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { getHeaderTitle } from '@react-navigation/elements';\nimport { Ionicons, MaterialIcons, AntDesign, FontAwesome, Feather, Octicons } from '@expo/vector-icons';\n// import AddMemberToChannel from '../AddMemberToChannel';\nimport { NavigationRoutes } from '../../constants/routes';\nimport { startCase } from 'lodash-es';\nimport { navigationRef } from '@common-stack/client-react';\nimport { RoomType } from 'common';\nimport { useChannelDetailQuery } from '../../queries/slackuiQueries';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { LoadingSpinnerDefault } from '../LoadingSpinner';\n\nconst InboxChannelInfo = React.memo(({ channelId, defalultTitle }: { channelId: string; defalultTitle: string }) => {\n    const navigation = useNavigation<any>();\n    const { name, params } = useRoute<any>();\n    const user = useSelector(userSelector);\n    const titleCharacterLimit: number = 18;\n    const { data: channelData, loading: channelLoading } = useChannelDetailQuery(channelId, {\n        variables: {\n            id: channelId?.toString(),\n        },\n    });\n\n    const channel = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail) return null;\n        return channelData?.viewChannelDetail;\n    }, [channelData]);\n\n    const channelType = React.useMemo(() => {\n        if (!channel?.type) return 'CHANNEL';\n        return channel?.type;\n    }, [channel]);\n\n    const channelMembers = React.useMemo(() => {\n        if (!channel?.members || channel?.members?.length == 0) return null;\n        return (\n            channel?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null\n        );\n    }, [channel]);\n\n    const channelTitle = React.useMemo(() => {\n        const membersNameAsTitle =\n            channelType == RoomType.Direct\n                ? channelMembers\n                      ?.map((u: any) => u?.givenName ?? '')\n                      ?.filter((mu: any) => mu)\n                      ?.join(', ') ?? ''\n                : null;\n        const title = membersNameAsTitle || params?.title || defalultTitle || '';\n        return title?.length > titleCharacterLimit ? title?.substring(0, titleCharacterLimit) + '...' : title;\n    }, [channelMembers]);\n\n    const memberImage = React.useMemo(() => {\n        return channelType == RoomType.Direct && channelMembers?.length == 1\n            ? channelMembers[0]?.picture ?? null\n            : null;\n    }, [channelMembers]);\n\n    if (channelLoading) return <LoadingSpinnerDefault />;\n\n    return (\n        // <SafeAreaView style={{flex:1}}>\n        <Box className=\"flex-1 \">\n            <Button\n                variant={'solid'}\n                className=\"bg-transparent justify-start rounded-xl p-0 active:bg-gray-200 hover:bg-gray-200\"\n                onPress={() =>\n                    navigation?.navigate('MainStack', {\n                        screen: NavigationRoutes.InboxChannelDetail,\n                        params: { channelId },\n                    })\n                }\n            >\n                <VStack>\n                    <HStack className=\"items-center\">\n                        <Box>\n                            {memberImage ? (\n                                <Avatar key={'inbox-channel-member-image-key'} size={'sm'} className=\"bg-transparent\">\n                                    <AvatarFallbackText>{startCase(params?.title?.charAt(0) ?? '')}</AvatarFallbackText>\n                                    <AvatarImage\n                                        alt=\"inbox header image\"\n                                        style={{\n                                            width: 30,\n                                            height: 30,\n                                            borderRadius: 6,\n                                            borderWidth: 2,\n                                            borderColor: '#fff',\n                                        }}\n                                        source={{\n                                            uri: memberImage,\n                                        }}\n                                    />\n                                    <AvatarBadge style={{ width: 10, height: 10 }} className=\"bg-green-800\" />\n                                </Avatar>\n                            ) : channelType == RoomType.Channel ? (\n                                <Text className=\"pl-2\">\n                                    <Octicons color=\"black\" name=\"hash\" size={18} />\n                                </Text>\n                            ) : channelType === RoomType.Private ? (\n                                <Text className=\"pl-2\">\n                                    <Octicons color=\"black\" name=\"lock\" size={18} />\n                                </Text>\n                            ) : (\n                                <></>\n                            )}\n                        </Box>\n                        <Text\n                            style={{ fontSize: 18 }}\n                            numberOfLines={1}\n                            className=\"px-2 text-black flex-wrap font-bold\"\n                        >\n                            {channelTitle}\n                        </Text>\n                    </HStack>\n                    <HStack>\n                        {!memberImage && channel?.members?.length > 0 && (\n                            <Text className=\"px-2 text-gray-600\">\n                                {channel?.members?.length} {channel?.members?.length > 1 ? 'members' : 'member'}\n                            </Text>\n                        )}\n                    </HStack>\n                </VStack>\n            </Button>\n        </Box>\n        // </SafeAreaView>\n    );\n});\n\nconst InboxHeader = ({ back, showToggle = null, showFilter = null, statusBarType = 'dark' }: any) => {\n    //const channelType = route?.params?.channelType || 'CHANNEL';\n    const currentOptions = navigationRef?.current?.getCurrentOptions();\n    const navigation = useNavigation<any>();\n    const { name, params } = useRoute<any>();\n    const defalultTitle = currentOptions ? getHeaderTitle(currentOptions, name) : params?.title;\n    const matches: any = defalultTitle.match(/\\b(\\w)/g);\n    const acronym: any = matches.join('').substring(0, 2); // JSON\n    // const defaultChannelTitle = route?.params?.title || title || '';\n    return (\n        <SafeAreaView style={{ flex: 1, backgroundColor: '#fff' }}>\n            <StatusBar style={statusBarType} backgroundColor={statusBarType == 'dark' ? 'white' : 'black'} />\n            <Box\n                className=\" border-b py-4 h-16 pb-10 border-b-gray-200\"\n                style={{ paddingBottom: 10, backgroundColor: '#fff', borderColor: '#e5e7eb' }}\n            >\n                <VStack>\n                    <HStack className=\"px-1  bg-white justify-between items-center w-full\">\n                        {back ? (\n                            <Button\n                                className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\"\n                                //onPress={() => navigation?.goBack?.()}\n                                onPress={() =>\n                                    params?.goToHome\n                                        ? navigation?.navigate('MainStack', { screen: NavigationRoutes.Home })\n                                        : navigation?.goBack()\n                                }\n                            >\n                                <MaterialIcons size={30} name=\"keyboard-arrow-left\" color=\"black\" />\n                            </Button>\n                        ) : showToggle ? (\n                            <Button\n                                size={'md'}\n                                className=\"mx-2 px-2 py-2 bg-gray-300 active:bg-gray-200 hover:bg-gray-200\"\n                                onPress={() => navigation.toggleDrawer()}\n                            >\n                                <Avatar className=\"bg-transparent \" size={'md'}>\n                                    <AvatarFallbackText style={{ color: '#000', fontWeight: '600' }}>\n                                        {acronym}\n                                    </AvatarFallbackText>\n                                </Avatar>\n                            </Button>\n                        ) : (\n                            <></>\n                        )}\n\n                        {params?.channelId && (\n                            <InboxChannelInfo channelId={params?.channelId} defalultTitle={defalultTitle} />\n                        )}\n\n                        <Button\n                            variant=\"solid\"\n                            className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\"\n                            //$pressed-backgroundColor={'$trueGray600'}\n                            size={'md'}\n                        >\n                            <Feather color={'black'} size={20} name=\"headphones\" />\n                        </Button>\n\n                        {params?.addMember && (\n                            <Button\n                                className=\"bg-transparent active:bg-transparent hover:bg-transparent\"\n                                onPress={() =>\n                                    navigation.navigate('MainStack', {\n                                        screen: NavigationRoutes.AddPeople,\n                                        params: {\n                                            channelId: params?.channelId,\n                                            addMember: params?.addMember,\n                                            orgName: params?.orgName,\n                                        },\n                                    })\n                                }\n                                size={'lg'}\n                            >\n                                <AntDesign color={'black'} size={20} name=\"addusergroup\" />\n                            </Button>\n                        )}\n                    </HStack>\n                </VStack>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InboxHeader;\n\n// Export the component with the proper name\nexport { InboxHeader as InboxNavigationHeader };\n\n//export default React.memo(InboxNavigationHeader);\n"],"names":["React","_a","_b","_c","_d"],"mappings":"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"}

package/lib/components/WorkSpaceDrawer/WorkSpaceDrawer.js

@@ -1,4 +1,4 @@
-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;
+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 {useOrganizationDetailQuery,useUserOrganizationsQuery}from'../../queries/slackuiQueries.js';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;
@@ -36,7 +36,7 @@ const WorkSpaceDrawerComponent = (props) => {
   const {
     data: orgDetailData,
     refetch: _refetchOrgDetail
-  } = useGetOrganizationDetailQuery({
+  } = useOrganizationDetailQuery(orgName || "", {
     variables: {
       where: {
         name: orgName
@@ -47,7 +47,7 @@ const WorkSpaceDrawerComponent = (props) => {
     data: userOrganizationsData,
     loading: isLoadingUsersOrganization,
     refetch: refetchUserOrganizations
-  } = useGetUserOrganizationsQuery({
+  } = useUserOrganizationsQuery({
     variables: {
       userId: user == null ? void 0 : user.id
     }
@@ -57,11 +57,7 @@ const WorkSpaceDrawerComponent = (props) => {
       userId: user == null ? void 0 : user.id
     });
     if (orgName)
-      _refetchOrgDetail({
-        where: {
-          name: orgName
-        }
-      });
+      _refetchOrgDetail();
   }, [orgName, open]));
   React__default.useEffect(() => {
     if (orgDetailData == null ? void 0 : orgDetailData.getOrganizationDetail)

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: 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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"}
+{"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    useUserOrganizationsQuery,\n    useOrganizationDetailQuery,\n    useOrganizationDetailLazyQuery,\n    useCreateOrganizationMutation,\n} from '../../queries/slackuiQueries';\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 } = useOrganizationDetailQuery(orgName || '', {\n        variables: {\n            where: {\n                name: orgName,\n            },\n        },\n    });\n    const {\n        data: userOrganizationsData,\n        loading: isLoadingUsersOrganization,\n        refetch: refetchUserOrganizations,\n    }: any = useUserOrganizationsQuery({\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();\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":";;;;;;;;;;;;;;;;;;;AAgBA,MAAM,wBAAA,GAA2B,CAAC,KAAe,KAAA;AAC/C,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAA,MAAM,aAAa,aAAmB,EAAA;AACtC,EAAM,MAAA,IAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAA,MAAM,QAAW,GAAA,WAAA,CAAiB,CAAS,KAAA,KAAA,KAAA,CAAM,QAAQ,CAAA;AACzD,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,OAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAA,MACE,eAAgB,EAAA;AACpB,EAAM,MAAA;AAAA,IACJ;AAAA,MACE,iBAAkB,EAAA;AACtB,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,aAAA;AAAA,IACN,OAAS,EAAA;AAAA,GACX,GAAI,0BAA2B,CAAA,OAAA,IAAW,EAAI,EAAA;AAAA,IAC5C,SAAW,EAAA;AAAA,MACT,KAAO,EAAA;AAAA,QACL,IAAM,EAAA;AAAA;AACR;AACF,GACD,CAAA;AACD,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,qBAAA;AAAA,IACN,OAAS,EAAA,0BAAA;AAAA,IACT,OAAS,EAAA;AAAA,MACF,yBAA0B,CAAA;AAAA,IAEjC,SAAW,EAAA;AAAA,MACT,QAAQ,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA;AAAA;AAChB,GAED,CAAA;AACD,EAAe,cAAA,CAAAA,cAAA,CAAM,YAAY,MAAM;AACrC,IAAyB,wBAAA,CAAA;AAAA,MACvB,QAAQ,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA;AAAA,KACf,CAAA;AACD,IAAI,IAAA,OAAA;AAAS,MAAkB,iBAAA,EAAA;AAAA,GAC9B,EAAA,CAAC,OAAS,EAAA,IAAI,CAAC,CAAC,CAAA;AACnB,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,aAAe,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAA,qBAAA;AAAuB,MAAA,qBAAA,CAAsB,+CAAe,qBAAqB,CAAA;AAAA,GACnG,EAAA,CAAC,aAAe,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAA,qBAAqB,CAAC,CAAA;AAgBzC,EAAA,MAAM,gBAAmB,GAAAA,cAAA,CAAM,WAAY,CAAA,CAACC,QAAiB,KAAA;AA7E/D,IAAA,IAAA,EAAA,EAAA,EAAA;AA8EI,IAAA,OAAA,CAAQ,KAAK,CAAA;AACb,IAAA,MAAM,eAAe,UAAY,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAA,eAAA,EAAA;AACjC,IAAA,MAAM,UAAa,GAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACb,YAAa,CAAA,MAAA,IAAU,EADV,CAAA,EAAA;AAAA,MAEjB,OAASA,EAAAA;AAAA,KACX,CAAA;AACA,IAAS,QAAA,CAAA;AAAA,MACP,IAAM,EAAAC,eAAA;AAAA,MACN,OAAS,EAAA;AAAA,QACP,YAAc,EAAA;AAAA,UACZ,IAAA,EAAA,CAAM,EAAc,GAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAA,IAAA,KAAd,IAAsB,GAAA,EAAA,GAAA,IAAA;AAAA,UAC5B,MAAQ,EAAA;AAAA,SACV;AAAA,QACA,aAAe,EAAA;AAAA,UACb,IAAA,EAAA,CAAM,EAAc,GAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAA,IAAA,KAAd,IAAsB,GAAA,EAAA,GAAA,IAAA;AAAA,UAC5B,QAAQ,YAAa,CAAA;AAAA;AACvB;AACF,KACD,CAAA;AACD,IAAW,UAAA,CAAA,QAAA,CAAS,YAAa,CAAA,IAAA,CAAK,WAAa,EAAA;AAAA,MACjD,QAAQ,gBAAiB,CAAA,IAAA;AAAA,MACzB,MAAQ,EAAA;AAAA,QACN,OAAAD,EAAAA;AAAA;AACF,KACD,CAAC,CAAA;AAAA,GACJ,EAAG,EAAE,CAAA;AACL,EAAM,MAAA,YAAA,GAAeD,cAAM,CAAA,WAAA,CAAY,MAAM;AAC3C,IAAA,OAAA,CAAQ,KAAK,CAAA;AAEb,IAAY,UAAA,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAA,QAAA,CAAS,iBAAiB,YAAc,EAAA;AAAA,MAClD;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AACZ,EAAA,MAAM,mBAAmB,CAAC;AAAA,IACxB,IAAM,EAAA,CAAA;AAAA,IACN,KAAO,EAAA;AAAA,GACE,KAAA;AAlHb,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAmHI,IAAA,MAAM,KAAQ,GAAA,CAAA,EAAA,GAAA,CAAA,IAAA,IAAA,GAAA,MAAA,GAAA,CAAA,CAAG,KAAH,KAAA,IAAA,GAAA,EAAA,GAAY,CAAE,CAAA,IAAA;AAC5B,IAAA,MAAM,OAAe,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,KAAM,CAAA,SAAA,CAAA,KAAb,IAA2B,GAAA,EAAA,GAAA,EAAA;AAEhD,IAAM,MAAA,OAAA,GAAe,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,GAAA,CAAI,EAAS,GAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAA,IAAA,CAAK,EAAd,CAAA,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAmB,SAAU,CAAA,CAAA,EAAG,CAAK,CAAA,GAAA,EAAA;AAEnF,IAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,aAAe,EAAA,aAAA,EAAe,eAAe,GAAK,EAAA,GAAA,EAAK,CAAG,EAAA,OAAA,EAAS,MAAM,gBAAA,CAAiB,CAAE,CAAA,IAAI,GAAG,KAAO,EAAA;AAAA,MACnI,cAAgB,EAAA;AAAA,KAClB,EAAA,kBACaA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAO,EAAA;AAAA,MACvB,eAAiB,EAAA,CAAA,CAAE,IAAQ,IAAA,OAAA,GAAU,SAAY,GAAA,aAAA;AAAA,MACjD,eAAiB,EAAA,EAAA;AAAA,MACjB,iBAAmB,EAAA,EAAA;AAAA,MACnB,YAAc,EAAA;AAAA,KAChB,EAAG,WAAW,CACA,wCAAA,CAAA,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,KAAO,EAAA,IAAA,EAAM,WAAU,cAC3B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QAAO,IAAM,EAAA,IAAA;AAAA,QAAM,SAAU,EAAA;AAAA,OAAA;AAAA,sBAK1BA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UAAO,IAAM,EAAA,IAAA;AAAA,UAE9B,SAAW,EAAA,CAAA,uBAAA,EAA0B,CAAE,CAAA,IAAA,IAAQ,UAAU,UAAa,GAAA,QAAA,CAAA,KAAA,CAAA;AAAA,UAAiB,KAAO,EAAA;AAAA,YAC5F,eAAiB,EAAA,SAAA;AAAA,YACjB,WAAa,EAAA,CAAA,CAAE,IAAQ,IAAA,OAAA,GAAU,MAAS,GAAA;AAAA;AAC5C,SAAA;AAAA,wBACoBA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA;AAAA,UAC7B,UAAY,EAAA;AAAA,SACd,EAAG,SAAU,EAAA,+CAAA,EAAA,EACU,OACL;AAAA;AACJ,KAMJ,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAU,yBAAwB,KAAO,EAAA;AAAA,MAC3D,QAAU,EAAA;AAAA,KAEO,EAAA,EAAA,KACL,CACJ,CACJ,CACJ,CAAA;AAAA,GACV;AACA,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,KAAO,EAAA;AAAA,IAC1B,IAAM,EAAA;AAAA,GAEE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,qDAEVA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,eAAA,EAAA,kBACVA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAU,EAAA,qCAAA,EAAsC,OAAO,IAC3D,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAW,CAAW,QAAA,EAAA,KAAA,CAAM,UAAc,IAAA,CAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAU,aAAY,MAAS,GAAA,YAAA,GAAe,YAAiB,CAAA,CAAA,CAAA,EAAA,IAAA,EAAM,IAAM,EAAA,EAAA,YAE9H,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YAAS,KAAO,EAAA;AAAA,IAC7B,IAAM,EAAA,CAAA;AAAA,IACN,UAAY,EAAA,CAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT,EAAG,cAAc,CAAC,IAAA,EAAM,UAAU,MAAO,CAAA,KAAK,GAAG,qBAAuB,EAAA;AAAA,IACtE,QAAU,EAAA,CAAA;AAAA,IACV,aAAe,EAAA,GAAA;AAAA,IACf,KAAO,EAAA;AAAA,GACN,EAAA,IAAA,EAAA,CAAM,qBAAuB,IAAA,IAAA,GAAA,MAAA,GAAA,qBAAA,CAAA,oBAAA,KAAA,CAAwB,+DAAuB,oBAAqB,CAAA,MAAA,IAAS,CAAI,GAAA,qBAAA,IAAA,IAAA,GAAA,MAAA,GAAA,qBAAA,CAAuB,uBAAuB,EAAC,EAAG,UAAY,EAAA,gBAAA,EAAkB,oBAAoB,MAAM;AACzN,IAAA,oDAAQ,GAAI,EAAA,EAAA,SAAA,EAAU,eACM,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,KAAM,EAAA,IAAA,EAAA,kBACTA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,WAAU,WACX,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YAAK,mBAAiB,CAC3B,CACJ,CACJ,CAAA;AAAA,GAC1B,EAAG,KAAK,iBAAmB,EAAA,CACjB,mBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,WAAU,0CAA2C,EAAA,KAAA,EAAO,wBAC/DA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,WAAU,QAAS,EAAA,CAAA,EAAA,CAC3B,6BAAM,WAAe,qBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAO,IAC7B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAM,EAAA,IAAA,EAAM,SAAS,OAAS,EAAA,SAAA,EAAU,qEAAoE,OAAS,EAAA,MAAM,YAAa,EAAA,EAAA,kBAC3IA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,OAAM,OAAQ,EAAA,IAAA,EAAK,QAAO,IAAM,EAAA,EAAA,EAAI,mBAC9CA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA;AAAA,IACxD,KAAO,EAAA,OAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ,EAAA,EAAG,iBAEmB,CACJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA,EAAS,SAAU,EAAA,mEAAA,EAAA,+CAC3C,QAAS,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,IAAA,EAAK,kBAAmB,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA,kBACzDA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA;AAAA,IACxD,KAAO,EAAA,OAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ,EAAA,EAAG,aAEmB,CACJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA,EAAS,SAAU,EAAA,mEAAA,EAAA,+CAC3C,QAAS,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,IAAA,EAAK,qBAAsB,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA,kBAC5DA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA;AAAA,IACxD,KAAO,EAAA,OAAA;AAAA,IACP,QAAU,EAAA;AAAA,OACT,MAEmB,CACJ,CACJ,CACR,CACJ,CACJ,CACJ,CAAA;AACR,CAAA;AACA,MAAM,eAAA,GAAkB,CAAC,KAAe,KAAA;AACtC,EAAmB,aAAmB;AACtC,EAAM,MAAA,IAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAiB,WAAA,CAAiB,CAAS,KAAA,KAAA,KAAA,CAAM,QAAQ;AACzD,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAa,KAAO,EAAA;AAAA,IAC1B,IAAM,EAAA;AAAA,GAEE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,mBACV,IAAQ,KAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,WAAc,CAAA,mBAAAA,cAAA,CAAA,aAAA,CAAC,wBAA6B,EAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAO,CAAK,mBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAE,CAC7E,CACJ,CAAA;AACR,CAAA;AACA,wBAAeA,cAAA,CAAM,KAAK,eAAe,CAAA"}

package/lib/compute.js

@@ -188,7 +188,7 @@ const slackUiPageStore = [{
   componentPath: "@messenger-box/slack-ui-mobile/lib/screens/Profile/ProfileScreen.js",
   hasComponent: true,
   queries: {
-    GetUserByIdDocument: "{userId: params.userId}"
+    UserByIdDocument: "{}"
   }
 }, {
   key: "search",
@@ -292,8 +292,8 @@ const slackUiPageStore = [{
   componentPath: "@messenger-box/slack-ui-mobile/lib/screens/Organization/AddWorkspace.js",
   hasComponent: true,
   queries: {
-    GetOrganizationDetailDocument: "{where: {name: params.name}}",
-    GetUserOrganizationsDocument: "{userId: params.userId}"
+    OrganizationDetailDocument: "{}",
+    UserOrganizationsDocument: "{userId: params.userId}"
   }
 }, {
   key: "createorganization",
@@ -348,7 +348,10 @@ const slackUiPageStore = [{
     }
   },
   componentPath: "@messenger-box/slack-ui-mobile/lib/screens/Organization/InviteOrganizationMembers.js",
-  hasComponent: true
+  hasComponent: true,
+  queries: {
+    OrganizationSharableLinkDocument: "{}"
+  }
 }, {
   key: "initializeorgchannel",
   path: "/:orgName/initializeorgchannel",
@@ -402,7 +405,11 @@ const slackUiPageStore = [{
     }
   },
   componentPath: "@messenger-box/slack-ui-mobile/lib/screens/Organization/InitialChannelOnboarding.js",
-  hasComponent: true
+  hasComponent: true,
+  queries: {
+    OrganizationDetailDocument: "{}",
+    ChannelDetailDocument: "{}"
+  }
 }, {
   key: "channels",
   path: "/:orgName/channels",
@@ -424,7 +431,7 @@ const slackUiPageStore = [{
   componentPath: "@messenger-box/slack-ui-mobile/lib/screens/Channels/Channels.js",
   hasComponent: true,
   queries: {
-    GetChannelsByUserDocument: "{criteria: {orgName: params.orgName,type: params.type,team: params.team},limit: 50}"
+    ChannelsDocument: "{}"
   }
 }, {
   key: "addchannel",
@@ -511,9 +518,9 @@ const slackUiPageStore = [{
   componentPath: "@messenger-box/slack-ui-mobile/lib/screens/Peoples/AddPeople.js",
   hasComponent: true,
   queries: {
-    GetOrganizationMembersDocument: "{offset: params.offset,limit: params.limit,orgName: params.orgName}",
-    ViewChannelDetailDocument: "{id: params.id}",
-    GetChannelsByUserDocument: "{criteria: {orgName: params.orgName,type: DIRECT}}"
+    OrganizationMembersDocument: "{}",
+    ChannelDetailDocument: "{}",
+    ChannelsDocument: "{criteria: {orgName: params.orgName,type: DIRECT}}"
   }
 }, {
   key: "addpeoplebyemail",
@@ -572,7 +579,7 @@ const slackUiPageStore = [{
   componentPath: "@messenger-box/slack-ui-mobile/lib/screens/Peoples/AddFromContacts.js",
   hasComponent: true,
   queries: {
-    GetOrganizationSharableLinkDocument: "{}"
+    OrganizationSharableLinkDocument: "{}"
   }
 }, {
   key: "searchchannelpeople",
@@ -602,7 +609,8 @@ const slackUiPageStore = [{
   componentPath: "@messenger-box/slack-ui-mobile/lib/screens/Search/SearchChannelPeople.js",
   hasComponent: true,
   queries: {
-    GetChannelsByUserDocument: "{criteria: {orgName: params.orgName,type: params.type},limit: 25}"
+    ChannelsDocument: "{criteria: {orgName: params.orgName,type: params.type},limit: 25}",
+    OrganizationMembersDocument: "{}"
   }
 }, {
   key: "teams",
@@ -736,7 +744,10 @@ const slackUiPageStore = [{
     }
   },
   componentPath: "@messenger-box/slack-ui-mobile/lib/screens/Peoples/People.js",
-  hasComponent: true
+  hasComponent: true,
+  queries: {
+    AllUsersDocument: "{}"
+  }
 }, {
   key: "inboxdialogmessage",
   path: "/:orgName/inbox/dialogmessage",
@@ -802,7 +813,7 @@ const slackUiPageStore = [{
   componentPath: "@messenger-box/slack-ui-mobile/lib/screens/Inbox/InboxChannelDetail.js",
   hasComponent: true,
   queries: {
-    ViewChannelDetailDocument: "{id: params.id}"
+    ChannelDetailDocument: "{}"
   }
 }, {
   key: "searchaddchannel",
@@ -836,7 +847,7 @@ const slackUiPageStore = [{
   componentPath: "@messenger-box/slack-ui-mobile/lib/screens/Search/SearchAddChannel.js",
   hasComponent: true,
   queries: {
-    GetOrganizationMembersWithChannelsDocument: "{orgName: params.orgName,channelCriteria: {orgName: params.orgName,type: params.type},offset: params.offset,limit: params.limit}"
+    OrganizationMembersWithChannelsDocument: "{}"
   }
 }, {
   key: "threads",

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":"+oIASA,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\n// export * from './navigation';\nexport * from './constants';\nexport * from './screens';\nexport * from './components';\nexport * from './hooks';\nexport * from './theme';\nexport * from './locales';\n// export * from './queries';\nexport default new Feature(SlackUIModule);\n"],"names":[],"mappings":"+oIAWA,YAAe,IAAI,QAAQ,aAAa,CAAA"}