npm - @messenger-box/slack-ui-mobile - Versions diffs - 10.0.3-alpha.19 → 10.0.3-alpha.22 - Mend

@messenger-box/slack-ui-mobile 10.0.3-alpha.19 → 10.0.3-alpha.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/lib/components/Actionsheet.js CHANGED Viewed

@@ -14,16 +14,18 @@ const ActionSheet = (props) => {
     onPress: (_a = props == null ? void 0 : props.onCancel) != null ? _a : () => {
     }
   }];
+  if (!isOpen)
+    return null;
   return /* @__PURE__ */ React__default.createElement(Modal, { visible: isOpen, transparent: true, animationType: "slide", onRequestClose: onCancel, style: {
     flex: 1,
     margin: 0,
     justifyContent: "flex-end"
   } }, /* @__PURE__ */ React__default.createElement(Center, { className: "flex-1 w-full h-min[40%]  shadow-lg  absolute bottom-0 bg-transparent ", style: {
     backgroundColor: "transparent"
-  } }, /* @__PURE__ */ React__default.createElement(View, { style: styles.modalContent }, actionSheetItems.map((actionItem, index) => {
+  } }, /* @__PURE__ */ React__default.createElement(View, { style: styles.modalContent }, props == null ? void 0 : props.header, actionSheetItems.map((actionItem, index) => {
     return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { style: [styles.actionSheetView, index === 0 && {
-      borderTopLeftRadius: 12,
-      borderTopRightRadius: 12
+      borderTopLeftRadius: (props == null ? void 0 : props.header) ? 0 : 12,
+      borderTopRightRadius: (props == null ? void 0 : props.header) ? 0 : 12
     }, index === actionSheetItems.length - 2 && {
       borderBottomLeftRadius: 12,
       borderBottomRightRadius: 12
@@ -31,15 +33,15 @@ const ActionSheet = (props) => {
       borderBottomWidth: 0,
       backgroundColor: WHITE,
       marginTop: 8,
-      borderTopLeftRadius: 12,
-      borderTopRightRadius: 12,
+      borderTopLeftRadius: (props == null ? void 0 : props.header) ? 0 : 12,
+      borderTopRightRadius: (props == null ? void 0 : props.header) ? 0 : 12,
       borderBottomLeftRadius: 12,
       borderBottomRightRadius: 12
     }, (props == null ? void 0 : props.hideBottomWidth) && actionItem.id !== "#cancel" && {
       borderBottomWidth: 0,
       borderColor: "transparent",
-      paddingTop: 10,
-      paddingBottom: 10
+      paddingTop: 5,
+      paddingBottom: 5
     }], underlayColor: "#f7f7f7", key: index, onPress: actionItem.onPress }, typeof actionItem.label === "string" ? /* @__PURE__ */ React__default.createElement(Text, { allowFontScaling: false, style: [styles.actionSheetText, (props == null ? void 0 : props.actionTextColor) && {
       color: props == null ? void 0 : props.actionTextColor
     }, index === actionSheetItems.length - 1 && {
@@ -84,5 +86,6 @@ ActionSheet.propTypes = {
   })).isRequired,
   onCancel: PropTypes.func,
   actionTextColor: PropTypes.string,
-  hideBottomWidth: PropTypes.bool
+  hideBottomWidth: PropTypes.bool,
+  header: PropTypes.node
 };export{ActionSheet as default};//# sourceMappingURL=Actionsheet.js.map

package/lib/components/Actionsheet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actionsheet.js","sources":["../../src/components/Actionsheet.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { StyleSheet, Text, TouchableHighlight, View, Modal } from 'react-native';\nimport { Center } from '@admin-layout/gluestack-ui-mobile';\n\nconst PRIMARY_COLOR = 'rgb(0,98,255)';\nconst WHITE = '#ffffff';\nconst BORDER_COLOR = '#DBDBDB';\n\nconst ActionSheet = (props) => {\n const { actionItems, isOpen, onCancel } = props;\n const actionSheetItems = [\n ...(actionItems \|\| []),\n {\n id: '#cancel',\n label: 'Cancel',\n onPress: props?.onCancel ?? (() => {}),\n },\n ];\n return (\n <Modal\n visible={isOpen}\n transparent={true}\n animationType=\"slide\"\n onRequestClose={onCancel}\n style={{\n flex: 1,\n margin: 0,\n justifyContent: 'flex-end',\n }}\n >\n <Center\n className=\"flex-1 w-full h-min[40%] shadow-lg absolute bottom-0 bg-transparent \"\n style={{ backgroundColor: 'transparent' }}\n >\n <View style={styles.modalContent}>\n {actionSheetItems.map((actionItem, index) => {\n return (\n <TouchableHighlight\n style={[\n styles.actionSheetView,\n\n index === 0 && {\n borderTopLeftRadius: 12,\n borderTopRightRadius: 12,\n },\n index === actionSheetItems.length - 2 && {\n borderBottomLeftRadius: 12,\n borderBottomRightRadius: 12,\n },\n index === actionSheetItems.length - 1 && {\n borderBottomWidth: 0,\n backgroundColor: WHITE,\n marginTop: 8,\n borderTopLeftRadius: 12,\n borderTopRightRadius: 12,\n borderBottomLeftRadius: 12,\n borderBottomRightRadius: 12,\n },\n props?.hideBottomWidth &&\n actionItem.id !== '#cancel' && {\n borderBottomWidth: 0,\n borderColor: 'transparent',\n paddingTop: 10,\n paddingBottom: 10,\n },\n ]}\n underlayColor={'#f7f7f7'}\n key={index}\n onPress={actionItem.onPress}\n >\n {typeof actionItem.label === 'string' ? (\n <Text\n allowFontScaling={false}\n style={[\n styles.actionSheetText,\n props?.actionTextColor && {\n color: props?.actionTextColor,\n },\n index === actionSheetItems.length - 1 && {\n color: '#fa1616',\n },\n ]}\n >\n {actionItem.label}\n </Text>\n ) : (\n actionItem.label\n )}\n </TouchableHighlight>\n );\n })}\n </View>\n </Center>\n </Modal>\n );\n};\n\nconst styles = StyleSheet.create({\n modalContent: {\n borderTopLeftRadius: 12,\n borderTopRightRadius: 12,\n borderBottomLeftRadius: 12,\n borderBottomRightRadius: 12,\n marginLeft: 15,\n marginRight: 15,\n marginBottom: 20,\n paddingHorizontal: 10,\n width: '100%',\n },\n actionSheetText: {\n fontSize: 18,\n color: PRIMARY_COLOR,\n },\n actionSheetView: {\n backgroundColor: WHITE,\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n paddingTop: 16,\n paddingBottom: 16,\n borderBottomWidth: StyleSheet.hairlineWidth,\n borderColor: BORDER_COLOR,\n },\n});\n\nActionSheet.propTypes = {\n isOpen: PropTypes.bool,\n actionItems: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n label: PropTypes.any,\n onPress: PropTypes.func,\n }),\n ).isRequired,\n onCancel: PropTypes.func,\n actionTextColor: PropTypes.string,\n hideBottomWidth: PropTypes.bool,\n};\n\n// ActionSheet.defaultProps = {\n// actionItems: [],\n// onCancel: () => { },\n// actionTextColor: null\n// }\n\nexport default ActionSheet;\n"],"names":["React"],"mappings":"oMAIA,MAAM,aAAgB,GAAA,eAAA;AACtB,MAAM,KAAQ,GAAA,SAAA;AACd,MAAM,YAAe,GAAA,SAAA;AACrB,MAAM,cAAc,CAAS,KAAA,KAAA;AAP7B,EAAA,IAAA,EAAA;AAQE,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AACJ,EAAA,MAAM,gBAAmB,GAAA,CAAC,GAAI,WAAA,IAAe,EAAK,EAAA;AAAA,IAChD,EAAI,EAAA,SAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAS,EAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,QAAP,KAAA,IAAA,GAAA,EAAA,GAAoB,MAAM;AAAA;AAAC,GACrC,CAAA;AACD,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,OAAA,EAAS,MAAQ,EAAA,WAAA,EAAa,MAAM,aAAc,EAAA,OAAA,EAAQ,cAAgB,EAAA,QAAA,EAAU,KAAO,EAAA;AAAA,IACvG,IAAM,EAAA,CAAA;AAAA,IACN,MAAQ,EAAA,CAAA;AAAA,IACR,cAAgB,EAAA;AAAA,GAER,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,SAAA,EAAU,0EAAyE,KAAO,EAAA;AAAA,IACxG,eAAiB,EAAA;AAAA,~~GACnB~~,EAAA,~~kBACaA~~,cAAA,CAAA,aAAA,CAAA,~~IAAA~~,EAAA,~~EAAK~~,KAAO,~~EAAA~~,MAAA,~~CAAO~~,~~gBACf~~,gBAAiB,CAAA,GAAA,CAAI,CAAC,UAAA,EAAY,KAAU,KAAA;AACvD,IAAA,oDAAQ,kBAAmB,EAAA,EAAA,KAAA,EAAO,CAAC,MAAO,CAAA,eAAA,EAAiB,UAAU,CAAK,IAAA;AAAA,MACxE,~~mBAAqB~~,EAAA,EAAA;AAAA,~~MACrB~~,~~oBAAsB~~,EAAA;AAAA,~~KACrB~~,EAAA,KAAA,KAAU,gBAAiB,CAAA,MAAA,GAAS,CAAK,IAAA;AAAA,MAC1C,sBAAwB,EAAA,EAAA;AAAA,MACxB,uBAAyB,EAAA;AAAA,KACxB,EAAA,KAAA,KAAU,gBAAiB,CAAA,MAAA,GAAS,CAAK,IAAA;AAAA,MAC1C,iBAAmB,EAAA,CAAA;AAAA,MACnB,eAAiB,EAAA,KAAA;AAAA,MACjB,SAAW,EAAA,CAAA;AAAA,MACX,~~mBAAqB~~,EAAA,EAAA;AAAA,~~MACrB~~,~~oBAAsB~~,EAAA,EAAA;AAAA,~~MACtB~~,sBAAwB,EAAA,EAAA;AAAA,MACxB,uBAAyB,EAAA;AAAA,KACxB,EAAA,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,eAAmB,KAAA,UAAA,CAAW,OAAO,SAAa,IAAA;AAAA,MAC1D,iBAAmB,EAAA,CAAA;AAAA,MACnB,WAAa,EAAA,aAAA;AAAA,MACb,UAAY,EAAA,~~EAAA~~;AAAA,MACZ,aAAe,EAAA;AAAA,KAChB,GAAG,aAAe,EAAA,SAAA,EAAW,KAAK,KAAO,EAAA,OAAA,EAAS,UAAW,CAAA,OAAA,EAAA,EACvC,OAAO,UAAA,CAAW,UAAU,QAAW,mBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,gBAAkB,EAAA,KAAA,EAAO,OAAO,CAAC,MAAA,CAAO,eAAiB,EAAA,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,eAAmB,KAAA;AAAA,MACnJ,OAAO,KAAO,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA;AAAA,KACb,EAAA,KAAA,KAAU,gBAAiB,CAAA,MAAA,GAAS,CAAK,IAAA;AAAA,MAC1C,KAAO,EAAA;AAAA,KACR,CAC4B,EAAA,EAAA,UAAA,CAAW,KAChB,CAAA,GAAU,WAAW,KAC7B,CAAA;AAAA,GACnB,CACO,CACJ,CACJ,CAAA;AACR;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,YAAc,EAAA;AAAA,IACZ,mBAAqB,EAAA,EAAA;AAAA,IACrB,oBAAsB,EAAA,EAAA;AAAA,IACtB,sBAAwB,EAAA,EAAA;AAAA,IACxB,uBAAyB,EAAA,EAAA;AAAA,IACzB,UAAY,EAAA,EAAA;AAAA,IACZ,WAAa,EAAA,EAAA;AAAA,IACb,YAAc,EAAA,EAAA;AAAA,IACd,iBAAmB,EAAA,EAAA;AAAA,IACnB,KAAO,EAAA;AAAA,GACT;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,QAAU,EAAA,EAAA;AAAA,IACV,KAAO,EAAA;AAAA,GACT;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,eAAiB,EAAA,KAAA;AAAA,IACjB,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,cAAgB,EAAA,QAAA;AAAA,IAChB,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,EAAA;AAAA,IACZ,aAAe,EAAA,EAAA;AAAA,IACf,mBAAmB,UAAW,CAAA,aAAA;AAAA,IAC9B,WAAa,EAAA;AAAA;AAEjB,CAAC,CAAA;AACD,WAAA,CAAY,SAAY,GAAA;AAAA,EACtB,QAAQ,SAAU,CAAA,IAAA;AAAA,EAClB,WAAa,EAAA,SAAA,CAAU,OAAQ,CAAA,SAAA,CAAU,KAAM,CAAA;AAAA,IAC7C,EAAA,EAAI,UAAU,SAAU,CAAA,CAAC,UAAU,MAAQ,EAAA,SAAA,CAAU,MAAM,CAAC,CAAA;AAAA,IAC5D,OAAO,SAAU,CAAA,GAAA;AAAA,IACjB,SAAS,SAAU,CAAA;AAAA,GACpB,CAAC,CAAE,CAAA,UAAA;AAAA,EACJ,UAAU,SAAU,CAAA,IAAA;AAAA,EACpB,iBAAiB,SAAU,CAAA,MAAA;AAAA,EAC3B,iBAAiB,SAAU,CAAA;~~AAC7B~~,CAAA"}
1	+ {"version":3,"file":"Actionsheet.js","sources":["../../src/components/Actionsheet.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { StyleSheet, Text, TouchableHighlight, View, Modal } from 'react-native';\nimport { Center } from '@admin-layout/gluestack-ui-mobile';\n\nconst PRIMARY_COLOR = 'rgb(0,98,255)';\nconst WHITE = '#ffffff';\nconst BORDER_COLOR = '#DBDBDB';\n\nconst ActionSheet = (props) => {\n const { actionItems, isOpen, onCancel } = props;\n const actionSheetItems = [\n ...(actionItems \|\| []),\n {\n id: '#cancel',\n label: 'Cancel',\n onPress: props?.onCancel ?? (() => {}),\n },\n ];\n if (!isOpen) return null;\n return (\n <Modal\n visible={isOpen}\n transparent={true}\n animationType=\"slide\"\n onRequestClose={onCancel}\n style={{\n flex: 1,\n margin: 0,\n justifyContent: 'flex-end',\n }}\n >\n <Center\n className=\"flex-1 w-full h-min[40%] shadow-lg absolute bottom-0 bg-transparent \"\n style={{ backgroundColor: 'transparent' }}\n >\n <View style={styles.modalContent}>\n {props?.header}\n {actionSheetItems.map((actionItem, index) => {\n return (\n <TouchableHighlight\n style={[\n styles.actionSheetView,\n\n index === 0 && {\n borderTopLeftRadius: props?.header ? 0 : 12,\n borderTopRightRadius: props?.header ? 0 : 12,\n },\n index === actionSheetItems.length - 2 && {\n borderBottomLeftRadius: 12,\n borderBottomRightRadius: 12,\n },\n index === actionSheetItems.length - 1 && {\n borderBottomWidth: 0,\n backgroundColor: WHITE,\n marginTop: 8,\n borderTopLeftRadius: props?.header ? 0 : 12,\n borderTopRightRadius: props?.header ? 0 : 12,\n borderBottomLeftRadius: 12,\n borderBottomRightRadius: 12,\n },\n props?.hideBottomWidth &&\n actionItem.id !== '#cancel' && {\n borderBottomWidth: 0,\n borderColor: 'transparent',\n paddingTop: 5,\n paddingBottom: 5,\n },\n ]}\n underlayColor={'#f7f7f7'}\n key={index}\n onPress={actionItem.onPress}\n >\n {typeof actionItem.label === 'string' ? (\n <Text\n allowFontScaling={false}\n style={[\n styles.actionSheetText,\n props?.actionTextColor && {\n color: props?.actionTextColor,\n },\n index === actionSheetItems.length - 1 && {\n color: '#fa1616',\n },\n ]}\n >\n {actionItem.label}\n </Text>\n ) : (\n actionItem.label\n )}\n </TouchableHighlight>\n );\n })}\n </View>\n </Center>\n </Modal>\n );\n};\n\nconst styles = StyleSheet.create({\n modalContent: {\n borderTopLeftRadius: 12,\n borderTopRightRadius: 12,\n borderBottomLeftRadius: 12,\n borderBottomRightRadius: 12,\n marginLeft: 15,\n marginRight: 15,\n marginBottom: 20,\n paddingHorizontal: 10,\n width: '100%',\n },\n actionSheetText: {\n fontSize: 18,\n color: PRIMARY_COLOR,\n },\n actionSheetView: {\n backgroundColor: WHITE,\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n paddingTop: 16,\n paddingBottom: 16,\n borderBottomWidth: StyleSheet.hairlineWidth,\n borderColor: BORDER_COLOR,\n },\n});\n\nActionSheet.propTypes = {\n isOpen: PropTypes.bool,\n actionItems: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n label: PropTypes.any,\n onPress: PropTypes.func,\n }),\n ).isRequired,\n onCancel: PropTypes.func,\n actionTextColor: PropTypes.string,\n hideBottomWidth: PropTypes.bool,\n header: PropTypes.node,\n};\n\n// ActionSheet.defaultProps = {\n// actionItems: [],\n// onCancel: () => { },\n// actionTextColor: null\n// }\n\nexport default ActionSheet;\n"],"names":["React"],"mappings":"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"}

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

@@ -1,10 +1,5 @@
-import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState}from'react';import {TouchableOpacity}from'react-native';import {NavigationRoutes}from'../../../../constants/routes.js';import {View,HStack,Text,FlatList,Button,ButtonText,VStack,Icon,AddIcon,Box,Spinner}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import styles from'../../styles.js';import {take,orderBy,uniqBy}from'lodash-es';import {RoomType}from'common';import {MaterialIcons,Octicons}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import {useDisclose}from'../../../../hooks/useDisclose.js';import colors from'tailwindcss/colors';import ActionSheet from'../../../../components/Actionsheet.js';const Channels = ({
-  channels,
-  loading,
-  reFetchChannels,
-  fetchMoreChannels,
-  showMore
-}) => {
+import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import React__default,{useState,useEffect}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 {View,HStack,Text,Spinner,Pressable,Box,FlatList}from'@admin-layout/gluestack-ui-mobile';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector,shallowEqual}from'react-redux';import styles from'../../styles.js';import {take,orderBy,uniqBy}from'lodash-es';import {RoomType}from'common';import {useGetChannelsByUserQuery}from'common/graphql';import {MaterialIcons}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../../../hooks/useDrawerLayout.js';import'../../../../hooks/useExpoNotificationProvider.js';import {useDisclose}from'../../../../hooks/useDisclose.js';import colors from'tailwindcss/colors';import'./channels-xstate.js';import {useSafeChannelsMachine}from'./useSafeChannelsMachine.js';const defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];
+const Channels = () => {
   const {
     isOpen,
     onOpen,
@@ -12,37 +7,126 @@ import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native'
   } = useDisclose();
   const navigation = useNavigation();
   const [expandable, setExpendable] = useState(true);
-  useSelector(userSelector);
+  useSelector(userSelector, shallowEqual);
   const {
     orgName
   } = useDrawerLayout();
   useIsFocused();
-  const actionItems = [
-    {
-      id: 1,
-      label: "Create Channel",
-      onPress: () => navigation.navigate(NavigationRoutes.Channels, {
-        orgName
-      })
+  const [state, send] = useSafeChannelsMachine();
+  const {
+    channels,
+    loading,
+    channelsLoading,
+    showMoreChannels
+  } = state.context;
+  const {
+    data: userChannels,
+    loading: userChannelsLoading,
+    refetch: reFetchUserChannels,
+    fetchMore: fetchMoreUserChannels
+  } = useGetChannelsByUserQuery({
+    variables: {
+      criteria: {
+        orgName,
+        type: defaultChannelType,
+        team: null
+      },
+      limit: 21
     },
-    {
-      id: 2,
-      label: "Browse Channels",
-      onPress: () => navigation.navigate(NavigationRoutes.Channels, {
-        orgName
-      })
+    onCompleted(data) {
+      send({
+        type: "SET_CHANNELS",
+        data: {
+          channels: (data == null ? void 0 : data.channelsByUser) || []
+        }
+      });
     }
-  ];
+  });
+  useEffect(() => {
+    if (orgName) {
+      console.log("Channels: Initializing state with orgName:", orgName);
+      send({
+        type: "INITIAL_CONTEXT",
+        data: {
+          orgName
+        }
+      });
+    }
+    return () => {
+      send({
+        type: "CLEAR_DATA"
+      });
+    };
+  }, [orgName]);
   useFocusEffect(React__default.useCallback(() => {
-    reFetchChannels();
+    if (!channels || channels.length === 0) {
+      reFetchChannels();
+    }
     return () => {
     };
-  }, []));
-  const organizationChannels = React__default.useMemo(() => {
+  }, [channels]));
+  const reFetchChannels = React__default.useCallback(() => {
+    if (state.context.channelsLoading) {
+      console.log("Skipping channels refetch - already in progress");
+      return;
+    }
+    if (orgName) {
+      console.log("Refetching channels");
+      send({
+        type: "REFETCH_CHANNELS"
+      });
+      reFetchUserChannels({
+        criteria: {
+          orgName,
+          type: defaultChannelType,
+          team: null
+        },
+        limit: 21
+      }).then((res) => {
+        var _a;
+        if ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.channelsByUser) {
+          send({
+            type: "SET_CHANNELS",
+            data: {
+              channels: res.data.channelsByUser
+            }
+          });
+        }
+      });
+    }
+  }, [orgName, send, state.context.channelsLoading]);
+  const fetchMoreChannels = React__default.useCallback((skip) => {
+    var _a;
+    send({
+      type: "FETCH_MORE_CHANNELS"
+    });
+    (_a = fetchMoreUserChannels({
+      variables: {
+        criteria: {
+          orgName,
+          type: defaultChannelType,
+          team: null
+        },
+        skip
+      }
+    })) == null ? void 0 : _a.then((res) => {
+      var _a2;
+      send({
+        type: "FETCH_MORE_CHANNELS_SUCCESS",
+        data: {
+          channels: ((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.channelsByUser) || []
+        }
+      });
+    });
+  }, [orgName, send]);
+  React__default.useMemo(() => {
     var _a;
     return channels && (channels == null ? void 0 : channels.length) && take(orderBy(uniqBy((_a = [...channels]) == null ? void 0 : _a.filter((i) => i.type !== RoomType.Direct), ({
       id
-    }) => id), [(ch) => ch == null ? void 0 : ch.title.toLowerCase()], ["asc"]), 20) || [];
+    }) => id), [(ch) => {
+      var _a2;
+      return (_a2 = ch == null ? void 0 : ch.title) == null ? void 0 : _a2.toLowerCase();
+    }], ["asc"]), 20) || [];
   }, [channels]);
   const openInbox = React__default.useCallback((id, title, totalMembers, type) => {
     navigation.navigate(NavigationRoutes.DialogMessages, {
@@ -54,47 +138,34 @@ import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native'
       hideTabBar: true
     });
   }, [orgName]);
-  const renderUserChannelItem = ({
+  return /* @__PURE__ */ React__default.createElement(View, { style: [styles.channelContainer, {
+    paddingHorizontal: 10
+  }] }, /* @__PURE__ */ React__default.createElement(TouchableOpacity, { style: [styles.headingContainer, {
+    paddingVertical: 8,
+    marginBottom: 4
+  }], onPress: () => setExpendable(!expandable) }, /* @__PURE__ */ React__default.createElement(HStack, { className: "flex-1 items-center justify-between" }, /* @__PURE__ */ React__default.createElement(Text, { style: {
+    fontSize: 15,
+    fontWeight: "600",
+    color: "#1f2937"
+  } }, "Channels"), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "items-center" }, channelsLoading && /* @__PURE__ */ React__default.createElement(Spinner, { size: "small", color: "$blue600" }), /* @__PURE__ */ React__default.createElement(Pressable, { onPress: () => navigation.navigate(NavigationRoutes.AddChannel) }, /* @__PURE__ */ React__default.createElement(Box, { className: "rounded-md w-6 h-6 justify-center items-center" }, /* @__PURE__ */ React__default.createElement(Text, { className: "text-lg text-slate-700" }, "+"))), expandable ? /* @__PURE__ */ React__default.createElement(MaterialIcons, { color: "#4b5563", name: "keyboard-arrow-up", size: 22 }) : /* @__PURE__ */ React__default.createElement(MaterialIcons, { color: "#4b5563", name: "keyboard-arrow-down", size: 22 })))), expandable && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !channelsLoading && !(channels == null ? void 0 : channels.length) ? /* @__PURE__ */ React__default.createElement(Box, { className: "py-2 px-1" }, /* @__PURE__ */ React__default.createElement(Text, { color: colors.gray[600] }, "No channels available")) : /* @__PURE__ */ React__default.createElement(FlatList, { style: {
+    paddingVertical: 4
+  }, scrollEnabled: false, data: channels && !channelsLoading ? channels == null ? void 0 : channels.filter((i) => (i == null ? void 0 : i.type) !== RoomType.Direct) : [], renderItem: ({
     item
   }) => {
-    return /* @__PURE__ */ React__default.createElement(TouchableOpacity, { key: item.id, onPress: () => {
+    return /* @__PURE__ */ React__default.createElement(Pressable, { onPress: () => {
       var _a;
       return openInbox(item == null ? void 0 : item.id, item == null ? void 0 : item.title, (_a = item == null ? void 0 : item.members) == null ? void 0 : _a.length, item == null ? void 0 : item.type);
-    } }, /* @__PURE__ */ React__default.createElement(VStack, { className: "py-1" }, /* @__PURE__ */ React__default.createElement(HStack, { className: "flex-1 items-center", space: "sm" }, /* @__PURE__ */ React__default.createElement(Box, null, item.type == RoomType.Channel ? /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 16 }) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 16 }))), /* @__PURE__ */ React__default.createElement(Text, { style: {
-      fontSize: 14,
-      fontWeight: "400"
-    }, color: colors.gray[800] }, item.title))));
-  };
-  React__default.useCallback(() => {
-    fetchMoreChannels(organizationChannels == null ? void 0 : organizationChannels.length);
-  }, [organizationChannels]);
-  return /* @__PURE__ */ React__default.createElement(View, { style: styles.channelContainer }, /* @__PURE__ */ React__default.createElement(TouchableOpacity, { style: styles.headingContainer, onPress: () => setExpendable(!expandable) }, /* @__PURE__ */ React__default.createElement(HStack, { className: "flex-1 items-center justify-between" }, /* @__PURE__ */ React__default.createElement(Text, { style: {
-    fontSize: 15,
-    fontWeight: "600",
-    color: "black"
-  } }, "Channels"), expandable ? /* @__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 }))), expandable && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(FlatList, { style: {
-    paddingVertical: 2
-  }, data: organizationChannels && organizationChannels.length > 0 ? organizationChannels : [], renderItem: renderUserChannelItem, key: "channels-list", keyExtractor: (item, index) => String(index), contentContainerStyle: {
-    flex: 1
-  }, ListEmptyComponent: () => {
-    return /* @__PURE__ */ React__default.createElement(Box, { className: "py-1" }, loading ? /* @__PURE__ */ React__default.createElement(Spinner, { color: colors.blue[500] }) : /* @__PURE__ */ React__default.createElement(Text, { color: "$coolGray600" }, "No Channels found"));
-  }, ListFooterComponent: () => {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (channels == null ? void 0 : channels.length) > 20 && /* @__PURE__ */ React__default.createElement(HStack, { className: "flex-1 items-center" }, /* @__PURE__ */ React__default.createElement(Button, { variant: "solid", onPress: () => navigation.navigate("MainStack", {
-      screen: NavigationRoutes.Channels,
-      params: {
-        orgName
-      }
-    }), className: "bg-transparent pl-0 active:bg-transparent hover:bg-transparent" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { color: "black", name: "search", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { className: "text-black" }, "Browse all channels"))), /* @__PURE__ */ React__default.createElement(
-      TouchableOpacity,
-      {
-        onPress: onOpen
-      },
-      /* @__PURE__ */ React__default.createElement(VStack, { className: "py-1 ml-[-0.5]" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "flex-1 items-center justify-start" }, /* @__PURE__ */ React__default.createElement(Icon, { as: AddIcon, color: colors.gray[600] }), /* @__PURE__ */ React__default.createElement(Text, { style: {
-        fontSize: 14,
-        fontWeight: "400",
-        color: "black"
-      } }, "Add Channel")))
-    ), /* @__PURE__ */ React__default.createElement(ActionSheet, { isOpen, actionItems, onCancel: onClose }));
-  } })));
+    } }, /* @__PURE__ */ React__default.createElement(Box, { style: {
+      paddingVertical: 8,
+      paddingHorizontal: 1,
+      marginVertical: 1
+    } }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "flex-1 items-center" }, /* @__PURE__ */ React__default.createElement(Box, { style: {
+      width: 24,
+      height: 24,
+      borderRadius: 4,
+      alignItems: "center",
+      justifyContent: "center"
+    } }, /* @__PURE__ */ React__default.createElement(Text, { className: "text-black font-medium" }, "#")), /* @__PURE__ */ React__default.createElement(Text, { className: "text-gray-700 flex-1" }, item.title))));
+  }, keyExtractor: (item) => String(item.id) }), showMoreChannels && (channels == null ? void 0 : channels.length) >= 20 && /* @__PURE__ */ React__default.createElement(Pressable, { onPress: () => fetchMoreChannels(channels == null ? void 0 : channels.length), className: "px-1 py-3" }, /* @__PURE__ */ React__default.createElement(Text, { className: "text-blue-600 font-medium" }, "Show more channels..."))));
 };
 var Channels$1 = React__default.memo(Channels);export{Channels$1 as default};//# sourceMappingURL=Channels.js.map

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

	@@ -1 +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, useEffect, useLayoutEffect } from 'react';\nimport { TouchableOpacity, Share, Modal } from 'react-native';\nimport { NavigationRoutes } from '../../../../constants/routes';\n// import more from '../../../../assets/images/more.png';\n// import right from '../../../../assets/images/right.png';\n// import {} from '../../../../constants/preloadImages';\nimport {\n Pressable,\n View,\n Image,\n FlatList,\n Icon,\n AddIcon,\n Box,\n Text,\n Avatar,\n Spinner,\n VStack,\n HStack,\n Button,\n ButtonText,\n // Actionsheet,\n // ActionsheetBackdrop,\n // ActionsheetContent,\n // ActionsheetDragIndicatorWrapper,\n // ActionsheetDragIndicator,\n // ActionsheetItem,\n // ActionsheetItemText,\n // ActionsheetIcon,\n // Center,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { useNavigation } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\nimport styles from '../../styles';\nimport { startCase, orderBy, uniqBy, take } from 'lodash-es';\nimport { RoomType } from 'common';\nimport { useGetChannelsByUserQuery } from 'common/graphql';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport Colors from '../../../../constants/Colors';\nimport { useDrawerLayout, useDisclose } from '../../../../hooks';\nimport colors from 'tailwindcss/colors';\nimport ActionSheet from '../../../../components/Actionsheet';\n\nconst Channels = ({ channels, loading, reFetchChannels, fetchMoreChannels, showMore }) => {\n const { isOpen, onOpen, onClose } = useDisclose();\n const navigation = useNavigation<any>();\n const [expandable, setExpendable] = useState(true);\n const user: any = useSelector(userSelector);\n const { orgName } = useDrawerLayout();\n // const { authenticated } = isUserAuthenticated();\n const isFocused = useIsFocused();\n const actionItems = [\n {\n id: 1,\n label: 'Create Channel',\n onPress: () => navigation.navigate(NavigationRoutes.Channels, { orgName }),\n },\n {\n id: 2,\n label: 'Browse Channels',\n onPress: () => navigation.navigate(NavigationRoutes.Channels, { orgName }),\n },\n // {\n // id: 3,\n // label: 'Action Item 3',\n // onPress: () => {\n // }\n // },\n ];\n\n useFocusEffect(\n React.useCallback(() => {\n // Do something when the screen is focused\n reFetchChannels();\n\n return () => {\n // Do something when the screen is unfocused\n // Useful for cleanup functions\n };\n }, []),\n );\n\n const organizationChannels = React.useMemo(() => {\n //Direct channel\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 20,\n )) \|\|\n []\n );\n }, [channels]);\n\n const openInbox = React.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],\n );\n\n const renderUserChannelItem = ({ item }: any) => {\n return (\n <TouchableOpacity\n key={item.id}\n onPress={() => openInbox(item?.id, item?.title, item?.members?.length, item?.type)}\n >\n <VStack className=\"py-1\">\n <HStack className=\"flex-1 items-center\" space=\"sm\">\n <Box>\n {item.type == RoomType.Channel ? (\n <Octicons color=\"black\" name=\"hash\" size={16} />\n ) : (\n <>\n <Octicons color=\"black\" name=\"lock\" size={16} />\n </>\n )}\n </Box>\n <Text style={{ fontSize: 14, fontWeight: '400' }} color={colors.gray[800]}>\n {item.title}\n </Text>\n </HStack>\n </VStack>\n </TouchableOpacity>\n );\n };\n\n const loadMore = React.useCallback(() => {\n fetchMoreChannels(organizationChannels?.length);\n }, [organizationChannels]);\n\n return (\n <View style={styles.channelContainer}>\n <TouchableOpacity style={styles.headingContainer} onPress={() => setExpendable(!expandable)}>\n <HStack className=\"flex-1 items-center justify-between\">\n <Text style={{ fontSize: 15, fontWeight: '600', color: 'black' }}>Channels</Text>\n {expandable ? (\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={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}\n >\n <MaterialIcons color={'black'} name={'add'} size={20} />\n </Button>\n {expandable ? (\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 {/ <TouchableOpacity style={styles.headingContainer} onPress={() => setExpendable(!expandable)}>\n <Text fontSize={15} fontWeight={600}>\n Channels\n </Text>\n <Image alt={'more icon right'} style={styles.iconStyle} source={expandable ? more : right} />\n </TouchableOpacity> /}\n {expandable && (\n <>\n <FlatList\n style={{ paddingVertical: 2 }}\n data={organizationChannels && organizationChannels.length > 0 ? organizationChannels : []}\n renderItem={renderUserChannelItem}\n key={'channels-list'}\n keyExtractor={(item, index) => String(index)}\n contentContainerStyle={{\n flex: 1,\n }}\n ListEmptyComponent={() => {\n return (\n <Box className=\"py-1\">\n {loading ? (\n <Spinner color={colors.blue[500]} />\n ) : (\n <Text color={'$coolGray600'}>No Channels found</Text>\n )}\n </Box>\n );\n }}\n ListFooterComponent={() => {\n return (\n <>\n {channels?.length > 20 && (\n <HStack className=\"flex-1 items-center\">\n <Button\n variant={'solid'}\n onPress={() =>\n navigation.navigate('MainStack', {\n screen: NavigationRoutes.Channels,\n params: { orgName },\n })\n }\n className=\"bg-transparent pl-0 active:bg-transparent hover:bg-transparent\"\n >\n <MaterialIcons color={'black'} name={'search'} size={20} />\n <ButtonText className=\"text-black\">Browse all channels</ButtonText>\n </Button>\n {/ <Button\n size={'sm'}\n // w={135}\n variant={'ghost'}\n justifyContent={'flex-start'}\n _text={{ color: 'black', fontSize: 16 }}\n // onPress={() => loadMore()}\n >\n <HStack alignItems={'center'} space={1}>\n <Icon\n as={MaterialIcons}\n color={'black'}\n name={'search'}\n size={'lg'}\n />\n <Text color=\"black\" fontSize={16}>\n Browse All Channels\n </Text>\n </HStack>\n </Button> /}\n </HStack>\n )}\n\n <TouchableOpacity\n // onPress={() => navigation.navigate(NavigationRoutes.Channels, { orgName })}\n onPress={onOpen}\n >\n <VStack className=\"py-1 ml-[-0.5]\">\n <HStack space={'sm'} className=\"flex-1 items-center justify-start\">\n <Icon as={AddIcon} color={colors.gray[600]} />\n <Text style={{ fontSize: 14, fontWeight: '400', color: 'black' }}>\n Add Channel\n </Text>\n </HStack>\n </VStack>\n </TouchableOpacity>\n <ActionSheet isOpen={isOpen} actionItems={actionItems} onCancel={onClose} />\n\n {/ <Actionsheet isOpen={isOpen} onClose={onClose}>\n <ActionsheetBackdrop />\n <ActionsheetContent className=\"bg-transparent\">\n <VStack className=\"w-full p-20 px-1\">\n <ActionsheetItem\n onPress={() =>\n navigation.navigate(NavigationRoutes.AddChannel, { orgName })\n }\n className=\"bg-white items-center justify-center active:bg-gray-100 hover:bg-gray-100 border border-gray-200 rounded-lg rounded-b-none\"\n >\n <ActionsheetItemText\n style={{ fontWeight: '500', fontSize: 15, color: '#3b82f6' }}\n >\n Create Channel\n </ActionsheetItemText>\n </ActionsheetItem>\n\n <ActionsheetItem\n onPress={() =>\n navigation.navigate(NavigationRoutes.Channels, { orgName })\n }\n className=\"bg-white items-center justify-center active:bg-gray-100 hover:bg-gray-100 border border-gray-200 rounded-lg rounded-b-none\"\n >\n <ActionsheetItemText\n style={{ fontWeight: '500', fontSize: 15, color: '#3b82f6' }}\n >\n Browse Channels\n </ActionsheetItemText>\n </ActionsheetItem>\n\n <ActionsheetItem\n onPress={() => onClose()}\n className=\"bg-white items-center justify-center mt-1 active:bg-gray-100 hover:bg-gray-100 border border-gray-200 rounded-lg rounded-b-none\"\n >\n <ActionsheetItemText\n style={{ fontWeight: '500', fontSize: 15, color: '#2563eb' }}\n >\n Cancel\n </ActionsheetItemText>\n </ActionsheetItem>\n </VStack>\n </ActionsheetContent>\n </Actionsheet> */}\n </>\n );\n }}\n />\n </>\n )}\n </View>\n );\n};\n\nexport default React.memo(Channels);\n"],"names":["React"],"mappings":"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"}
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, useEffect, useLayoutEffect } from 'react';\nimport { TouchableOpacity, Share, Modal } from 'react-native';\nimport { NavigationRoutes } from '../../../../constants';\nimport {\n Pressable,\n View,\n Image,\n FlatList,\n Icon,\n AddIcon,\n Box,\n Text,\n Avatar,\n Spinner,\n VStack,\n HStack,\n Button,\n ButtonText,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { userSelector, isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { useSelector, shallowEqual } from 'react-redux';\nimport { useNavigation } from '@react-navigation/native';\nimport { navigationRef } from '@common-stack/client-react';\nimport styles from '../../styles';\nimport { startCase, orderBy, uniqBy, take } from 'lodash-es';\nimport { RoomType } from 'common';\nimport { useGetChannelsByUserQuery } from 'common/graphql';\nimport { FontAwesome, Feather, Octicons, MaterialIcons } from '@expo/vector-icons';\nimport { useDrawerLayout, useDisclose } from '../../../../hooks';\nimport colors from 'tailwindcss/colors';\nimport ActionSheet from '../../../../components/Actionsheet';\nimport { channelsXstate } from './channels-xstate';\nimport { useSafeChannelsMachine } from './useSafeChannelsMachine';\n\nconst defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public];\n\nconst Channels = () => {\n const { isOpen, onOpen, onClose } = useDisclose();\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\n // Using the safe XState machine hook\n const [state, send] = useSafeChannelsMachine(channelsXstate);\n\n const { channels, loading, channelsLoading, showMoreChannels } = state.context;\n\n const actionItems = [\n {\n id: 1,\n label: 'Create Channel',\n onPress: () => navigation.navigate(NavigationRoutes.Channels, { orgName }),\n },\n {\n id: 2,\n label: 'Browse Channels',\n onPress: () => navigation.navigate(NavigationRoutes.Channels, { orgName }),\n },\n ];\n\n // GraphQL Queries\n const {\n data: userChannels,\n loading: userChannelsLoading,\n refetch: reFetchUserChannels,\n fetchMore: fetchMoreUserChannels,\n } = useGetChannelsByUserQuery({\n variables: {\n criteria: {\n orgName: orgName,\n type: defaultChannelType,\n team: null,\n },\n limit: 21,\n },\n onCompleted(data) {\n send({\n type: 'SET_CHANNELS',\n data: { channels: data?.channelsByUser \|\| [] },\n });\n },\n });\n\n // Initialize XState with the org name on mount\n useEffect(() => {\n if (orgName) {\n console.log('Channels: Initializing state with orgName:', orgName);\n send({\n type: 'INITIAL_CONTEXT',\n data: { orgName },\n });\n }\n\n return () => {\n send({ type: 'CLEAR_DATA' });\n };\n }, [orgName]);\n\n useFocusEffect(\n React.useCallback(() => {\n // Only fetch channels when first focused or when we don't have any channels\n if (!channels \|\| channels.length === 0) {\n reFetchChannels();\n }\n\n return () => {\n // Do something when the screen is unfocused\n // Useful for cleanup functions\n };\n }, [channels]),\n );\n\n const reFetchChannels = React.useCallback(() => {\n // Skip refetch if we're already loading\n if (state.context.channelsLoading) {\n console.log('Skipping channels refetch - already in progress');\n return;\n }\n\n if (orgName) {\n console.log('Refetching channels');\n send({ type: 'REFETCH_CHANNELS' });\n reFetchUserChannels({\n criteria: {\n orgName: orgName,\n type: defaultChannelType,\n team: null,\n },\n limit: 21,\n }).then((res) => {\n if (res?.data?.channelsByUser) {\n send({\n type: 'SET_CHANNELS',\n data: { channels: res.data.channelsByUser },\n });\n }\n });\n }\n }, [orgName, send, state.context.channelsLoading]);\n\n const fetchMoreChannels = React.useCallback(\n (skip: number) => {\n send({ type: 'FETCH_MORE_CHANNELS' });\n fetchMoreUserChannels({\n variables: {\n criteria: {\n orgName: orgName,\n type: defaultChannelType,\n team: null,\n },\n skip,\n },\n })?.then((res: any) => {\n send({\n type: 'FETCH_MORE_CHANNELS_SUCCESS',\n data: { channels: res?.data?.channelsByUser \|\| [] },\n });\n });\n },\n [orgName, send],\n );\n\n const organizationChannels = React.useMemo(() => {\n //Direct channel\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 20,\n )) \|\|\n []\n );\n }, [channels]);\n\n const openInbox = React.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],\n );\n\n return (\n <View style={[styles.channelContainer, { paddingHorizontal: 10 }]}>\n <TouchableOpacity\n style={[styles.headingContainer, { paddingVertical: 8, marginBottom: 4 }]}\n onPress={() => setExpendable(!expandable)}\n >\n <HStack className=\"flex-1 items-center justify-between\">\n <Text style={{ fontSize: 15, fontWeight: '600', color: '#1f2937' }}>Channels</Text>\n <HStack space={'sm'} className=\"items-center\">\n {channelsLoading && <Spinner size={'small'} color={'$blue600'} />}\n <Pressable onPress={() => navigation.navigate(NavigationRoutes.AddChannel)}>\n <Box className=\"rounded-md w-6 h-6 justify-center items-center\">\n <Text className=\"text-lg text-slate-700\">+</Text>\n </Box>\n </Pressable>\n {expandable ? (\n <MaterialIcons color={'#4b5563'} name={'keyboard-arrow-up'} size={22} />\n ) : (\n <MaterialIcons color={'#4b5563'} name={'keyboard-arrow-down'} size={22} />\n )}\n </HStack>\n </HStack>\n </TouchableOpacity>\n\n {expandable && (\n <>\n {!channelsLoading && !channels?.length ? (\n <Box className=\"py-2 px-1\">\n <Text color={colors.gray[600]}>No channels available</Text>\n </Box>\n ) : (\n <FlatList\n style={{ paddingVertical: 4 }}\n scrollEnabled={false}\n data={\n channels && !channelsLoading\n ? channels?.filter((i: any) => i?.type !== RoomType.Direct)\n : []\n }\n renderItem={({ item }) => {\n return (\n <Pressable\n onPress={() =>\n openInbox(item?.id, item?.title, item?.members?.length, item?.type)\n }\n >\n <Box style={{ paddingVertical: 8, paddingHorizontal: 1, marginVertical: 1 }}>\n <HStack space={'md'} className=\"flex-1 items-center\">\n <Box\n style={{\n width: 24,\n height: 24,\n borderRadius: 4,\n alignItems: 'center',\n justifyContent: 'center',\n }}\n >\n <Text className=\"text-black font-medium\">#</Text>\n </Box>\n <Text className=\"text-gray-700 flex-1\">{item.title}</Text>\n </HStack>\n </Box>\n </Pressable>\n );\n }}\n keyExtractor={(item) => String(item.id)}\n />\n )}\n\n {showMoreChannels && channels?.length >= 20 && (\n <Pressable onPress={() => fetchMoreChannels(channels?.length)} className=\"px-1 py-3\">\n <Text className=\"text-blue-600 font-medium\">Show more channels...</Text>\n </Pressable>\n )}\n </>\n )}\n </View>\n );\n};\n\nexport default React.memo(Channels);\n"],"names":["React","_a"],"mappings":"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"}