@messenger-box/platform-mobile 10.0.3-alpha.20 → 10.0.3-alpha.201

package/src/screens/inbox/containers/SupportServiceDialogs.tsx

@@ -1,119 +0,0 @@
-import React, { useCallback, useState } from 'react';
-import { FlatList, Box } from '@admin-layout/gluestack-ui-mobile';
-import { useSelector, useDispatch } from 'react-redux';
-import { useNavigation, useRoute, useIsFocused, useFocusEffect } from '@react-navigation/native';
-import { useSupportServiceChannelsQuery } from 'common/graphql';
-import { userSelector } from '@adminide-stack/user-auth0-client';
-import { CHANGE_SETTINGS_ACTION } from '@admin-layout/client';
-import { SupportServiceDialogsListItem } from '../components/SupportServiceDialogsListItem';
-import { config } from '../config';
-
-export interface SupportServiceInboxProps {
-    channelFilters?: Record<string, unknown>;
-    channelRole?: string;
-}
-
-const SupportServiceDialogsComponent = (props: SupportServiceInboxProps) => {
-    const { channelFilters, channelRole } = props;
-    const { params } = useRoute<any>();
-    const auth = useSelector(userSelector);
-    const dispatch = useDispatch();
-    const navigation = useNavigation<any>();
-    const isFocused = useIsFocused();
-    const [refreshing, setRefresh] = useState<boolean>(false);
-    // const [userDirectChannel, setUserDirectChannel] = useState<any>([]);
-
-    const {
-        data: serviceChannels,
-        loading: serviceChannelsLoading,
-        refetch: getServiceChannelsRefetch,
-    } = useSupportServiceChannelsQuery({
-        variables: {
-            criteria: { type: 'SERVICE' },
-        },
-        onCompleted: (data: any) => {
-            //setRefresh(false);
-        },
-    });
-
-    useFocusEffect(
-        React.useCallback(() => {
-            // Do something when the screen is focused
-            setRefresh(false);
-            getServiceChannelsRefetch({ criteria: { type: 'SERVICE' } });
-
-            return () => {
-                // Do something when the screen is unfocused
-                // Useful for cleanup functions
-            };
-        }, []),
-    );
-
-    const channels = React.useMemo(() => {
-        if (!serviceChannels?.supportServiceChannels?.length) return null;
-        let uChannels: any =
-            serviceChannels?.supportServiceChannels?.filter((c: any) =>
-                c.members.some((u: any) => u !== null && u.user.__typename == 'UserAccount'),
-            ) ?? [];
-        return uChannels || [];
-    }, [serviceChannels]);
-
-    const handleSelectChannel = useCallback((id: any, title: any, postParentId: any) => {
-        if (params?.channelId) {
-            navigation.navigate(
-                params?.postParentId || params?.postParentId == 0
-                    ? config.THREAD_MESSEGE_PATH
-                    : (config.THREADS_PATH as any),
-                {
-                    channelId: params?.channelId,
-                    role: params?.role,
-                    title: params?.title ?? null,
-                    postParentId: params?.postParentId,
-                    hideTabBar: true,
-                },
-            );
-        } else {
-            navigation.navigate(
-                postParentId || postParentId == 0 ? config.THREAD_MESSEGE_PATH : (config.THREADS_PATH as any),
-                {
-                    channelId: id,
-                    role: channelRole,
-                    title: title,
-                    postParentId: postParentId,
-                    hideTabBar: true,
-                },
-            );
-        }
-    }, []);
-
-    const handleRefresh = useCallback(() => {
-        //if(userChannels?.channelsByUser?.length != channels?.length)setRefresh(true);
-        setRefresh(true);
-        getServiceChannelsRefetch({ criteria: { type: 'SERVICE' } })?.then((res: any) => setRefresh(false));
-    }, []);
-
-    return (
-        <Box className="p-2 pb-0">
-            <FlatList
-                data={channels && channels?.length > 0 ? channels : []}
-                onRefresh={handleRefresh}
-                refreshing={refreshing}
-                contentContainerStyle={{}}
-                ItemSeparatorComponent={() => <Box className="h-0.5 bg-gray-200" />}
-                renderItem={({ item: channel }) => (
-                    <SupportServiceDialogsListItem
-                        onOpen={handleSelectChannel}
-                        currentUser={auth}
-                        channel={channel}
-                        refreshing={refreshing}
-                        selectedChannelId={params?.channelId}
-                        role={channelRole}
-                    />
-                )}
-                keyExtractor={(item, index) => 'support-service-key' + index}
-            />
-        </Box>
-    );
-};
-
-export const SupportServiceDialogs = React.memo(SupportServiceDialogsComponent);