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

package/lib/screens/Inbox/InboxChannelDetail.js

@@ -1,10 +1,15 @@
-import React__default from'react';import {userSelector,isUserAuthenticated}from'@adminide-stack/user-auth0-client';import {RoomType}from'common';import {useViewChannelDetailQuery}from'common/lib/generated/generated.js';import'tslib';import {MaterialIcons,Octicons,AntDesign,Feather}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {Box,VStack,HStack,Button,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text,Image,Divider,ButtonText,ScrollView,FlatList,Switch,SafeAreaView,SectionList}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {useSelector}from'react-redux';import {startCase}from'lodash-es';import'../../constants/device.js';import'../../constants/globalStyles.js';import images from'../../constants/preloadImages.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';const InboxChannelDetailScreen = ({
+import React__default from'react';import {userSelector,isUserAuthenticated}from'@adminide-stack/user-auth0-client';import {RoomType}from'common';import {useViewChannelDetailQuery}from'common/lib/generated/generated.js';import {MaterialIcons,Octicons,AntDesign,Feather}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {Box,VStack,HStack,Button,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text,Image,Divider,ButtonText,ScrollView,FlatList,Switch,SafeAreaView,SectionList}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {useSelector}from'react-redux';import {startCase}from'lodash-es';import'../../constants/device.js';import'../../constants/globalStyles.js';import images from'../../constants/preloadImages.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';const InboxChannelDetailScreen = ({
   channelId,
   navigation
 }) => {
-  useDrawerLayout();
+  const {
+    orgName,
+    organizationDetail
+  } = useDrawerLayout();
   const user = useSelector(userSelector);
-  isUserAuthenticated();
+  const {
+    authenticated
+  } = isUserAuthenticated();
   const titleCharacterLimit = 18;
   const {
     data: channelData,
@@ -12,472 +17,161 @@ import React__default from'react';import {userSelector,isUserAuthenticated}from'
     refetch: reFetchChannel
   } = useViewChannelDetailQuery({
     variables: {
-      id: channelId === null || channelId === void 0 ? void 0 : channelId.toString()
+      id: channelId == null ? void 0 : channelId.toString()
     }
   });
   React__default.useEffect(() => {
-    // Do something when the screen is focused
     reFetchChannel({
-      id: channelId === null || channelId === void 0 ? void 0 : channelId.toString()
+      id: channelId == null ? void 0 : channelId.toString()
     });
-    return () => {};
+    return () => {
+    };
   }, []);
   const channel = React__default.useMemo(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const channelMembers = (_d = (_c = (_b = (_a = channelData === null || channelData === void 0 ? void 0 : channelData.viewChannelDetail) === null || _a === void 0 ? void 0 : _a.members) === null || _b === void 0 ? void 0 : _b.filter(ch => {
-      var _a, _b;
-      return ((_a = ch === null || ch === void 0 ? void 0 : ch.user) === null || _a === void 0 ? void 0 : _a.id) != (user === null || user === void 0 ? void 0 : user.id) && ((_b = ch === null || ch === void 0 ? void 0 : ch.user) === null || _b === void 0 ? void 0 : _b.__typename) == 'UserAccount';
-    })) === null || _c === void 0 ? void 0 : _c.map(m => m === null || m === void 0 ? void 0 : m.user)) !== null && _d !== void 0 ? _d : null;
-    const membersNameAsTitle = ((_e = channelData === null || channelData === void 0 ? void 0 : channelData.viewChannelDetail) === null || _e === void 0 ? void 0 : _e.type) == RoomType.Direct ? (_h = (_g = (_f = channelMembers === null || channelMembers === void 0 ? void 0 : channelMembers.map(u => {
-      var _a;
-      return (_a = u === null || u === void 0 ? void 0 : u.givenName) !== null && _a !== void 0 ? _a : '';
-    })) === null || _f === void 0 ? void 0 : _f.filter(mu => mu)) === null || _g === void 0 ? void 0 : _g.join(', ')) !== null && _h !== void 0 ? _h : '' : null;
-    const title = membersNameAsTitle || ((_j = channelData === null || channelData === void 0 ? void 0 : channelData.viewChannelDetail) === null || _j === void 0 ? void 0 : _j.title) || '';
-    const channelTitle = (title === null || title === void 0 ? void 0 : title.length) > titleCharacterLimit ? (title === null || title === void 0 ? void 0 : title.substring(0, titleCharacterLimit)) + '...' : title;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    const channelMembers2 = (_d = (_c = (_b = (_a = channelData == null ? void 0 : channelData.viewChannelDetail) == null ? void 0 : _a.members) == null ? void 0 : _b.filter((ch) => {
+      var _a2, _b2;
+      return ((_a2 = ch == null ? void 0 : ch.user) == null ? void 0 : _a2.id) != (user == null ? void 0 : user.id) && ((_b2 = ch == null ? void 0 : ch.user) == null ? void 0 : _b2.__typename) == "UserAccount";
+    })) == null ? void 0 : _c.map((m) => m == null ? void 0 : m.user)) != null ? _d : null;
+    const membersNameAsTitle = ((_e = channelData == null ? void 0 : channelData.viewChannelDetail) == null ? void 0 : _e.type) == RoomType.Direct ? (_h = (_g = (_f = channelMembers2 == null ? void 0 : channelMembers2.map((u) => {
+      var _a2;
+      return (_a2 = u == null ? void 0 : u.givenName) != null ? _a2 : "";
+    })) == null ? void 0 : _f.filter((mu) => mu)) == null ? void 0 : _g.join(", ")) != null ? _h : "" : null;
+    const title = membersNameAsTitle || ((_i = channelData == null ? void 0 : channelData.viewChannelDetail) == null ? void 0 : _i.title) || "";
+    const channelTitle = (title == null ? void 0 : title.length) > titleCharacterLimit ? (title == null ? void 0 : title.substring(0, titleCharacterLimit)) + "..." : title;
     return [{
       title: channelTitle,
-      data: (channelData === null || channelData === void 0 ? void 0 : channelData.viewChannelDetail) ? [{
+      data: (channelData == null ? void 0 : channelData.viewChannelDetail) ? [{
         title: channelTitle,
-        data: channelData === null || channelData === void 0 ? void 0 : channelData.viewChannelDetail
+        data: channelData == null ? void 0 : channelData.viewChannelDetail
       }] : []
     }];
   }, [channelData]);
   const channelType = React__default.useMemo(() => {
     var _a;
-    if (!(channelData === null || channelData === void 0 ? void 0 : channelData.viewChannelDetail)) return 'CHANNEL';
-    return (_a = channelData === null || channelData === void 0 ? void 0 : channelData.viewChannelDetail) === null || _a === void 0 ? void 0 : _a.type;
+    if (!(channelData == null ? void 0 : channelData.viewChannelDetail))
+      return "CHANNEL";
+    return (_a = channelData == null ? void 0 : channelData.viewChannelDetail) == null ? void 0 : _a.type;
   }, [channelData]);
   const channelMembers = React__default.useMemo(() => {
     var _a, _b, _c, _d, _e, _f, _g;
-    if (!((_a = channelData === null || channelData === void 0 ? void 0 : channelData.viewChannelDetail) === null || _a === void 0 ? void 0 : _a.members) || ((_c = (_b = channelData === null || channelData === void 0 ? void 0 : channelData.viewChannelDetail) === null || _b === void 0 ? void 0 : _b.members) === null || _c === void 0 ? void 0 : _c.length) == 0) return null;
-    return (_g = (_f = (_e = (_d = channelData === null || channelData === void 0 ? void 0 : channelData.viewChannelDetail) === null || _d === void 0 ? void 0 : _d.members) === null || _e === void 0 ? void 0 : _e.filter(ch => {
-      var _a, _b;
-      return ((_a = ch === null || ch === void 0 ? void 0 : ch.user) === null || _a === void 0 ? void 0 : _a.id) != (user === null || user === void 0 ? void 0 : user.id) && ((_b = ch === null || ch === void 0 ? void 0 : ch.user) === null || _b === void 0 ? void 0 : _b.__typename) == 'UserAccount';
-    })) === null || _f === void 0 ? void 0 : _f.map(m => m === null || m === void 0 ? void 0 : m.user)) !== null && _g !== void 0 ? _g : null;
+    if (!((_a = channelData == null ? void 0 : channelData.viewChannelDetail) == null ? void 0 : _a.members) || ((_c = (_b = channelData == null ? void 0 : channelData.viewChannelDetail) == null ? void 0 : _b.members) == null ? void 0 : _c.length) == 0)
+      return null;
+    return (_g = (_f = (_e = (_d = channelData == null ? void 0 : channelData.viewChannelDetail) == null ? void 0 : _d.members) == null ? void 0 : _e.filter((ch) => {
+      var _a2, _b2;
+      return ((_a2 = ch == null ? void 0 : ch.user) == null ? void 0 : _a2.id) != (user == null ? void 0 : user.id) && ((_b2 = ch == null ? void 0 : ch.user) == null ? void 0 : _b2.__typename) == "UserAccount";
+    })) == null ? void 0 : _f.map((m) => m == null ? void 0 : m.user)) != null ? _g : null;
   }, [channelData]);
   const memberImage = React__default.useMemo(() => {
     var _a, _b;
-    return channelType == RoomType.Direct && (channelMembers === null || channelMembers === void 0 ? void 0 : channelMembers.length) == 1 ? (_b = (_a = channelMembers[0]) === null || _a === void 0 ? void 0 : _a.picture) !== null && _b !== void 0 ? _b : null : null;
+    return channelType == RoomType.Direct && (channelMembers == null ? void 0 : channelMembers.length) == 1 ? (_b = (_a = channelMembers[0]) == null ? void 0 : _a.picture) != null ? _b : null : null;
   }, [channelMembers]);
   const SectionHeaderComponent = React__default.memo(({
     title
   }) => {
-    return React__default.createElement(Box, {
-      bg: '$white',
-      flex: 1
-    }, React__default.createElement(VStack, {
-      space: 'md'
-    }, React__default.createElement(HStack, {
-      flex: 1,
-      justifyContent: 'space-between',
-      alignItems: 'center',
-      py: '$2'
-    }, React__default.createElement(HStack, {
-      flex: 1,
-      alignItems: 'center'
-    }, React__default.createElement(Button
-    //onPress={() => navigation?.goBack?.()}
-    , {
-      //onPress={() => navigation?.goBack?.()}
-      bg: 'transparent',
-      onPress: () => navigation === null || navigation === void 0 ? void 0 : navigation.goBack()
-    }, React__default.createElement(MaterialIcons, {
-      size: 30,
-      name: "keyboard-arrow-left",
-      color: "black"
-    })), React__default.createElement(Box, {
-      py: '$2'
-    }, memberImage ? React__default.createElement(Avatar, {
-      key: 'inbox-channel-member-image-key',
-      size: 'sm',
-      bg: 'transparent'
-    }, React__default.createElement(AvatarFallbackText, null, startCase(title === null || title === void 0 ? void 0 : title.charAt(0))), React__default.createElement(AvatarImage, {
-      alt: "image",
-      style: {
-        width: 30,
-        height: 30,
-        borderRadius: 6,
-        borderWidth: 2,
-        borderColor: '#fff'
-      },
-      source: {
-        uri: memberImage
-      }
-    }), React__default.createElement(AvatarBadge, {
-      style: {
-        width: 10,
-        height: 10
+    return /* @__PURE__ */ React__default.createElement(Box, { bg: "$white", flex: 1 }, /* @__PURE__ */ React__default.createElement(VStack, { space: "md" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, justifyContent: "space-between", alignItems: "center", py: "$2" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        bg: "transparent",
+        onPress: () => navigation == null ? void 0 : navigation.goBack()
       },
-      bg: "$green800"
-    })) : channelType == RoomType.Channel ? React__default.createElement(Text, {
-      pl: '$2'
-    }, React__default.createElement(Octicons, {
-      color: "black",
-      name: "hash",
-      size: 20
-    })) : channelType === RoomType.Private ? React__default.createElement(Text, {
-      pl: '$2'
-    }, React__default.createElement(Octicons, {
-      color: "black",
-      name: "lock",
-      size: 20
-    })) : React__default.createElement(React__default.Fragment, null)), React__default.createElement(Text, {
-      px: '$2',
-      color: "$black",
-      flexWrap: 'wrap',
-      fontSize: 18,
-      fontWeight: "$bold",
-      numberOfLines: 1
-    }, title)), React__default.createElement(HStack, {
-      alignItems: 'center'
-    }, React__default.createElement(Button, {
-      bg: 'transparent',
-      size: 'md',
-      "$pressed-bg": "$trueGray200",
-      "$active-bg": '$trueGray200'
-    }, React__default.createElement(Octicons, {
-      color: "black",
-      name: "pencil",
-      size: 20
-    })), React__default.createElement(Button, {
-      bg: 'transparent',
-      size: 'md',
-      "$pressed-bg": "$trueGray200",
-      "$active-bg": '$trueGray200'
-    }, React__default.createElement(MaterialIcons, {
-      color: "black",
-      name: "more-vert",
-      size: 20
-    }))))));
+      /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 30, name: "keyboard-arrow-left", color: "black" })
+    ), /* @__PURE__ */ React__default.createElement(Box, { py: "$2" }, memberImage ? /* @__PURE__ */ React__default.createElement(Avatar, { key: "inbox-channel-member-image-key", size: "sm", bg: "transparent" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase(title == null ? void 0 : title.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
+      width: 30,
+      height: 30,
+      borderRadius: 6,
+      borderWidth: 2,
+      borderColor: "#fff"
+    }, source: {
+      uri: memberImage
+    } }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
+      width: 10,
+      height: 10
+    }, bg: "$green800" })) : channelType == RoomType.Channel ? /* @__PURE__ */ React__default.createElement(Text, { pl: "$2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 20 })) : channelType === RoomType.Private ? /* @__PURE__ */ React__default.createElement(Text, { pl: "$2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 20 })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)), /* @__PURE__ */ React__default.createElement(Text, { px: "$2", color: "$black", flexWrap: "wrap", fontSize: 18, fontWeight: "$bold", numberOfLines: 1 }, title)), /* @__PURE__ */ React__default.createElement(HStack, { alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", size: "md", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "pencil", size: 20 })), /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", size: "md", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { color: "black", name: "more-vert", size: 20 }))))));
   });
   const SectionItemChannelMembers = React__default.memo(({
     member
   }) => {
     var _a, _b, _c, _d, _e;
-    const fullName = ((_a = member === null || member === void 0 ? void 0 : member.user) === null || _a === void 0 ? void 0 : _a.givenName) + ' ' + ((_b = member === null || member === void 0 ? void 0 : member.user) === null || _b === void 0 ? void 0 : _b.familyName);
-    const fullNameWithCharLimit = (fullName === null || fullName === void 0 ? void 0 : fullName.length) > 15 ? (fullName === null || fullName === void 0 ? void 0 : fullName.substring(0, 15)) + '...' : fullName;
-    return React__default.createElement(Button, {
-      bg: 'transparent',
-      variant: 'solid',
-      px: '$0',
-      rounded: '$lg',
-      // w={'$20'}
-      size: 'md',
-      h: '100%',
-      "$pressed-bg": "$trueGray200",
-      "$active-bg": '$trueGray200'
-    }, React__default.createElement(VStack, {
-      flex: 1,
-      space: 'sm',
-      px: '$2'
-    }, React__default.createElement(Image, {
-      source: {
-        uri: (_c = member === null || member === void 0 ? void 0 : member.user) === null || _c === void 0 ? void 0 : _c.picture
+    const fullName = ((_a = member == null ? void 0 : member.user) == null ? void 0 : _a.givenName) + " " + ((_b = member == null ? void 0 : member.user) == null ? void 0 : _b.familyName);
+    const fullNameWithCharLimit = (fullName == null ? void 0 : fullName.length) > 15 ? (fullName == null ? void 0 : fullName.substring(0, 15)) + "..." : fullName;
+    return /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        bg: "transparent",
+        variant: "solid",
+        px: "$0",
+        rounded: "$lg",
+        size: "md",
+        h: "100%",
+        "$pressed-bg": "$trueGray200",
+        "$active-bg": "$trueGray200"
       },
-      alt: startCase((_e = (_d = member === null || member === void 0 ? void 0 : member.user) === null || _d === void 0 ? void 0 : _d.username) === null || _e === void 0 ? void 0 : _e.charAt(0)),
-      size: 'md',
-      rounded: '$lg'
-    }), React__default.createElement(Text, {
-      fontSize: 12,
-      fontWeight: '$bold',
-      textAlign: 'center',
-      flexWrap: 'wrap',
-      alignItems: 'flex-start',
-      numberOfLines: 2,
-      color: '$black'
-    }, fullNameWithCharLimit)));
+      /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, space: "sm", px: "$2" }, /* @__PURE__ */ React__default.createElement(Image, { source: {
+        uri: (_c = member == null ? void 0 : member.user) == null ? void 0 : _c.picture
+      }, alt: startCase((_e = (_d = member == null ? void 0 : member.user) == null ? void 0 : _d.username) == null ? void 0 : _e.charAt(0)), size: "md", rounded: "$lg" }), /* @__PURE__ */ React__default.createElement(Text, { fontSize: 12, fontWeight: "$bold", textAlign: "center", flexWrap: "wrap", alignItems: "flex-start", numberOfLines: 2, color: "$black" }, fullNameWithCharLimit))
+    );
   });
   const SectionItemComponent = React__default.memo(({
     item
   }) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    return React__default.createElement(VStack, {
-      space: 'md',
-      bg: '$white',
-      flex: 1,
-      px: '$2'
-    }, React__default.createElement(HStack, {
-      flex: 1,
-      alignItems: 'center'
-    }, React__default.createElement(Box, null, memberImage ? React__default.createElement(Avatar, {
-      key: 'inbox-channel-member-profile-key',
-      size: 'sm',
-      bg: 'transparent'
-    }, React__default.createElement(AvatarFallbackText, null, " ", startCase((_a = item === null || item === void 0 ? void 0 : item.title) === null || _a === void 0 ? void 0 : _a.charAt(0))), React__default.createElement(AvatarImage, {
-      alt: "image",
-      style: {
-        width: 30,
-        height: 30,
-        borderRadius: 6,
-        borderWidth: 2,
-        borderColor: '#fff'
-      },
-      source: {
-        uri: memberImage
-      }
-    }), React__default.createElement(AvatarBadge, {
-      style: {
-        width: 10,
-        height: 10
-      },
-      bg: "$green800"
-    })) : channelType == RoomType.Channel ? React__default.createElement(Text, {
-      pl: '$2'
-    }, React__default.createElement(Octicons, {
-      color: "black",
-      name: "hash",
-      size: 20
-    })) : channelType === RoomType.Private ? React__default.createElement(Text, {
-      pl: '$2'
-    }, React__default.createElement(Octicons, {
-      color: "black",
-      name: "lock",
-      size: 20
-    })) : React__default.createElement(React__default.Fragment, null)), React__default.createElement(Text, {
-      px: '$2',
-      color: "$black",
-      flexWrap: 'wrap',
-      fontSize: 18,
-      fontWeight: "$bold",
-      numberOfLines: 1
-    }, item === null || item === void 0 ? void 0 : item.title)), React__default.createElement(Box, {
-      flex: 1
-    }, React__default.createElement(Text, {
-      color: '$black',
-      fontSize: 15,
-      textAlign: 'justify'
-    }, React__default.createElement(Text, {
-      fontWeight: '$bold',
-      color: '$black',
+    return /* @__PURE__ */ React__default.createElement(VStack, { space: "md", bg: "$white", flex: 1, px: "$2" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Box, null, memberImage ? /* @__PURE__ */ React__default.createElement(Avatar, { key: "inbox-channel-member-profile-key", size: "sm", bg: "transparent" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, " ", startCase((_a = item == null ? void 0 : item.title) == null ? void 0 : _a.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
+      width: 30,
+      height: 30,
+      borderRadius: 6,
+      borderWidth: 2,
+      borderColor: "#fff"
+    }, source: {
+      uri: memberImage
+    } }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
+      width: 10,
+      height: 10
+    }, bg: "$green800" })) : channelType == RoomType.Channel ? /* @__PURE__ */ React__default.createElement(Text, { pl: "$2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 20 })) : channelType === RoomType.Private ? /* @__PURE__ */ React__default.createElement(Text, { pl: "$2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 20 })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)), /* @__PURE__ */ React__default.createElement(Text, { px: "$2", color: "$black", flexWrap: "wrap", fontSize: 18, fontWeight: "$bold", numberOfLines: 1 }, item == null ? void 0 : item.title)), /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Text, { color: "$black", fontSize: 15, textAlign: "justify" }, /* @__PURE__ */ React__default.createElement(Text, { fontWeight: "$bold", color: "$black", fontSize: 15 }, "Description:", " "), (_b = item == null ? void 0 : item.data) == null ? void 0 : _b.description)), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", flex: 1, justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Button, { variant: "outline", flex: 1, alignItems: "center", rounded: "$lg", py: "$4", h: "100%", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200", borderColor: "$trueGray200", onPress: () => navigation.navigate(NavigationRoutes.AddPeople, {
+      channelId,
+      isAddMemeber: true
+    }) }, /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, space: "sm", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "adduser", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { fontSize: 12, fontWeight: "$bold", color: "$black" }, "Add"))), /* @__PURE__ */ React__default.createElement(Button, { variant: "outline", flex: 1, alignItems: "center", rounded: "$lg", py: "$4", h: "100%", borderColor: "$trueGray200", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200" }, /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, space: "sm", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Feather, { color: "$black", name: "headphones", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { fontSize: 12, fontWeight: "$bold", color: "$black" }, "Huddle"))), /* @__PURE__ */ React__default.createElement(Button, { variant: "outline", flex: 1, alignItems: "center", rounded: "$lg", py: "$4", h: "100%", borderColor: "$trueGray200", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200" }, /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, space: "sm", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "search1", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { fontSize: 12, fontWeight: "$bold", color: "$black" }, "Search")))), /* @__PURE__ */ React__default.createElement(Divider, null), /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, space: "sm" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Text, { fontSize: 15, color: "$black", fontWeight: "$semibold" }, "Members(", (_d = (_c = item == null ? void 0 : item.data) == null ? void 0 : _c.members) == null ? void 0 : _d.length, ")"), /* @__PURE__ */ React__default.createElement(Button, { variant: "link" }, /* @__PURE__ */ React__default.createElement(ButtonText, { fontWeight: "$semibold", style: {
       fontSize: 15
-    }, "Description:", ' '), (_b = item === null || item === void 0 ? void 0 : item.data) === null || _b === void 0 ? void 0 : _b.description)), React__default.createElement(HStack, {
-      space: 'sm',
-      flex: 1,
-      justifyContent: 'space-between',
-      alignItems: 'center'
-    }, React__default.createElement(Button, {
-      variant: 'outline',
-      flex: 1,
-      alignItems: 'center',
-      rounded: '$lg',
-      py: '$4',
-      h: '100%',
-      "$pressed-bg": "$trueGray200",
-      "$active-bg": '$trueGray200',
-      borderColor: '$trueGray200',
-      onPress: () => navigation.navigate(NavigationRoutes.AddPeople, {
-        channelId,
-        isAddMemeber: true
-      })
-    }, React__default.createElement(VStack, {
-      flex: 1,
-      space: 'sm',
-      justifyContent: 'center',
-      alignItems: 'center'
-    }, React__default.createElement(AntDesign, {
-      color: "black",
-      name: "adduser",
-      size: 20
-    }), React__default.createElement(Text, {
-      fontSize: 12,
-      fontWeight: '$bold',
-      color: '$black'
-    }, "Add"))), React__default.createElement(Button, {
-      variant: 'outline',
-      flex: 1,
-      alignItems: 'center',
-      rounded: '$lg',
-      py: '$4',
-      h: '100%',
-      borderColor: '$trueGray200',
-      "$pressed-bg": "$trueGray200",
-      "$active-bg": '$trueGray200'
-    }, React__default.createElement(VStack, {
-      flex: 1,
-      space: 'sm',
-      justifyContent: 'center',
-      alignItems: 'center'
-    }, React__default.createElement(Feather, {
-      color: "$black",
-      name: "headphones",
-      size: 20
-    }), React__default.createElement(Text, {
-      fontSize: 12,
-      fontWeight: '$bold',
-      color: '$black'
-    }, "Huddle"))), React__default.createElement(Button, {
-      variant: 'outline',
-      flex: 1,
-      alignItems: 'center',
-      rounded: '$lg',
-      py: '$4',
-      h: '100%',
-      borderColor: '$trueGray200',
-      "$pressed-bg": "$trueGray200",
-      "$active-bg": '$trueGray200'
-    }, React__default.createElement(VStack, {
-      flex: 1,
-      space: 'sm',
-      justifyContent: 'center',
-      alignItems: 'center'
-    }, React__default.createElement(AntDesign, {
-      color: "black",
-      name: "search1",
-      size: 20
-    }), React__default.createElement(Text, {
-      fontSize: 12,
-      fontWeight: '$bold',
-      color: '$black'
-    }, "Search")))), React__default.createElement(Divider, null), React__default.createElement(VStack, {
-      flex: 1,
-      space: 'sm'
-    }, React__default.createElement(HStack, {
-      flex: 1,
-      justifyContent: 'space-between',
-      alignItems: 'center'
-    }, React__default.createElement(Text, {
-      fontSize: 15,
-      color: '$black',
-      fontWeight: '$semibold'
-    }, "Members(", (_d = (_c = item === null || item === void 0 ? void 0 : item.data) === null || _c === void 0 ? void 0 : _c.members) === null || _d === void 0 ? void 0 : _d.length, ")"), React__default.createElement(Button, {
-      variant: 'link'
-    }, React__default.createElement(ButtonText, {
-      fontWeight: '$semibold',
-      style: {
-        fontSize: 15
+    } }, "See All"))), /* @__PURE__ */ React__default.createElement(ScrollView, { horizontal: true, flex: 1 }, /* @__PURE__ */ React__default.createElement(FlatList, { horizontal: true, data: (_g = (_f = (_e = item == null ? void 0 : item.data) == null ? void 0 : _e.members) == null ? void 0 : _f.slice(0, 10)) != null ? _g : [], ItemSeparatorComponent: () => /* @__PURE__ */ React__default.createElement(Box, { mx: 2 }), renderItem: ({
+      item: member
+    }) => /* @__PURE__ */ React__default.createElement(SectionItemChannelMembers, { member }) }))), /* @__PURE__ */ React__default.createElement(Divider, null), /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, space: "lg" }, /* @__PURE__ */ React__default.createElement(Text, { fontSize: 15, color: "$black", fontWeight: "$semibold" }, "Settings"), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", flex: 1, alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "bells", size: 20 }), /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(VStack, { flex: 0.5, space: "sm" }, /* @__PURE__ */ React__default.createElement(Text, { color: "$black", fontWeight: "$semibold", fontSize: 16 }, "Mute Channel"), /* @__PURE__ */ React__default.createElement(Text, { flexWrap: "wrap", color: "$black", fontSize: 14, textAlign: "justify" }, "Muted channels will always appears read and you won't receive any notification from t.."))), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(
+      Switch,
+      {
+        size: "sm"
       }
-    }, "See All"))), React__default.createElement(ScrollView, {
-      horizontal: true,
-      flex: 1
-    }, React__default.createElement(FlatList, {
-      horizontal: true,
-      data: (_g = (_f = (_e = item === null || item === void 0 ? void 0 : item.data) === null || _e === void 0 ? void 0 : _e.members) === null || _f === void 0 ? void 0 : _f.slice(0, 10)) !== null && _g !== void 0 ? _g : [],
-      ItemSeparatorComponent: () => React__default.createElement(Box, {
-        mx: 2
-      }),
-      renderItem: ({
-        item: member
-      }) => React__default.createElement(SectionItemChannelMembers, {
-        member: member
-      })
-    }))), React__default.createElement(Divider, null), React__default.createElement(VStack, {
-      flex: 1,
-      space: 'lg'
-    }, React__default.createElement(Text, {
-      fontSize: 15,
-      color: '$black',
-      fontWeight: '$semibold'
-    }, "Settings"), React__default.createElement(HStack, {
-      space: 'sm',
-      flex: 1,
-      alignItems: 'center',
-      justifyContent: 'space-between'
-    }, React__default.createElement(AntDesign, {
-      color: "black",
-      name: "bells",
-      size: 20
-    }), React__default.createElement(Box, {
-      flex: 1
-    }, React__default.createElement(VStack, {
-      flex: 0.5,
-      space: "sm"
-    }, React__default.createElement(Text, {
-      color: '$black',
-      fontWeight: '$semibold',
-      fontSize: 16
-    }, "Mute Channel"), React__default.createElement(Text, {
-      flexWrap: 'wrap',
-      color: '$black',
+    ))), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", flex: 1, alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(Avatar, { key: "account-image-key", size: "sm", bg: "transparent", rounded: "$lg" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, "NC"), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
+      width: 30,
+      height: 30,
+      borderRadius: 6,
+      borderWidth: 2,
+      borderColor: "#fff"
+    }, source: images.pushNotification }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
+      width: 10,
+      height: 10
+    }, bg: "$green800" })), /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(VStack, { flex: 0.5, space: "sm" }, /* @__PURE__ */ React__default.createElement(Text, { color: "$black", fontWeight: "$semibold", fontSize: 16 }, "Notification"), /* @__PURE__ */ React__default.createElement(Text, { flexWrap: "wrap", color: "$black", fontSize: 14, textAlign: "justify" }, "Just @mentions"))))), /* @__PURE__ */ React__default.createElement(Button, { variant: "solid", rounded: "$lg", bg: "$rose600" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { name: "logout", color: "white", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { pl: "$1.5", style: {
       fontSize: 14,
-      textAlign: 'justify'
-    }, "Muted channels will always appears read and you won't receive any notification from t.."))), React__default.createElement(Box, null, React__default.createElement(Switch, {
-      size: "sm"
-    }))), React__default.createElement(HStack, {
-      space: 'sm',
-      flex: 1,
-      alignItems: 'center',
-      justifyContent: 'space-between'
-    }, React__default.createElement(Avatar, {
-      key: 'account-image-key',
-      size: 'sm',
-      bg: 'transparent',
-      rounded: '$lg'
-    }, React__default.createElement(AvatarFallbackText, null, "NC"), React__default.createElement(AvatarImage, {
-      alt: "image",
-      style: {
-        width: 30,
-        height: 30,
-        borderRadius: 6,
-        borderWidth: 2,
-        borderColor: '#fff'
-      },
-      source: images.pushNotification
-    }), React__default.createElement(AvatarBadge, {
-      style: {
-        width: 10,
-        height: 10
-      },
-      bg: "$green800"
-    })), React__default.createElement(Box, {
-      flex: 1
-    }, React__default.createElement(VStack, {
-      flex: 0.5,
-      space: "sm"
-    }, React__default.createElement(Text, {
-      color: '$black',
-      fontWeight: '$semibold',
-      fontSize: 16
-    }, "Notification"), React__default.createElement(Text, {
-      flexWrap: 'wrap',
-      color: '$black',
-      fontSize: 14,
-      textAlign: 'justify'
-    }, "Just @mentions"))))), React__default.createElement(Button, {
-      variant: 'solid',
-      rounded: '$lg',
-      bg: '$rose600'
-    }, React__default.createElement(MaterialIcons, {
-      name: "logout",
-      color: 'white',
-      size: 20
-    }), React__default.createElement(ButtonText, {
-      pl: '$1.5',
-      style: {
-        fontSize: 14,
-        fontWeight: 'bold'
-      }
-    }, "Leave channel")));
+      fontWeight: "bold"
+    } }, "Leave channel")));
   });
-  return React__default.createElement(SafeAreaView, {
-    flex: 1
-  }, React__default.createElement(StatusBar, {
-    style: 'dark'
-  }), React__default.createElement(Box, {
-    flex: 1,
-    bg: '$white'
-  }, React__default.createElement(Box, {
-    flex: 1
-  }, React__default.createElement(SectionList, {
-    contentContainerStyle: {
-      flexGrow: 1,
-      paddingBottom: 50
-    },
-    w: '100%',
-    h: '100%',
-    // maxW={'100%'}
-    sections: channel,
-    keyExtractor: index => 'inbox-channel-' + index,
-    renderItem: ({
-      item
-    }) => React__default.createElement(SectionItemComponent, {
-      item: item
-    }),
-    renderSectionHeader: ({
-      section: {
-        title
-      }
-    }) => React__default.createElement(SectionHeaderComponent, {
-      title: title
-    })
-  }))));
+  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { flex: 1 }, /* @__PURE__ */ React__default.createElement(StatusBar, { style: "dark" }), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, bg: "$white" }, /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(
+    SectionList,
+    {
+      contentContainerStyle: {
+        flexGrow: 1,
+        paddingBottom: 50
+      },
+      w: "100%",
+      h: "100%",
+      sections: channel,
+      keyExtractor: (index) => "inbox-channel-" + index,
+      renderItem: ({
+        item
+      }) => /* @__PURE__ */ React__default.createElement(SectionItemComponent, { item }),
+      renderSectionHeader: ({
+        section: {
+          title
+        }
+      }) => /* @__PURE__ */ React__default.createElement(SectionHeaderComponent, { title })
+    }
+  ))));
 };export{InboxChannelDetailScreen as default};//# sourceMappingURL=InboxChannelDetail.js.map