@messenger-box/slack-ui-mobile 10.0.2-alpha.5 → 10.0.3-alpha.5

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

@@ -1,4 +1,4 @@
-import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState}from'react';import {TouchableOpacity}from'react-native';import styles from'../../styles.js';import {Box,HStack,Text,FlatList,View,Spinner,Button,ButtonText}from'@admin-layout/gluestack-ui-mobile';import {NavigationRoutes}from'../../../../constants/routes.js';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import {take,orderBy,uniqBy}from'lodash-es';import'tslib';import {MaterialIcons,Octicons}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';const Teams = ({
+import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState}from'react';import {TouchableOpacity}from'react-native';import styles from'../../styles.js';import {Box,HStack,Text,FlatList,Button,ButtonText,View,Spinner}from'@admin-layout/gluestack-ui-mobile';import {NavigationRoutes}from'../../../../constants/routes.js';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import {take,orderBy,uniqBy}from'lodash-es';import {MaterialIcons,Octicons}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';const Teams = ({
   teams,
   refetchTeams,
   loading
@@ -8,147 +8,59 @@ import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native'
     organizationDetail
   } = useDrawerLayout();
   const navigation = useNavigation();
-  // const currentRoute = navigationRef?.isReady() ? navigationRef?.getCurrentRoute() : null;
   const [teamExpandable, setTeamExpendable] = useState(true);
   useSelector(userSelector);
   useIsFocused();
   useFocusEffect(React__default.useCallback(() => {
-    // Do something when the screen is focused
     refetchTeams();
     return () => {
-      // Do something when the screen is unfocused
-      // Useful for cleanup functions
     };
   }, []));
   const organizationTeams = React__default.useMemo(() => {
     var _a;
-    //Direct channel
-    return teams && (teams === null || teams === void 0 ? void 0 : teams.length) && take(orderBy(uniqBy((_a = [...teams]) === null || _a === void 0 ? void 0 : _a.filter(t => (t === null || t === void 0 ? void 0 : t.orgName) === orgName), ({
+    return teams && (teams == null ? void 0 : teams.length) && take(orderBy(uniqBy((_a = [...teams]) == null ? void 0 : _a.filter((t) => (t == null ? void 0 : t.orgName) === orgName), ({
       id
-    }) => id), [ch => ch === null || ch === void 0 ? void 0 : ch.title.toLowerCase()], ['asc']), 20) || [];
+    }) => id), [(ch) => ch == null ? void 0 : ch.title.toLowerCase()], ["asc"]), 20) || [];
   }, [teams]);
-  // const openInbox = React.useCallback((id: any, title: any, totalMembers: any) => {
-  //     navigation.navigate(NavigationRoutes.DialogMessages, {
-  //         channelId: id?.toString(),
-  //         title: title?.toString(),
-  //         totalMembers: totalMembers,
-  //         hideTabBar: true,
-  //     });
-  // }, []);
-  const viewTeam = React__default.useCallback(item => {
+  const viewTeam = React__default.useCallback((item) => {
     var _a, _b, _c;
     navigation.navigate(NavigationRoutes.ViewTeam, {
-      teamId: (_a = item === null || item === void 0 ? void 0 : item.id) === null || _a === void 0 ? void 0 : _a.toString(),
-      teamName: item === null || item === void 0 ? void 0 : item.name,
-      title: (_b = item === null || item === void 0 ? void 0 : item.title) === null || _b === void 0 ? void 0 : _b.toString(),
-      totalMembers: (_c = item === null || item === void 0 ? void 0 : item.teamMembers) === null || _c === void 0 ? void 0 : _c.length,
-      orgName: orgName,
+      teamId: (_a = item == null ? void 0 : item.id) == null ? void 0 : _a.toString(),
+      teamName: item == null ? void 0 : item.name,
+      title: (_b = item == null ? void 0 : item.title) == null ? void 0 : _b.toString(),
+      totalMembers: (_c = item == null ? void 0 : item.teamMembers) == null ? void 0 : _c.length,
+      orgName,
       hideTabBar: true
     });
   }, [orgName]);
   const renderOrganizationTeamItem = ({
     item
   }) => {
-    return React__default.createElement(TouchableOpacity, {
-      key: item.id,
-      onPress: () => viewTeam(item)
-    }, React__default.createElement(HStack, {
-      py: '$1',
-      flex: 1,
-      alignItems: 'center',
-      space: "sm"
-    }, React__default.createElement(Octicons, {
-      color: "black",
-      name: "lock",
-      size: 18
-    }), React__default.createElement(Text, {
-      style: {
-        fontSize: 14,
-        fontWeight: '400'
-      },
-      color: '$coolGray800'
-    }, item.title)));
+    return /* @__PURE__ */ React__default.createElement(TouchableOpacity, { key: item.id, onPress: () => viewTeam(item) }, /* @__PURE__ */ React__default.createElement(HStack, { py: "$1", flex: 1, alignItems: "center", space: "sm" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 18 }), /* @__PURE__ */ React__default.createElement(Text, { style: {
+      fontSize: 14,
+      fontWeight: "400"
+    }, color: "$coolGray800" }, item.title)));
   };
-  return React__default.createElement(Box, {
-    style: styles.channelContainer
-  }, React__default.createElement(TouchableOpacity, {
-    style: styles.headingContainer,
-    onPress: () => setTeamExpendable(!teamExpandable)
-  }, React__default.createElement(HStack, {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'space-between'
-  }, React__default.createElement(Text, {
-    style: {
-      fontSize: 15,
-      fontWeight: '600',
-      color: 'black'
-    }
-  }, "Teams"), teamExpandable ? React__default.createElement(MaterialIcons, {
-    color: 'black',
-    name: 'keyboard-arrow-up',
-    size: 20
-  }) : React__default.createElement(MaterialIcons, {
-    color: 'black',
-    name: 'keyboard-arrow-down',
-    size: 20
-  }))), teamExpandable && React__default.createElement(React__default.Fragment, null, React__default.createElement(FlatList, {
-    py: '$2',
-    data: organizationTeams && organizationTeams.length > 0 ? organizationTeams : [],
-    renderItem: renderOrganizationTeamItem,
-    key: 'teams-list',
-    keyExtractor: (item, index) => String(index),
-    contentContainerStyle: {
-      flex: 1
-    },
-    ListEmptyComponent: () => {
-      return React__default.createElement(View, {
-        py: '$1'
-      }, loading ? React__default.createElement(Spinner, {
-        color: '$blue500'
-      }) : React__default.createElement(Text, {
-        style: {
-          fontSize: 14
-        },
-        color: '$coolGray600'
-      }, "No Teams found"));
-    },
-    ListFooterComponent: () => {
-      return React__default.createElement(React__default.Fragment, null, (teams === null || teams === void 0 ? void 0 : teams.length) > 20 && React__default.createElement(HStack, {
-        flex: 1,
-        alignItems: 'center'
-      }, React__default.createElement(Button, {
-        bg: 'transparent',
-        variant: 'solid',
-        pl: '$0',
-        onPress: () => navigation.navigate(NavigationRoutes.Teams, {
-          orgName
-        }),
-        "$pressed-bg": "transparent",
-        "$active-bg": 'transparent'
-      }, React__default.createElement(MaterialIcons, {
-        color: 'black',
-        name: 'search',
-        size: 20
-      }), React__default.createElement(ButtonText, {
-        color: '$black'
-      }, "Browse all Teams"))), React__default.createElement(TouchableOpacity, {
-        onPress: () => navigation.navigate(NavigationRoutes.Teams, {
-          orgName
-        })
-      }, React__default.createElement(View, {
-        style: {
-          //paddingVertical: 5,
-          // marginTop: 5,
-        }
-      }, React__default.createElement(Text, {
-        style: {
-          fontSize: 16,
-          fontWeight: '400',
-          color: 'black'
-        }
-      }, "+ Add Team"))));
-    }
-  })));
+  return /* @__PURE__ */ React__default.createElement(Box, { style: styles.channelContainer }, /* @__PURE__ */ React__default.createElement(TouchableOpacity, { style: styles.headingContainer, onPress: () => setTeamExpendable(!teamExpandable) }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(Text, { style: {
+    fontSize: 15,
+    fontWeight: "600",
+    color: "black"
+  } }, "Teams"), teamExpandable ? /* @__PURE__ */ React__default.createElement(MaterialIcons, { color: "black", name: "keyboard-arrow-up", size: 20 }) : /* @__PURE__ */ React__default.createElement(MaterialIcons, { color: "black", name: "keyboard-arrow-down", size: 20 }))), teamExpandable && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(FlatList, { py: "$2", data: organizationTeams && organizationTeams.length > 0 ? organizationTeams : [], renderItem: renderOrganizationTeamItem, key: "teams-list", keyExtractor: (item, index) => String(index), contentContainerStyle: {
+    flex: 1
+  }, ListEmptyComponent: () => {
+    return /* @__PURE__ */ React__default.createElement(View, { py: "$1" }, loading ? /* @__PURE__ */ React__default.createElement(Spinner, { color: "$blue500" }) : /* @__PURE__ */ React__default.createElement(Text, { style: {
+      fontSize: 14
+    }, color: "$coolGray600" }, "No Teams found"));
+  }, ListFooterComponent: () => {
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (teams == null ? void 0 : teams.length) > 20 && /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", variant: "solid", pl: "$0", onPress: () => navigation.navigate(NavigationRoutes.Teams, {
+      orgName
+    }), "$pressed-bg": "transparent", "$active-bg": "transparent" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { color: "black", name: "search", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { color: "$black" }, "Browse all Teams"))), /* @__PURE__ */ React__default.createElement(TouchableOpacity, { onPress: () => navigation.navigate(NavigationRoutes.Teams, {
+      orgName
+    }) }, /* @__PURE__ */ React__default.createElement(View, { style: {} }, /* @__PURE__ */ React__default.createElement(Text, { style: {
+      fontSize: 16,
+      fontWeight: "400",
+      color: "black"
+    } }, "+ Add Team"))));
+  } })));
 };
 var Teams$1 = React__default.memo(Teams);export{Teams$1 as default};//# sourceMappingURL=Teams.js.map

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":[null],"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, useEffect, useLayoutEffect } from 'react';\nimport { TouchableOpacity } from 'react-native';\nimport styles from '../../styles';\nimport {\n    Pressable,\n    View,\n    Image,\n    FlatList,\n    Icon,\n    Box,\n    Text,\n    Avatar,\n    Spinner,\n    HStack,\n    Button,\n    ButtonText,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { NavigationRoutes } from '../../../../constants/routes';\nimport more from '../../../../assets/images/more.png';\nimport right from '../../../../assets/images/right.png';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { useNavigation, useRoute } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\nimport { startCase, orderBy, uniqBy, take } from 'lodash-es';\nimport { useGetOrganizationTeamsQuery } from 'common/lib/generated/generated.js';\nimport { useDrawerLayout } from '../../../../hooks';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\n\nconst Teams = ({ teams, refetchTeams, loading }) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const navigation = useNavigation<any>();\n    // const currentRoute = navigationRef?.isReady() ? navigationRef?.getCurrentRoute() : null;\n    const [teamExpandable, setTeamExpendable] = useState(true);\n    const user: any = useSelector(userSelector);\n    const isFocused = useIsFocused();\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            refetchTeams();\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, []),\n    );\n\n    const organizationTeams = React.useMemo(() => {\n        //Direct channel\n        return (\n            (teams &&\n                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                    20,\n                )) ||\n            []\n        );\n    }, [teams]);\n\n    // const openInbox = React.useCallback((id: any, title: any, totalMembers: any) => {\n    //     navigation.navigate(NavigationRoutes.DialogMessages, {\n    //         channelId: id?.toString(),\n    //         title: title?.toString(),\n    //         totalMembers: totalMembers,\n    //         hideTabBar: true,\n    //     });\n    // }, []);\n\n    const viewTeam = React.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],\n    );\n\n    const renderOrganizationTeamItem = ({ item }: any) => {\n        return (\n            <TouchableOpacity key={item.id} onPress={() => viewTeam(item)}>\n                <HStack py={'$1'} flex={1} alignItems={'center'} space=\"sm\">\n                    <Octicons color=\"black\" name=\"lock\" size={18} />\n                    <Text style={{ fontSize: 14, fontWeight: '400' }} color={'$coolGray800'}>\n                        {item.title}\n                    </Text>\n                </HStack>\n            </TouchableOpacity>\n        );\n    };\n\n    return (\n        <Box style={styles.channelContainer}>\n            <TouchableOpacity style={styles.headingContainer} onPress={() => setTeamExpendable(!teamExpandable)}>\n                <HStack flex={1} alignItems={'center'} justifyContent={'space-between'}>\n                    <Text style={{ fontSize: 15, fontWeight: '600', color: 'black' }}>Teams</Text>\n                    {teamExpandable ? (\n                        <MaterialIcons color={'black'} name={'keyboard-arrow-up'} size={20} />\n                    ) : (\n                        <MaterialIcons color={'black'} name={'keyboard-arrow-down'} size={20} />\n                    )}\n                    {/* <HStack alignItems={'center'}>\n                        <Button\n                            bg={'transparent'}\n                            onPress={() => {\n                                if (orgName) navigation.navigate(NavigationRoutes.Teams);\n                            }}\n                        >\n                            <MaterialIcons color={'black'} name={'add'} size={20} />\n                        </Button>\n                        {teamExpandable ? (\n                            <MaterialIcons color={'black'} name={'keyboard-arrow-up'} size={20} />\n                        ) : (\n                            <MaterialIcons color={'black'} name={'keyboard-arrow-down'} size={20} />\n                        )}\n                    </HStack> */}\n                </HStack>\n            </TouchableOpacity>\n\n            {teamExpandable && (\n                <>\n                    <FlatList\n                        py={'$2'}\n                        data={organizationTeams && organizationTeams.length > 0 ? organizationTeams : []}\n                        renderItem={renderOrganizationTeamItem}\n                        key={'teams-list'}\n                        keyExtractor={(item, index) => String(index)}\n                        contentContainerStyle={{\n                            flex: 1,\n                        }}\n                        ListEmptyComponent={() => {\n                            return (\n                                <View py={'$1'}>\n                                    {loading ? (\n                                        <Spinner color={'$blue500'} />\n                                    ) : (\n                                        <Text style={{ fontSize: 14 }} color={'$coolGray600'}>\n                                            No Teams found\n                                        </Text>\n                                    )}\n                                </View>\n                            );\n                        }}\n                        ListFooterComponent={() => {\n                            return (\n                                <>\n                                    {teams?.length > 20 && (\n                                        <HStack flex={1} alignItems={'center'}>\n                                            <Button\n                                                bg={'transparent'}\n                                                variant={'solid'}\n                                                pl={'$0'}\n                                                onPress={() => navigation.navigate(NavigationRoutes.Teams, { orgName })}\n                                                $pressed-bg=\"transparent\"\n                                                $active-bg={'transparent'}\n                                            >\n                                                <MaterialIcons color={'black'} name={'search'} size={20} />\n                                                <ButtonText color={'$black'}>Browse all Teams</ButtonText>\n                                            </Button>\n                                        </HStack>\n                                    )}\n\n                                    <TouchableOpacity\n                                        onPress={() => navigation.navigate(NavigationRoutes.Teams, { orgName })}\n                                    >\n                                        <View\n                                            style={\n                                                {\n                                                    //paddingVertical: 5,\n                                                    // marginTop: 5,\n                                                }\n                                            }\n                                        >\n                                            <Text style={{ fontSize: 16, fontWeight: '400', color: 'black' }}>\n                                                + Add Team\n                                            </Text>\n                                        </View>\n                                    </TouchableOpacity>\n                                </>\n                            );\n                        }}\n                    />\n\n                    {/* {user?.accessToken && (\n                        <TouchableOpacity\n                            onPress={() => {\n                                if (orgName) navigation.navigate(NavigationRoutes.Teams);\n                            }}\n                        >\n                            <Box\n                                style={\n                                    {\n                                        //paddingVertical: 5,\n                                        // marginTop: 5,\n                                    }\n                                }\n                            >\n                                <Text fontSize={16} fontWeight={400}>\n                                    + Add Team\n                                </Text>\n                            </Box>\n                        </TouchableOpacity>\n                    )} */}\n                </>\n            )}\n        </Box>\n    );\n};\n\nexport default React.memo(Teams);\n"],"names":["React"],"mappings":"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"}

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

@@ -1,7 +1,6 @@
-import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default from'react';import {Dimensions,StyleSheet}from'react-native';import {FlatList,Pressable,Box,VStack,Image,Text}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 {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import'tslib';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';const pWidth = Dimensions.get('window').width / 3 - 5;
+import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default from'react';import {StyleSheet,Dimensions}from'react-native';import {FlatList,Pressable,Box,VStack,Image,Text}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 {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';const pWidth = Dimensions.get("window").width / 3 - 5;
 const TopCommonSlider = ({}) => {
   const navigation = useNavigation();
-  // const currentRoute = navigationRef?.isReady() ? navigationRef?.getCurrentRoute() : null;
   useSelector(userSelector);
   useIsFocused();
   const ref = React__default.useRef();
@@ -9,30 +8,27 @@ const TopCommonSlider = ({}) => {
     orgName
   } = useDrawerLayout();
   useFocusEffect(React__default.useCallback(() => {
-    // Do something when the screen is focused
     return () => {
-      // Do something when the screen is unfocused
-      // Useful for cleanup functions
     };
   }, []));
   const sliderData = React__default.useMemo(() => {
     const sliderItems = [{
       id: 1,
       image: img,
-      title: 'Threads',
-      subTitle: 'Caught up',
+      title: "Threads",
+      subTitle: "Caught up",
       route: NavigationRoutes.Threads
     }, {
       id: 2,
       image: img$1,
-      title: 'Later',
-      subTitle: '0 items',
+      title: "Later",
+      subTitle: "0 items",
       route: null
     }, {
       id: 3,
       image: img$2,
-      title: 'Draft & Sent',
-      subTitle: '0 drafts',
+      title: "Draft & Sent",
+      subTitle: "0 drafts",
       route: null
     }];
     return sliderItems;
@@ -40,51 +36,32 @@ const TopCommonSlider = ({}) => {
   const renderSliderItem = ({
     item
   }) => {
-    return React__default.createElement(Pressable, {
-      key: item.id,
-      style: styles.view,
-      flex: 1,
-      borderWidth: '$1',
-      borderColor: '$trueGray200',
-      rounded: '$lg',
-      onPress: () => (item === null || item === void 0 ? void 0 : item.route) && navigation.navigate(item === null || item === void 0 ? void 0 : item.route, {
-        orgName
-      })
-    }, React__default.createElement(Box, {
-      borderRadius: "$md",
-      flex: 1,
-      alignItems: 'center',
-      justifyContent: 'center'
-    }, React__default.createElement(VStack, null, React__default.createElement(Box, null, (item === null || item === void 0 ? void 0 : item.image) && React__default.createElement(Image, {
-      p: '$0',
-      alt: "icon",
-      style: styles.image,
-      source: item === null || item === void 0 ? void 0 : item.image
-    })), React__default.createElement(Box, null, React__default.createElement(Text, {
-      color: '$trueGray800'
-    }, item.title)), React__default.createElement(Box, null, React__default.createElement(Text, {
-      color: '$trueGray600'
-    }, item.subTitle)))));
+    return /* @__PURE__ */ React__default.createElement(Pressable, { key: item.id, style: styles.view, flex: 1, borderWidth: "$1", borderColor: "$trueGray200", rounded: "$lg", onPress: () => (item == null ? void 0 : item.route) && navigation.navigate(item == null ? void 0 : item.route, {
+      orgName
+    }) }, /* @__PURE__ */ React__default.createElement(Box, { borderRadius: "$md", flex: 1, alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(VStack, null, /* @__PURE__ */ React__default.createElement(Box, null, (item == null ? void 0 : item.image) && /* @__PURE__ */ React__default.createElement(Image, { p: "$0", alt: "icon", style: styles.image, source: item == null ? void 0 : item.image })), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Text, { color: "$trueGray800" }, item.title)), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Text, { color: "$trueGray600" }, item.subTitle)))));
   };
-  return React__default.createElement(FlatList, {
-    ref: ref,
-    pagingEnabled: true,
-    horizontal: true,
-    snapToInterval: Dimensions.get('window').width,
-    snapToAlignment: "start",
-    decelerationRate: 'fast',
-    data: sliderData && sliderData.length > 0 ? sliderData : [],
-    renderItem: renderSliderItem,
-    key: 'top-common-home-slider-list',
-    keyExtractor: (item, index) => String(index),
-    px: 2,
-    style: styles.container,
-    contentContainerStyle: {
-      flex: 1,
-      justifyContent: 'space-between',
-      alignItems: 'center'
+  return /* @__PURE__ */ React__default.createElement(
+    FlatList,
+    {
+      ref,
+      pagingEnabled: true,
+      horizontal: true,
+      snapToInterval: Dimensions.get("window").width,
+      snapToAlignment: "start",
+      decelerationRate: "fast",
+      data: sliderData && sliderData.length > 0 ? sliderData : [],
+      renderItem: renderSliderItem,
+      key: "top-common-home-slider-list",
+      keyExtractor: (item, index) => String(index),
+      px: 2,
+      style: styles.container,
+      contentContainerStyle: {
+        flex: 1,
+        justifyContent: "space-between",
+        alignItems: "center"
+      }
     }
-  });
+  );
 };
 const styles = StyleSheet.create({
   container: {},
@@ -93,18 +70,18 @@ const styles = StyleSheet.create({
     width: pWidth - 10,
     marginTop: 5,
     height: 100,
-    overflow: 'hidden'
+    overflow: "hidden"
   },
   image: {
     width: 20,
     height: 20,
-    resizeMode: 'cover',
-    tintColor: '#000'
+    resizeMode: "cover",
+    tintColor: "#000"
   },
   text: {
     fontSize: 60,
-    fontWeight: 'bold',
-    color: '#aaa'
+    fontWeight: "bold",
+    color: "#aaa"
   }
 });
 var TopCommonSlider$1 = React__default.memo(TopCommonSlider);export{TopCommonSlider$1 as default};//# sourceMappingURL=TopCommonSlider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopCommonSlider.js","sources":["../../../../../src/screens/Home/Components/TopCommonSlider/TopCommonSlider.tsx"],"sourcesContent":[null],"names":["React","chat","saveForLater","send"],"mappings":"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"}
+{"version":3,"file":"TopCommonSlider.js","sources":["../../../../../src/screens/Home/Components/TopCommonSlider/TopCommonSlider.tsx"],"sourcesContent":["import { useIsFocused, useFocusEffect } from '@react-navigation/native';\nimport React, { useState, useEffect, useLayoutEffect } from 'react';\nimport { Ionicons, MaterialIcons, Octicons } from '@expo/vector-icons';\nimport { TouchableOpacity, Dimensions, StyleSheet } from 'react-native';\n// import styles from '../../styles';\nimport {\n    Pressable,\n    View,\n    Image,\n    FlatList,\n    Icon,\n    Box,\n    Text,\n    Avatar,\n    Spinner,\n    VStack,\n    HStack,\n    Divider,\n    ScrollView,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { NavigationRoutes } from '../../../../constants/routes';\nimport send from '../../../../assets/images/send.png';\nimport chat from '../../../../assets/images/chat.png';\nimport saveForLater from '../../../../assets/images/save-for-later.png';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { useNavigation, useRoute } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\nimport { startCase } from 'lodash-es';\nimport { useGetOrganizationTeamsQuery } from 'common/lib/generated/generated.js';\nimport { useDrawerLayout } from '../../../../hooks';\n\nconst pWidth = Dimensions.get('window').width / 3 - 5;\n\nconst TopCommonSlider = ({}: any) => {\n    const navigation = useNavigation<any>();\n    // const currentRoute = navigationRef?.isReady() ? navigationRef?.getCurrentRoute() : null;\n    const user: any = useSelector(userSelector);\n    const isFocused = useIsFocused();\n    const ref = React.useRef();\n    const { orgName } = useDrawerLayout();\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, []),\n    );\n\n    const sliderData = React.useMemo(() => {\n        const sliderItems = [\n            {\n                id: 1,\n                image: chat,\n                title: 'Threads',\n                subTitle: 'Caught up',\n                route: NavigationRoutes.Threads,\n            },\n            {\n                id: 2,\n                image: saveForLater,\n                title: 'Later',\n                subTitle: '0 items',\n                route: null,\n            },\n            {\n                id: 3,\n                image: send,\n                title: 'Draft & Sent',\n                subTitle: '0 drafts',\n                route: null,\n            },\n        ];\n\n        return sliderItems;\n    }, []);\n\n    const renderSliderItem = ({ item }: any) => {\n        return (\n            <Pressable\n                key={item.id}\n                style={styles.view}\n                flex={1}\n                borderWidth={'$1'}\n                borderColor={'$trueGray200'}\n                rounded={'$lg'}\n                onPress={() => item?.route && navigation.navigate(item?.route, { orgName })}\n            >\n                <Box borderRadius=\"$md\" flex={1} alignItems={'center'} justifyContent={'center'}>\n                    <VStack>\n                        <Box>\n                            {item?.image && <Image p={'$0'} alt=\"icon\" style={styles.image} source={item?.image} />}\n                        </Box>\n                        <Box>\n                            <Text color={'$trueGray800'}>{item.title}</Text>\n                        </Box>\n                        <Box>\n                            <Text color={'$trueGray600'}>{item.subTitle}</Text>\n                        </Box>\n                    </VStack>\n                </Box>\n            </Pressable>\n        );\n    };\n\n    return (\n        <FlatList\n            ref={ref}\n            pagingEnabled={true}\n            horizontal={true}\n            snapToInterval={Dimensions.get('window').width}\n            snapToAlignment=\"start\"\n            decelerationRate={'fast'}\n            data={sliderData && sliderData.length > 0 ? sliderData : []}\n            renderItem={renderSliderItem}\n            key={'top-common-home-slider-list'}\n            keyExtractor={(item, index) => String(index)}\n            px={2}\n            style={styles.container}\n            contentContainerStyle={{\n                flex: 1,\n                justifyContent: 'space-between',\n                alignItems: 'center',\n            }}\n            // ListEmptyComponent={() => {\n            //     return <View>{loading ? <Spinner /> : <Text></Text>}</View>;\n            // }}\n        />\n    );\n};\n\nconst styles = StyleSheet.create({\n    container: {},\n    view: {\n        maxWidth: pWidth - 10,\n        width: pWidth - 10,\n        marginTop: 5,\n        height: 100,\n        overflow: 'hidden',\n    },\n    image: {\n        width: 20,\n        height: 20,\n        resizeMode: 'cover',\n        tintColor: '#000',\n    },\n    text: {\n        fontSize: 60,\n        fontWeight: 'bold',\n        color: '#aaa',\n    },\n});\n\nexport default React.memo(TopCommonSlider);\n"],"names":["React","chat","saveForLater","send"],"mappings":"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"}