@amityco/react-native-social-uikit 4.0.0-03e2bf8.0

package/lib/module/screens/CommunityMemberDetail/CommunityMemberDetail.js

@@ -0,0 +1,80 @@
+import React, { useState, useLayoutEffect } from 'react';
+import { View, TouchableOpacity, Image } from 'react-native';
+import { useStyles } from './styles';
+import AddMembersModal from '../../components/AddMembersModal';
+import { updateCommunityMember } from '../../providers/Social/communities-sdk';
+import MemberActionModal from './Components/MemberActionModal';
+import CustomTab from '../../components/CustomTab';
+import { TabName } from '../../enum/tabNameState';
+import CommunityMembersTab from './Components/CommunityMembersTab';
+export default function CommunityMemberDetail({
+  navigation,
+  route
+}) {
+  const styles = useStyles();
+  const [member, setMember] = useState([]);
+  const {
+    communityId,
+    isModerator
+  } = route.params;
+  const [addMembersModal, setAddMembersModal] = React.useState(false);
+  const [actionModalVisible, setActionModalVisible] = useState(false);
+  const [userId, setUserId] = useState('');
+  const [activeTab, setActiveTab] = useState(TabName.Members);
+  useLayoutEffect(() => {
+    navigation.setOptions({
+      // eslint-disable-next-line react/no-unstable-nested-components
+      headerRight: () => /*#__PURE__*/React.createElement(TouchableOpacity, {
+        onPress: () => {
+          setAddMembersModal(true);
+        }
+      }, /*#__PURE__*/React.createElement(Image, {
+        source: require('../../../assets/icon/plus.png'),
+        style: styles.dotIcon
+      }))
+    });
+  }, [navigation, styles.dotIcon]);
+  const onSelectMember = async users => {
+    const memberIds = users.map(user => user.userId);
+    try {
+      await updateCommunityMember({
+        operation: 'ADD',
+        communityId,
+        memberIds
+      });
+      // getMembers();
+    } catch (error) {
+      console.log(error);
+    }
+  };
+  const onThreeDotTap = user => {
+    setUserId(user.userId);
+    setActionModalVisible(true);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(CustomTab, {
+    tabName: [TabName.Members, TabName.Moderators],
+    onTabChange: setActiveTab
+  }), /*#__PURE__*/React.createElement(CommunityMembersTab, {
+    activeTab: activeTab,
+    communityId: communityId,
+    onThreeDotTap: onThreeDotTap,
+    setMember: setMember,
+    shouldRefresh: !actionModalVisible && !addMembersModal
+  }), /*#__PURE__*/React.createElement(AddMembersModal, {
+    onSelect: onSelectMember,
+    onClose: () => setAddMembersModal(false),
+    visible: addMembersModal,
+    initUserList: [],
+    excludeUserList: member
+  }), /*#__PURE__*/React.createElement(MemberActionModal, {
+    isVisible: actionModalVisible,
+    setIsVisible: setActionModalVisible,
+    userId: userId,
+    communityId: communityId,
+    hasModeratorPermission: isModerator,
+    isInModeratorTab: activeTab === TabName.Moderators
+  }));
+}
+//# sourceMappingURL=CommunityMemberDetail.js.map

package/lib/module/screens/CommunityMemberDetail/CommunityMemberDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useLayoutEffect","View","TouchableOpacity","Image","useStyles","AddMembersModal","updateCommunityMember","MemberActionModal","CustomTab","TabName","CommunityMembersTab","CommunityMemberDetail","navigation","route","styles","member","setMember","communityId","isModerator","params","addMembersModal","setAddMembersModal","actionModalVisible","setActionModalVisible","userId","setUserId","activeTab","setActiveTab","Members","setOptions","headerRight","createElement","onPress","source","require","style","dotIcon","onSelectMember","users","memberIds","map","user","operation","error","console","log","onThreeDotTap","container","tabName","Moderators","onTabChange","shouldRefresh","onSelect","onClose","visible","initUserList","excludeUserList","isVisible","setIsVisible","hasModeratorPermission","isInModeratorTab"],"sourceRoot":"../../../../src","sources":["screens/CommunityMemberDetail/CommunityMemberDetail.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/CommunityMemberDetail/Components/CommunityMembersTab.js

@@ -0,0 +1,116 @@
+import { ActivityIndicator, FlatList, RefreshControl, View } from 'react-native';
+import React, { memo, useCallback, useRef, useState } from 'react';
+import { CommunityRepository } from '@amityco/ts-sdk-react-native';
+import UserItem from '../../../components/UserItem';
+import { useStyles } from '../styles';
+import { TabName } from '../../../enum/tabNameState';
+import { useFocusEffect } from '@react-navigation/native';
+const CommunityMembersTab = ({
+  activeTab,
+  communityId,
+  onThreeDotTap,
+  setMember,
+  shouldRefresh
+}) => {
+  const [memberList, setMemberList] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [refreshing, setRefreshing] = useState(false);
+  const onNextPageRef = useRef(null);
+  const flatListRef = useRef(null);
+  const styles = useStyles();
+  const members = memberList.filter(member => {
+    if (member.communityMembership === 'none') return null;
+    if (activeTab === TabName.Moderators) {
+      return member.roles.includes('community-moderator');
+    }
+    return member;
+  });
+  const getCommunityMemberList = useCallback(() => {
+    setRefreshing(true);
+    setMemberList([]);
+    const option = {
+      communityId,
+      limit: 10,
+      includeDeleted: false
+    };
+    CommunityRepository.Membership.getMembers(option, ({
+      data,
+      onNextPage,
+      hasNextPage,
+      loading: fetching,
+      error
+    }) => {
+      setLoading(fetching);
+      if (error) return setRefreshing(false);
+      if (!fetching) {
+        setMemberList([...data]);
+        const userArray = data.map(member => {
+          return {
+            userId: member.user.userId,
+            displayName: member.user.displayName,
+            avatarFileId: member.user.avatarFileId
+          };
+        });
+        setMember(userArray);
+        onNextPageRef.current = hasNextPage ? onNextPage : null;
+        setRefreshing(false);
+      }
+    });
+  }, [communityId, setMember]);
+  useFocusEffect(useCallback(() => {
+    shouldRefresh && getCommunityMemberList();
+  }, [getCommunityMemberList, shouldRefresh]));
+  const renderMember = ({
+    item
+  }) => {
+    if (item.user) {
+      const isOwner = item.roles.includes('channel-moderator');
+      const userObject = {
+        userId: item.userId,
+        displayName: item.user.displayName,
+        avatarFileId: item.user.avatarFileId
+      };
+      return /*#__PURE__*/React.createElement(UserItem, {
+        user: userObject,
+        showThreeDot: true,
+        onThreeDotTap: onThreeDotTap,
+        hideMenu: isOwner
+      });
+    }
+    return null;
+  };
+  const renderFooter = () => {
+    if (!loading) return null;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.LoadingIndicator
+    }, /*#__PURE__*/React.createElement(ActivityIndicator, {
+      size: "large"
+    }));
+  };
+  const handleLoadMore = () => {
+    (onNextPageRef === null || onNextPageRef === void 0 ? void 0 : onNextPageRef.current) && onNextPageRef.current();
+  };
+  const onRefresh = () => {
+    getCommunityMemberList();
+  };
+  if (members) {
+    return /*#__PURE__*/React.createElement(FlatList, {
+      refreshControl: /*#__PURE__*/React.createElement(RefreshControl, {
+        refreshing: refreshing,
+        onRefresh: onRefresh,
+        colors: ['lightblue'],
+        tintColor: "lightblue"
+      }),
+      data: members,
+      renderItem: renderMember,
+      keyExtractor: item => item.userId.toString(),
+      ListFooterComponent: renderFooter,
+      onEndReachedThreshold: 0.8,
+      onEndReached: handleLoadMore,
+      ref: flatListRef
+    });
+  }
+  return null;
+};
+export default /*#__PURE__*/memo(CommunityMembersTab);
+//# sourceMappingURL=CommunityMembersTab.js.map

package/lib/module/screens/CommunityMemberDetail/Components/CommunityMembersTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","FlatList","RefreshControl","View","React","memo","useCallback","useRef","useState","CommunityRepository","UserItem","useStyles","TabName","useFocusEffect","CommunityMembersTab","activeTab","communityId","onThreeDotTap","setMember","shouldRefresh","memberList","setMemberList","loading","setLoading","refreshing","setRefreshing","onNextPageRef","flatListRef","styles","members","filter","member","communityMembership","Moderators","roles","includes","getCommunityMemberList","option","limit","includeDeleted","Membership","getMembers","data","onNextPage","hasNextPage","fetching","error","userArray","map","userId","user","displayName","avatarFileId","current","renderMember","item","isOwner","userObject","createElement","showThreeDot","hideMenu","renderFooter","style","LoadingIndicator","size","handleLoadMore","onRefresh","refreshControl","colors","tintColor","renderItem","keyExtractor","toString","ListFooterComponent","onEndReachedThreshold","onEndReached","ref"],"sourceRoot":"../../../../../src","sources":["screens/CommunityMemberDetail/Components/CommunityMembersTab.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/CommunityMemberDetail/Components/MemberActionModal.js

@@ -0,0 +1,104 @@
+import { Animated, Modal, Pressable, Text, TouchableOpacity } from 'react-native';
+import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
+import { useStyles } from '../styles';
+import { createReport } from '@amityco/ts-sdk-react-native';
+import { assignRolesToUsers, removeRolesFromUsers, updateCommunityMember } from '../../../providers/Social/communities-sdk';
+import useAuth from '../../../hooks/useAuth';
+const MemberActionModal = ({
+  isVisible,
+  setIsVisible,
+  userId,
+  communityId,
+  hasModeratorPermission,
+  isInModeratorTab
+}) => {
+  const styles = useStyles();
+  const slideAnimation = useRef(new Animated.Value(0)).current;
+  const {
+    client
+  } = useAuth();
+  const currentUserId = client.userId ?? '';
+  const actionData = useMemo(() => [{
+    id: 'demote',
+    label: 'Dismiss to member',
+    shouldShow: hasModeratorPermission && currentUserId !== userId && isInModeratorTab,
+    callBack: async () => await removeRolesFromUsers(communityId, ['community-moderator'], [userId])
+  }, {
+    id: 'promote',
+    label: 'Promote to moderator',
+    shouldShow: hasModeratorPermission && currentUserId !== userId && !isInModeratorTab,
+    callBack: async () => await assignRolesToUsers(communityId, ['community-moderator'], [userId])
+  }, {
+    id: 'report',
+    label: 'Report User',
+    shouldShow: currentUserId !== userId,
+    callBack: async () => await createReport('user', userId)
+  }, {
+    id: 'remove',
+    label: 'Remove from community',
+    shouldShow: hasModeratorPermission,
+    callBack: async () => await updateCommunityMember({
+      operation: 'REMOVE',
+      communityId: communityId,
+      memberIds: [userId]
+    })
+  }], [communityId, currentUserId, hasModeratorPermission, isInModeratorTab, userId]);
+  const closeModal = useCallback(() => {
+    Animated.timing(slideAnimation, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true
+    }).start(() => setIsVisible(false));
+  }, [setIsVisible, slideAnimation]);
+  const onPressAction = useCallback(async ({
+    callBack
+  }) => {
+    try {
+      await callBack();
+    } catch (error) {}
+    closeModal();
+  }, [closeModal]);
+  useEffect(() => {
+    if (isVisible) {
+      Animated.timing(slideAnimation, {
+        toValue: 1,
+        duration: 300,
+        useNativeDriver: true
+      }).start();
+    }
+  }, [isVisible, slideAnimation]);
+  const modalStyle = {
+    transform: [{
+      translateY: slideAnimation.interpolate({
+        inputRange: [0, 1],
+        outputRange: [600, 0]
+      })
+    }]
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    animationType: "fade",
+    transparent: true,
+    visible: isVisible,
+    onRequestClose: closeModal
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    onPress: closeModal,
+    style: styles.modalContainer
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.modalContent, modalStyle]
+  }, actionData.map(data => {
+    const warningStyle = data.id === 'remove' ? {
+      color: 'red'
+    } : null;
+    if (data.shouldShow) {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        key: data.id,
+        onPress: () => onPressAction(data),
+        style: styles.modalRow
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: [styles.postText, warningStyle]
+      }, data.label));
+    } else return null;
+  }))));
+};
+export default /*#__PURE__*/memo(MemberActionModal);
+//# sourceMappingURL=MemberActionModal.js.map

package/lib/module/screens/CommunityMemberDetail/Components/MemberActionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","Modal","Pressable","Text","TouchableOpacity","React","memo","useCallback","useEffect","useMemo","useRef","useStyles","createReport","assignRolesToUsers","removeRolesFromUsers","updateCommunityMember","useAuth","MemberActionModal","isVisible","setIsVisible","userId","communityId","hasModeratorPermission","isInModeratorTab","styles","slideAnimation","Value","current","client","currentUserId","actionData","id","label","shouldShow","callBack","operation","memberIds","closeModal","timing","toValue","duration","useNativeDriver","start","onPressAction","error","modalStyle","transform","translateY","interpolate","inputRange","outputRange","createElement","animationType","transparent","visible","onRequestClose","onPress","style","modalContainer","View","modalContent","map","data","warningStyle","color","key","modalRow","postText"],"sourceRoot":"../../../../../src","sources":["screens/CommunityMemberDetail/Components/MemberActionModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/CommunityMemberDetail/styles.js

@@ -0,0 +1,59 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: theme.colors.background
+    },
+    categoryText: {
+      marginLeft: 10,
+      marginBottom: 10,
+      fontSize: 15
+    },
+    LoadingIndicator: {
+      paddingVertical: 20
+    },
+    rowContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
+    },
+    avatar: {
+      width: 40,
+      height: 40,
+      borderRadius: 20,
+      marginBottom: 10,
+      backgroundColor: '#D9E5FC'
+    },
+    dotIcon: {
+      width: 16,
+      height: 12,
+      tintColor: theme.colors.base
+    },
+    modalContainer: {
+      flex: 1,
+      justifyContent: 'flex-end',
+      backgroundColor: 'rgba(0, 0, 0, 0.5)'
+    },
+    modalContent: {
+      backgroundColor: theme.colors.background,
+      borderTopLeftRadius: 10,
+      borderTopRightRadius: 10,
+      padding: 20,
+      minHeight: 120
+    },
+    modalRow: {
+      marginVertical: 10
+    },
+    postText: {
+      paddingLeft: 12,
+      fontWeight: '600',
+      color: theme.colors.base,
+      fontSize: 16
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/screens/CommunityMemberDetail/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","styles","create","container","flex","backgroundColor","colors","background","categoryText","marginLeft","marginBottom","fontSize","LoadingIndicator","paddingVertical","rowContainer","flexDirection","alignItems","padding","avatar","width","height","borderRadius","dotIcon","tintColor","base","modalContainer","justifyContent","modalContent","borderTopLeftRadius","borderTopRightRadius","minHeight","modalRow","marginVertical","postText","paddingLeft","fontWeight","color"],"sourceRoot":"../../../../src","sources":["screens/CommunityMemberDetail/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAC,CAAe;EACtC,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEL,KAAK,CAACM,MAAM,CAACC;IAChC,CAAC;IACDC,YAAY,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,YAAY,EAAE,EAAE;MAAEC,QAAQ,EAAE;IAAG,CAAC;IAChEC,gBAAgB,EAAE;MAChBC,eAAe,EAAE;IACnB,CAAC;IACDC,YAAY,EAAE;MACZC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,OAAO,EAAE;IACX,CAAC;IACDC,MAAM,EAAE;MACNC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,EAAE;MAChBX,YAAY,EAAE,EAAE;MAChBL,eAAe,EAAE;IACnB,CAAC;IACDiB,OAAO,EAAE;MACPH,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVG,SAAS,EAAEvB,KAAK,CAACM,MAAM,CAACkB;IAC1B,CAAC;IACDC,cAAc,EAAE;MACdrB,IAAI,EAAE,CAAC;MACPsB,cAAc,EAAE,UAAU;MAC1BrB,eAAe,EAAE;IACnB,CAAC;IACDsB,YAAY,EAAE;MACZtB,eAAe,EAAEL,KAAK,CAACM,MAAM,CAACC,UAAU;MACxCqB,mBAAmB,EAAE,EAAE;MACvBC,oBAAoB,EAAE,EAAE;MACxBZ,OAAO,EAAE,EAAE;MACXa,SAAS,EAAE;IACb,CAAC;IACDC,QAAQ,EAAE;MACRC,cAAc,EAAE;IAClB,CAAC;IACDC,QAAQ,EAAE;MACRC,WAAW,EAAE,EAAE;MACfC,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAEpC,KAAK,CAACM,MAAM,CAACkB,IAAI;MACxBb,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;EAEF,OAAOV,MAAM;AACf,CAAC","ignoreList":[]}

package/lib/module/screens/CommunitySearch/index.js

@@ -0,0 +1,159 @@
+import React, { useEffect, useState } from 'react';
+import { View, Text, TextInput, TouchableOpacity, LogBox, ScrollView } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useStyles } from './styles';
+import { SvgXml } from 'react-native-svg';
+import { circleCloseIcon, searchIcon } from '../../svg/svg-xml-list';
+import { useNavigation } from '@react-navigation/native';
+import CustomTab from '../../components/CustomTab';
+import { CommunityRepository, UserRepository } from '@amityco/ts-sdk-react-native';
+import SearchItem from '../../components/SearchItem';
+import { useTheme } from 'react-native-paper';
+import { TabName } from '../../enum/tabNameState';
+var searchTypeEnum = /*#__PURE__*/function (searchTypeEnum) {
+  searchTypeEnum["user"] = "user";
+  searchTypeEnum["community"] = "community";
+  return searchTypeEnum;
+}(searchTypeEnum || {});
+export default function CommunitySearch() {
+  const theme = useTheme();
+  LogBox.ignoreAllLogs(true);
+  const styles = useStyles();
+  const [searchTerm, setSearchTerm] = useState('');
+  const [searchType, setSearchType] = useState(searchTypeEnum.community);
+  const [communities, setCommunities] = useState();
+  const [usersObject, setUsersObject] = useState();
+  const navigation = useNavigation();
+  const [searchList, setSearchList] = useState([]);
+  const {
+    data: communitiesArr = []
+    // onNextPage,
+    // hasNextPage,
+    // loading,
+    // error,
+  } = communities ?? {};
+  const {
+    data: userArr = []
+    // onNextPage,
+    // hasNextPage,
+    // loading,
+    // error,
+  } = usersObject ?? {};
+  const handleChange = text => {
+    setSearchTerm(text);
+  };
+  useEffect(() => {
+    if (searchTerm.length <= 1) return setSearchList([]);
+    if (searchType === 'community') return searchCommunities(searchTerm);
+    if (searchType === 'user') return searchAccounts(searchTerm);
+  }, [searchTerm, searchType]);
+  const searchCommunities = text => {
+    const unsubscribe = CommunityRepository.searchCommunities({
+      displayName: text,
+      membership: 'notMember',
+      limit: 20,
+      sortBy: 'displayName'
+    }, data => {
+      setCommunities(data);
+      if (data.data.length === 0) {
+        setSearchList([]);
+      }
+    });
+    unsubscribe();
+  };
+  const searchAccounts = (text = '') => {
+    if (text.length > 2) {
+      const unsubscribe = UserRepository.searchUserByDisplayName({
+        displayName: text,
+        limit: 20
+      }, data => {
+        setUsersObject(data);
+      });
+      unsubscribe();
+    }
+  };
+  useEffect(() => {
+    if (communitiesArr.length > 0 && searchType === searchTypeEnum.community) {
+      const searchItem = communitiesArr.map(item => {
+        return {
+          targetId: item === null || item === void 0 ? void 0 : item.communityId,
+          targetType: searchType,
+          displayName: item === null || item === void 0 ? void 0 : item.displayName,
+          categoryIds: item === null || item === void 0 ? void 0 : item.categoryIds,
+          avatarFileId: (item === null || item === void 0 ? void 0 : item.avatarFileId) ?? ''
+        };
+      });
+      setSearchList(searchItem);
+    }
+  }, [communitiesArr, searchType]);
+  useEffect(() => {
+    if (userArr && userArr.length > 0 && searchType === searchTypeEnum.user) {
+      const searchUsers = userArr.map(item => {
+        return {
+          targetId: item === null || item === void 0 ? void 0 : item.userId,
+          targetType: searchType,
+          avatarFileId: (item === null || item === void 0 ? void 0 : item.avatarFileId) ?? '',
+          displayName: item === null || item === void 0 ? void 0 : item.displayName
+        };
+      });
+      setSearchList(searchUsers);
+    }
+  }, [userArr, searchType]);
+  const clearButton = () => {
+    setSearchTerm('');
+  };
+  const cancelSearch = () => {
+    navigation.goBack();
+  };
+  const handleTabChange = tabName => {
+    if (tabName === TabName.Communities) {
+      setSearchType(searchTypeEnum.community);
+    } else if (tabName === TabName.Accounts) {
+      setSearchType(searchTypeEnum.user);
+    }
+    if (searchTerm.length <= 1) return setSearchList([]);
+    if (tabName === TabName.Communities) {
+      searchCommunities(searchTerm);
+    } else if (tabName === TabName.Accounts) {
+      searchAccounts(searchTerm);
+    }
+  };
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerWrap
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.inputWrap
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => searchAccounts(searchTerm)
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: searchIcon(theme.colors.base),
+    width: "20",
+    height: "20"
+  })), /*#__PURE__*/React.createElement(TextInput, {
+    style: styles.input,
+    value: searchTerm,
+    onChangeText: handleChange
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: clearButton
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: circleCloseIcon,
+    width: "20",
+    height: "20"
+  }))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: cancelSearch
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.cancelBtn
+  }, "Cancel"))), /*#__PURE__*/React.createElement(CustomTab, {
+    tabName: [TabName.Communities, TabName.Accounts],
+    onTabChange: handleTabChange
+  }), searchList && searchList.length > 0 ? /*#__PURE__*/React.createElement(ScrollView, {
+    contentContainerStyle: styles.searchScrollList
+  }, searchList.map((item, index) => /*#__PURE__*/React.createElement(SearchItem, {
+    key: index,
+    target: item
+  }))) : /*#__PURE__*/React.createElement(Text, {
+    style: styles.notFoundText
+  }, "No result found"));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/screens/CommunitySearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","Text","TextInput","TouchableOpacity","LogBox","ScrollView","SafeAreaView","useStyles","SvgXml","circleCloseIcon","searchIcon","useNavigation","CustomTab","CommunityRepository","UserRepository","SearchItem","useTheme","TabName","searchTypeEnum","CommunitySearch","theme","ignoreAllLogs","styles","searchTerm","setSearchTerm","searchType","setSearchType","community","communities","setCommunities","usersObject","setUsersObject","navigation","searchList","setSearchList","data","communitiesArr","userArr","handleChange","text","length","searchCommunities","searchAccounts","unsubscribe","displayName","membership","limit","sortBy","searchUserByDisplayName","searchItem","map","item","targetId","communityId","targetType","categoryIds","avatarFileId","user","searchUsers","userId","clearButton","cancelSearch","goBack","handleTabChange","tabName","Communities","Accounts","createElement","style","container","headerWrap","inputWrap","onPress","xml","colors","base","width","height","input","value","onChangeText","cancelBtn","onTabChange","contentContainerStyle","searchScrollList","index","key","target","notFoundText"],"sourceRoot":"../../../../src","sources":["screens/CommunitySearch/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/CommunitySearch/styles.js

@@ -0,0 +1,51 @@
+import { Platform, StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      backgroundColor: theme.colors.background,
+      height: '100%'
+    },
+    headerWrap: {
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      backgroundColor: theme.colors.background
+    },
+    inputWrap: {
+      marginHorizontal: 16,
+      backgroundColor: theme.colors.baseShade4,
+      paddingHorizontal: 10,
+      paddingVertical: Platform.OS === 'ios' ? 10 : 0,
+      borderRadius: 4,
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      marginVertical: 10,
+      flex: 2,
+      alignItems: 'center'
+    },
+    input: {
+      flex: 1,
+      marginHorizontal: 6,
+      color: theme.colors.base
+    },
+    cancelBtn: {
+      marginRight: 16,
+      color: theme.colors.base
+    },
+    searchScrollList: {
+      paddingBottom: 110,
+      marginTop: 10
+    },
+    notFoundText: {
+      marginTop: 40,
+      fontSize: 16,
+      alignSelf: 'center',
+      textAlign: 'center',
+      color: theme.colors.baseShade3
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/screens/CommunitySearch/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","StyleSheet","useTheme","useStyles","theme","styles","create","container","backgroundColor","colors","background","height","headerWrap","flexDirection","justifyContent","alignItems","inputWrap","marginHorizontal","baseShade4","paddingHorizontal","paddingVertical","OS","borderRadius","marginVertical","flex","input","color","base","cancelBtn","marginRight","searchScrollList","paddingBottom","marginTop","notFoundText","fontSize","alignSelf","textAlign","baseShade3"],"sourceRoot":"../../../../src","sources":["screens/CommunitySearch/styles.ts"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAC,CAAe;EACtC,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACC,UAAU;MACxCC,MAAM,EAAE;IACV,CAAC;IACDC,UAAU,EAAE;MACVC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,eAAe;MAC/BC,UAAU,EAAE,QAAQ;MACpBP,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACC;IAChC,CAAC;IACDM,SAAS,EAAE;MACTC,gBAAgB,EAAE,EAAE;MACpBT,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACS,UAAU;MACxCC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAEpB,QAAQ,CAACqB,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG,CAAC;MAC/CC,YAAY,EAAE,CAAC;MACfT,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,eAAe;MAC/BS,cAAc,EAAE,EAAE;MAClBC,IAAI,EAAE,CAAC;MACPT,UAAU,EAAE;IACd,CAAC;IACDU,KAAK,EAAE;MAAED,IAAI,EAAE,CAAC;MAAEP,gBAAgB,EAAE,CAAC;MAAES,KAAK,EAAEtB,KAAK,CAACK,MAAM,CAACkB;IAAK,CAAC;IACjEC,SAAS,EAAE;MACTC,WAAW,EAAE,EAAE;MACfH,KAAK,EAAEtB,KAAK,CAACK,MAAM,CAACkB;IACtB,CAAC;IACDG,gBAAgB,EAAE;MAChBC,aAAa,EAAE,GAAG;MAClBC,SAAS,EAAE;IACb,CAAC;IACDC,YAAY,EAAE;MACZD,SAAS,EAAE,EAAE;MACbE,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,QAAQ;MACnBC,SAAS,EAAE,QAAQ;MACnBV,KAAK,EAAEtB,KAAK,CAACK,MAAM,CAAC4B;IACtB;EACF,CAAC,CAAC;EAEF,OAAOhC,MAAM;AACf,CAAC","ignoreList":[]}