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

package/lib/screens/Search/SearchAddChannel.js

@@ -1,6 +1,25 @@
-import {__awaiter}from'tslib';import React__default,{useState,useEffect,useCallback}from'react';import {HStack,Box,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text,Checkbox,CheckboxIndicator,CheckboxIcon,CheckIcon}from'@admin-layout/gluestack-ui-mobile';import {Dimensions,Keyboard,TouchableOpacity}from'react-native';import {RoomType}from'common';import {useGetChannelsByUserLazyQuery,useGetOrganizationMembersWithChannelsQuery}from'common/lib/generated/generated.js';import {DialogMessages}from'@messenger-box/platform-mobile';import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import {startCase,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';import'@react-navigation/core';import'../../components/Header/styles.js';import'../../components/Tiles/styles.js';import'../../components/CustomDrawer/CustomDrawer.js';import'../../components/CustomBottomTabs/CustomBottomTabs.js';import'../../components/NavigationHeader/NavigationHeader.js';import'@react-navigation/elements';import'../../constants/routes.js';import'@common-stack/client-react';import'../../components/NavigationHeader/InboxNavigationHeader.js';import {LoadingSpinnerDefault}from'../../components/LoadingSpinner/index.js';import'../../components/WorkSpaceDrawer/WorkSpaceDrawer.js';import'../../components/Channels/ChannelsByAlphabeticalAccordion.js';import {SlackInput}from'../../components/SlackSearchInput/index.js';const windowWidth = Dimensions.get('window').width;
-const windowHeight = Dimensions.get('window').height;
-Dimensions.get('screen').height;
+import React__default,{useState,useEffect,useCallback}from'react';import {HStack,Box,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text,Checkbox,CheckboxIndicator,CheckboxIcon,CheckIcon}from'@admin-layout/gluestack-ui-mobile';import {Keyboard,TouchableOpacity,Dimensions}from'react-native';import {RoomType}from'common';import {useGetChannelsByUserLazyQuery,useGetOrganizationMembersWithChannelsQuery}from'common/lib/generated/generated.js';import {DialogMessages}from'@messenger-box/platform-mobile';import {useNavigation,useIsFocused,useFocusEffect}from'@react-navigation/native';import {userSelector}from'@adminide-stack/user-auth0-client';import {useSelector}from'react-redux';import {startCase,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';import'@react-navigation/core';import'../../components/Header/styles.js';import'../../components/Tiles/styles.js';import'../../components/CustomDrawer/CustomDrawer.js';import'../../components/CustomBottomTabs/CustomBottomTabs.js';import'../../components/NavigationHeader/NavigationHeader.js';import'@react-navigation/elements';import'@common-stack/client-react';import'../../components/NavigationHeader/InboxNavigationHeader.js';import {LoadingSpinnerDefault}from'../../components/LoadingSpinner/index.js';import'../../components/WorkSpaceDrawer/WorkSpaceDrawer.js';import'../../components/Channels/ChannelsByAlphabeticalAccordion.js';import {SlackInput}from'../../components/SlackSearchInput/index.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const windowWidth = Dimensions.get("window").width;
+const windowHeight = Dimensions.get("window").height;
+Dimensions.get("screen").height;
 const defaultChannelType = [RoomType.Channel, RoomType.Private, RoomType.Public, RoomType.Direct];
 const orgMemersDataFetchLimit = 10;
 const useKeyboard = () => {
@@ -8,14 +27,13 @@ const useKeyboard = () => {
   useEffect(() => {
     function onKeyboardDidShow(e) {
       var _a, _b;
-      // Remove type here if not using TypeScript
-      setKeyboardHeight((_b = (_a = e === null || e === void 0 ? void 0 : e.endCoordinates) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : 0);
+      setKeyboardHeight((_b = (_a = e == null ? void 0 : e.endCoordinates) == null ? void 0 : _a.height) != null ? _b : 0);
     }
     function onKeyboardDidHide() {
       setKeyboardHeight(0);
     }
-    const showSubscription = Keyboard.addListener('keyboardDidShow', onKeyboardDidShow);
-    const hideSubscription = Keyboard.addListener('keyboardDidHide', onKeyboardDidHide);
+    const showSubscription = Keyboard.addListener("keyboardDidShow", onKeyboardDidShow);
+    const hideSubscription = Keyboard.addListener("keyboardDidHide", onKeyboardDidHide);
     return () => {
       showSubscription.remove();
       hideSubscription.remove();
@@ -23,8 +41,8 @@ const useKeyboard = () => {
   }, []);
   return keyboardHeight;
 };
-const SearchAddChannel = props => {
-  var _a;
+const SearchAddChannel = (props) => {
+  var _a, _b;
   const navigation = useNavigation();
   const {
     orgName,
@@ -34,22 +52,18 @@ const SearchAddChannel = props => {
   const user = useSelector(userSelector);
   const [channels, setChannels] = useState([]);
   const [initialOrgMembers, setInitialOrgMembers] = useState([]);
-  //const [searchValue, setSearchValue] = useState<any>(route?.params?.searchValue ?? '');
-  useState([]);
+  const [selectedMembers, setSelectedMembers] = useState([]);
   const [selectedChannels, setSelectedChannels] = useState([]);
-  useState(false);
+  const [showChannels, setShowChannels] = useState(false);
   const [offset, setOffset] = useState(0);
-  useState([]);
-  useState(0);
+  const [organizationMembers, setOrganizationMembers] = useState([]);
+  const [totalMembers, setTotalMembers] = useState(0);
   const [channelId, setChannelId] = useState(null);
   const [isSetInputFocusOut, setInputFocusOut] = useState(false);
   const [isCreateNewChannel, setIsCreateNewChannel] = useState(false);
   useKeyboard();
-  //const suggestions = ['apple', 'orange', 'banana', 'kiwi', 'tadff', 'radfe', 'sadfdf', 'uerer', 'ydafdf', 'zlaood'];
-  // const [tags, setTags] = useState<string[]>([]);
-  //const labelExtractor = (tag: string) => tag;
   const [tags, setTags] = useState([]);
-  const labelExtractor = tag => (tag === null || tag === void 0 ? void 0 : tag.id) ? tag === null || tag === void 0 ? void 0 : tag.id : tag === null || tag === void 0 ? void 0 : tag.userId;
+  const labelExtractor = (tag) => (tag == null ? void 0 : tag.id) ? tag == null ? void 0 : tag.id : tag == null ? void 0 : tag.userId;
   const [getChannelByUser, {
     loading: isChannelByUserLoading
   }] = useGetChannelsByUserLazyQuery();
@@ -60,29 +74,27 @@ const SearchAddChannel = props => {
     refetch
   } = useGetOrganizationMembersWithChannelsQuery({
     variables: {
-      orgName: orgName,
+      orgName,
       channelCriteria: {
-        orgName: orgName,
+        orgName,
         type: defaultChannelType
       },
-      offset: offset,
+      offset,
       limit: orgMemersDataFetchLimit
     },
-    fetchPolicy: 'cache-and-network'
+    fetchPolicy: "cache-and-network"
   });
   useFocusEffect(React__default.useCallback(() => {
     refetch({
-      orgName: orgName,
+      orgName,
       channelCriteria: {
-        orgName: orgName,
+        orgName,
         type: defaultChannelType
       },
-      offset: offset,
+      offset,
       limit: orgMemersDataFetchLimit
     });
     return () => {
-      // Do something when the screen is unfocused
-      // Useful for cleanup functions
       setChannels([]);
       setChannelId(null);
       setInitialOrgMembers([]);
@@ -90,114 +102,109 @@ const SearchAddChannel = props => {
   }, [orgName]));
   React__default.useEffect(() => {
     navigation.setOptions({
-      headerLeft: props => React__default.createElement(TouchableOpacity, {
-        onPress: () => navigation.goBack()
-      }, React__default.createElement(MaterialIcons, {
-        size: 20,
-        name: "close",
-        color: 'black'
-      }))
+      headerLeft: (props2) => /* @__PURE__ */ React__default.createElement(TouchableOpacity, { onPress: () => navigation.goBack() }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 20, name: "close", color: "black" }))
     });
   }, []);
   React__default.useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    if (data === null || data === void 0 ? void 0 : data.channelsByUser) {
-      const allChannels = (_d = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.channelsByUser) === null || _a === void 0 ? void 0 : _a.filter(ch => {
-        var _a, _b, _c;
-        return ch.type == RoomType.Direct && ((_a = ch === null || ch === void 0 ? void 0 : ch.members) === null || _a === void 0 ? void 0 : _a.length) == 1 && ((_b = ch === null || ch === void 0 ? void 0 : ch.members) === null || _b === void 0 ? void 0 : _b.filter(ch => {
-          var _a;
-          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);
-        })) ? ch : (_c = ch === null || ch === void 0 ? void 0 : ch.members) === null || _c === void 0 ? void 0 : _c.filter(m => {
-          var _a;
-          return ((_a = m === null || m === void 0 ? void 0 : m.user) === null || _a === void 0 ? void 0 : _a.id) != (user === null || user === void 0 ? void 0 : user.id);
+    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    if (data == null ? void 0 : data.channelsByUser) {
+      const allChannels = (_d = (_c = (_b2 = (_a2 = data == null ? void 0 : data.channelsByUser) == null ? void 0 : _a2.filter((ch) => {
+        var _a3, _b3, _c2;
+        return ch.type == RoomType.Direct && ((_a3 = ch == null ? void 0 : ch.members) == null ? void 0 : _a3.length) == 1 && ((_b3 = ch == null ? void 0 : ch.members) == null ? void 0 : _b3.filter((ch2) => {
+          var _a4;
+          return ((_a4 = ch2 == null ? void 0 : ch2.user) == null ? void 0 : _a4.id) == (user == null ? void 0 : user.id);
+        })) ? ch : (_c2 = ch == null ? void 0 : ch.members) == null ? void 0 : _c2.filter((m) => {
+          var _a4;
+          return ((_a4 = m == null ? void 0 : m.user) == null ? void 0 : _a4.id) != (user == null ? void 0 : user.id);
         });
-      })) === null || _b === void 0 ? void 0 : _b.map(i => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+      })) == null ? void 0 : _b2.map((i) => {
+        var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
         const ch = {
-          id: i === null || i === void 0 ? void 0 : i.id,
-          title: i === null || i === void 0 ? void 0 : i.title,
-          type: i === null || i === void 0 ? void 0 : i.type
+          id: i == null ? void 0 : i.id,
+          title: i == null ? void 0 : i.title,
+          type: i == null ? void 0 : i.type
         };
-        const channelMembers = (_c = (_b = (_a = i.members) === null || _a === void 0 ? void 0 : _a.map(m => m === null || m === void 0 ? void 0 : m.user)) === null || _b === void 0 ? void 0 : _b.filter(ch => {
-          var _a;
-          return ((_a = i.members) === null || _a === void 0 ? void 0 : _a.length) == 1 && (ch === null || ch === void 0 ? void 0 : ch.id) == (user === null || user === void 0 ? void 0 : user.id) ? ch : (ch === null || ch === void 0 ? void 0 : ch.id) != (user === null || user === void 0 ? void 0 : user.id);
-        })) !== null && _c !== void 0 ? _c : null;
-        const title = ch.type == RoomType.Direct ? (_f = (_e = (_d = channelMembers === null || channelMembers === void 0 ? void 0 : channelMembers.map(u => {
-          var _a;
-          return (u === null || u === void 0 ? void 0 : u.givenName) + ' ' + ((_a = u === null || u === void 0 ? void 0 : u.familyName) !== null && _a !== void 0 ? _a : '');
-        })) === null || _d === void 0 ? void 0 : _d.filter(mu => mu)) === null || _e === void 0 ? void 0 : _e.join(', ')) !== null && _f !== void 0 ? _f : '' : ch.title;
+        const channelMembers = (_c2 = (_b3 = (_a3 = i.members) == null ? void 0 : _a3.map((m) => m == null ? void 0 : m.user)) == null ? void 0 : _b3.filter((ch2) => {
+          var _a4;
+          return ((_a4 = i.members) == null ? void 0 : _a4.length) == 1 && (ch2 == null ? void 0 : ch2.id) == (user == null ? void 0 : user.id) ? ch2 : (ch2 == null ? void 0 : ch2.id) != (user == null ? void 0 : user.id);
+        })) != null ? _c2 : null;
+        const title = ch.type == RoomType.Direct ? (_f2 = (_e2 = (_d2 = channelMembers == null ? void 0 : channelMembers.map((u) => {
+          var _a4;
+          return (u == null ? void 0 : u.givenName) + " " + ((_a4 = u == null ? void 0 : u.familyName) != null ? _a4 : "");
+        })) == null ? void 0 : _d2.filter((mu) => mu)) == null ? void 0 : _e2.join(", ")) != null ? _f2 : "" : ch.title;
         ch.title = title;
-        ch.channelImage = (_g = channelMembers[0]) === null || _g === void 0 ? void 0 : _g.picture;
-        ch.imageAcronym = startCase((_j = (_h = channelMembers[0]) === null || _h === void 0 ? void 0 : _h.username) === null || _j === void 0 ? void 0 : _j.charAt(0));
+        ch.channelImage = (_g2 = channelMembers[0]) == null ? void 0 : _g2.picture;
+        ch.imageAcronym = startCase((_i2 = (_h2 = channelMembers[0]) == null ? void 0 : _h2.username) == null ? void 0 : _i2.charAt(0));
         ch.members = channelMembers;
-        ch.totalMembers = channelMembers === null || channelMembers === void 0 ? void 0 : channelMembers.length;
+        ch.totalMembers = channelMembers == null ? void 0 : channelMembers.length;
         ch.userId = null;
         ch.isOrgMembers = false;
         return ch;
-      })) === null || _c === void 0 ? void 0 : _c.filter(ch => ch)) !== null && _d !== void 0 ? _d : [];
-      const existingDirectChannelsToDelete = new Set((_f = (_e = data === null || data === void 0 ? void 0 : data.channelsByUser) === null || _e === void 0 ? void 0 : _e.map(ch => {
-        var _a;
-        return (_a = ch === null || ch === void 0 ? void 0 : ch.members) === null || _a === void 0 ? void 0 : _a.map(m => {
-          var _a;
-          return (_a = m === null || m === void 0 ? void 0 : m.user) === null || _a === void 0 ? void 0 : _a.id;
+      })) == null ? void 0 : _c.filter((ch) => ch)) != null ? _d : [];
+      const existingDirectChannelsToDelete = new Set((_f = (_e = data == null ? void 0 : data.channelsByUser) == null ? void 0 : _e.map((ch) => {
+        var _a3;
+        return (_a3 = ch == null ? void 0 : ch.members) == null ? void 0 : _a3.map((m) => {
+          var _a4;
+          return (_a4 = m == null ? void 0 : m.user) == null ? void 0 : _a4.id;
         });
-      })) === null || _f === void 0 ? void 0 : _f.flat(1));
-      const allOrgMembers = (_l = (_k = (_j = (_h = (_g = data === null || data === void 0 ? void 0 : data.getOrganizationMembers) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.filter(m => {
-        var _a;
-        return ((_a = m === null || m === void 0 ? void 0 : m.user) === null || _a === void 0 ? void 0 : _a.id) != (user === null || user === void 0 ? void 0 : user.id);
-      }).filter(obj => !existingDirectChannelsToDelete.has(obj === null || obj === void 0 ? void 0 : obj.userId))) === null || _j === void 0 ? void 0 : _j.map(i => {
-        var _a, _b, _c, _d, _e, _f;
+      })) == null ? void 0 : _f.flat(1));
+      const allOrgMembers = (_k = (_j = (_i = (_h = (_g = data == null ? void 0 : data.getOrganizationMembers) == null ? void 0 : _g.data) == null ? void 0 : _h.filter((m) => {
+        var _a3;
+        return ((_a3 = m == null ? void 0 : m.user) == null ? void 0 : _a3.id) != (user == null ? void 0 : user.id);
+      }).filter((obj) => !existingDirectChannelsToDelete.has(obj == null ? void 0 : obj.userId))) == null ? void 0 : _i.map((i) => {
+        var _a3, _b3, _c2, _d2, _e2, _f2;
         const ch = {
           id: null,
-          title: ((_a = i === null || i === void 0 ? void 0 : i.user) === null || _a === void 0 ? void 0 : _a.givenName) + ' ' + ((_b = i === null || i === void 0 ? void 0 : i.user) === null || _b === void 0 ? void 0 : _b.familyName),
+          title: ((_a3 = i == null ? void 0 : i.user) == null ? void 0 : _a3.givenName) + " " + ((_b3 = i == null ? void 0 : i.user) == null ? void 0 : _b3.familyName),
           type: RoomType.Direct,
-          channelImage: (_c = i === null || i === void 0 ? void 0 : i.user) === null || _c === void 0 ? void 0 : _c.picture,
-          imageAcronym: startCase((_e = (_d = i === null || i === void 0 ? void 0 : i.user) === null || _d === void 0 ? void 0 : _d.username) === null || _e === void 0 ? void 0 : _e.charAt(0)),
+          channelImage: (_c2 = i == null ? void 0 : i.user) == null ? void 0 : _c2.picture,
+          imageAcronym: startCase((_e2 = (_d2 = i == null ? void 0 : i.user) == null ? void 0 : _d2.username) == null ? void 0 : _e2.charAt(0)),
           members: [],
           totalMembers: 1,
-          userId: (_f = i === null || i === void 0 ? void 0 : i.user) === null || _f === void 0 ? void 0 : _f.id,
+          userId: (_f2 = i == null ? void 0 : i.user) == null ? void 0 : _f2.id,
           isOrgMembers: true
         };
         return ch;
-      })) === null || _k === void 0 ? void 0 : _k.filter(ch => ch)) !== null && _l !== void 0 ? _l : [];
-      setChannels(oldChannels => uniqBy([...allChannels, ...allOrgMembers, ...oldChannels], ({
+      })) == null ? void 0 : _j.filter((ch) => ch)) != null ? _k : [];
+      setChannels((oldChannels) => uniqBy([...allChannels, ...allOrgMembers, ...oldChannels], ({
         id,
         userId
       }) => id + userId));
-      setInitialOrgMembers(oldChannels => uniqBy([...allChannels, ...allOrgMembers, ...oldChannels], ({
+      setInitialOrgMembers((oldChannels) => uniqBy([...allChannels, ...allOrgMembers, ...oldChannels], ({
         id,
         userId
       }) => id + userId));
     }
   }, [data]);
   React__default.useEffect(() => {
-    var _a;
-    if (channelId && (tags === null || tags === void 0 ? void 0 : tags.length) === 0) setChannelId(null);
-    if (!channelId && (tags === null || tags === void 0 ? void 0 : tags.length) > 0) {
-      const userIds = [...new Set((_a = tags === null || tags === void 0 ? void 0 : tags.map(t => {
-        var _a;
-        return (t === null || t === void 0 ? void 0 : t.userId) ? t === null || t === void 0 ? void 0 : t.userId : (_a = t === null || t === void 0 ? void 0 : t.members) === null || _a === void 0 ? void 0 : _a.map(m => m === null || m === void 0 ? void 0 : m.id);
-      })) === null || _a === void 0 ? void 0 : _a.flat(1))];
+    var _a2;
+    if (channelId && (tags == null ? void 0 : tags.length) === 0)
+      setChannelId(null);
+    if (!channelId && (tags == null ? void 0 : tags.length) > 0) {
+      const userIds = [...new Set((_a2 = tags == null ? void 0 : tags.map((t) => {
+        var _a3;
+        return (t == null ? void 0 : t.userId) ? t == null ? void 0 : t.userId : (_a3 = t == null ? void 0 : t.members) == null ? void 0 : _a3.map((m) => m == null ? void 0 : m.id);
+      })) == null ? void 0 : _a2.flat(1))];
       getChannelId(userIds);
     }
-    console.log('channelid', channelId, ' tags?.length', tags === null || tags === void 0 ? void 0 : tags.length);
+    console.log("channelid", channelId, " tags?.length", tags == null ? void 0 : tags.length);
   }, [channelId, tags, orgName]);
-  const getChannelId = React__default.useCallback(userIds => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b, _c, _d, _e;
-    const res = yield getChannelByUser({
+  const getChannelId = React__default.useCallback(async (userIds) => {
+    var _a2, _b2, _c, _d, _e;
+    const res = await getChannelByUser({
       variables: {
         criteria: {
-          orgName: orgName,
+          orgName,
           type: RoomType.Direct,
-          'members.user': {
-            $all: [...userIds, user === null || user === void 0 ? void 0 : user.id]
+          "members.user": {
+            $all: [...userIds, user == null ? void 0 : user.id]
           }
         },
         limit: 1
       }
     });
-    if (((_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.channelsByUser) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-      setChannelId((_e = (_d = (_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.channelsByUser) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.id);
+    if (((_b2 = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.channelsByUser) == null ? void 0 : _b2.length) > 0) {
+      setChannelId((_e = (_d = (_c = res == null ? void 0 : res.data) == null ? void 0 : _c.channelsByUser) == null ? void 0 : _d[0]) == null ? void 0 : _e.id);
       setInputFocusOut(true);
       setIsCreateNewChannel(false);
     } else {
@@ -205,372 +212,162 @@ const SearchAddChannel = props => {
       setInputFocusOut(false);
       setIsCreateNewChannel(true);
     }
-    // ?.then((res) => {
-    //     if (res?.data?.channelsByUser?.length > 0) {
-    //         setChannelId(res?.data?.channelsByUser?.[0]?.id);
-    //         setInputFocusOut(true);
-    //     } else {
-    //         setChannelId(null);
-    //         setInputFocusOut(false);
-    //     }
-    // });
-  }), [orgName, user]);
-  // const renderChannels = ({ item }: any) => {
-  //     return (
-  //         <TouchableOpacity key={item?.id} style={{ marginVertical: 10 }} onPress={() => selectChannels(item)}>
-  //             <HStack flex={1} alignItems={'center'} justifyContent={'space-between'}>
-  //                 <HStack flex={1} alignItems={'center'} space={6}>
-  //                     <Box m={0} p={0}>
-  //                         {item.type == RoomType.Direct ? (
-  //                             <Avatar
-  //                                 key={'direct-channel-profile-msg-key'}
-  //                                 size={5}
-  //                                 bg={'transparent'}
-  //                                 borderRadius={6}
-  //                                 _image={{
-  //                                     borderRadius: 6,
-  //                                     size: 5,
-  //                                 }}
-  //                                 source={{
-  //                                     uri: item?.channelImage,
-  //                                 }}
-  //                             >
-  //                                 {item?.imageAcronym}
-  //                                 {item?.totalMembers > 1 ? (
-  //                                     <Avatar.Badge
-  //                                         top={2}
-  //                                         right={-12}
-  //                                         size={5}
-  //                                         alignItems={'center'}
-  //                                         bg={'#211627'}
-  //                                         // opacity={0.85}
-  //                                         _text={{
-  //                                             fontSize: 10,
-  //                                             fontWeight: 'bold',
-  //                                             color: '#fff',
-  //                                         }}
-  //                                         rounded={'md'}
-  //                                     >
-  //                                         {item?.totalMembers}
-  //                                     </Avatar.Badge>
-  //                                 ) : (
-  //                                     <Avatar.Badge bg="green.800" bottom={-4} right={-4} />
-  //                                 )}
-  //                             </Avatar>
-  //                         ) : item.type == RoomType.Private ? (
-  //                             <>
-  //                                 <Icon color="black" as={Octicons} name="lock" size="md" />
-  //                             </>
-  //                         ) : (
-  //                             <Icon color="black" as={Octicons} name="hash" size="md" />
-  //                         )}
-  //                     </Box>
-  //                     <Text
-  //                         _dark={{
-  //                             color: 'warmGray.50',
-  //                         }}
-  //                         color="coolGray.800"
-  //                         bold
-  //                     >
-  //                         {item.title}
-  //                     </Text>
-  //                 </HStack>
-  //                 <Checkbox
-  //                     // onChange={() => selectChannels(item)}
-  //                     value={item?.id}
-  //                     isChecked={
-  //                         selectedChannels &&
-  //                         selectedChannels?.filter((ch: any) => ch?.id === item?.id && ch?.userId === item?.userId)
-  //                             ?.length > 0
-  //                             ? true
-  //                             : false
-  //                     }
-  //                     accessibilityLabel={item.title ?? ''}
-  //                     aria-label={item.title ?? ''}
-  //                     aria-labelledby={item.title ?? ''}
-  //                     borderColor={'gray.600'}
-  //                 />
-  //             </HStack>
-  //         </TouchableOpacity>
-  //     );
-  // };
-  React__default.useCallback(item => {
-    // setSearchValue(item?.title);
+  }, [orgName, user]);
+  React__default.useCallback((item) => {
     openInbox(item);
     if (selectedChannels) {
-      const findIndex = selectedChannels.findIndex(ch => (ch === null || ch === void 0 ? void 0 : ch.id) == (item === null || item === void 0 ? void 0 : item.id) && (ch === null || ch === void 0 ? void 0 : ch.userId) == (item === null || item === void 0 ? void 0 : item.userId));
+      const findIndex = selectedChannels.findIndex((ch) => (ch == null ? void 0 : ch.id) == (item == null ? void 0 : item.id) && (ch == null ? void 0 : ch.userId) == (item == null ? void 0 : item.userId));
       const selectedChannelValue = findIndex === -1 ? [...selectedChannels, {
-        id: item === null || item === void 0 ? void 0 : item.id,
-        userId: item === null || item === void 0 ? void 0 : item.userId
-      }] : selectedChannels === null || selectedChannels === void 0 ? void 0 : selectedChannels.filter(ch => (item === null || item === void 0 ? void 0 : item.isOrgMembers) ? (ch === null || ch === void 0 ? void 0 : ch.userId) !== (item === null || item === void 0 ? void 0 : item.userId) : (ch === null || ch === void 0 ? void 0 : ch.id) !== (item === null || item === void 0 ? void 0 : item.id));
+        id: item == null ? void 0 : item.id,
+        userId: item == null ? void 0 : item.userId
+      }] : selectedChannels == null ? void 0 : selectedChannels.filter((ch) => (item == null ? void 0 : item.isOrgMembers) ? (ch == null ? void 0 : ch.userId) !== (item == null ? void 0 : item.userId) : (ch == null ? void 0 : ch.id) !== (item == null ? void 0 : item.id));
       setSelectedChannels(selectedChannelValue);
     }
   }, [selectedChannels]);
-  const openInbox = React__default.useCallback(item => {
-    // navigation.push(NavigationRoutes.SearchAddChannel, {
-    //     channelId: item?.id?.toString() || null,
-    //     searchValue: item?.title || '',
-    //     isCreateNewChannel: item?.id == null ? true : false,
-    //     userId: item?.userId,
-    //     orgName: orgName,
-    // });
+  const openInbox = React__default.useCallback((item) => {
   }, [orgName]);
   const renderChannelSuggestions = useCallback((item, onPress, index) => {
-    var _a, _b, _c, _d;
-    return React__default.createElement(TouchableOpacity, {
-      key: `channel-suggestions-${index}`,
-      style: {
-        marginVertical: 10
-      },
-      onPress: () => onPress(item)
-    }, React__default.createElement(HStack, {
-      flex: 1,
-      bg: 'white',
-      alignItems: 'center',
-      justifyContent: 'space-between'
-    }, React__default.createElement(HStack, {
-      flex: 1,
-      alignItems: 'center',
-      space: 'sm'
-    }, React__default.createElement(Box, {
-      m: '$0',
-      p: '$0'
-    }, item.type == RoomType.Direct ? React__default.createElement(Avatar, {
-      size: 'sm',
-      bg: 'transparent'
-    }, React__default.createElement(AvatarFallbackText, null, item === null || item === void 0 ? void 0 : item.imageAcronym), React__default.createElement(AvatarImage, {
-      alt: "image",
-      size: 'md',
-      style: {
-        // width: 25,
-        // height: 25,
-        borderRadius: 6,
-        borderWidth: 2,
-        borderColor: '#fff'
-      },
-      source: {
-        uri: item === null || item === void 0 ? void 0 : item.channelImage
-      }
-    }), (item === null || item === void 0 ? void 0 : item.totalMembers) > 1 ? React__default.createElement(AvatarBadge
-    // top={4}
-    , {
-      // top={4}
-      right: '-$1',
-      bottom: '-$1',
-      // size={5}
-      style: {
-        width: 20,
-        height: 20
+    var _a2, _b2, _c, _d;
+    return /* @__PURE__ */ React__default.createElement(TouchableOpacity, { key: `channel-suggestions-${index}`, style: {
+      marginVertical: 10
+    }, onPress: () => onPress(item) }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, bg: "white", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center", space: "sm" }, /* @__PURE__ */ React__default.createElement(Box, { m: "$0", p: "$0" }, item.type == RoomType.Direct ? /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", bg: "transparent" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, item == null ? void 0 : item.imageAcronym), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", size: "md", style: {
+      borderRadius: 6,
+      borderWidth: 2,
+      borderColor: "#fff"
+    }, source: {
+      uri: item == null ? void 0 : item.channelImage
+    } }), (item == null ? void 0 : item.totalMembers) > 1 ? /* @__PURE__ */ React__default.createElement(
+      AvatarBadge,
+      {
+        right: "-$1",
+        bottom: "-$1",
+        style: {
+          width: 20,
+          height: 20
+        },
+        alignItems: "center",
+        bg: "#211627",
+        rounded: "$md"
       },
-      alignItems: 'center',
-      bg: '#211627',
-      // opacity={0.85}
-      rounded: '$md'
-    }, React__default.createElement(Text, {
-      style: {
+      /* @__PURE__ */ React__default.createElement(Text, { style: {
         fontSize: 12,
-        fontWeight: 'bold',
-        color: '#fff'
-      }
-    }, item === null || item === void 0 ? void 0 : item.totalMembers)) : React__default.createElement(AvatarBadge, {
-      style: {
-        width: 10,
-        height: 10
-      },
-      bg: "$green800"
-    })) : item.type == RoomType.Private ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Octicons, {
-      color: "black",
-      name: "lock",
-      size: 20
-    })) : React__default.createElement(Octicons, {
-      color: "black",
-      name: "hash",
-      size: 20
-    })), React__default.createElement(Text, {
-      color: "$coolGray800",
-      fontWeight: "$bold"
-    }, item.title)), React__default.createElement(Checkbox, {
-      value: item === null || item === void 0 ? void 0 : item.id,
-      isChecked: selectedChannels && ((_a = selectedChannels === null || selectedChannels === void 0 ? void 0 : selectedChannels.filter(ch => (ch === null || ch === void 0 ? void 0 : ch.id) === (item === null || item === void 0 ? void 0 : item.id) && (ch === null || ch === void 0 ? void 0 : ch.userId) === (item === null || item === void 0 ? void 0 : item.userId))) === null || _a === void 0 ? void 0 : _a.length) > 0 ? true : false,
-      accessibilityLabel: (_b = item.title) !== null && _b !== void 0 ? _b : '',
-      "aria-label": (_c = item.title) !== null && _c !== void 0 ? _c : '',
-      "aria-labelledby": (_d = item.title) !== null && _d !== void 0 ? _d : '',
-      borderColor: '$trueGray600'
-    }, React__default.createElement(CheckboxIndicator, null, React__default.createElement(CheckboxIcon, {
-      as: CheckIcon
-    })))));
+        fontWeight: "bold",
+        color: "#fff"
+      } }, item == null ? void 0 : item.totalMembers)
+    ) : /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
+      width: 10,
+      height: 10
+    }, bg: "$green800" })) : item.type == RoomType.Private ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 20 })) : /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 20 })), /* @__PURE__ */ React__default.createElement(Text, { color: "$coolGray800", fontWeight: "$bold" }, item.title)), /* @__PURE__ */ React__default.createElement(Checkbox, { value: item == null ? void 0 : item.id, isChecked: selectedChannels && ((_a2 = selectedChannels == null ? void 0 : selectedChannels.filter((ch) => (ch == null ? void 0 : ch.id) === (item == null ? void 0 : item.id) && (ch == null ? void 0 : ch.userId) === (item == null ? void 0 : item.userId))) == null ? void 0 : _a2.length) > 0 ? true : false, accessibilityLabel: (_b2 = item.title) != null ? _b2 : "", "aria-label": (_c = item.title) != null ? _c : "", "aria-labelledby": (_d = item.title) != null ? _d : "", borderColor: "$trueGray600" }, /* @__PURE__ */ React__default.createElement(CheckboxIndicator, null, /* @__PURE__ */ React__default.createElement(CheckboxIcon, { as: CheckIcon })))));
   }, []);
-  const onSuggestionPress = useCallback(item => {
-    var _a, _b;
+  const onSuggestionPress = useCallback((item) => {
+    var _a2, _b2;
     if (tags) {
-      const findIndex = tags === null || tags === void 0 ? void 0 : tags.findIndex(ch => (ch === null || ch === void 0 ? void 0 : ch.id) == (item === null || item === void 0 ? void 0 : item.id) && (ch === null || ch === void 0 ? void 0 : ch.userId) == (item === null || item === void 0 ? void 0 : item.userId));
+      const findIndex = tags == null ? void 0 : tags.findIndex((ch) => (ch == null ? void 0 : ch.id) == (item == null ? void 0 : item.id) && (ch == null ? void 0 : ch.userId) == (item == null ? void 0 : item.userId));
       if (findIndex === -1) {
-        //   setTags([...tags, item])
-        if ((item === null || item === void 0 ? void 0 : item.id) && (item === null || item === void 0 ? void 0 : item.type) !== RoomType.Direct) {
-          setChannelId(item === null || item === void 0 ? void 0 : item.id);
+        if ((item == null ? void 0 : item.id) && (item == null ? void 0 : item.type) !== RoomType.Direct) {
+          setChannelId(item == null ? void 0 : item.id);
           setInputFocusOut(true);
           setTags([item]);
         } else {
-          const previousTags = (_a = tags === null || tags === void 0 ? void 0 : tags.filter(t => (t === null || t === void 0 ? void 0 : t.type) === (item === null || item === void 0 ? void 0 : item.type))) !== null && _a !== void 0 ? _a : [];
-          const currentTags = [...(previousTags !== null && previousTags !== void 0 ? previousTags : []), item];
+          const previousTags = (_a2 = tags == null ? void 0 : tags.filter((t) => (t == null ? void 0 : t.type) === (item == null ? void 0 : item.type))) != null ? _a2 : [];
+          const currentTags = [...previousTags != null ? previousTags : [], item];
           setTags(currentTags);
-          const userIds = [...new Set((_b = currentTags === null || currentTags === void 0 ? void 0 : currentTags.map(t => {
-            var _a;
-            return (t === null || t === void 0 ? void 0 : t.userId) ? t === null || t === void 0 ? void 0 : t.userId : (_a = t === null || t === void 0 ? void 0 : t.members) === null || _a === void 0 ? void 0 : _a.map(m => m === null || m === void 0 ? void 0 : m.id);
-          })) === null || _b === void 0 ? void 0 : _b.flat(1))];
+          const userIds = [...new Set((_b2 = currentTags == null ? void 0 : currentTags.map((t) => {
+            var _a3;
+            return (t == null ? void 0 : t.userId) ? t == null ? void 0 : t.userId : (_a3 = t == null ? void 0 : t.members) == null ? void 0 : _a3.map((m) => m == null ? void 0 : m.id);
+          })) == null ? void 0 : _b2.flat(1))];
           getChannelId(userIds);
         }
       }
     }
   }, [tags, orgName]);
-  const onTagPress = useCallback(item => {
+  const onTagPress = useCallback((item) => {
     if (tags) {
-      const filteredValue = tags === null || tags === void 0 ? void 0 : tags.filter(ch => (item === null || item === void 0 ? void 0 : item.isOrgMembers) ? (ch === null || ch === void 0 ? void 0 : ch.userId) !== (item === null || item === void 0 ? void 0 : item.userId) : (ch === null || ch === void 0 ? void 0 : ch.id) !== (item === null || item === void 0 ? void 0 : item.id));
+      const filteredValue = tags == null ? void 0 : tags.filter((ch) => (item == null ? void 0 : item.isOrgMembers) ? (ch == null ? void 0 : ch.userId) !== (item == null ? void 0 : item.userId) : (ch == null ? void 0 : ch.id) !== (item == null ? void 0 : item.id));
       setTags(filteredValue);
-      console.log('tagpress');
+      console.log("tagpress");
     }
   }, [tags]);
   const renderTagItemImage = useCallback((type, image, imageAcronym) => {
-    return React__default.createElement(Box, {
-      m: '$0',
-      p: '$0'
-    }, type == RoomType.Direct ? React__default.createElement(Avatar, {
-      size: 'sm',
-      bg: 'transparent',
-      borderRadius: 6
-    }, React__default.createElement(AvatarImage, {
-      alt: "image",
-      size: 'md',
-      style: {
-        // width: 25,
-        // height: 25,
-        borderRadius: 6,
-        borderWidth: 2,
-        borderColor: '#fff'
-      },
-      source: {
-        uri: image
-      }
-    }), React__default.createElement(AvatarFallbackText, null, imageAcronym)) : type == RoomType.Private ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Octicons, {
-      color: "black",
-      name: "lock",
-      size: 20
-    })) : React__default.createElement(Octicons, {
-      color: "black",
-      name: "hash",
-      size: 20
-    }));
+    return /* @__PURE__ */ React__default.createElement(Box, { m: "$0", p: "$0" }, type == RoomType.Direct ? /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", bg: "transparent", borderRadius: 6 }, /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", size: "md", style: {
+      borderRadius: 6,
+      borderWidth: 2,
+      borderColor: "#fff"
+    }, source: {
+      uri: image
+    } }), /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, imageAcronym)) : type == RoomType.Private ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 20 })) : /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 20 }));
   }, []);
   const renderTagItem = useCallback((title, type, image, imageAcronym, key) => {
-    return React__default.createElement(HStack, {
-      alignItems: 'center',
-      space: 'sm',
-      py: '$2',
-      key: `render-tag-items-${key}`
-    }, renderTagItemImage(type, image, imageAcronym), React__default.createElement(Box, {
-      bg: '$lightBlue100'
-    }, React__default.createElement(Text, {
-      color: '$coolGray800',
-      textAlign: 'center',
-      bold: true
-    }, title)));
+    return /* @__PURE__ */ React__default.createElement(HStack, { alignItems: "center", space: "sm", py: "$2", key: `render-tag-items-${key}` }, renderTagItemImage(type, image, imageAcronym), /* @__PURE__ */ React__default.createElement(Box, { bg: "$lightBlue100" }, /* @__PURE__ */ React__default.createElement(Text, { color: "$coolGray800", textAlign: "center", bold: true }, title)));
   }, []);
   const renderTag = useCallback((item, onPress, index) => {
-    var _a;
-    return React__default.createElement(TouchableOpacity, {
-      onPress: () => onPress(item),
-      key: `channel-tags-${index}`
-    }, item.isOrgMembers || (item === null || item === void 0 ? void 0 : item.type) != RoomType.Direct ? React__default.createElement(Box, {
-      mx: '$1'
-    }, renderTagItem(item === null || item === void 0 ? void 0 : item.title, item === null || item === void 0 ? void 0 : item.type, item === null || item === void 0 ? void 0 : item.channelImage, item === null || item === void 0 ? void 0 : item.imageAcronym, index)) : React__default.createElement(HStack, {
-      alignItems: 'center',
-      space: 'sm',
-      py: '$1'
-    }, (_a = item === null || item === void 0 ? void 0 : item.members) === null || _a === void 0 ? void 0 : _a.map((m, i) => {
-      var _a;
-      const title = (item === null || item === void 0 ? void 0 : item.type) == RoomType.Direct ? (m === null || m === void 0 ? void 0 : m.givenName) + ' ' + (m === null || m === void 0 ? void 0 : m.familyName) : item.title;
-      const acronym = startCase((_a = m === null || m === void 0 ? void 0 : m.username) === null || _a === void 0 ? void 0 : _a.charAt(0));
-      return renderTagItem(title, item === null || item === void 0 ? void 0 : item.type, m === null || m === void 0 ? void 0 : m.picture, acronym, i);
+    var _a2;
+    return /* @__PURE__ */ React__default.createElement(TouchableOpacity, { onPress: () => onPress(item), key: `channel-tags-${index}` }, item.isOrgMembers || (item == null ? void 0 : item.type) != RoomType.Direct ? /* @__PURE__ */ React__default.createElement(Box, { mx: "$1" }, renderTagItem(item == null ? void 0 : item.title, item == null ? void 0 : item.type, item == null ? void 0 : item.channelImage, item == null ? void 0 : item.imageAcronym, index)) : /* @__PURE__ */ React__default.createElement(HStack, { alignItems: "center", space: "sm", py: "$1" }, (_a2 = item == null ? void 0 : item.members) == null ? void 0 : _a2.map((m, i) => {
+      var _a3;
+      const title = (item == null ? void 0 : item.type) == RoomType.Direct ? (m == null ? void 0 : m.givenName) + " " + (m == null ? void 0 : m.familyName) : item.title;
+      const acronym = startCase((_a3 = m == null ? void 0 : m.username) == null ? void 0 : _a3.charAt(0));
+      return renderTagItem(title, item == null ? void 0 : item.type, m == null ? void 0 : m.picture, acronym, i);
     })));
   }, []);
-  return React__default.createElement(Box, {
-    flex: 1,
-    bg: '$white',
-    w: windowWidth,
-    h: windowHeight
-  }, React__default.createElement(SlackInput, {
-    tags: tags,
-    suggestions: channels,
-    onChangeTags: setTags,
-    labelExtractor: labelExtractor,
-    allowCustomTags: false,
-    isSetInputFocusOut: isSetInputFocusOut,
-    renderLeftElement: () => React__default.createElement(Text, {
-      pl: '$4',
-      pr: '$1',
-      fontSize: 15
-    }, "To:"),
-    // renderRightElement={() => (
-    //     <Button bg={'transparent'}>
-    //         <SimpleLineIcons color="black" name="user-follow" size={20} />
-    //     </Button>
-    // )}
-    tagContainerStyle: {
-      borderBottomWidth: 1,
-      borderColor: '#D3D3D3',
-      paddingVertical: 5
-    },
-    inputProps: {
-      placeholder: 'Search for a channel or conversation',
-      placeholderTextColor: '#404040',
-      autoCapitalize: 'none',
-      autoCorrect: false
-    },
-    inputStyle: {
-      fontSize: 15,
-      height: 30
-    },
-    flatListGluestackUiProps: {
-      flex: 1,
-      pb: '$10',
-      // px: 4,
-      contentContainerStyle: {
+  return /* @__PURE__ */ React__default.createElement(Box, { flex: 1, bg: "$white", w: windowWidth, h: windowHeight }, /* @__PURE__ */ React__default.createElement(
+    SlackInput,
+    {
+      tags,
+      suggestions: channels,
+      onChangeTags: setTags,
+      labelExtractor,
+      allowCustomTags: false,
+      isSetInputFocusOut,
+      renderLeftElement: () => /* @__PURE__ */ React__default.createElement(Text, { pl: "$4", pr: "$1", fontSize: 15 }, "To:"),
+      tagContainerStyle: {
+        borderBottomWidth: 1,
+        borderColor: "#D3D3D3",
+        paddingVertical: 5
+      },
+      inputProps: {
+        placeholder: "Search for a channel or conversation",
+        placeholderTextColor: "#404040",
+        autoCapitalize: "none",
+        autoCorrect: false
+      },
+      inputStyle: {
+        fontSize: 15,
+        height: 30
+      },
+      flatListGluestackUiProps: {
         flex: 1,
-        marginBottom: 100,
-        backgroundColor: 'white',
-        paddingHorizontal: 10
-      }
-    },
-    flatListStyle: {
-      maxHeight: '100%',
-      maxWidth: '100%'
-      // backgroundColor: 'white',
-    },
-    renderSuggestion: renderChannelSuggestions,
-    filterSuggestions: text => {
-      if (!text || text === '') {
-        return [];
-      }
-      return channels === null || channels === void 0 ? void 0 : channels.filter(item => {
-        var _a, _b;
-        return (_b = (_a = item === null || item === void 0 ? void 0 : item.title) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(text === null || text === void 0 ? void 0 : text.toLowerCase());
-      });
-    },
-    onSuggestionPress: onSuggestionPress,
-    renderTag: renderTag,
-    onTagPress: onTagPress
-  }), React__default.createElement(Box, {
-    flex: 1
-  }, isChannelByUserLoading ? React__default.createElement(LoadingSpinnerDefault, null) : React__default.createElement(DialogMessages, Object.assign({}, props, {
-    channelId: channelId,
-    isCreateNewChannel: isCreateNewChannel,
-    newChannelData: {
-      type: RoomType === null || RoomType === void 0 ? void 0 : RoomType.Direct,
-      userIds: [...new Set((_a = tags === null || tags === void 0 ? void 0 : tags.map(t => {
-        var _a;
-        return (t === null || t === void 0 ? void 0 : t.userId) ? t === null || t === void 0 ? void 0 : t.userId : (_a = t === null || t === void 0 ? void 0 : t.members) === null || _a === void 0 ? void 0 : _a.map(m => m === null || m === void 0 ? void 0 : m.id);
-      })) === null || _a === void 0 ? void 0 : _a.flat(1))]
+        pb: "$10",
+        contentContainerStyle: {
+          flex: 1,
+          marginBottom: 100,
+          backgroundColor: "white",
+          paddingHorizontal: 10
+        }
+      },
+      flatListStyle: {
+        maxHeight: "100%",
+        maxWidth: "100%"
+      },
+      renderSuggestion: renderChannelSuggestions,
+      filterSuggestions: (text) => {
+        if (!text || text === "") {
+          return [];
+        }
+        return channels == null ? void 0 : channels.filter((item) => {
+          var _a2, _b2;
+          return (_b2 = (_a2 = item == null ? void 0 : item.title) == null ? void 0 : _a2.toLowerCase()) == null ? void 0 : _b2.includes(text == null ? void 0 : text.toLowerCase());
+        });
+      },
+      onSuggestionPress,
+      renderTag,
+      onTagPress
     }
-  }))));
+  ), /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, isChannelByUserLoading ? /* @__PURE__ */ React__default.createElement(LoadingSpinnerDefault, null) : /* @__PURE__ */ React__default.createElement(DialogMessages, __spreadProps(__spreadValues({}, props), { channelId, isCreateNewChannel, newChannelData: {
+    type: (_a = RoomType) == null ? void 0 : _a.Direct,
+    userIds: [...new Set((_b = tags == null ? void 0 : tags.map((t) => {
+      var _a2;
+      return (t == null ? void 0 : t.userId) ? t == null ? void 0 : t.userId : (_a2 = t == null ? void 0 : t.members) == null ? void 0 : _a2.map((m) => m == null ? void 0 : m.id);
+    })) == null ? void 0 : _b.flat(1))]
+  } }))));
 };
 var SearchAddChannel$1 = React__default.memo(SearchAddChannel);export{SearchAddChannel$1 as default,useKeyboard};//# sourceMappingURL=SearchAddChannel.js.map