@messenger-box/slack-ui-mobile 10.0.3-alpha.47 → 10.0.3-alpha.48

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

@@ -1,5 +1,4 @@
-import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState,useContext,useCallback,useMemo}from'react';import {TouchableOpacity}from'react-native';import'../../../../constants/device.js';import'../../../../constants/globalStyles.js';import'../../../../constants/Layout.js';import {NavigationRoutes}from'../../../../constants/routes.js';import {HStack,Text,Box,VStack,FlatList}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector,shallowEqual}from'react-redux';import {take,orderBy,uniqBy}from'lodash-es';import {RoomType}from'common';import {useChannelsQuery}from'../../../../queries/slackuiQueries.js';import {Feather,MaterialIcons,FontAwesome}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import colors from'tailwindcss/colors';import {RefetchContext}from'../../HomeScreen.js';const defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];
-const Channels = () => {
+import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState,useContext,useMemo,useCallback}from'react';import {TouchableOpacity}from'react-native';import'../../../../constants/device.js';import'../../../../constants/globalStyles.js';import'../../../../constants/Layout.js';import {NavigationRoutes}from'../../../../constants/routes.js';import {HStack,Text,Box,VStack,FlatList}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector,shallowEqual}from'react-redux';import {Feather,MaterialIcons,FontAwesome}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import'../../../../hooks/useOptimizedChannelsQueries.js';import colors from'tailwindcss/colors';import {RefetchContext,ChannelsDataContext}from'../../HomeScreen.js';const Channels = () => {
   const navigation = useNavigation();
   const [expandable, setExpendable] = useState(true);
   useSelector(userSelector, shallowEqual);
@@ -11,55 +10,20 @@ const Channels = () => {
     shouldRefetch
   } = useContext(RefetchContext);
   const {
-    data,
+    getChannelsForHome,
+    loading,
     error,
-    refetch: reFetchUserChannels,
-    loading
-  } = useChannelsQuery({
-    variables: {
-      criteria: {
-        orgName,
-        type: defaultChannelType,
-        team: null
-      },
-      limit: 11
-    },
-    fetchPolicy: "cache-and-network",
-    nextFetchPolicy: "cache-first",
-    skip: !orgName
-  });
-  const reFetchChannels = useCallback(() => {
-    if (orgName) {
-      reFetchUserChannels({
-        criteria: {
-          orgName,
-          type: defaultChannelType,
-          team: null
-        },
-        limit: 11
-      });
-    }
-  }, [orgName, reFetchUserChannels]);
+    refetchChannels,
+    hasChannels
+  } = useContext(ChannelsDataContext);
+  const organizationChannels = useMemo(() => {
+    return getChannelsForHome(10);
+  }, [getChannelsForHome]);
   useFocusEffect(useCallback(() => {
     if (shouldRefetch && orgName) {
-      reFetchChannels();
-    }
-  }, [shouldRefetch, orgName, reFetchChannels]));
-  useFocusEffect(useCallback(() => {
-    if (orgName) {
-      reFetchChannels();
+      refetchChannels();
     }
-  }, [orgName, reFetchChannels]));
-  const organizationChannels = useMemo(() => {
-    var _a;
-    const channels = (data == null ? void 0 : data.channelsByUser) || [];
-    return channels && channels.length && take(orderBy(uniqBy((_a = [...channels]) == null ? void 0 : _a.filter((i) => i.type !== RoomType.Direct), ({
-      id
-    }) => id), [(ch) => {
-      var _a2;
-      return (_a2 = ch == null ? void 0 : ch.title) == null ? void 0 : _a2.toLowerCase();
-    }], ["asc"]), 10) || [];
-  }, [data == null ? void 0 : data.channelsByUser]);
+  }, [shouldRefetch, orgName, refetchChannels]));
   const openInbox = useCallback((id, title, totalMembers, type) => {
     navigation.navigate(NavigationRoutes.DialogMessages, {
       channelId: id == null ? void 0 : id.toString(),
@@ -90,7 +54,7 @@ const Channels = () => {
     } }, /* @__PURE__ */ React__default.createElement(Text, { color: "#E01E5A", style: {
       marginBottom: 8,
       fontWeight: "500"
-    } }, errorMessage), /* @__PURE__ */ React__default.createElement(TouchableOpacity, { onPress: reFetchChannels }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", style: {
+    } }, errorMessage), /* @__PURE__ */ React__default.createElement(TouchableOpacity, { onPress: refetchChannels }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", style: {
       alignItems: "center"
     } }, /* @__PURE__ */ React__default.createElement(Feather, { name: "refresh-cw", color: "#1264A3", size: 16 }), /* @__PURE__ */ React__default.createElement(Text, { color: "#1264A3", style: {
       fontWeight: "500"
@@ -106,10 +70,9 @@ const Channels = () => {
       color: "#616061",
       textAlign: "center"
     } }, "No channels available")));
-  }, [error, reFetchChannels]);
+  }, [error, refetchChannels]);
   const ListFooterComponent = useCallback(() => {
-    var _a;
-    const showMoreChannels = ((_a = data == null ? void 0 : data.channelsByUser) == null ? void 0 : _a.length) > 10;
+    const showMoreChannels = hasChannels && organizationChannels.length >= 10;
     return /* @__PURE__ */ React__default.createElement(VStack, null, showMoreChannels && /* @__PURE__ */ React__default.createElement(TouchableOpacity, { onPress: () => navigation.navigate(NavigationRoutes.Channels, {
       orgName
     }), style: {
@@ -127,7 +90,7 @@ const Channels = () => {
       fontSize: 16,
       color: "#616061"
     } }, "Add Channels"))));
-  }, [data == null ? void 0 : data.channelsByUser, orgName, navigation]);
+  }, [hasChannels, organizationChannels.length, orgName, navigation]);
   const SectionHeader = useCallback(() => {
     return /* @__PURE__ */ React__default.createElement(TouchableOpacity, { onPress: () => setExpendable(!expandable), style: {
       paddingVertical: 6,
@@ -142,5 +105,5 @@ const Channels = () => {
   }
   return /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(SectionHeader, null), (organizationChannels == null ? void 0 : organizationChannels.length) > 0 ? /* @__PURE__ */ React__default.createElement(FlatList, { keyExtractor: (item) => ((item == null ? void 0 : item.id) || "channel") + "-" + (item == null ? void 0 : item.title), data: organizationChannels, renderItem: renderChannelItem, ListFooterComponent, style: {
     marginTop: 6
-  }, scrollEnabled: false }) : /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(ListEmptyComponent, null), /* @__PURE__ */ React__default.createElement(ListFooterComponent, null)));
+  }, scrollEnabled: false }) : /* @__PURE__ */ React__default.createElement(ListEmptyComponent, null));
 };export{Channels as default};//# sourceMappingURL=Channels.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Channels.js","sources":["../../../../../src/screens/Home/Components/Channels/Channels.tsx"],"sourcesContent":["import { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport React, { useState, useCallback, useMemo, useContext } from 'react';\nimport { TouchableOpacity } from 'react-native';\nimport { NavigationRoutes } from '../../../../constants';\nimport { Pressable, View, FlatList, Box, Text, HStack, VStack, Icon } from '@admin-layout/gluestack-ui-mobile';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector, shallowEqual } from 'react-redux';\nimport { useNavigation } from '@react-navigation/native';\nimport styles from '../../styles';\nimport { orderBy, uniqBy, take } from 'lodash-es';\nimport { RoomType } from 'common';\nimport { useChannelsQuery } from '../../../../queries';\nimport { FontAwesome, Feather, MaterialIcons } from '@expo/vector-icons';\nimport { useDrawerLayout } from '../../../../hooks';\nimport colors from 'tailwindcss/colors';\nimport { RefetchContext } from '../../HomeScreen';\n\nconst defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];\n\nconst Channels = () => {\n    const navigation = useNavigation<any>();\n    const [expandable, setExpendable] = useState(true);\n    const user: any = useSelector(userSelector, shallowEqual);\n    const { orgName } = useDrawerLayout();\n    const isFocused = useIsFocused();\n    const { shouldRefetch } = useContext(RefetchContext);\n\n    // GraphQL Queries\n    const {\n        data,\n        error,\n        refetch: reFetchUserChannels,\n        loading,\n    } = useChannelsQuery({\n        variables: {\n            criteria: {\n                orgName: orgName,\n                type: defaultChannelType,\n                team: null,\n            },\n            limit: 11,\n        },\n        fetchPolicy: 'cache-and-network',\n        nextFetchPolicy: 'cache-first',\n        // Skip the query if organization name is not available\n        skip: !orgName,\n    });\n\n    const reFetchChannels = useCallback(() => {\n        if (orgName) {\n            reFetchUserChannels({\n                criteria: {\n                    orgName: orgName,\n                    type: defaultChannelType,\n                    team: null,\n                },\n                limit: 11,\n            });\n        }\n    }, [orgName, reFetchUserChannels]);\n\n    // Use RefetchContext to control when to refetch data\n    useFocusEffect(\n        useCallback(() => {\n            if (shouldRefetch && orgName) {\n                reFetchChannels();\n            }\n        }, [shouldRefetch, orgName, reFetchChannels]),\n    );\n\n    // Focus effect to fetch data when screen is focused\n    useFocusEffect(\n        useCallback(() => {\n            if (orgName) {\n                reFetchChannels();\n            }\n        }, [orgName, reFetchChannels]),\n    );\n\n    const organizationChannels = useMemo(() => {\n        const channels = data?.channelsByUser || [];\n        return (\n            (channels &&\n                channels.length &&\n                take(\n                    orderBy(\n                        uniqBy(\n                            [...channels]?.filter((i: any) => i.type !== RoomType.Direct),\n                            ({ id }) => id,\n                        ),\n                        [(ch: any) => ch?.title?.toLowerCase()],\n                        ['asc'],\n                    ),\n                    10,\n                )) ||\n            []\n        );\n    }, [data?.channelsByUser]);\n\n    const openInbox = useCallback(\n        (id: any, title: any, totalMembers: any, type?: any) => {\n            navigation.navigate(NavigationRoutes.DialogMessages, {\n                channelId: id?.toString(),\n                title: title?.toString(),\n                totalMembers: totalMembers,\n                channelType: type,\n                orgName: orgName,\n                hideTabBar: true,\n            });\n        },\n        [orgName, navigation],\n    );\n\n    const renderChannelItem = useCallback(\n        ({ item }) => (\n            <TouchableOpacity\n                onPress={() => openInbox(item?.id, item?.title, item?.members?.length, item?.type)}\n                style={{ paddingVertical: 2, paddingHorizontal: 12 }}\n            >\n                <HStack space=\"md\" className=\"items-center\">\n                    <Text className=\"text-gray-600 flex-none\">#</Text>\n                    <Text className=\"text-gray-900 flex-1 text-base\">{item.title}</Text>\n                </HStack>\n            </TouchableOpacity>\n        ),\n        [openInbox],\n    );\n\n    const ListEmptyComponent = useCallback(() => {\n        // Get error message if any\n        const errorMessage = error\n            ? error.message.includes(\"Service 'ChannelService.getAll' is not found\")\n                ? 'Channel service is temporarily unavailable. Please try again later.'\n                : error.message\n            : null;\n\n        return (\n            <Box style={{ padding: 12 }}>\n                {errorMessage ? (\n                    <Box style={{ padding: 8, backgroundColor: '#FFF4F4', borderRadius: 4 }}>\n                        <Text color=\"#E01E5A\" style={{ marginBottom: 8, fontWeight: '500' }}>\n                            {errorMessage}\n                        </Text>\n                        <TouchableOpacity onPress={reFetchChannels}>\n                            <HStack space=\"sm\" style={{ alignItems: 'center' }}>\n                                <Feather name=\"refresh-cw\" color=\"#1264A3\" size={16} />\n                                <Text color=\"#1264A3\" style={{ fontWeight: '500' }}>\n                                    Retry\n                                </Text>\n                            </HStack>\n                        </TouchableOpacity>\n                    </Box>\n                ) : (\n                    <Box style={{ alignItems: 'center', paddingVertical: 16 }}>\n                        <Box style={{ padding: 12, marginBottom: 8, borderRadius: 24, backgroundColor: '#F8F8F8' }}>\n                            <Feather name=\"hash\" color=\"#616061\" size={20} />\n                        </Box>\n                        <Text style={{ color: '#616061', textAlign: 'center' }}>No channels available</Text>\n                    </Box>\n                )}\n            </Box>\n        );\n    }, [error, reFetchChannels]);\n\n    const ListFooterComponent = useCallback(() => {\n        const showMoreChannels = data?.channelsByUser?.length > 10;\n\n        return (\n            <VStack>\n                {showMoreChannels && (\n                    <TouchableOpacity\n                        onPress={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}\n                        style={{ paddingVertical: 8, paddingHorizontal: 12 }}\n                    >\n                        <HStack space=\"md\" className=\"items-center\">\n                            <MaterialIcons color=\"#616061\" name=\"search\" size={18} />\n                            <Text style={{ fontSize: 16, color: '#616061' }}>Browse all Channels</Text>\n                        </HStack>\n                    </TouchableOpacity>\n                )}\n\n                <TouchableOpacity\n                    onPress={() => navigation.navigate(NavigationRoutes.AddChannel, { orgName })}\n                    style={{ paddingVertical: 5, paddingHorizontal: 12 }}\n                >\n                    <HStack space=\"md\" className=\"items-center\">\n                        <Feather color=\"#616061\" name=\"plus\" size={18} />\n                        <Text style={{ fontSize: 16, color: '#616061' }}>Add Channels</Text>\n                    </HStack>\n                </TouchableOpacity>\n            </VStack>\n        );\n    }, [data?.channelsByUser, orgName, navigation]);\n\n    const SectionHeader = useCallback(() => {\n        return (\n            <TouchableOpacity\n                onPress={() => setExpendable(!expandable)}\n                style={{ paddingVertical: 6, paddingHorizontal: 16 }}\n            >\n                <HStack className=\"justify-between items-center\">\n                    <Text className=\"font-semibold\" style={{ fontSize: 15, color: '#1D1C1D' }}>\n                        Channels\n                    </Text>\n                    <FontAwesome\n                        name={expandable ? 'chevron-down' : 'chevron-left'}\n                        color={colors.gray[800]}\n                        size={12}\n                    />\n                </HStack>\n            </TouchableOpacity>\n        );\n    }, [expandable]);\n\n    if (!expandable) {\n        return <SectionHeader />;\n    }\n\n    return (\n        <Box>\n            <SectionHeader />\n            {organizationChannels?.length > 0 ? (\n                <FlatList\n                    keyExtractor={(item) => (item?.id || 'channel') + '-' + item?.title}\n                    data={organizationChannels}\n                    renderItem={renderChannelItem}\n                    ListFooterComponent={ListFooterComponent}\n                    style={{ marginTop: 6 }}\n                    scrollEnabled={false}\n                />\n            ) : (\n                <Box>\n                    <ListEmptyComponent />\n                    <ListFooterComponent />\n                </Box>\n            )}\n        </Box>\n    );\n};\n\nexport default Channels;\n"],"names":["_a","React"],"mappings":"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"}
+{"version":3,"file":"Channels.js","sources":["../../../../../src/screens/Home/Components/Channels/Channels.tsx"],"sourcesContent":["import { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport React, { useState, useCallback, useMemo, useContext } from 'react';\nimport { TouchableOpacity } from 'react-native';\nimport { NavigationRoutes } from '../../../../constants';\nimport { Pressable, View, FlatList, Box, Text, HStack, VStack, Icon } from '@admin-layout/gluestack-ui-mobile';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector, shallowEqual } from 'react-redux';\nimport { useNavigation } from '@react-navigation/native';\nimport styles from '../../styles';\nimport { orderBy, uniqBy, take } from 'lodash-es';\nimport { RoomType } from 'common';\nimport { FontAwesome, Feather, MaterialIcons } from '@expo/vector-icons';\nimport { useDrawerLayout } from '../../../../hooks';\nimport colors from 'tailwindcss/colors';\nimport { RefetchContext, ChannelsDataContext } from '../../HomeScreen';\n\nconst Channels = () => {\n    const navigation = useNavigation<any>();\n    const [expandable, setExpendable] = useState(true);\n    const user: any = useSelector(userSelector, shallowEqual);\n    const { orgName } = useDrawerLayout();\n    const isFocused = useIsFocused();\n    const { shouldRefetch } = useContext(RefetchContext);\n\n    // Use shared channels data from context instead of making separate query\n    const { getChannelsForHome, loading, error, refetchChannels, hasChannels } = useContext(ChannelsDataContext);\n\n    // Get channels with home-specific limit (10 channels)\n    const organizationChannels = useMemo(() => {\n        return getChannelsForHome(10);\n    }, [getChannelsForHome]);\n\n    // Use RefetchContext to control when to refetch data\n    useFocusEffect(\n        useCallback(() => {\n            if (shouldRefetch && orgName) {\n                refetchChannels();\n            }\n        }, [shouldRefetch, orgName, refetchChannels]),\n    );\n\n    const openInbox = useCallback(\n        (id: any, title: any, totalMembers: any, type?: any) => {\n            navigation.navigate(NavigationRoutes.DialogMessages, {\n                channelId: id?.toString(),\n                title: title?.toString(),\n                totalMembers: totalMembers,\n                channelType: type,\n                orgName: orgName,\n                hideTabBar: true,\n            });\n        },\n        [orgName, navigation],\n    );\n\n    const renderChannelItem = useCallback(\n        ({ item }) => (\n            <TouchableOpacity\n                onPress={() => openInbox(item?.id, item?.title, item?.members?.length, item?.type)}\n                style={{ paddingVertical: 2, paddingHorizontal: 12 }}\n            >\n                <HStack space=\"md\" className=\"items-center\">\n                    <Text className=\"text-gray-600 flex-none\">#</Text>\n                    <Text className=\"text-gray-900 flex-1 text-base\">{item.title}</Text>\n                </HStack>\n            </TouchableOpacity>\n        ),\n        [openInbox],\n    );\n\n    const ListEmptyComponent = useCallback(() => {\n        // Get error message if any\n        const errorMessage = error\n            ? error.message.includes(\"Service 'ChannelService.getAll' is not found\")\n                ? 'Channel service is temporarily unavailable. Please try again later.'\n                : error.message\n            : null;\n\n        return (\n            <Box style={{ padding: 12 }}>\n                {errorMessage ? (\n                    <Box style={{ padding: 8, backgroundColor: '#FFF4F4', borderRadius: 4 }}>\n                        <Text color=\"#E01E5A\" style={{ marginBottom: 8, fontWeight: '500' }}>\n                            {errorMessage}\n                        </Text>\n                        <TouchableOpacity onPress={refetchChannels}>\n                            <HStack space=\"sm\" style={{ alignItems: 'center' }}>\n                                <Feather name=\"refresh-cw\" color=\"#1264A3\" size={16} />\n                                <Text color=\"#1264A3\" style={{ fontWeight: '500' }}>\n                                    Retry\n                                </Text>\n                            </HStack>\n                        </TouchableOpacity>\n                    </Box>\n                ) : (\n                    <Box style={{ alignItems: 'center', paddingVertical: 16 }}>\n                        <Box style={{ padding: 12, marginBottom: 8, borderRadius: 24, backgroundColor: '#F8F8F8' }}>\n                            <Feather name=\"hash\" color=\"#616061\" size={20} />\n                        </Box>\n                        <Text style={{ color: '#616061', textAlign: 'center' }}>No channels available</Text>\n                    </Box>\n                )}\n            </Box>\n        );\n    }, [error, refetchChannels]);\n\n    const ListFooterComponent = useCallback(() => {\n        // Use hasChannels and channel count from context for more accurate data\n        const showMoreChannels = hasChannels && organizationChannels.length >= 10;\n\n        return (\n            <VStack>\n                {showMoreChannels && (\n                    <TouchableOpacity\n                        onPress={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}\n                        style={{ paddingVertical: 8, paddingHorizontal: 12 }}\n                    >\n                        <HStack space=\"md\" className=\"items-center\">\n                            <MaterialIcons color=\"#616061\" name=\"search\" size={18} />\n                            <Text style={{ fontSize: 16, color: '#616061' }}>Browse all Channels</Text>\n                        </HStack>\n                    </TouchableOpacity>\n                )}\n\n                <TouchableOpacity\n                    onPress={() => navigation.navigate(NavigationRoutes.AddChannel, { orgName })}\n                    style={{ paddingVertical: 5, paddingHorizontal: 12 }}\n                >\n                    <HStack space=\"md\" className=\"items-center\">\n                        <Feather color=\"#616061\" name=\"plus\" size={18} />\n                        <Text style={{ fontSize: 16, color: '#616061' }}>Add Channels</Text>\n                    </HStack>\n                </TouchableOpacity>\n            </VStack>\n        );\n    }, [hasChannels, organizationChannels.length, orgName, navigation]);\n\n    const SectionHeader = useCallback(() => {\n        return (\n            <TouchableOpacity\n                onPress={() => setExpendable(!expandable)}\n                style={{ paddingVertical: 6, paddingHorizontal: 16 }}\n            >\n                <HStack className=\"justify-between items-center\">\n                    <Text className=\"font-semibold\" style={{ fontSize: 15, color: '#1D1C1D' }}>\n                        Channels\n                    </Text>\n                    <FontAwesome\n                        name={expandable ? 'chevron-down' : 'chevron-left'}\n                        color={colors.gray[800]}\n                        size={12}\n                    />\n                </HStack>\n            </TouchableOpacity>\n        );\n    }, [expandable]);\n\n    if (!expandable) {\n        return <SectionHeader />;\n    }\n\n    return (\n        <Box>\n            <SectionHeader />\n            {organizationChannels?.length > 0 ? (\n                <FlatList\n                    keyExtractor={(item) => (item?.id || 'channel') + '-' + item?.title}\n                    data={organizationChannels}\n                    renderItem={renderChannelItem}\n                    ListFooterComponent={ListFooterComponent}\n                    style={{ marginTop: 6 }}\n                    scrollEnabled={false}\n                />\n            ) : (\n                <ListEmptyComponent />\n            )}\n        </Box>\n    );\n};\n\nexport default Channels;\n"],"names":["React"],"mappings":"s9BAeA,MAAM,WAAW,MAAM;AACrB,EAAA,MAAM,aAAa,aAAmB,EAAA;AACtC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,IAAI,CAAA;AACjD,EAAkB,WAAY,CAAA,YAAA,EAAc,YAAY;AACxD,EAAM,MAAA;AAAA,IACJ;AAAA,MACE,eAAgB,EAAA;AACpB,EAAkB,YAAa;AAC/B,EAAM,MAAA;AAAA,IACJ;AAAA,GACF,GAAI,WAAW,cAAc,CAAA;AAG7B,EAAM,MAAA;AAAA,IACJ,kBAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,mBAAmB,CAAA;AAGlC,EAAM,MAAA,oBAAA,GAAuB,QAAQ,MAAM;AACzC,IAAA,OAAO,mBAAmB,EAAE,CAAA;AAAA,GAC9B,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAGvB,EAAA,cAAA,CAAe,YAAY,MAAM;AAC/B,IAAA,IAAI,iBAAiB,OAAS,EAAA;AAC5B,MAAgB,eAAA,EAAA;AAAA;AAClB,KACC,CAAC,aAAA,EAAe,OAAS,EAAA,eAAe,CAAC,CAAC,CAAA;AAC7C,EAAA,MAAM,YAAY,WAAY,CAAA,CAAC,EAAS,EAAA,KAAA,EAAY,cAAmB,IAAe,KAAA;AACpF,IAAW,UAAA,CAAA,QAAA,CAAS,iBAAiB,cAAgB,EAAA;AAAA,MACnD,WAAW,EAAI,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAA,EAAA;AAAA,MACf,OAAO,KAAO,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,QAAA,EAAA;AAAA,MACd,YAAA;AAAA,MACA,WAAa,EAAA,IAAA;AAAA,MACb,OAAA;AAAA,MACA,UAAY,EAAA;AAAA,KACb,CAAA;AAAA,GACA,EAAA,CAAC,OAAS,EAAA,UAAU,CAAC,CAAA;AACxB,EAAM,MAAA,iBAAA,GAAoB,YAAY,CAAC;AAAA,IACrC;AAAA,GACI,qBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,OAAA,EAAS,MAAG;AA3DtC,IAAA,IAAA,EAAA;AA2DyC,IAAU,OAAA,SAAA,CAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,IAAI,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,KAAA,EAAA,CAAO,kCAAM,OAAN,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,MAAQ,EAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,IAAI,CAAA;AAAA,GAAA,EAAG,KAAO,EAAA;AAAA,IACjH,eAAiB,EAAA,CAAA;AAAA,IACjB,iBAAmB,EAAA;AAAA,GACrB,EAAA,kBACeA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAM,EAAA,IAAA,EAAK,WAAU,cACzB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAU,yBAA0B,EAAA,EAAA,GAAC,mBAC1CA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAU,EAAA,gCAAA,EAAA,EAAkC,IAAK,CAAA,KAAM,CACjE,CACJ,CAAA,EAAqB,CAAC,SAAS,CAAC,CAAA;AAC1C,EAAM,MAAA,kBAAA,GAAqB,YAAY,MAAM;AAE3C,IAAM,MAAA,YAAA,GAAe,QAAQ,KAAM,CAAA,OAAA,CAAQ,SAAS,8CAA8C,CAAA,GAAI,qEAAwE,GAAA,KAAA,CAAM,OAAU,GAAA,IAAA;AAC9L,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,KAAO,EAAA;AAAA,MACjB,OAAS,EAAA;AAAA,KAEE,EAAA,EAAA,YAAA,mBAAgBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAO,EAAA;AAAA,MACpC,OAAS,EAAA,CAAA;AAAA,MACT,eAAiB,EAAA,SAAA;AAAA,MACjB,YAAc,EAAA;AAAA,KAEE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,WAAU,KAAO,EAAA;AAAA,MAC3C,YAAc,EAAA,CAAA;AAAA,MACd,UAAY,EAAA;AAAA,KACd,EAAA,EACqB,YACL,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,OAAS,EAAA,eAAA,EAAA,kBACtBA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAM,EAAA,IAAA,EAAK,KAAO,EAAA;AAAA,MAC1C,UAAY,EAAA;AAAA,KAEQ,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAK,cAAa,KAAM,EAAA,SAAA,EAAU,IAAM,EAAA,EAAA,EAAI,CACrD,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,WAAU,KAAO,EAAA;AAAA,MAC/C,UAAY,EAAA;AAAA,KACd,EAAA,EAAG,OAEiB,CACJ,CACJ,CACJ,CAAS,mBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,KAAO,EAAA;AAAA,MACjC,UAAY,EAAA,QAAA;AAAA,MACZ,eAAiB,EAAA;AAAA,KACnB,EAAA,kBACmBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAO,EAAA;AAAA,MAC1B,OAAS,EAAA,EAAA;AAAA,MACT,YAAc,EAAA,CAAA;AAAA,MACd,YAAc,EAAA,EAAA;AAAA,MACd,eAAiB,EAAA;AAAA,KAEC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAK,MAAO,EAAA,KAAA,EAAM,SAAU,EAAA,IAAA,EAAM,EAAI,EAAA,CACnD,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA;AAAA,MAC3B,KAAO,EAAA,SAAA;AAAA,MACP,SAAW,EAAA;AAAA,KACb,EAAA,EAAG,uBAAqB,CACZ,CACR,CAAA;AAAA,GACP,EAAA,CAAC,KAAO,EAAA,eAAe,CAAC,CAAA;AAC3B,EAAM,MAAA,mBAAA,GAAsB,YAAY,MAAM;AAE5C,IAAM,MAAA,gBAAA,GAAmB,WAAe,IAAA,oBAAA,CAAqB,MAAU,IAAA,EAAA;AACvE,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,MACK,EAAA,IAAA,EAAA,gBAAA,oBAAqBA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,SAAS,MAAM,UAAA,CAAW,QAAS,CAAA,gBAAA,CAAiB,QAAU,EAAA;AAAA,MAC7G;AAAA,KACD,GAAG,KAAO,EAAA;AAAA,MACT,eAAiB,EAAA,CAAA;AAAA,MACjB,iBAAmB,EAAA;AAAA,yBAEFA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAM,IAAK,EAAA,SAAA,EAAU,kCACxBA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAM,EAAA,SAAA,EAAU,MAAK,QAAS,EAAA,IAAA,EAAM,IAAI,CACvD,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA;AAAA,MAC7B,QAAU,EAAA,EAAA;AAAA,MACV,KAAO,EAAA;AAAA,KACN,EAAA,EAAA,qBAAmB,CACR,CACJ,CAEJ,kBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,OAAA,EAAS,MAAM,UAAA,CAAW,QAAS,CAAA,gBAAA,CAAiB,UAAY,EAAA;AAAA,MAC1F;AAAA,KACD,GAAG,KAAO,EAAA;AAAA,MACT,eAAiB,EAAA,CAAA;AAAA,MACjB,iBAAmB,EAAA;AAAA,yBAENA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAM,IAAK,EAAA,SAAA,EAAU,kCACxBA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAM,EAAA,SAAA,EAAU,MAAK,MAAO,EAAA,IAAA,EAAM,IAAI,CAC/C,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA;AAAA,MACzB,QAAU,EAAA,EAAA;AAAA,MACV,KAAO,EAAA;AAAA,KACN,EAAA,EAAA,cAAY,CACL,CACJ,CACJ,CAAA;AAAA,KACP,CAAC,WAAA,EAAa,qBAAqB,MAAQ,EAAA,OAAA,EAAS,UAAU,CAAC,CAAA;AAClE,EAAM,MAAA,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAiB,OAAS,EAAA,MAAM,cAAc,CAAC,UAAU,GAAG,KAAO,EAAA;AAAA,MACzE,eAAiB,EAAA,CAAA;AAAA,MACjB,iBAAmB,EAAA;AAAA,KACrB,EAAA,+CACa,MAAO,EAAA,EAAA,SAAA,EAAU,kDACbA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAU,EAAA,eAAA,EAAgB,KAAO,EAAA;AAAA,MACjD,QAAU,EAAA,EAAA;AAAA,MACV,KAAO,EAAA;AAAA,SACN,UAES,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,MAAM,UAAa,GAAA,cAAA,GAAiB,cAAgB,EAAA,KAAA,EAAO,OAAO,IAAK,CAAA,GAAA,CAAA,EAAM,IAAM,EAAA,EAAA,EAAI,CACxG,CACJ,CAAA;AAAA,GACV,EAAG,CAAC,UAAU,CAAC,CAAA;AACf,EAAA,IAAI,CAAC,UAAY,EAAA;AACf,IAAA,oDAAQ,aAAc,EAAA,IAAA,CAAA;AAAA;AAExB,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,2BACGA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,IACd,oBAAsB,IAAA,IAAA,GAAA,MAAA,GAAA,oBAAA,CAAA,MAAA,IAAS,CAAI,mBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,YAAA,EAAc,YAAS,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,EAAA,KAAM,SAAa,IAAA,GAAA,IAAM,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,KAAA,CAAA,EAAO,MAAM,oBAAsB,EAAA,UAAA,EAAY,iBAAmB,EAAA,mBAAA,EAA0C,KAAO,EAAA;AAAA,IACnO,SAAW,EAAA;AAAA,KACV,aAAe,EAAA,KAAA,EAAO,CAAK,mBAAAA,cAAA,CAAA,aAAA,CAAC,wBAAmB,CAC9C,CAAA;AACR"}

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

@@ -1,4 +1,4 @@
-import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState,useContext,useRef,useCallback,useEffect,useMemo}from'react';import {TouchableOpacity}from'react-native';import {HStack,Avatar,AvatarFallbackText,AvatarImage,Text,Box,FlatList}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector,shallowEqual}from'react-redux';import {orderBy}from'lodash-es';import {RoomType}from'common';import {useChannelsQuery,useAddDirectChannelMutation}from'../../../../queries/slackuiQueries.js';import'../../../../constants/device.js';import'../../../../constants/globalStyles.js';import'../../../../constants/Layout.js';import {NavigationRoutes}from'../../../../constants/routes.js';import {Feather,MaterialIcons,FontAwesome}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import colors from'tailwindcss/colors';import {RefetchContext}from'../../HomeScreen.js';import {gql}from'@apollo/client/index.js';const DirectChannels = () => {
+import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState,useContext,useRef,useMemo,useCallback,useEffect}from'react';import {TouchableOpacity}from'react-native';import {HStack,Avatar,AvatarFallbackText,AvatarImage,Text,Box,FlatList}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector,shallowEqual}from'react-redux';import {RoomType}from'common';import {useAddDirectChannelMutation}from'../../../../queries/slackuiQueries.js';import'../../../../constants/device.js';import'../../../../constants/globalStyles.js';import'../../../../constants/Layout.js';import {NavigationRoutes}from'../../../../constants/routes.js';import {Feather,MaterialIcons,FontAwesome}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import'../../../../hooks/useOptimizedChannelsQueries.js';import colors from'tailwindcss/colors';import {RefetchContext,ChannelsDataContext}from'../../HomeScreen.js';import {gql}from'@apollo/client/index.js';const DirectChannels = () => {
   const navigation = useNavigation();
   const [expandableMessage, setExpendableMessage] = useState(true);
   const user = useSelector(userSelector, shallowEqual);
@@ -9,32 +9,22 @@ import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native'
   const {
     shouldRefetch
   } = useContext(RefetchContext);
-  const reFetchDirectChannelsRef = useRef(() => {
-  });
   const {
-    data,
+    getDirectChannelsForHome,
     loading,
     error,
-    refetch: reFetchUserDirectChannels
-  } = useChannelsQuery({
-    variables: {
-      criteria: {
-        orgName,
-        type: RoomType.Direct,
-        team: null
-      },
-      limit: 21
-    },
-    fetchPolicy: "cache-and-network",
-    nextFetchPolicy: "cache-first",
-    skip: !orgName
+    refetchChannels,
+    hasDirectChannels
+  } = useContext(ChannelsDataContext);
+  const reFetchDirectChannelsRef = useRef(() => {
   });
+  const isCreatingDirectChannel = useRef(false);
   const [addDirectChannel] = useAddDirectChannelMutation({
     update: (cache, {
-      data: data2
+      data
     }) => {
       try {
-        if (data2 == null ? void 0 : data2.createDirectChannel) {
+        if (data == null ? void 0 : data.createDirectChannel) {
           cache.modify({
             fields: {
               channelsByUser: (existingChannels = [], {
@@ -45,14 +35,14 @@ import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native'
                   return existingChannels;
                 }
                 const newChannelRef = cache.writeFragment({
-                  data: data2.createDirectChannel,
+                  data: data.createDirectChannel,
                   fragment: gql`
                                         fragment NewChannel on Channel {
                                             id
                                         }
                                     `
                 });
-                const channelExists = existingChannels.some((channelRef) => readField("id", channelRef) === data2.createDirectChannel.id);
+                const channelExists = existingChannels.some((channelRef) => readField("id", channelRef) === data.createDirectChannel.id);
                 if (!channelExists) {
                   return [newChannelRef, ...existingChannels];
                 }
@@ -87,61 +77,68 @@ import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native'
           }]
         }
       };
+    },
+    onCompleted: () => {
+      isCreatingDirectChannel.current = false;
+    },
+    onError: (error2) => {
+      isCreatingDirectChannel.current = false;
+      if (!error2.message.includes("Channel already exists")) {
+        console.error("Failed to create direct channel:", error2.message);
+      }
     }
   });
+  const organizationDirectChannels = useMemo(() => {
+    return getDirectChannelsForHome(20);
+  }, [getDirectChannelsForHome]);
+  const checkAndCreateSelfDM = useCallback(() => {
+    if (!(user == null ? void 0 : user.id) || isCreatingDirectChannel.current || loading) {
+      return;
+    }
+    const directChannelsData = getDirectChannelsForHome(20);
+    if (directChannelsData) {
+      const selfDMChannels = directChannelsData.filter((channel) => {
+        var _a, _b;
+        return channel.members.length === 1 && ((_b = (_a = channel.members[0]) == null ? void 0 : _a.user) == null ? void 0 : _b.id) === (user == null ? void 0 : user.id);
+      });
+      if (selfDMChannels.length === 0 && !isCreatingDirectChannel.current) {
+        isCreatingDirectChannel.current = true;
+        addDirectChannel({
+          variables: {
+            receiver: [user.id],
+            displayName: "DIRECT CHANNEL",
+            channelOptions: {
+              schemeAdmin: true
+            }
+          }
+        });
+      }
+    }
+  }, [user == null ? void 0 : user.id, loading, getDirectChannelsForHome, addDirectChannel]);
   const reFetchDirectChannels = useCallback(() => {
     if (orgName) {
-      reFetchUserDirectChannels({
-        criteria: {
-          orgName,
-          type: RoomType.Direct,
-          team: null
-        },
-        limit: 21
-      }).then((res) => {
-        var _a, _b, _c;
-        if (((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.channelsByUser) && (user == null ? void 0 : user.id)) {
-          const filteredChannels = (_c = (_b = res == null ? void 0 : res.data) == null ? void 0 : _b.channelsByUser) == null ? void 0 : _c.filter((channel) => {
-            var _a2, _b2;
-            return channel.members.length === 1 && ((_b2 = (_a2 = channel.members[0]) == null ? void 0 : _a2.user) == null ? void 0 : _b2.id) === (user == null ? void 0 : user.id);
-          });
-          if (!(filteredChannels == null ? void 0 : filteredChannels.length)) {
-            addDirectChannel({
-              variables: {
-                receiver: [user.id],
-                displayName: "DIRECT CHANNEL",
-                channelOptions: {
-                  schemeAdmin: true
-                }
-              }
-            });
-          }
-        }
-      }).catch((error2) => {
-        console.error("Failed to fetch direct messages:", error2.message);
-      });
+      refetchChannels();
+    }
+  }, [orgName, refetchChannels]);
+  useEffect(() => {
+    if (!loading && organizationDirectChannels !== void 0) {
+      const timer = setTimeout(checkAndCreateSelfDM, 500);
+      return () => clearTimeout(timer);
     }
-  }, [orgName, user == null ? void 0 : user.id, reFetchUserDirectChannels, addDirectChannel]);
+  }, [organizationDirectChannels, loading, checkAndCreateSelfDM]);
   useEffect(() => {
     reFetchDirectChannelsRef.current = reFetchDirectChannels;
   }, [reFetchDirectChannels]);
   useEffect(() => {
-    if (shouldRefetch && orgName) {
+    if (shouldRefetch && orgName && !isCreatingDirectChannel.current) {
       reFetchDirectChannels();
     }
   }, [shouldRefetch, orgName, reFetchDirectChannels]);
   useFocusEffect(useCallback(() => {
-    if (orgName) {
+    if (orgName && !isCreatingDirectChannel.current) {
       reFetchDirectChannels();
     }
-  }, [orgName]));
-  const organizationDirectChannels = useMemo(() => {
-    var _a, _b;
-    return (data == null ? void 0 : data.channelsByUser) && ((_a = data.channelsByUser) == null ? void 0 : _a.length) && orderBy((_b = [...data.channelsByUser]) == null ? void 0 : _b.filter((i) => i.type === RoomType.Direct), [(ch) => {
-      var _a2, _b2;
-      return ch.members && ch.members.length > 0 ? (_b2 = (_a2 = ch.members[0]) == null ? void 0 : _a2.user) == null ? void 0 : _b2.givenName : "";
-    }], ["asc"]) || [];
-  }, [data == null ? void 0 : data.channelsByUser]);
+  }, [orgName, reFetchDirectChannels]));
   const openInbox = useCallback((id, title, totalMembers, type) => {
     navigation.navigate(NavigationRoutes.DialogMessages, {
       channelId: id == null ? void 0 : id.toString(),

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

@@ -1 +1 @@
-{"version":3,"file":"DirectChannels.js","sources":["../../../../../src/screens/Home/Components/DirectChannels/DirectChannels.tsx"],"sourcesContent":["import { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport React, { useState, useEffect, useCallback, useMemo, useRef, useContext } from 'react';\nimport { TouchableOpacity } from 'react-native';\nimport styles from '../../styles';\nimport {\n    View,\n    FlatList,\n    HStack,\n    Icon,\n    Box,\n    Text,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AddIcon,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector, shallowEqual } from 'react-redux';\nimport { useNavigation } from '@react-navigation/native';\nimport { startCase, orderBy } from 'lodash-es';\nimport { RoomType } from 'common';\nimport {\n    useChannelsQuery,\n    useAddDirectChannelMutation,\n    GetChannelsByUserDocument,\n} from '../../../../queries/slackuiQueries';\nimport { NavigationRoutes } from '../../../../constants';\nimport { MaterialIcons, Feather, FontAwesome } from '@expo/vector-icons';\nimport { useDrawerLayout } from '../../../../hooks';\nimport colors from 'tailwindcss/colors';\nimport { RefetchContext } from '../../HomeScreen';\nimport { gql } from '@apollo/client';\n\n// Define a type for the channel data\ninterface Channel {\n    id: string;\n    title: string;\n    displayName: string;\n    type: string;\n    members: Array<{\n        id: string;\n        user: any;\n    }>;\n}\n\ninterface ChannelsByUserData {\n    channelsByUser: Channel[];\n}\n\nconst DirectChannels = () => {\n    const navigation = useNavigation<any>();\n    const [expandableMessage, setExpendableMessage] = useState(true);\n    const user = useSelector(userSelector, shallowEqual);\n    const isFocused = useIsFocused();\n    const { orgName } = useDrawerLayout();\n    const { shouldRefetch } = useContext(RefetchContext);\n\n    // Refs to avoid circular dependencies\n    const reFetchDirectChannelsRef = useRef<() => void>(() => {});\n\n    // GraphQL Queries and Mutations\n    const {\n        data,\n        loading,\n        error,\n        refetch: reFetchUserDirectChannels,\n    } = useChannelsQuery({\n        variables: {\n            criteria: {\n                orgName: orgName,\n                type: RoomType.Direct,\n                team: null,\n            },\n            limit: 21,\n        },\n        fetchPolicy: 'cache-and-network',\n        nextFetchPolicy: 'cache-first',\n        // Skip the query if organization name is not available\n        skip: !orgName,\n    });\n\n    const [addDirectChannel] = useAddDirectChannelMutation({\n        update: (cache, { data }) => {\n            // Update the cache with the new channel\n            try {\n                if (data?.createDirectChannel) {\n                    // Use cache.modify instead of readQuery/writeQuery for better integration with type policies\n                    cache.modify({\n                        fields: {\n                            channelsByUser: (existingChannels = [], { readField, storeFieldName }) => {\n                                // Get variables from the storeFieldName to ensure we're modifying the correct query\n                                // Only do this if we can extract the correct variables from the storeFieldName\n                                if (!storeFieldName.includes(RoomType.Direct) || !storeFieldName.includes(orgName)) {\n                                    return existingChannels;\n                                }\n\n                                // Check if the new channel already exists in the cache\n                                const newChannelRef = cache.writeFragment({\n                                    data: data.createDirectChannel,\n                                    fragment: gql`\n                                        fragment NewChannel on Channel {\n                                            id\n                                        }\n                                    `,\n                                });\n\n                                // Check if this channel already exists\n                                const channelExists = existingChannels.some(\n                                    (channelRef) => readField('id', channelRef) === data.createDirectChannel.id,\n                                );\n\n                                // Only add the channel if it doesn't already exist\n                                if (!channelExists) {\n                                    return [newChannelRef, ...existingChannels];\n                                }\n\n                                return existingChannels;\n                            },\n                        },\n                    });\n                }\n            } catch (err) {\n                console.error('Error updating cache after adding direct channel:', err);\n            }\n        },\n        optimisticResponse: (variables) => {\n            // Create an optimistic response that mimics the expected server response\n            return {\n                __typename: 'Mutation',\n                createDirectChannel: {\n                    __typename: 'Channel',\n                    id: `temp-id-${Date.now()}`, // Temporary ID that will be replaced when the server responds\n                    title: 'DIRECT CHANNEL',\n                    displayName: 'DIRECT CHANNEL',\n                    type: RoomType.Direct,\n                    members: [\n                        {\n                            __typename: 'ChannelMember',\n                            id: `temp-member-${Date.now()}`,\n                            user: {\n                                __typename: 'User',\n                                id: user?.id,\n                                givenName: user?.givenName || user?.username || 'You',\n                                username: user?.username,\n                                picture: user?.picture,\n                            },\n                        },\n                    ],\n                },\n            };\n        },\n    });\n\n    // Initialize reFetchDirectChannels function\n    const reFetchDirectChannels = useCallback(() => {\n        if (orgName) {\n            reFetchUserDirectChannels({\n                criteria: {\n                    orgName: orgName,\n                    type: RoomType.Direct,\n                    team: null,\n                },\n                limit: 21,\n            })\n                .then((res) => {\n                    if (res?.data?.channelsByUser && user?.id) {\n                        const filteredChannels = res?.data?.channelsByUser?.filter(\n                            (channel) => channel.members.length === 1 && channel.members[0]?.user?.id === user?.id,\n                        );\n\n                        if (!filteredChannels?.length) {\n                            addDirectChannel({\n                                variables: {\n                                    receiver: [user.id],\n                                    displayName: 'DIRECT CHANNEL',\n                                    channelOptions: { schemeAdmin: true },\n                                },\n                            });\n                        }\n                    }\n                })\n                .catch((error) => {\n                    console.error('Failed to fetch direct messages:', error.message);\n                });\n        }\n    }, [orgName, user?.id, reFetchUserDirectChannels, addDirectChannel]);\n\n    // Set ref for future calls\n    useEffect(() => {\n        reFetchDirectChannelsRef.current = reFetchDirectChannels;\n    }, [reFetchDirectChannels]);\n\n    // Use RefetchContext to control when to refetch data\n    useEffect(() => {\n        if (shouldRefetch && orgName) {\n            reFetchDirectChannels();\n        }\n    }, [shouldRefetch, orgName, reFetchDirectChannels]);\n\n    // Focus effect to fetch data when screen is focused\n    useFocusEffect(\n        useCallback(() => {\n            if (orgName) {\n                reFetchDirectChannels();\n            }\n        }, [orgName]),\n    );\n\n    const organizationDirectChannels = useMemo(() => {\n        return (\n            (data?.channelsByUser &&\n                data.channelsByUser?.length &&\n                orderBy(\n                    [...data.channelsByUser]?.filter((i: any) => i.type === RoomType.Direct),\n                    [(ch: any) => (ch.members && ch.members.length > 0 ? ch.members[0]?.user?.givenName : '')],\n                    ['asc'],\n                )) ||\n            []\n        );\n    }, [data?.channelsByUser]);\n\n    const openInbox = useCallback(\n        (id: any, title: any, totalMembers: any, type?: any) => {\n            navigation.navigate(NavigationRoutes.DialogMessages, {\n                channelId: id?.toString(),\n                title: title?.toString(),\n                totalMembers: totalMembers,\n                channelType: type,\n                orgName: orgName,\n                hideTabBar: true,\n            });\n        },\n        [orgName, navigation],\n    );\n\n    const renderDirectChannelItem = useCallback(\n        ({ item }) => {\n            const isSelfDM = item.members?.length === 1 && item.members?.[0]?.user?.id === user?.id;\n\n            const member =\n                item.members?.filter((m: any) => m?.user?.id !== user?.id)?.[0]?.user || item.members?.[0]?.user;\n\n            const getUserName = () => {\n                if (isSelfDM) {\n                    return user?.profile?.name || user?.profile?.nickname || 'You';\n                }\n\n                return (\n                    member?.givenName + ' ' + member?.familyName || member?.givenName || member?.username || 'Unknown'\n                );\n            };\n\n            return (\n                <TouchableOpacity\n                    onPress={() => openInbox(item.id, getUserName(), item.members?.length, item.type)}\n                    style={{ paddingVertical: 2, paddingHorizontal: 12 }}\n                >\n                    <HStack space=\"md\" className=\"items-center\">\n                        <Avatar\n                            size=\"xs\"\n                            className=\"rounded-md\"\n                            style={{ backgroundColor: getUserAvatarColor(getUserName()) }}\n                        >\n                            <AvatarFallbackText>{getUserName()}</AvatarFallbackText>\n                            {member?.picture && (\n                                <AvatarImage\n                                    className=\"rounded-md\"\n                                    source={{ uri: member.picture }}\n                                    alt={getUserName()}\n                                />\n                            )}\n                        </Avatar>\n                        <Text className=\"text-gray-900 flex-1 text-base\">\n                            {getUserName()}\n                            {isSelfDM && ' (you)'}\n                        </Text>\n                    </HStack>\n                </TouchableOpacity>\n            );\n        },\n        [user, openInbox],\n    );\n\n    const getUserAvatarColor = (name: string) => {\n        const colorOptions = [\n            '#E57373', // Red\n            '#F06292', // Pink\n            '#BA68C8', // Purple\n            '#9575CD', // Deep Purple\n            '#7986CB', // Indigo\n            '#64B5F6', // Blue\n            '#4FC3F7', // Light Blue\n            '#4DD0E1', // Cyan\n            '#4DB6AC', // Teal\n            '#81C784', // Green\n            '#AED581', // Light Green\n            '#DCE775', // Lime\n            '#FFD54F', // Amber\n            '#FFB74D', // Orange\n            '#FF8A65', // Deep Orange\n        ];\n\n        // Simple hash function to map names to consistent colors\n        let hash = 0;\n        for (let i = 0; i < name.length; i++) {\n            hash = name.charCodeAt(i) + ((hash << 5) - hash);\n        }\n        hash = Math.abs(hash);\n        return colorOptions[hash % colorOptions.length];\n    };\n\n    const ListEmptyComponent = useCallback(() => {\n        return (\n            <Box style={{ padding: 12 }}>\n                {error ? (\n                    <Box style={{ padding: 8, backgroundColor: '#FFF4F4', borderRadius: 4 }}>\n                        <Text color=\"#E01E5A\" style={{ marginBottom: 8, fontWeight: '500' }}>\n                            {error.message.includes(\"Service 'ChannelService.getAll' is not found\")\n                                ? 'Direct messages are temporarily unavailable. Please try again later.'\n                                : error.message}\n                        </Text>\n                        <TouchableOpacity onPress={reFetchDirectChannels}>\n                            <HStack space=\"sm\" style={{ alignItems: 'center' }}>\n                                <Feather name=\"refresh-cw\" color=\"#1264A3\" size={16} />\n                                <Text color=\"#1264A3\" style={{ fontWeight: '500' }}>\n                                    Retry\n                                </Text>\n                            </HStack>\n                        </TouchableOpacity>\n                    </Box>\n                ) : loading ? (\n                    <Box style={{ alignItems: 'center', paddingVertical: 16 }}>\n                        <Text style={{ color: '#616061' }}>Loading...</Text>\n                    </Box>\n                ) : (\n                    <Box style={{ alignItems: 'center', paddingVertical: 16 }}>\n                        <Box style={{ padding: 12, marginBottom: 8, borderRadius: 24, backgroundColor: '#F8F8F8' }}>\n                            <MaterialIcons name=\"person-outline\" color=\"#616061\" size={20} />\n                        </Box>\n                        <Text style={{ color: '#616061', textAlign: 'center' }}>No direct messages yet</Text>\n                    </Box>\n                )}\n            </Box>\n        );\n    }, [error, loading, reFetchDirectChannels]);\n\n    const ListFooterComponent = useCallback(() => {\n        return (\n            <TouchableOpacity\n                // onPress={() => navigation.navigate(NavigationRoutes.AddPeople, { orgName })}\n                onPress={() => navigation.navigate(NavigationRoutes.SearchAddChannel, { orgName })}\n                style={{ paddingVertical: 6, paddingHorizontal: 12 }}\n            >\n                <HStack space=\"md\" className=\"items-center\">\n                    <Feather color=\"#616061\" name=\"plus\" size={18} />\n                    <Text style={{ fontSize: 16, color: '#616061' }}>Start a new message</Text>\n                </HStack>\n            </TouchableOpacity>\n        );\n    }, [orgName, navigation]);\n\n    const SectionHeader = useCallback(() => {\n        return (\n            <TouchableOpacity\n                onPress={() => setExpendableMessage(!expandableMessage)}\n                style={{ paddingVertical: 6, paddingHorizontal: 16 }}\n            >\n                <HStack className=\"justify-between items-center\">\n                    <Text className=\"font-semibold\" style={{ fontSize: 15, color: '#1D1C1D' }}>\n                        Direct Messages\n                    </Text>\n                    <FontAwesome\n                        name={expandableMessage ? 'chevron-down' : 'chevron-left'}\n                        color={colors.gray[800]}\n                        size={12}\n                    />\n                </HStack>\n            </TouchableOpacity>\n        );\n    }, [expandableMessage]);\n\n    if (!expandableMessage) {\n        return <SectionHeader />;\n    }\n\n    return (\n        <Box>\n            <SectionHeader />\n            {organizationDirectChannels?.length > 0 ? (\n                <FlatList\n                    keyExtractor={(item) => (item?.id || 'direct') + '-' + item?.title}\n                    data={organizationDirectChannels}\n                    renderItem={renderDirectChannelItem}\n                    ListFooterComponent={ListFooterComponent}\n                    style={{ marginTop: 6 }}\n                    scrollEnabled={false}\n                />\n            ) : (\n                <Box>\n                    <ListEmptyComponent />\n                    <ListFooterComponent />\n                </Box>\n            )}\n        </Box>\n    );\n};\n\nexport default DirectChannels;\n"],"names":["data","_a","_b","error","React"],"mappings":"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"}
+{"version":3,"file":"DirectChannels.js","sources":["../../../../../src/screens/Home/Components/DirectChannels/DirectChannels.tsx"],"sourcesContent":["import { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport React, { useState, useEffect, useCallback, useMemo, useRef, useContext } from 'react';\nimport { TouchableOpacity } from 'react-native';\nimport styles from '../../styles';\nimport {\n    View,\n    FlatList,\n    HStack,\n    Icon,\n    Box,\n    Text,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AddIcon,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector, shallowEqual } from 'react-redux';\nimport { useNavigation } from '@react-navigation/native';\nimport { startCase, orderBy } from 'lodash-es';\nimport { RoomType } from 'common';\nimport { useAddDirectChannelMutation, GetChannelsByUserDocument } from '../../../../queries/slackuiQueries';\nimport { NavigationRoutes } from '../../../../constants';\nimport { MaterialIcons, Feather, FontAwesome } from '@expo/vector-icons';\nimport { useDrawerLayout } from '../../../../hooks';\nimport colors from 'tailwindcss/colors';\nimport { RefetchContext, ChannelsDataContext } from '../../HomeScreen';\nimport { gql } from '@apollo/client';\n\n// Define a type for the channel data\ninterface Channel {\n    id: string;\n    title: string;\n    displayName: string;\n    type: string;\n    members: Array<{\n        id: string;\n        user: any;\n    }>;\n}\n\ninterface ChannelsByUserData {\n    channelsByUser: Channel[];\n}\n\nconst DirectChannels = () => {\n    const navigation = useNavigation<any>();\n    const [expandableMessage, setExpendableMessage] = useState(true);\n    const user = useSelector(userSelector, shallowEqual);\n    const isFocused = useIsFocused();\n    const { orgName } = useDrawerLayout();\n    const { shouldRefetch } = useContext(RefetchContext);\n\n    // Use shared direct channels data from context instead of making separate query\n    const { getDirectChannelsForHome, loading, error, refetchChannels, hasDirectChannels } =\n        useContext(ChannelsDataContext);\n\n    // Refs to avoid circular dependencies and track creation state\n    const reFetchDirectChannelsRef = useRef<() => void>(() => {});\n    const isCreatingDirectChannel = useRef(false);\n\n    // GraphQL Mutations - keep this as it's specific to direct channels\n    const [addDirectChannel] = useAddDirectChannelMutation({\n        update: (cache, { data }) => {\n            // Update the cache with the new channel\n            try {\n                if (data?.createDirectChannel) {\n                    // Use cache.modify instead of readQuery/writeQuery for better integration with type policies\n                    cache.modify({\n                        fields: {\n                            channelsByUser: (existingChannels = [], { readField, storeFieldName }) => {\n                                // Get variables from the storeFieldName to ensure we're modifying the correct query\n                                // Only do this if we can extract the correct variables from the storeFieldName\n                                if (!storeFieldName.includes(RoomType.Direct) || !storeFieldName.includes(orgName)) {\n                                    return existingChannels;\n                                }\n\n                                // Check if the new channel already exists in the cache\n                                const newChannelRef = cache.writeFragment({\n                                    data: data.createDirectChannel,\n                                    fragment: gql`\n                                        fragment NewChannel on Channel {\n                                            id\n                                        }\n                                    `,\n                                });\n\n                                // Check if this channel already exists\n                                const channelExists = existingChannels.some(\n                                    (channelRef) => readField('id', channelRef) === data.createDirectChannel.id,\n                                );\n\n                                // Only add the channel if it doesn't already exist\n                                if (!channelExists) {\n                                    return [newChannelRef, ...existingChannels];\n                                }\n\n                                return existingChannels;\n                            },\n                        },\n                    });\n                }\n            } catch (err) {\n                console.error('Error updating cache after adding direct channel:', err);\n            }\n        },\n        optimisticResponse: (variables) => {\n            // Create an optimistic response that mimics the expected server response\n            return {\n                __typename: 'Mutation',\n                createDirectChannel: {\n                    __typename: 'Channel',\n                    id: `temp-id-${Date.now()}`, // Temporary ID that will be replaced when the server responds\n                    title: 'DIRECT CHANNEL',\n                    displayName: 'DIRECT CHANNEL',\n                    type: RoomType.Direct,\n                    members: [\n                        {\n                            __typename: 'ChannelMember',\n                            id: `temp-member-${Date.now()}`,\n                            user: {\n                                __typename: 'User',\n                                id: user?.id,\n                                givenName: user?.givenName || user?.username || 'You',\n                                username: user?.username,\n                                picture: user?.picture,\n                            },\n                        },\n                    ],\n                },\n            };\n        },\n        onCompleted: () => {\n            // Reset the creation flag when successfully completed\n            isCreatingDirectChannel.current = false;\n        },\n        onError: (error) => {\n            // Reset the creation flag on error and only log if it's not a \"channel already exists\" error\n            isCreatingDirectChannel.current = false;\n            if (!error.message.includes('Channel already exists')) {\n                console.error('Failed to create direct channel:', error.message);\n            }\n        },\n    });\n\n    // Get direct channels with home-specific limit (20 channels)\n    const organizationDirectChannels = useMemo(() => {\n        return getDirectChannelsForHome(20);\n    }, [getDirectChannelsForHome]);\n\n    // Check and create self-DM channel if needed\n    const checkAndCreateSelfDM = useCallback(() => {\n        if (!user?.id || isCreatingDirectChannel.current || loading) {\n            return;\n        }\n\n        const directChannelsData = getDirectChannelsForHome(20);\n        if (directChannelsData) {\n            const selfDMChannels = directChannelsData.filter(\n                (channel) => channel.members.length === 1 && channel.members[0]?.user?.id === user?.id,\n            );\n\n            // Only create if no self-DM channel exists and we're not already creating one\n            if (selfDMChannels.length === 0 && !isCreatingDirectChannel.current) {\n                isCreatingDirectChannel.current = true;\n                addDirectChannel({\n                    variables: {\n                        receiver: [user.id],\n                        displayName: 'DIRECT CHANNEL',\n                        channelOptions: { schemeAdmin: true },\n                    },\n                });\n            }\n        }\n    }, [user?.id, loading, getDirectChannelsForHome, addDirectChannel]);\n\n    // Initialize reFetchDirectChannels function\n    const reFetchDirectChannels = useCallback(() => {\n        if (orgName) {\n            refetchChannels();\n        }\n    }, [orgName, refetchChannels]);\n\n    // Check for self-DM channel when data changes (with debouncing)\n    useEffect(() => {\n        if (!loading && organizationDirectChannels !== undefined) {\n            const timer = setTimeout(checkAndCreateSelfDM, 500); // Increased delay for stability\n            return () => clearTimeout(timer);\n        }\n    }, [organizationDirectChannels, loading, checkAndCreateSelfDM]);\n\n    // Set ref for future calls\n    useEffect(() => {\n        reFetchDirectChannelsRef.current = reFetchDirectChannels;\n    }, [reFetchDirectChannels]);\n\n    // Use RefetchContext to control when to refetch data (less aggressive)\n    useEffect(() => {\n        if (shouldRefetch && orgName && !isCreatingDirectChannel.current) {\n            reFetchDirectChannels();\n        }\n    }, [shouldRefetch, orgName, reFetchDirectChannels]);\n\n    // Focus effect to fetch data when screen is focused (less aggressive)\n    useFocusEffect(\n        useCallback(() => {\n            if (orgName && !isCreatingDirectChannel.current) {\n                reFetchDirectChannels();\n            }\n        }, [orgName, reFetchDirectChannels]),\n    );\n\n    const openInbox = useCallback(\n        (id: any, title: any, totalMembers: any, type?: any) => {\n            navigation.navigate(NavigationRoutes.DialogMessages, {\n                channelId: id?.toString(),\n                title: title?.toString(),\n                totalMembers: totalMembers,\n                channelType: type,\n                orgName: orgName,\n                hideTabBar: true,\n            });\n        },\n        [orgName, navigation],\n    );\n\n    const renderDirectChannelItem = useCallback(\n        ({ item }) => {\n            const isSelfDM = item.members?.length === 1 && item.members?.[0]?.user?.id === user?.id;\n\n            const member =\n                item.members?.filter((m: any) => m?.user?.id !== user?.id)?.[0]?.user || item.members?.[0]?.user;\n\n            const getUserName = () => {\n                if (isSelfDM) {\n                    return user?.profile?.name || user?.profile?.nickname || 'You';\n                }\n\n                return (\n                    member?.givenName + ' ' + member?.familyName || member?.givenName || member?.username || 'Unknown'\n                );\n            };\n\n            return (\n                <TouchableOpacity\n                    onPress={() => openInbox(item.id, getUserName(), item.members?.length, item.type)}\n                    style={{ paddingVertical: 2, paddingHorizontal: 12 }}\n                >\n                    <HStack space=\"md\" className=\"items-center\">\n                        <Avatar\n                            size=\"xs\"\n                            className=\"rounded-md\"\n                            style={{ backgroundColor: getUserAvatarColor(getUserName()) }}\n                        >\n                            <AvatarFallbackText>{getUserName()}</AvatarFallbackText>\n                            {member?.picture && (\n                                <AvatarImage\n                                    className=\"rounded-md\"\n                                    source={{ uri: member.picture }}\n                                    alt={getUserName()}\n                                />\n                            )}\n                        </Avatar>\n                        <Text className=\"text-gray-900 flex-1 text-base\">\n                            {getUserName()}\n                            {isSelfDM && ' (you)'}\n                        </Text>\n                    </HStack>\n                </TouchableOpacity>\n            );\n        },\n        [user, openInbox],\n    );\n\n    const getUserAvatarColor = (name: string) => {\n        const colorOptions = [\n            '#E57373', // Red\n            '#F06292', // Pink\n            '#BA68C8', // Purple\n            '#9575CD', // Deep Purple\n            '#7986CB', // Indigo\n            '#64B5F6', // Blue\n            '#4FC3F7', // Light Blue\n            '#4DD0E1', // Cyan\n            '#4DB6AC', // Teal\n            '#81C784', // Green\n            '#AED581', // Light Green\n            '#DCE775', // Lime\n            '#FFD54F', // Amber\n            '#FFB74D', // Orange\n            '#FF8A65', // Deep Orange\n        ];\n\n        // Simple hash function to map names to consistent colors\n        let hash = 0;\n        for (let i = 0; i < name.length; i++) {\n            hash = name.charCodeAt(i) + ((hash << 5) - hash);\n        }\n        hash = Math.abs(hash);\n        return colorOptions[hash % colorOptions.length];\n    };\n\n    const ListEmptyComponent = useCallback(() => {\n        return (\n            <Box style={{ padding: 12 }}>\n                {error ? (\n                    <Box style={{ padding: 8, backgroundColor: '#FFF4F4', borderRadius: 4 }}>\n                        <Text color=\"#E01E5A\" style={{ marginBottom: 8, fontWeight: '500' }}>\n                            {error.message.includes(\"Service 'ChannelService.getAll' is not found\")\n                                ? 'Direct messages are temporarily unavailable. Please try again later.'\n                                : error.message}\n                        </Text>\n                        <TouchableOpacity onPress={reFetchDirectChannels}>\n                            <HStack space=\"sm\" style={{ alignItems: 'center' }}>\n                                <Feather name=\"refresh-cw\" color=\"#1264A3\" size={16} />\n                                <Text color=\"#1264A3\" style={{ fontWeight: '500' }}>\n                                    Retry\n                                </Text>\n                            </HStack>\n                        </TouchableOpacity>\n                    </Box>\n                ) : loading ? (\n                    <Box style={{ alignItems: 'center', paddingVertical: 16 }}>\n                        <Text style={{ color: '#616061' }}>Loading...</Text>\n                    </Box>\n                ) : (\n                    <Box style={{ alignItems: 'center', paddingVertical: 16 }}>\n                        <Box style={{ padding: 12, marginBottom: 8, borderRadius: 24, backgroundColor: '#F8F8F8' }}>\n                            <MaterialIcons name=\"person-outline\" color=\"#616061\" size={20} />\n                        </Box>\n                        <Text style={{ color: '#616061', textAlign: 'center' }}>No direct messages yet</Text>\n                    </Box>\n                )}\n            </Box>\n        );\n    }, [error, loading, reFetchDirectChannels]);\n\n    const ListFooterComponent = useCallback(() => {\n        return (\n            <TouchableOpacity\n                // onPress={() => navigation.navigate(NavigationRoutes.AddPeople, { orgName })}\n                onPress={() => navigation.navigate(NavigationRoutes.SearchAddChannel, { orgName })}\n                style={{ paddingVertical: 6, paddingHorizontal: 12 }}\n            >\n                <HStack space=\"md\" className=\"items-center\">\n                    <Feather color=\"#616061\" name=\"plus\" size={18} />\n                    <Text style={{ fontSize: 16, color: '#616061' }}>Start a new message</Text>\n                </HStack>\n            </TouchableOpacity>\n        );\n    }, [orgName, navigation]);\n\n    const SectionHeader = useCallback(() => {\n        return (\n            <TouchableOpacity\n                onPress={() => setExpendableMessage(!expandableMessage)}\n                style={{ paddingVertical: 6, paddingHorizontal: 16 }}\n            >\n                <HStack className=\"justify-between items-center\">\n                    <Text className=\"font-semibold\" style={{ fontSize: 15, color: '#1D1C1D' }}>\n                        Direct Messages\n                    </Text>\n                    <FontAwesome\n                        name={expandableMessage ? 'chevron-down' : 'chevron-left'}\n                        color={colors.gray[800]}\n                        size={12}\n                    />\n                </HStack>\n            </TouchableOpacity>\n        );\n    }, [expandableMessage]);\n\n    if (!expandableMessage) {\n        return <SectionHeader />;\n    }\n\n    return (\n        <Box>\n            <SectionHeader />\n            {organizationDirectChannels?.length > 0 ? (\n                <FlatList\n                    keyExtractor={(item) => (item?.id || 'direct') + '-' + item?.title}\n                    data={organizationDirectChannels}\n                    renderItem={renderDirectChannelItem}\n                    ListFooterComponent={ListFooterComponent}\n                    style={{ marginTop: 6 }}\n                    scrollEnabled={false}\n                />\n            ) : (\n                <Box>\n                    <ListEmptyComponent />\n                    <ListFooterComponent />\n                </Box>\n            )}\n        </Box>\n    );\n};\n\nexport default DirectChannels;\n"],"names":["error","_a","_b","React"],"mappings":"8pCAgCA,MAAM,iBAAiB,MAAM;AAC3B,EAAA,MAAM,aAAa,aAAmB,EAAA;AACtC,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,IAAI,CAAA;AAC/D,EAAM,MAAA,IAAA,GAAO,WAAY,CAAA,YAAA,EAAc,YAAY,CAAA;AACnD,EAAkB,YAAa;AAC/B,EAAM,MAAA;AAAA,IACJ;AAAA,MACE,eAAgB,EAAA;AACpB,EAAM,MAAA;AAAA,IACJ;AAAA,GACF,GAAI,WAAW,cAAc,CAAA;AAG7B,EAAM,MAAA;AAAA,IACJ,wBAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,mBAAmB,CAAA;AAGlC,EAAM,MAAA,wBAAA,GAA2B,OAAmB,MAAM;AAAA,GAAE,CAAA;AAC5D,EAAM,MAAA,uBAAA,GAA0B,OAAO,KAAK,CAAA;AAG5C,EAAM,MAAA,CAAC,gBAAgB,CAAA,GAAI,2BAA4B,CAAA;AAAA,IACrD,MAAA,EAAQ,CAAC,KAAO,EAAA;AAAA,MACd;AAAA,KACI,KAAA;AAEJ,MAAI,IAAA;AACF,QAAA,IAAI,6BAAM,mBAAqB,EAAA;AAE7B,UAAA,KAAA,CAAM,MAAO,CAAA;AAAA,YACX,MAAQ,EAAA;AAAA,cACN,cAAgB,EAAA,CAAC,gBAAmB,GAAA,EAAI,EAAA;AAAA,gBACtC,SAAA;AAAA,gBACA;AAAA,eACI,KAAA;AAGJ,gBAAI,IAAA,CAAC,cAAe,CAAA,QAAA,CAAS,QAAS,CAAA,MAAM,KAAK,CAAC,cAAA,CAAe,QAAS,CAAA,OAAO,CAAG,EAAA;AAClF,kBAAO,OAAA,gBAAA;AAAA;AAIT,gBAAM,MAAA,aAAA,GAAgB,MAAM,aAAc,CAAA;AAAA,kBACxC,MAAM,IAAK,CAAA,mBAAA;AAAA,kBACX,QAAU,EAAA,GAAA;AAAA;AAAA;AAAA;AAAA,oCAAA;AAAA,iBAKX,CAAA;AAGD,gBAAM,MAAA,aAAA,GAAgB,gBAAiB,CAAA,IAAA,CAAK,CAAc,UAAA,KAAA,SAAA,CAAU,MAAM,UAAU,CAAA,KAAM,IAAK,CAAA,mBAAA,CAAoB,EAAE,CAAA;AAGrH,gBAAA,IAAI,CAAC,aAAe,EAAA;AAClB,kBAAO,OAAA,CAAC,aAAe,EAAA,GAAG,gBAAgB,CAAA;AAAA;AAE5C,gBAAO,OAAA,gBAAA;AAAA;AACT;AACF,WACD,CAAA;AAAA;AACH,eACO,GAAP,EAAA;AACA,QAAQ,OAAA,CAAA,KAAA,CAAM,qDAAqD,GAAG,CAAA;AAAA;AACxE,KACF;AAAA,IACA,oBAAoB,CAAa,SAAA,KAAA;AAE/B,MAAO,OAAA;AAAA,QACL,UAAY,EAAA,UAAA;AAAA,QACZ,mBAAqB,EAAA;AAAA,UACnB,UAAY,EAAA,SAAA;AAAA,UACZ,EAAA,EAAI,CAAW,QAAA,EAAA,IAAA,CAAK,GAAI,EAAA,CAAA,CAAA;AAAA,UAExB,KAAO,EAAA,gBAAA;AAAA,UACP,WAAa,EAAA,gBAAA;AAAA,UACb,MAAM,QAAS,CAAA,MAAA;AAAA,UACf,SAAS,CAAC;AAAA,YACR,UAAY,EAAA,eAAA;AAAA,YACZ,EAAA,EAAI,CAAe,YAAA,EAAA,IAAA,CAAK,GAAI,EAAA,CAAA,CAAA;AAAA,YAC5B,IAAM,EAAA;AAAA,cACJ,UAAY,EAAA,MAAA;AAAA,cACZ,IAAI,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,EAAA;AAAA,cACV,SAAW,EAAA,CAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,SAAa,MAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,QAAY,CAAA,IAAA,KAAA;AAAA,cAChD,UAAU,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,QAAA;AAAA,cAChB,SAAS,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA;AAAA;AACjB,WACD;AAAA;AACH,OACF;AAAA,KACF;AAAA,IACA,aAAa,MAAM;AAEjB,MAAA,uBAAA,CAAwB,OAAU,GAAA,KAAA;AAAA,KACpC;AAAA,IACA,OAAA,EAAS,CAAAA,MAAS,KAAA;AAEhB,MAAA,uBAAA,CAAwB,OAAU,GAAA,KAAA;AAClC,MAAA,IAAI,CAACA,MAAAA,CAAM,OAAQ,CAAA,QAAA,CAAS,wBAAwB,CAAG,EAAA;AACrD,QAAQ,OAAA,CAAA,KAAA,CAAM,kCAAoCA,EAAAA,MAAAA,CAAM,OAAO,CAAA;AAAA;AACjE;AACF,GACD,CAAA;AAGD,EAAM,MAAA,0BAAA,GAA6B,QAAQ,MAAM;AAC/C,IAAA,OAAO,yBAAyB,EAAE,CAAA;AAAA,GACpC,EAAG,CAAC,wBAAwB,CAAC,CAAA;AAG7B,EAAM,MAAA,oBAAA,GAAuB,YAAY,MAAM;AAC7C,IAAA,IAAI,EAAC,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,EAAM,CAAA,IAAA,uBAAA,CAAwB,WAAW,OAAS,EAAA;AAC3D,MAAA;AAAA;AAEF,IAAM,MAAA,kBAAA,GAAqB,yBAAyB,EAAE,CAAA;AACtD,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAM,MAAA,cAAA,GAAiB,kBAAmB,CAAA,MAAA,CAAO,CAAQ,OAAA,KAAA;AA1J/D,QAAA,IAAA,EAAA,EAAA,EAAA;AA0JkE,QAAQ,OAAA,OAAA,CAAA,OAAA,CAAQ,MAAW,KAAA,CAAA,IAAA,CAAA,CAAK,EAAQ,GAAA,CAAA,EAAA,GAAA,OAAA,CAAA,OAAA,CAAQ,OAAhB,IAAoB,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,KAApB,IAA0B,GAAA,MAAA,GAAA,EAAA,CAAA,EAAA,OAAO,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,EAAA,CAAA;AAAA,OAAE,CAAA;AAGrI,MAAA,IAAI,cAAe,CAAA,MAAA,KAAW,CAAK,IAAA,CAAC,wBAAwB,OAAS,EAAA;AACnE,QAAA,uBAAA,CAAwB,OAAU,GAAA,IAAA;AAClC,QAAiB,gBAAA,CAAA;AAAA,UACf,SAAW,EAAA;AAAA,YACT,QAAA,EAAU,CAAC,IAAA,CAAK,EAAE,CAAA;AAAA,YAClB,WAAa,EAAA,gBAAA;AAAA,YACb,cAAgB,EAAA;AAAA,cACd,WAAa,EAAA;AAAA;AACf;AACF,SACD,CAAA;AAAA;AACH;AACF,KACC,CAAC,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,IAAI,OAAS,EAAA,wBAAA,EAA0B,gBAAgB,CAAC,CAAA;AAGlE,EAAM,MAAA,qBAAA,GAAwB,YAAY,MAAM;AAC9C,IAAA,IAAI,OAAS,EAAA;AACX,MAAgB,eAAA,EAAA;AAAA;AAClB,GACC,EAAA,CAAC,OAAS,EAAA,eAAe,CAAC,CAAA;AAG7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,OAAW,IAAA,0BAAA,KAA+B,MAAW,EAAA;AACxD,MAAM,MAAA,KAAA,GAAQ,UAAW,CAAA,oBAAA,EAAsB,GAAG,CAAA;AAClD,MAAO,OAAA,MAAM,aAAa,KAAK,CAAA;AAAA;AACjC,GACC,EAAA,CAAC,0BAA4B,EAAA,OAAA,EAAS,oBAAoB,CAAC,CAAA;AAG9D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,wBAAA,CAAyB,OAAU,GAAA,qBAAA;AAAA,GACrC,EAAG,CAAC,qBAAqB,CAAC,CAAA;AAG1B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAiB,IAAA,OAAA,IAAW,CAAC,uBAAA,CAAwB,OAAS,EAAA;AAChE,MAAsB,qBAAA,EAAA;AAAA;AACxB,GACC,EAAA,CAAC,aAAe,EAAA,OAAA,EAAS,qBAAqB,CAAC,CAAA;AAGlD,EAAA,cAAA,CAAe,YAAY,MAAM;AAC/B,IAAI,IAAA,OAAA,IAAW,CAAC,uBAAA,CAAwB,OAAS,EAAA;AAC/C,MAAsB,qBAAA,EAAA;AAAA;AACxB,GACC,EAAA,CAAC,OAAS,EAAA,qBAAqB,CAAC,CAAC,CAAA;AACpC,EAAA,MAAM,YAAY,WAAY,CAAA,CAAC,EAAS,EAAA,KAAA,EAAY,cAAmB,IAAe,KAAA;AACpF,IAAW,UAAA,CAAA,QAAA,CAAS,iBAAiB,cAAgB,EAAA;AAAA,MACnD,WAAW,EAAI,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAA,EAAA;AAAA,MACf,OAAO,KAAO,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,QAAA,EAAA;AAAA,MACd,YAAA;AAAA,MACA,WAAa,EAAA,IAAA;AAAA,MACb,OAAA;AAAA,MACA,UAAY,EAAA;AAAA,KACb,CAAA;AAAA,GACA,EAAA,CAAC,OAAS,EAAA,UAAU,CAAC,CAAA;AACxB,EAAM,MAAA,uBAAA,GAA0B,YAAY,CAAC;AAAA,IAC3C;AAAA,GACI,KAAA;AAzNR,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA0NI,IAAA,MAAM,QAAW,GAAA,CAAA,CAAA,EAAA,GAAA,IAAA,CAAK,OAAL,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,YAAW,CAAK,IAAA,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA,CAAK,OAAL,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,CAAf,CAAA,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAmB,IAAnB,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAyB,SAAO,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,EAAA,CAAA;AACrF,IAAA,MAAM,WAAS,EAAK,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA,CAAA,OAAA,KAAL,IAAc,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,CAAO,CAAC,CAAQ,KAAA;AA3NjD,MAAAC,IAAAA,GAAAA;AA2NoD,MAAA,OAAA,CAAA,CAAAA,MAAA,CAAG,IAAA,IAAA,GAAA,MAAA,GAAA,CAAA,CAAA,IAAA,KAAH,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAS,SAAO,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,EAAA,CAAA;AAAA,KAAvD,CAAA,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAA6D,OAA7D,IAAiE,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,MAAA,CAAQ,gBAAK,OAAL,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,OAAf,IAAmB,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA;AAC3G,IAAA,MAAM,cAAc,MAAM;AA5N9B,MAAA,IAAAA,GAAAC,EAAAA,GAAAA;AA6NM,MAAA,IAAI,QAAU,EAAA;AACZ,QAAOD,OAAAA,CAAAA,CAAAA,GAAAA,GAAA,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,OAAA,KAAN,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAe,IAAQC,MAAAA,CAAAA,GAAAA,GAAA,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,OAAA,KAAN,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAe,QAAY,CAAA,IAAA,KAAA;AAAA;AAE3D,MAAO,OAAA,CAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,aAAY,GAAM,IAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,gBAAc,MAAQ,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,SAAA,CAAA,KAAa,iCAAQ,QAAY,CAAA,IAAA,SAAA;AAAA,KAClG;AACA,IAAO,uBAAAC,cAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,OAAA,EAAS,MAAG;AAlOzC,MAAAF,IAAAA,GAAAA;AAkO4C,MAAU,OAAA,SAAA,CAAA,IAAA,CAAK,EAAI,EAAA,WAAA,EAAeA,EAAAA,CAAAA,GAAAA,GAAA,IAAK,CAAA,OAAA,KAAL,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAc,MAAQ,EAAA,IAAA,CAAK,IAAI,CAAA;AAAA,KAAA,EAAG,KAAO,EAAA;AAAA,MACjH,eAAiB,EAAA,CAAA;AAAA,MACjB,iBAAmB,EAAA;AAAA,KAEL,EAAA,kBAAAE,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAM,IAAK,EAAA,SAAA,EAAU,cACzB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,SAAA,EAAU,cAAa,KAAO,EAAA;AAAA,MAC9D,eAAA,EAAiB,kBAAmB,CAAA,WAAA,EAAa;AAAA,KAE/B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,kBAAoB,EAAA,IAAA,EAAA,WAAA,EAAc,CAAA,EAAA,CAClC,MAAQ,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,OAAA,qBAAYA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,SAAU,EAAA,YAAA,EAAa,MAAQ,EAAA;AAAA,MAChF,KAAK,MAAO,CAAA;AAAA,KACX,EAAA,GAAA,EAAK,WAAY,EAAA,EAAG,CACT,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAU,oCACX,WAAY,EAAA,EACZ,QAAY,IAAA,QACjB,CACJ,CACJ,CAAA;AAAA,GACX,EAAA,CAAC,IAAM,EAAA,SAAS,CAAC,CAAA;AACpB,EAAM,MAAA,kBAAA,GAAqB,CAAC,IAAiB,KAAA;AAC3C,IAAA,MAAM,YAAe,GAAA;AAAA,MAAC,SAAA;AAAA,MAEtB,SAAA;AAAA,MAEA,SAAA;AAAA,MAEA,SAAA;AAAA,MAEA,SAAA;AAAA,MAEA,SAAA;AAAA,MAEA,SAAA;AAAA,MAEA,SAAA;AAAA,MAEA,SAAA;AAAA,MAEA,SAAA;AAAA,MAEA,SAAA;AAAA,MAEA,SAAA;AAAA,MAEA,SAAA;AAAA,MAEA,SAAA;AAAA,MAEA;AAAA,KACA;AAGA,IAAA,IAAI,IAAO,GAAA,CAAA;AACX,IAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,IAAA,CAAK,QAAQ,CAAK,EAAA,EAAA;AACpC,MAAA,IAAA,GAAO,IAAK,CAAA,UAAA,CAAW,CAAC,CAAA,IAAA,CAAM,QAAQ,CAAK,IAAA,IAAA,CAAA;AAAA;AAE7C,IAAO,IAAA,GAAA,IAAA,CAAK,IAAI,IAAI,CAAA;AACpB,IAAO,OAAA,YAAA,CAAa,OAAO,YAAa,CAAA,MAAA,CAAA;AAAA,GAC1C;AACA,EAAM,MAAA,kBAAA,GAAqB,YAAY,MAAM;AAC3C,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,KAAO,EAAA;AAAA,MACjB,OAAS,EAAA;AAAA,KAEE,EAAA,EAAA,KAAA,mBAASA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAO,EAAA;AAAA,MAC7B,OAAS,EAAA,CAAA;AAAA,MACT,eAAiB,EAAA,SAAA;AAAA,MACjB,YAAc,EAAA;AAAA,KAEE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,WAAU,KAAO,EAAA;AAAA,MAC3C,YAAc,EAAA,CAAA;AAAA,MACd,UAAY,EAAA;AAAA,SAEO,KAAM,CAAA,OAAA,CAAQ,SAAS,8CAA8C,CAAA,GAAI,yEAAyE,KAAM,CAAA,OAC7J,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAiB,OAAS,EAAA,qBAAA,EAAA,+CACtB,MAAO,EAAA,EAAA,KAAA,EAAM,MAAK,KAAO,EAAA;AAAA,MAC1C,UAAY,EAAA;AAAA,KAEQ,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAK,cAAa,KAAM,EAAA,SAAA,EAAU,IAAM,EAAA,EAAA,EAAI,CACrD,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,WAAU,KAAO,EAAA;AAAA,MAC/C,UAAY,EAAA;AAAA,KACd,EAAA,EAAG,OAEiB,CACJ,CACJ,CACJ,CAAS,GAAA,OAAA,mBAAWA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAO,EAAA;AAAA,MAC3C,UAAY,EAAA,QAAA;AAAA,MACZ,eAAiB,EAAA;AAAA,KACnB,EAAA,kBACmBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA;AAAA,MAC3B,KAAO,EAAA;AAAA,SACN,YAAU,CACD,CAAS,mBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,KAAO,EAAA;AAAA,MACjC,UAAY,EAAA,QAAA;AAAA,MACZ,eAAiB,EAAA;AAAA,KACnB,EAAA,kBACmBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAO,EAAA;AAAA,MAC1B,OAAS,EAAA,EAAA;AAAA,MACT,YAAc,EAAA,CAAA;AAAA,MACd,YAAc,EAAA,EAAA;AAAA,MACd,eAAiB,EAAA;AAAA,KAEC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,IAAA,EAAK,gBAAiB,EAAA,KAAA,EAAM,SAAU,EAAA,IAAA,EAAM,EAAI,EAAA,CACnE,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA;AAAA,MAC3B,KAAO,EAAA,SAAA;AAAA,MACP,SAAW,EAAA;AAAA,KACb,EAAA,EAAG,wBAAsB,CACb,CACR,CAAA;AAAA,GACP,EAAA,CAAC,KAAO,EAAA,OAAA,EAAS,qBAAqB,CAAC,CAAA;AAC1C,EAAM,MAAA,mBAAA,GAAsB,YAAY,MAAM;AAC5C,IAAO,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QAER,OAAS,EAAA,MAAM,UAAW,CAAA,QAAA,CAAS,iBAAiB,gBAAkB,EAAA;AAAA,UACpE;AAAA,SACD,CAAA;AAAA,QAAG,KAAO,EAAA;AAAA,UACT,eAAiB,EAAA,CAAA;AAAA,UACjB,iBAAmB,EAAA;AAAA;AACrB,OAAA;AAAA,mDACa,MAAO,EAAA,EAAA,KAAA,EAAM,IAAK,EAAA,SAAA,EAAU,kCACxBA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAM,EAAA,SAAA,EAAU,MAAK,MAAO,EAAA,IAAA,EAAM,IAAI,CAC/C,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA;AAAA,QACvB,QAAU,EAAA,EAAA;AAAA,QACV,KAAO,EAAA;AAAA,OACT,EAAA,EAAG,qBAAmB,CACd;AAAA,KACJ;AAAA,GACP,EAAA,CAAC,OAAS,EAAA,UAAU,CAAC,CAAA;AACxB,EAAM,MAAA,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,oBAAiB,OAAS,EAAA,MAAM,qBAAqB,CAAC,iBAAiB,GAAG,KAAO,EAAA;AAAA,MACvF,eAAiB,EAAA,CAAA;AAAA,MACjB,iBAAmB,EAAA;AAAA,KACrB,EAAA,+CACa,MAAO,EAAA,EAAA,SAAA,EAAU,kDACbA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAU,EAAA,eAAA,EAAgB,KAAO,EAAA;AAAA,MACjD,QAAU,EAAA,EAAA;AAAA,MACV,KAAO,EAAA;AAAA,SACN,iBAES,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,MAAM,iBAAoB,GAAA,cAAA,GAAiB,cAAgB,EAAA,KAAA,EAAO,OAAO,IAAK,CAAA,GAAA,CAAA,EAAM,IAAM,EAAA,EAAA,EAAI,CAC/G,CACJ,CAAA;AAAA,GACV,EAAG,CAAC,iBAAiB,CAAC,CAAA;AACtB,EAAA,IAAI,CAAC,iBAAmB,EAAA;AACtB,IAAA,oDAAQ,aAAc,EAAA,IAAA,CAAA;AAAA;AAExB,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,2BACGA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,IACd,0BAA4B,IAAA,IAAA,GAAA,MAAA,GAAA,0BAAA,CAAA,MAAA,IAAS,CAAI,mBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,YAAA,EAAc,YAAS,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,EAAA,KAAM,QAAY,IAAA,GAAA,IAAM,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,KAAA,CAAA,EAAO,MAAM,0BAA4B,EAAA,UAAA,EAAY,uBAAyB,EAAA,mBAAA,EAA0C,KAAO,EAAA;AAAA,IACpP,SAAW,EAAA;AAAA,GACV,EAAA,aAAA,EAAe,KAAO,EAAA,CAAA,mBAAMA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,kBACdA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAmB,CACpB,kBAAAA,cAAA,CAAA,aAAA,CAAC,mBAAoB,EAAA,IAAA,CACzB,CACR,CAAA;AACR"}

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

@@ -1,4 +1,4 @@
-import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState,useContext,useCallback,useMemo}from'react';import {TouchableOpacity}from'react-native';import {HStack,Text,Box,VStack,FlatList}from'@admin-layout/gluestack-ui-mobile';import {NavigationRoutes}from'../../../../constants/routes.js';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector,shallowEqual}from'react-redux';import {take,orderBy,uniqBy}from'lodash-es';import {useTeamsQuery}from'../../../../queries/slackuiQueries.js';import {Octicons,Feather,MaterialIcons,FontAwesome}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import colors from'tailwindcss/colors';import {RefetchContext}from'../../HomeScreen.js';const Teams = () => {
+import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState,useContext,useCallback,useMemo}from'react';import {TouchableOpacity}from'react-native';import {HStack,Text,Box,VStack,FlatList}from'@admin-layout/gluestack-ui-mobile';import {NavigationRoutes}from'../../../../constants/routes.js';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector,shallowEqual}from'react-redux';import {take,orderBy,uniqBy}from'lodash-es';import {useTeamsQuery}from'../../../../queries/slackuiQueries.js';import {Octicons,Feather,MaterialIcons,FontAwesome}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import'../../../../hooks/useOptimizedChannelsQueries.js';import colors from'tailwindcss/colors';import {RefetchContext}from'../../HomeScreen.js';const Teams = () => {
   const {
     orgName
   } = useDrawerLayout();

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

@@ -1 +1 @@
-{"version":3,"file":"Teams.js","sources":["../../../../../src/screens/Home/Components/Teams/Teams.tsx"],"sourcesContent":["import { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport React, { useState, useCallback, useMemo, useContext } from 'react';\nimport { TouchableOpacity } from 'react-native';\nimport { View, FlatList, Box, Text, HStack, VStack } from '@admin-layout/gluestack-ui-mobile';\nimport { NavigationRoutes } from '../../../../constants/routes';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector, shallowEqual } from 'react-redux';\nimport { useNavigation } from '@react-navigation/native';\nimport { orderBy, uniqBy, take } from 'lodash-es';\nimport { useTeamsQuery } from '../../../../queries/slackuiQueries';\nimport { useDrawerLayout } from '../../../../hooks';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport colors from 'tailwindcss/colors';\nimport { RefetchContext } from '../../HomeScreen';\n\nconst Teams = () => {\n    const { orgName } = useDrawerLayout();\n    const navigation = useNavigation<any>();\n    const [teamExpandable, setTeamExpendable] = useState(true);\n    const user = useSelector(userSelector, shallowEqual);\n    const isFocused = useIsFocused();\n    const { shouldRefetch } = useContext(RefetchContext);\n\n    const {\n        data: orgTeamsData,\n        refetch: reFetchOrgTeams,\n        error: teamsError,\n    } = useTeamsQuery({\n        variables: { orgName: orgName },\n        fetchPolicy: 'cache-and-network',\n        nextFetchPolicy: 'cache-first',\n        skip: !orgName,\n    });\n\n    const reFetchTeams = useCallback(() => {\n        if (orgName) {\n            return reFetchOrgTeams({ orgName: orgName });\n        }\n    }, [orgName, reFetchOrgTeams]);\n\n    // Refetch when context signals to do so\n    useFocusEffect(\n        useCallback(() => {\n            if (shouldRefetch && orgName) {\n                reFetchTeams();\n            }\n        }, [shouldRefetch, orgName, reFetchTeams]),\n    );\n\n    // Initial fetch on focus\n    useFocusEffect(\n        useCallback(() => {\n            if (orgName) {\n                reFetchTeams();\n            }\n        }, [orgName, reFetchTeams]),\n    );\n\n    const organizationTeams = useMemo(() => {\n        const teams = orgTeamsData?.getOrganizationTeams || [];\n        return teams.length\n            ? take(\n                  orderBy(\n                      uniqBy(\n                          [...teams]?.filter((t: any) => t?.orgName === orgName),\n                          ({ _id }) => _id,\n                      ),\n                      [(ch: any) => ch?.title.toLowerCase()],\n                      ['asc'],\n                  ),\n                  10,\n              )\n            : [];\n    }, [orgTeamsData, orgName]);\n\n    const viewTeam = useCallback(\n        (item: any) => {\n            navigation.navigate(NavigationRoutes.ViewTeam, {\n                teamId: item?.id?.toString(),\n                teamName: item?.name,\n                title: item?.title?.toString(),\n                totalMembers: item?.teamMembers?.length,\n                orgName: orgName,\n                hideTabBar: true,\n            });\n        },\n        [orgName, navigation],\n    );\n\n    const renderOrganizationTeamItem = useCallback(\n        ({ item }) => (\n            <TouchableOpacity\n                key={item.id}\n                onPress={() => viewTeam(item)}\n                style={{ paddingVertical: 2, paddingHorizontal: 12 }}\n            >\n                <HStack space=\"md\" className=\"items-center\">\n                    <Octicons color={colors.gray[700]} name=\"lock\" size={18} />\n                    <Text className=\"text-gray-900 flex-1 text-base\">{item.title}</Text>\n                </HStack>\n            </TouchableOpacity>\n        ),\n        [viewTeam],\n    );\n\n    const ListEmptyComponent = useCallback(() => {\n        // Format the error message if present\n        const errorMessage = teamsError\n            ? teamsError.message.includes(\"Service 'TeamService\")\n                ? 'Team service is temporarily unavailable. Please try again later.'\n                : teamsError.message\n            : null;\n\n        return (\n            <Box style={{ padding: 12 }}>\n                {errorMessage ? (\n                    <Box style={{ padding: 8, backgroundColor: '#FFF4F4', borderRadius: 4 }}>\n                        <Text color=\"#E01E5A\" style={{ marginBottom: 8, fontWeight: '500' }}>\n                            {errorMessage}\n                        </Text>\n                        <TouchableOpacity onPress={reFetchTeams}>\n                            <HStack space=\"sm\" style={{ alignItems: 'center' }}>\n                                <Feather name=\"refresh-cw\" color=\"#1264A3\" size={16} />\n                                <Text color=\"#1264A3\" style={{ fontWeight: '500' }}>\n                                    Retry\n                                </Text>\n                            </HStack>\n                        </TouchableOpacity>\n                    </Box>\n                ) : (\n                    <Box style={{ alignItems: 'center', paddingVertical: 16 }}>\n                        <Box style={{ padding: 12, marginBottom: 8, borderRadius: 24, backgroundColor: '#F8F8F8' }}>\n                            <Octicons name=\"organization\" color=\"#616061\" size={20} />\n                        </Box>\n                        <Text style={{ color: '#616061', textAlign: 'center' }}>No teams available</Text>\n                    </Box>\n                )}\n            </Box>\n        );\n    }, [teamsError, reFetchTeams]);\n\n    const ListFooterComponent = useCallback(() => {\n        const teamsCount = orgTeamsData?.getOrganizationTeams?.length || 0;\n\n        return (\n            <VStack>\n                {teamsCount > 10 && (\n                    <TouchableOpacity\n                        onPress={() => navigation.navigate(NavigationRoutes.Teams, { orgName })}\n                        style={{ paddingVertical: 8, paddingHorizontal: 12 }}\n                    >\n                        <HStack space=\"md\" className=\"items-center\">\n                            <MaterialIcons color=\"#616061\" name=\"search\" size={18} />\n                            <Text style={{ fontSize: 16, color: '#616061' }}>Browse all Teams</Text>\n                        </HStack>\n                    </TouchableOpacity>\n                )}\n\n                <TouchableOpacity\n                    onPress={() => navigation.navigate(NavigationRoutes.AddTeam, { orgName })}\n                    style={{ paddingBottom: 5, paddingHorizontal: 12 }}\n                >\n                    <HStack space=\"md\" className=\"items-center\">\n                        <Feather color=\"#616061\" name=\"plus\" size={18} />\n                        <Text style={{ fontSize: 16, color: '#616061' }}>Add Team</Text>\n                    </HStack>\n                </TouchableOpacity>\n            </VStack>\n        );\n    }, [orgTeamsData, orgName, navigation]);\n\n    const SectionHeader = useCallback(() => {\n        return (\n            <TouchableOpacity\n                onPress={() => setTeamExpendable(!teamExpandable)}\n                style={{ paddingVertical: 6, paddingHorizontal: 16 }}\n            >\n                <HStack className=\"justify-between items-center\">\n                    <Text className=\"font-semibold\" style={{ fontSize: 15, color: '#1D1C1D' }}>\n                        Teams\n                    </Text>\n                    <FontAwesome\n                        name={teamExpandable ? 'chevron-down' : 'chevron-left'}\n                        color={colors.gray[800]}\n                        size={12}\n                    />\n                </HStack>\n            </TouchableOpacity>\n        );\n    }, [teamExpandable]);\n\n    if (!teamExpandable) {\n        return <SectionHeader />;\n    }\n\n    return (\n        <Box>\n            <SectionHeader />\n            {organizationTeams?.length > 0 ? (\n                <FlatList\n                    keyExtractor={(item) => (item?.id || 'team') + '-' + item?.title}\n                    data={organizationTeams}\n                    renderItem={renderOrganizationTeamItem}\n                    ListFooterComponent={ListFooterComponent}\n                    style={{ marginTop: 6 }}\n                    scrollEnabled={false}\n                />\n            ) : (\n                <Box>\n                    <ListEmptyComponent />\n                    <ListFooterComponent />\n                </Box>\n            )}\n        </Box>\n    );\n};\n\nexport default Teams;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Teams.js","sources":["../../../../../src/screens/Home/Components/Teams/Teams.tsx"],"sourcesContent":["import { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport React, { useState, useCallback, useMemo, useContext } from 'react';\nimport { TouchableOpacity } from 'react-native';\nimport { View, FlatList, Box, Text, HStack, VStack } from '@admin-layout/gluestack-ui-mobile';\nimport { NavigationRoutes } from '../../../../constants/routes';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector, shallowEqual } from 'react-redux';\nimport { useNavigation } from '@react-navigation/native';\nimport { orderBy, uniqBy, take } from 'lodash-es';\nimport { useTeamsQuery } from '../../../../queries/slackuiQueries';\nimport { useDrawerLayout } from '../../../../hooks';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport colors from 'tailwindcss/colors';\nimport { RefetchContext } from '../../HomeScreen';\n\nconst Teams = () => {\n    const { orgName } = useDrawerLayout();\n    const navigation = useNavigation<any>();\n    const [teamExpandable, setTeamExpendable] = useState(true);\n    const user = useSelector(userSelector, shallowEqual);\n    const isFocused = useIsFocused();\n    const { shouldRefetch } = useContext(RefetchContext);\n\n    const {\n        data: orgTeamsData,\n        refetch: reFetchOrgTeams,\n        error: teamsError,\n    } = useTeamsQuery({\n        variables: { orgName: orgName },\n        fetchPolicy: 'cache-and-network',\n        nextFetchPolicy: 'cache-first',\n        skip: !orgName,\n    });\n\n    const reFetchTeams = useCallback(() => {\n        if (orgName) {\n            return reFetchOrgTeams({ orgName: orgName });\n        }\n    }, [orgName, reFetchOrgTeams]);\n\n    // Refetch when context signals to do so\n    useFocusEffect(\n        useCallback(() => {\n            if (shouldRefetch && orgName) {\n                reFetchTeams();\n            }\n        }, [shouldRefetch, orgName, reFetchTeams]),\n    );\n\n    // Initial fetch on focus\n    useFocusEffect(\n        useCallback(() => {\n            if (orgName) {\n                reFetchTeams();\n            }\n        }, [orgName, reFetchTeams]),\n    );\n\n    const organizationTeams = useMemo(() => {\n        const teams = orgTeamsData?.getOrganizationTeams || [];\n        return teams.length\n            ? take(\n                  orderBy(\n                      uniqBy(\n                          [...teams]?.filter((t: any) => t?.orgName === orgName),\n                          ({ _id }) => _id,\n                      ),\n                      [(ch: any) => ch?.title.toLowerCase()],\n                      ['asc'],\n                  ),\n                  10,\n              )\n            : [];\n    }, [orgTeamsData, orgName]);\n\n    const viewTeam = useCallback(\n        (item: any) => {\n            navigation.navigate(NavigationRoutes.ViewTeam, {\n                teamId: item?.id?.toString(),\n                teamName: item?.name,\n                title: item?.title?.toString(),\n                totalMembers: item?.teamMembers?.length,\n                orgName: orgName,\n                hideTabBar: true,\n            });\n        },\n        [orgName, navigation],\n    );\n\n    const renderOrganizationTeamItem = useCallback(\n        ({ item }) => (\n            <TouchableOpacity\n                key={item.id}\n                onPress={() => viewTeam(item)}\n                style={{ paddingVertical: 2, paddingHorizontal: 12 }}\n            >\n                <HStack space=\"md\" className=\"items-center\">\n                    <Octicons color={colors.gray[700]} name=\"lock\" size={18} />\n                    <Text className=\"text-gray-900 flex-1 text-base\">{item.title}</Text>\n                </HStack>\n            </TouchableOpacity>\n        ),\n        [viewTeam],\n    );\n\n    const ListEmptyComponent = useCallback(() => {\n        // Format the error message if present\n        const errorMessage = teamsError\n            ? teamsError.message.includes(\"Service 'TeamService\")\n                ? 'Team service is temporarily unavailable. Please try again later.'\n                : teamsError.message\n            : null;\n\n        return (\n            <Box style={{ padding: 12 }}>\n                {errorMessage ? (\n                    <Box style={{ padding: 8, backgroundColor: '#FFF4F4', borderRadius: 4 }}>\n                        <Text color=\"#E01E5A\" style={{ marginBottom: 8, fontWeight: '500' }}>\n                            {errorMessage}\n                        </Text>\n                        <TouchableOpacity onPress={reFetchTeams}>\n                            <HStack space=\"sm\" style={{ alignItems: 'center' }}>\n                                <Feather name=\"refresh-cw\" color=\"#1264A3\" size={16} />\n                                <Text color=\"#1264A3\" style={{ fontWeight: '500' }}>\n                                    Retry\n                                </Text>\n                            </HStack>\n                        </TouchableOpacity>\n                    </Box>\n                ) : (\n                    <Box style={{ alignItems: 'center', paddingVertical: 16 }}>\n                        <Box style={{ padding: 12, marginBottom: 8, borderRadius: 24, backgroundColor: '#F8F8F8' }}>\n                            <Octicons name=\"organization\" color=\"#616061\" size={20} />\n                        </Box>\n                        <Text style={{ color: '#616061', textAlign: 'center' }}>No teams available</Text>\n                    </Box>\n                )}\n            </Box>\n        );\n    }, [teamsError, reFetchTeams]);\n\n    const ListFooterComponent = useCallback(() => {\n        const teamsCount = orgTeamsData?.getOrganizationTeams?.length || 0;\n\n        return (\n            <VStack>\n                {teamsCount > 10 && (\n                    <TouchableOpacity\n                        onPress={() => navigation.navigate(NavigationRoutes.Teams, { orgName })}\n                        style={{ paddingVertical: 8, paddingHorizontal: 12 }}\n                    >\n                        <HStack space=\"md\" className=\"items-center\">\n                            <MaterialIcons color=\"#616061\" name=\"search\" size={18} />\n                            <Text style={{ fontSize: 16, color: '#616061' }}>Browse all Teams</Text>\n                        </HStack>\n                    </TouchableOpacity>\n                )}\n\n                <TouchableOpacity\n                    onPress={() => navigation.navigate(NavigationRoutes.AddTeam, { orgName })}\n                    style={{ paddingBottom: 5, paddingHorizontal: 12 }}\n                >\n                    <HStack space=\"md\" className=\"items-center\">\n                        <Feather color=\"#616061\" name=\"plus\" size={18} />\n                        <Text style={{ fontSize: 16, color: '#616061' }}>Add Team</Text>\n                    </HStack>\n                </TouchableOpacity>\n            </VStack>\n        );\n    }, [orgTeamsData, orgName, navigation]);\n\n    const SectionHeader = useCallback(() => {\n        return (\n            <TouchableOpacity\n                onPress={() => setTeamExpendable(!teamExpandable)}\n                style={{ paddingVertical: 6, paddingHorizontal: 16 }}\n            >\n                <HStack className=\"justify-between items-center\">\n                    <Text className=\"font-semibold\" style={{ fontSize: 15, color: '#1D1C1D' }}>\n                        Teams\n                    </Text>\n                    <FontAwesome\n                        name={teamExpandable ? 'chevron-down' : 'chevron-left'}\n                        color={colors.gray[800]}\n                        size={12}\n                    />\n                </HStack>\n            </TouchableOpacity>\n        );\n    }, [teamExpandable]);\n\n    if (!teamExpandable) {\n        return <SectionHeader />;\n    }\n\n    return (\n        <Box>\n            <SectionHeader />\n            {organizationTeams?.length > 0 ? (\n                <FlatList\n                    keyExtractor={(item) => (item?.id || 'team') + '-' + item?.title}\n                    data={organizationTeams}\n                    renderItem={renderOrganizationTeamItem}\n                    ListFooterComponent={ListFooterComponent}\n                    style={{ marginTop: 6 }}\n                    scrollEnabled={false}\n                />\n            ) : (\n                <Box>\n                    <ListEmptyComponent />\n                    <ListFooterComponent />\n                </Box>\n            )}\n        </Box>\n    );\n};\n\nexport default Teams;\n"],"names":["React"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import React__default from'react';import {StyleSheet,Dimensions}from'react-native';import {Button,Box,VStack,Image,Text,FlatList}from'@admin-layout/gluestack-ui-mobile';import {NavigationRoutes}from'../../../../constants/routes.js';import img$2 from'../../../../assets/images/send.png.js';import img from'../../../../assets/images/chat.png.js';import img$1 from'../../../../assets/images/save-for-later.png.js';import {useNavigation}from'@react-navigation/native';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import colors from'tailwindcss/colors';const pWidth = Dimensions.get("window").width / 3 - 5;
+import React__default from'react';import {StyleSheet,Dimensions}from'react-native';import {Button,Box,VStack,Image,Text,FlatList}from'@admin-layout/gluestack-ui-mobile';import {NavigationRoutes}from'../../../../constants/routes.js';import img$2 from'../../../../assets/images/send.png.js';import img from'../../../../assets/images/chat.png.js';import img$1 from'../../../../assets/images/save-for-later.png.js';import {useNavigation}from'@react-navigation/native';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import'../../../../hooks/useOptimizedChannelsQueries.js';import colors from'tailwindcss/colors';const pWidth = Dimensions.get("window").width / 3 - 5;
 const SLIDER_ITEMS = [{
   id: 1,
   image: img,