@messenger-box/slack-ui-mobile 0.0.1-alpha.436

package/lib/navigation/MentionsNavigator.js

@@ -0,0 +1,37 @@
+import { Login, Saved } from '../screens';
+import { NavigationHeader, LoadingSpinnerDefault } from '../components';
+import { Feature } from '@common-stack/client-react';
+import { Lifecycle } from '@admin-layout/mobile-layout';
+import { FontAwesome } from '@expo/vector-icons';
+const mentionsConfig = {
+    ['//:orgName/l/mentions']: {
+        exact: true,
+        name: 'Saved',
+        menu_position: 'bottom',
+        auth: true,
+        props: {
+            initialParams: { orgName: null },
+            component: (props) => (<Lifecycle renderWhenPhase={3 /* LifecyclePhase.Restored */} loadingRenderer={LoadingSpinnerDefault}>
+                    <Saved {...props}/>
+                </Lifecycle>),
+            unauthenticatedComponent: (props) => <Login {...props}/>,
+            options: {
+                headerShown: true,
+                header: (props) => <NavigationHeader {...props}/>,
+                title: 'Mentions & reactions',
+                headerTitle: 'Mentions & reactions',
+                priority: 3,
+                tabBarActiveTintColor: '#000',
+                tabBarInactiveTintColor: 'black',
+                tabBarIcon: ({ color }) => <FontAwesome name="at" size={24} color={color}/>,
+                tabBarLabel: 'Mentions',
+                gestureEnabled: false,
+                swipeEnabled: false,
+            },
+        },
+    },
+};
+export const mentionsFeature = new Feature({
+    routeConfig: mentionsConfig,
+});
+//# sourceMappingURL=MentionsNavigator.js.map

package/lib/navigation/MentionsNavigator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionsNavigator.js","sourceRoot":"","sources":["../../src/navigation/MentionsNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAA2B,WAAW,EAA2B,MAAM,oBAAoB,CAAC;AAGnG,MAAM,cAAc,GAAG;IACnB,CAAC,uBAAuB,CAAC,EAAE;QACvB,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,QAAQ;QACvB,IAAI,EAAE,IAAI;QACV,KAAK,EAAE;YACH,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAChC,SAAS,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CACvB,CAAC,SAAS,CAAC,eAAe,CAAC,iCAAyB,CAAC,eAAe,CAAC,CAAC,qBAAqB,CAAC,CACxF;oBAAA,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,EACrB;gBAAA,EAAE,SAAS,CAAC,CACf;YACD,wBAAwB,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,EAAG;YAC9D,OAAO,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,EAAG;gBACvD,KAAK,EAAE,sBAAsB;gBAC7B,WAAW,EAAE,sBAAsB;gBACnC,QAAQ,EAAE,CAAC;gBACX,qBAAqB,EAAE,MAAM;gBAC7B,uBAAuB,EAAE,OAAO;gBAChC,UAAU,EAAE,CAAC,EAAE,KAAK,EAAkB,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG;gBAC5F,WAAW,EAAE,UAAU;gBACvB,cAAc,EAAE,KAAK;gBACrB,YAAY,EAAE,KAAK;aACtB;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,OAAO,CAAC;IACvC,WAAW,EAAE,cAAqB;CACrC,CAAC,CAAC"}

package/lib/navigation/SearchNavigator.d.ts

@@ -0,0 +1,2 @@
+import { Feature } from '@common-stack/client-react';
+export declare const searchFeature: Feature;

package/lib/navigation/SearchNavigator.js

@@ -0,0 +1,37 @@
+import { Login, Search } from '../screens';
+import { NavigationHeader, LoadingSpinnerDefault } from '../components';
+import { Feature } from '@common-stack/client-react';
+import { Lifecycle } from '@admin-layout/mobile-layout';
+import { AntDesign } from '@expo/vector-icons';
+const searchConfig = {
+    ['//:orgName/l/search']: {
+        exact: true,
+        name: 'Search',
+        menu_position: 'bottom',
+        auth: true,
+        props: {
+            initialParams: { orgName: null },
+            component: (props) => (<Lifecycle renderWhenPhase={3 /* LifecyclePhase.Restored */} loadingRenderer={LoadingSpinnerDefault}>
+                    <Search {...props}/>
+                </Lifecycle>),
+            unauthenticatedComponent: (props) => <Login {...props}/>,
+            options: {
+                headerShown: true,
+                header: (props) => <NavigationHeader {...props}/>,
+                title: 'Search',
+                headerTitle: 'Search',
+                priority: 4,
+                tabBarActiveTintColor: '#000',
+                tabBarInactiveTintColor: 'black',
+                tabBarIcon: ({ color }) => <AntDesign name="search1" size={24} color={color}/>,
+                tabBarLabel: 'Search',
+                gestureEnabled: false,
+                swipeEnabled: false,
+            },
+        },
+    },
+};
+export const searchFeature = new Feature({
+    routeConfig: searchConfig,
+});
+//# sourceMappingURL=SearchNavigator.js.map

package/lib/navigation/SearchNavigator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchNavigator.js","sourceRoot":"","sources":["../../src/navigation/SearchNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAsD,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGnG,MAAM,YAAY,GAAG;IACjB,CAAC,qBAAqB,CAAC,EAAE;QACrB,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,QAAQ;QACd,aAAa,EAAE,QAAQ;QACvB,IAAI,EAAE,IAAI;QACV,KAAK,EAAE;YACH,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAChC,SAAS,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CACvB,CAAC,SAAS,CAAC,eAAe,CAAC,iCAAyB,CAAC,eAAe,CAAC,CAAC,qBAAqB,CAAC,CACxF;oBAAA,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,EACtB;gBAAA,EAAE,SAAS,CAAC,CACf;YACD,wBAAwB,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,EAAG;YAC9D,OAAO,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,MAAM,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,EAAG;gBACvD,KAAK,EAAE,QAAQ;gBACf,WAAW,EAAE,QAAQ;gBACrB,QAAQ,EAAE,CAAC;gBACX,qBAAqB,EAAE,MAAM;gBAC7B,uBAAuB,EAAE,OAAO;gBAChC,UAAU,EAAE,CAAC,EAAE,KAAK,EAAkB,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG;gBAC/F,WAAW,EAAE,QAAQ;gBACrB,cAAc,EAAE,KAAK;gBACrB,YAAY,EAAE,KAAK;aACtB;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,OAAO,CAAC;IACrC,WAAW,EAAE,YAAmB;CACnC,CAAC,CAAC"}

package/lib/navigation/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ExploreNavigator';
+export * from './InboxNavigator';
+export * from './MentionsNavigator';
+export * from './SearchNavigator';
+export * from './AccountNavigator';

package/lib/navigation/index.js

@@ -0,0 +1,6 @@
+export * from './ExploreNavigator';
+export * from './InboxNavigator';
+export * from './MentionsNavigator';
+export * from './SearchNavigator';
+export * from './AccountNavigator';
+//# sourceMappingURL=index.js.map

package/lib/navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}

package/lib/screens/Account/AccountScreen.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AccountScreen: () => React.JSX.Element;
+export default AccountScreen;

package/lib/screens/Account/AccountScreen.js

@@ -0,0 +1,128 @@
+import React from 'react';
+import { FlatList, SafeAreaView, Text, TouchableHighlight, View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { userSelector, logoutAndRedirect } from '@adminide-stack/user-auth0-client';
+import { Toast, Image } from 'native-base';
+import { useNavigation } from '@react-navigation/native';
+import { useGetOrgNameFromContextQuery } from '@admin-layout/client';
+const AccountScreen = () => {
+    const { data: orgData, loading: orgLoading } = useGetOrgNameFromContextQuery();
+    React.useEffect(() => {
+        if (orgData === null || orgData === void 0 ? void 0 : orgData.getOrgNameFromContext) {
+            const params = Object.assign({}, orgData === null || orgData === void 0 ? void 0 : orgData.getOrgNameFromContext);
+            console.log('params', params);
+        }
+    }, [orgData === null || orgData === void 0 ? void 0 : orgData.getOrgNameFromContext]);
+    const accountSettings = [
+        {
+            id: '1',
+            title: 'Personal Information',
+        },
+        {
+            id: '2',
+            title: 'Payments and payouts',
+        },
+        {
+            id: '3',
+            title: 'Notifications',
+        },
+        {
+            id: '4',
+            title: 'Travel for work',
+        },
+    ];
+    const dispatch = useDispatch();
+    const userState = useSelector(userSelector);
+    return (<SafeAreaView>
+            <FlatList data={accountSettings} ListHeaderComponent={() => (<>
+                        {/* Profile Picture + Name */}
+                        <UserProfile />
+                        {/* Banner */}
+                        <Banner />
+
+                        {/* Account Settings Header */}
+                        <View style={{ margin: 20 }}>
+                            <Text style={{ fontSize: 12, color: '#444', fontWeight: '400' }}>Account Settings</Text>
+                        </View>
+                    </>)} renderItem={({ item, index }) => {
+            return (<TouchableHighlight underlayColor={'transparent'} activeOpacity={0.5} style={{
+                    marginTop: index === 0 ? 10 : 0,
+                    marginBottom: 20,
+                    marginHorizontal: 20,
+                    height: 40,
+                    borderBottomColor: 'lightgrey',
+                    borderBottomWidth: 1,
+                }}>
+                            <Text style={{ fontSize: 20, fontWeight: '300' }}>{item.title}</Text>
+                        </TouchableHighlight>);
+        }}/>
+
+            {/* Hosting */}
+
+            {/* Referrals & Credits */}
+        </SafeAreaView>);
+};
+const UserProfile = () => {
+    var _a, _b, _c, _d;
+    const userState = useSelector(userSelector);
+    const dispatch = useDispatch();
+    const navigation = useNavigation();
+    const logout = () => {
+        //navigation.navigate('MainStack.Logout', { redirect: 'MainStack.MainDrawer.MainBottomTab.Account' })
+        try {
+            dispatch(logoutAndRedirect());
+            // dispatch(resetReduxState());
+            Toast.show({ title: 'Logging out' });
+            // await Auth.signOut();
+        }
+        catch (error) {
+            console.error('Error signing out', error);
+        }
+    };
+    // const logout = async () => {
+    //     //navigation.navigate('MainStack.Logout', { redirect: 'MainStack.MainDrawer.MainBottomTab.Account' })
+    //     try {
+    //         dispatch(logoutAndRedirect());
+    //         // dispatch(resetReduxState());
+    //         Toast.show({ title: 'Logging out' });
+    //         // await Auth.signOut();
+    //     } catch (error) {
+    //         console.error('Error signing out', error);
+    //     }
+    // };
+    return (<View style={{ flexDirection: 'row', marginLeft: 20, paddingTop: 20 }}>
+            <Image alt="Profile Image" source={{
+            uri: (_a = userState === null || userState === void 0 ? void 0 : userState.profile) === null || _a === void 0 ? void 0 : _a.picture,
+        }} style={{
+            height: 70,
+            width: 70,
+            resizeMode: 'contain',
+            borderRadius: 35,
+        }}/>
+            <View style={{ justifyContent: 'center', marginLeft: 20 }}>
+                <Text style={{ fontSize: 24, fontWeight: 'bold' }}>{(_c = (_b = userState === null || userState === void 0 ? void 0 : userState.profile) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : 'Enrique'}</Text>
+                <Text>{(_d = userState === null || userState === void 0 ? void 0 : userState.profile) === null || _d === void 0 ? void 0 : _d.email}</Text>
+                <TouchableHighlight underlayColor={'transparent'} activeOpacity={0.5} onPress={logout}>
+                    <Text style={{ fontSize: 16, color: '#00A699' }}>Logout</Text>
+                </TouchableHighlight>
+            </View>
+        </View>);
+};
+const Banner = () => {
+    return (<View style={{
+            alignItems: 'center',
+            marginTop: 10,
+            paddingVertical: 20,
+            borderWidth: 1,
+            borderColor: 'lightgray',
+        }}>
+            <View>
+                <Text style={{ fontSize: 17, fontWeight: '300' }}>Earn money from your extra space</Text>
+                <TouchableHighlight underlayColor={'transparent'} activeOpacity={0.5} style={{ marginTop: 10 }}>
+                    <Text style={{ fontSize: 15, fontWeight: 'bold', color: '#00A699' }}>Learn More</Text>
+                </TouchableHighlight>
+            </View>
+        </View>);
+};
+export default AccountScreen;
+//# sourceMappingURL=AccountScreen.js.map

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

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

package/lib/screens/Account/index.d.ts

@@ -0,0 +1,2 @@
+import Account from './AccountScreen';
+export { Account };

package/lib/screens/Account/index.js

@@ -0,0 +1,3 @@
+import Account from './AccountScreen';
+export { Account };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/screens/Account/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,iBAAiB,CAAC;AAEtC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/lib/screens/Channels/AddChannel.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AddChannel: ({ navigation, route }: any) => React.JSX.Element;
+export default AddChannel;

package/lib/screens/Channels/AddChannel.js

@@ -0,0 +1,120 @@
+import React, { useState, useEffect } from 'react';
+import { StyleSheet } from 'react-native';
+import { Input, Text, VStack, Box, FormControl, Button } from 'native-base';
+import Colors from '../../constants/Colors';
+import { useAddChannelMutation } from '@messenger-box/platform-client';
+import { NavigationRoutes } from '../../constants/routes';
+const AddChannel = ({ navigation, route }) => {
+    const [name, setName] = useState('');
+    const [description, setDescription] = useState('');
+    const [showCreateButton, setShowCreateButton] = useState(false);
+    const [nameIsInvalid, setNameIsInvalid] = useState(false);
+    const [createChannel, createdChannel] = useAddChannelMutation({
+        onCompleted: (data) => {
+            var _a, _b, _c;
+            //console.log('create data',data)
+            if (data === null || data === void 0 ? void 0 : data.createChannel)
+                navigation.navigate(NavigationRoutes.AddPeople, {
+                    channelId: (_a = data === null || data === void 0 ? void 0 : data.createChannel) === null || _a === void 0 ? void 0 : _a.id,
+                    orgName: (_b = route === null || route === void 0 ? void 0 : route.params) === null || _b === void 0 ? void 0 : _b.orgName,
+                });
+            else
+                navigation.navigate(NavigationRoutes.Home, { orgName: (_c = route === null || route === void 0 ? void 0 : route.params) === null || _c === void 0 ? void 0 : _c.orgName });
+        },
+    });
+    // useEffect(() => {
+    //     if(name && name.length > 0){
+    //         let patt = /^[A-Za-z0-9_+\-]*$/;
+    //         if (patt.test(name))
+    //         {
+    //             setNameIsInvalid(false)
+    //             setShowCreateButton(true)
+    //         }
+    //         else
+    //         {
+    //             setNameIsInvalid(true)
+    //             setShowCreateButton(false)
+    //         }
+    //     }
+    //     else
+    //     {
+    //         setShowCreateButton(false)
+    //     }
+    // //    if(name && name.length > 0)
+    // //     setShowCreateButton(true)
+    // //    else
+    // //     setShowCreateButton(false)
+    // }, [name])
+    useEffect(() => {
+        if (name && name.length > 0)
+            setShowCreateButton(true);
+        else
+            setShowCreateButton(false);
+    }, [name]);
+    useEffect(() => {
+        navigation.setOptions({
+            headerShown: true,
+            headerTitleAlign: 'left',
+            headerTitleStyle: {},
+            headerRight: (props) => (<Button onPress={() => createNewChannel()} variant={'link'} _text={{ color: showCreateButton ? 'black' : 'gray.500' }} disabled={showCreateButton ? false : true}>
+                    Create
+                </Button>),
+        });
+    }, [name, description, showCreateButton]);
+    const createNewChannel = () => {
+        if (name && name.length > 0) {
+            createChannel({
+                variables: {
+                    name: name,
+                    description: description,
+                },
+            });
+        }
+    };
+    // const setChannelName = (v:any) => {
+    //     let nameStr = v.replace(/\s+/g, '-').toLowerCase();
+    //     setName(nameStr)
+    // }
+    return (<Box flex={1} bg={'#fff'} shadow={1} py={2} h={'100%'}>
+            <VStack space="4">
+                <Box px="4" pt="4">
+                    {/* <FormControl isInvalid={nameIsInvalid} mt="3"> */}
+                    <FormControl mt="3">
+                        <FormControl.Label>
+                            <Text>Name</Text>
+                        </FormControl.Label>
+                        <Input maxLength={80} variant="underlined" placeholder=" e.g. Plan budget" 
+    //textTransform={'lowercase'}
+    value={name} onChangeText={(v) => setName(v)} InputLeftElement={<Text color={'gray.500'}>#</Text>} InputRightElement={<Text color={'gray.500'}>{80 - name.length}</Text>}/>
+                        <FormControl.ErrorMessage>
+                            Channel names must be lowercase, and can't contain spaces,periods,or most punctuation.
+                        </FormControl.ErrorMessage>
+                    </FormControl>
+                    <FormControl mt="3">
+                        <FormControl.Label>
+                            <Text>Description</Text>
+                        </FormControl.Label>
+                        <Input variant="underlined" placeholder="channel description" value={description} onChangeText={(v) => setDescription(v)}/>
+                    </FormControl>
+                </Box>
+            </VStack>
+        </Box>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        //justifyContent: 'center',
+        padding: 20,
+    },
+    itemView: {
+        paddingVertical: 8,
+        marginTop: 5,
+    },
+    headingText: {
+        color: Colors.light.text,
+        fontSize: 16,
+        fontWeight: '400',
+    },
+});
+export default AddChannel;
+//# sourceMappingURL=AddChannel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddChannel.js","sourceRoot":"","sources":["../../../src/screens/Channels/AddChannel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAQ,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAsB,MAAM,aAAa,CAAC;AACtG,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,UAAU,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK,EAAO,EAAE,EAAE;IAC9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,CAAC,aAAa,EAAE,cAAc,CAAC,GAAG,qBAAqB,CAAC;QAC1D,WAAW,EAAE,CAAC,IAAS,EAAE,EAAE;;YACvB,iCAAiC;YACjC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa;gBACnB,UAAU,CAAC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE;oBAC5C,SAAS,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAE,EAAE;oBAClC,OAAO,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,OAAO;iBAClC,CAAC,CAAC;;gBACF,UAAU,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,OAAO,EAAE,CAAC,CAAC;QACzF,CAAC;KACJ,CAAC,CAAC;IAEH,oBAAoB;IAEpB,mCAAmC;IACnC,2CAA2C;IAC3C,+BAA+B;IAC/B,YAAY;IACZ,sCAAsC;IACtC,wCAAwC;IACxC,YAAY;IACZ,eAAe;IACf,YAAY;IACZ,qCAAqC;IACrC,yCAAyC;IACzC,YAAY;IACZ,QAAQ;IACR,WAAW;IACX,QAAQ;IACR,qCAAqC;IACrC,QAAQ;IAER,oCAAoC;IACpC,mCAAmC;IACnC,aAAa;IACb,oCAAoC;IAEpC,aAAa;IAEb,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;YAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;;YAClD,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,CAAC,GAAG,EAAE;QACX,UAAU,CAAC,UAAU,CAAC;YAClB,WAAW,EAAE,IAAI;YACjB,gBAAgB,EAAE,MAAM;YACxB,gBAAgB,EAAE,EAAE;YACpB,WAAW,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CACzB,CAAC,MAAM,CACH,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAClC,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAC1D,QAAQ,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAE1C;;gBACJ,EAAE,MAAM,CAAC,CACZ;SACJ,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE1C,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACzB,aAAa,CAAC;gBACV,SAAS,EAAE;oBACP,IAAI,EAAE,IAAI;oBACV,WAAW,EAAE,WAAW;iBAC3B;aACJ,CAAC,CAAC;SACN;IACL,CAAC,CAAC;IAEF,sCAAsC;IACtC,0DAA0D;IAC1D,uBAAuB;IACvB,IAAI;IAEJ,OAAO,CACH,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAClD;YAAA,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CACb;gBAAA,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CACd;oBAAA,CAAC,oDAAoD,CACrD;oBAAA,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CACf;wBAAA,CAAC,WAAW,CAAC,KAAK,CACd;4BAAA,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CACpB;wBAAA,EAAE,WAAW,CAAC,KAAK,CACnB;wBAAA,CAAC,KAAK,CACF,SAAS,CAAC,CAAC,EAAE,CAAC,CACd,OAAO,CAAC,YAAY,CACpB,WAAW,CAAC,mBAAmB;IAC/B,6BAA6B;IAC7B,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAChC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CACpD,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,EAE1E;wBAAA,CAAC,WAAW,CAAC,YAAY,CACrB;;wBACJ,EAAE,WAAW,CAAC,YAAY,CAC9B;oBAAA,EAAE,WAAW,CACb;oBAAA,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,CACf;wBAAA,CAAC,WAAW,CAAC,KAAK,CACd;4BAAA,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAC3B;wBAAA,EAAE,WAAW,CAAC,KAAK,CACnB;wBAAA,CAAC,KAAK,CACF,OAAO,CAAC,YAAY,CACpB,WAAW,CAAC,qBAAqB,CACjC,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAE/C;oBAAA,EAAE,WAAW,CACjB;gBAAA,EAAE,GAAG,CACT;YAAA,EAAE,MAAM,CACZ;QAAA,EAAE,GAAG,CAAC,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC7B,SAAS,EAAE;QACP,IAAI,EAAE,CAAC;QACP,2BAA2B;QAC3B,OAAO,EAAE,EAAE;KACd;IACD,QAAQ,EAAE;QACN,eAAe,EAAE,CAAC;QAClB,SAAS,EAAE,CAAC;KACf;IACD,WAAW,EAAE;QACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;QACxB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KACpB;CACJ,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/lib/screens/Channels/Channels.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Channels: ({ navigation, route }: any) => React.JSX.Element;
+export default Channels;

package/lib/screens/Channels/Channels.js

@@ -0,0 +1,219 @@
+import React, { useState, useEffect } from 'react';
+import { StyleSheet, TouchableHighlight, Dimensions } from 'react-native';
+import { Input, View, Text, VStack, Box, Fab, Icon, HStack, SectionList, Heading, } from 'native-base';
+import Colors from '../../constants/Colors';
+import { NavigationRoutes } from '../../constants/routes';
+import { AntDesign } from '@expo/vector-icons';
+// import VirtualizedScrollView from '../VirtualizedScrollView';
+import { useGetChannelsByUserQuery } from '@messenger-box/platform-client';
+import { useIsFocused, useFocusEffect } from '@react-navigation/native';
+import { useGetOrgNameFromContextQuery } from '@admin-layout/client';
+import { navigationRef } from '@common-stack/client-react';
+import { StatusBar } from 'expo-status-bar';
+const windowWidth = Dimensions.get('window').width;
+const windowHeight = Dimensions.get('window').height;
+const Channels = ({ navigation, route }) => {
+    var _a, _b;
+    const isFocused = useIsFocused();
+    const [userChannels, setUserChannels] = useState([]);
+    const [intialUserChannels, setInitialUserChannels] = useState([]);
+    const currentRoute = (navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.isReady()) ? navigationRef === null || navigationRef === void 0 ? void 0 : navigationRef.getCurrentRoute() : null;
+    const { data: orgData, loading: orgLoading } = useGetOrgNameFromContextQuery();
+    const params = Object.assign({}, orgData === null || orgData === void 0 ? void 0 : orgData.getOrgNameFromContext);
+    const { data: userChannelsData, loading, error, refetch, } = useGetChannelsByUserQuery({
+        variables: {
+            criteria: {
+                orgName: ((_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _a === void 0 ? void 0 : _a.orgName) || (params === null || params === void 0 ? void 0 : params.orgName),
+            },
+            // criteria: {
+            //     $or: [{ orgName: params?.orgName }, { orgName: null }],
+            // },
+        },
+    });
+    // const [getChannelsByUser, { data: userChannelsData, loading, error, refetch }] = useGetChannelsByUserLazyQuery({
+    //     onCompleted: (data: any) => {},
+    // });
+    useFocusEffect(React.useCallback(() => {
+        var _a;
+        if (currentRoute.params.orgName || (orgData === null || orgData === void 0 ? void 0 : orgData.getOrgNameFromContext)) {
+            const params = Object.assign({}, orgData === null || orgData === void 0 ? void 0 : orgData.getOrgNameFromContext);
+            // console.log('params', params);
+            navigation.setParams({ orgName: currentRoute.params.orgName || (params === null || params === void 0 ? void 0 : params.orgName) });
+            refetch({
+                criteria: {
+                    orgName: ((_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _a === void 0 ? void 0 : _a.orgName) || (params === null || params === void 0 ? void 0 : params.orgName),
+                },
+                // criteria: {
+                //     $or: [{ orgName: params?.orgName }, { orgName: null }],
+                // },
+            });
+        }
+        return () => {
+            // Do something when the screen is unfocused
+            // Useful for cleanup functions
+        };
+    }, [(_b = orgData === null || orgData === void 0 ? void 0 : orgData.getOrgNameFromContext) === null || _b === void 0 ? void 0 : _b.orgName, currentRoute.params.orgName]));
+    useEffect(() => {
+        var _a, _b, _c;
+        if (userChannelsData) {
+            let userChannels = (_a = userChannelsData === null || userChannelsData === void 0 ? void 0 : userChannelsData.channelsByUser) === null || _a === void 0 ? void 0 : _a.filter((i) => i.type == 'CHANNEL');
+            // userChannels = userChannels.slice().sort((a:any, b:any) => b.title - a.title)
+            userChannels = (_c = (_b = userChannels === null || userChannels === void 0 ? void 0 : userChannels.slice()) === null || _b === void 0 ? void 0 : _b.sort((a, b) => a.title.localeCompare(b.title))) !== null && _c !== void 0 ? _c : [];
+            setUserChannels(userChannels);
+            setInitialUserChannels(userChannels);
+        }
+    }, [userChannelsData]);
+    useEffect(() => {
+        navigation.setOptions({
+            headerShown: true,
+            headerTitleAlign: 'left',
+            headerTitleStyle: {},
+            headerTitle: (props) => (<Box>
+                    <Text fontSize={15} fontWeight={600}>
+                        Channel Browser
+                    </Text>
+                    <Text>
+                        {userChannels.length} {userChannels.length > 1 ? 'channels' : 'channel'}
+                    </Text>
+                </Box>),
+            headerStyle: {
+                borderBottomWidth: 1,
+            },
+        });
+    }, [userChannels]);
+    const openInbox = (id, title) => {
+        var _a;
+        navigation.navigate(NavigationRoutes.DialogMessages, {
+            channelId: id,
+            title: title,
+            hideTabBar: true,
+            addMember: true,
+            orgName: (_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.params) === null || _a === void 0 ? void 0 : _a.orgName,
+        });
+        // navigation.navigate('MainStack.Inbox.DialogMessages' as any, { channelId: id, hideTabBar: true,addMember:true });
+    };
+    const renderUserChannelItem = ({ item }) => {
+        return (<TouchableHighlight underlayColor={'transparent'} activeOpacity={0.5} key={item.id} style={{ marginTop: 1 }} onPress={() => openInbox(item.id, item.title)}>
+                <Box bg={'#fff'} shadow={1} py={2}>
+                    <VStack space="5">
+                        {/* <Box px="4" pt="4"> */}
+                        <HStack px="4" py={1} space={2}>
+                            <Text style={styles.headingText}>#</Text>
+                            {/* <Box px="4" py={1}> */}
+                            <Box px="2">
+                                <Text style={styles.headingText}>{item.title}</Text>
+                                <Text>You are a memeber</Text>
+                            </Box>
+                        </HStack>
+                        {/* <Box px="4" py={1}>
+          <Text style={styles.headingText}>#  {item.title}</Text>
+          <Text > You are a memeber</Text>
+      </Box> */}
+                        {/* <Box px="4" pb={2}>
+          You are a memeber
+      </Box> */}
+                    </VStack>
+                </Box>
+            </TouchableHighlight>);
+    };
+    const parsedUserChannelData = React.useMemo(() => {
+        const obj = userChannels.reduce((r, { id, title }) => {
+            const l = title[0];
+            if (!r[l])
+                r[l] = [{ id: id, title: title }];
+            else
+                r[l].push({ id: id, title: title });
+            return r;
+        }, {});
+        const sorted = Object.entries(obj).sort(([a], [b]) => a.localeCompare(b));
+        const sortedFilteredData = sorted.map(([key, value]) => {
+            return {
+                title: key,
+                data: value,
+            };
+        });
+        return sortedFilteredData;
+    }, [userChannels]);
+    const searchChannels = (v) => {
+        if (v) {
+            let searchedChannel = userChannels.filter((o) => o.title.includes(v));
+            // const searchedChannel = userChannels.filter((i:any)=>i.title.toLowerCase() === v.toLowerCase()).map((ch:any)=>ch);
+            setUserChannels(searchedChannel);
+        }
+        else {
+            setUserChannels(intialUserChannels);
+        }
+    };
+    return (<>
+            <StatusBar style="dark"/>
+            <View flex={1} bg={'#fff'}>
+                <Input bg={'white'} py={4} px={3} _input={{ placeholderTextColor: '#404040', fontSize: 14 }} variant="underlined" placeholder="Search for channels" onChange={({ nativeEvent: { eventCount, target, text } }) => {
+            searchChannels(text);
+        }} autoCapitalize={'none'} autoCorrect={false}/>
+                <View flex={1}>
+                    {/* <VirtualizedScrollView> */}
+                    <VStack space="2" flex={1}>
+                        <SectionList contentContainerStyle={{
+            flexGrow: 1,
+            paddingBottom: 50,
+        }} w={'100%'} h={'100%'} maxW={'100%'} pb={20} mb={10} sections={parsedUserChannelData ? parsedUserChannelData : []} keyExtractor={(item, index) => item + index} renderItem={({ item }) => (<TouchableHighlight underlayColor={'transparent'} activeOpacity={0.5} key={item.id} style={{ marginTop: 1 }} onPress={() => openInbox(item.id, item.title)}>
+                                    <Box bg={'#fff'} shadow={2} py={2}>
+                                        <VStack space="5">
+                                            <HStack px="4" py={1} space={2}>
+                                                <Text style={styles.headingText}>#</Text>
+
+                                                <Box px="2">
+                                                    <Text style={styles.headingText}>{item.title}</Text>
+                                                    <Text>You are a memeber</Text>
+                                                </Box>
+                                            </HStack>
+                                        </VStack>
+                                    </Box>
+                                </TouchableHighlight>)} renderSectionHeader={({ section: { title } }) => (<Heading bg={'muted.100'} color={'muted.600'} fontSize={'md'} px={2} pt="2" pb="2" textTransform={'uppercase'}>
+                                    {title}
+                                </Heading>)} stickySectionHeadersEnabled={true} key={'search-channels-list'}/>
+
+                        {/* <FlatList
+            data={userChannels && userChannels.length > 0 ? userChannels : []}
+            renderItem={renderUserChannelItem}
+            ListEmptyComponent={() => {
+                return (
+                    <TouchableOpacity style={{ marginTop: 5 }}>
+                        <Box bg={'#fff'} shadow={1} py={2}>
+                            <VStack space="4">
+                                <Box px="4" py={5}>
+                                    <Text style={styles.headingText}># No channels found</Text>
+                                </Box>
+                            </VStack>
+                        </Box>
+                    </TouchableOpacity>
+                );
+            }}
+            listKey={'search-channels-list'}
+        /> */}
+                    </VStack>
+                    {/* </VirtualizedScrollView> */}
+                </View>
+
+                <Fab onPress={() => { var _a; return navigation.navigate(NavigationRoutes.AddChannel, { orgName: (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.orgName }); }} bg={'white'} _pressed={{ backgroundColor: 'muted.400' }} bottom={10} renderInPortal={false} shadow={2} size="sm" icon={<Icon color="black" as={AntDesign} name="plus" size="sm"/>}/>
+            </View>
+        </>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        //justifyContent: 'center',
+        padding: 20,
+    },
+    itemView: {
+        paddingVertical: 8,
+        marginTop: 5,
+    },
+    headingText: {
+        color: Colors.light.text,
+        fontSize: 16,
+        fontWeight: '400',
+    },
+});
+export default Channels;
+//# sourceMappingURL=Channels.js.map