@smart-link/rn-im 1.0.1

package/dist/pages/message/components/messageBar/VoiceBar.js

@@ -0,0 +1,272 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useTranslation_1 = __importDefault(require("../../../../hooks/useTranslation"));
+const MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
+const rn_ui_2 = require("@smart-link/rn-ui");
+const useImSelector_1 = require("../../../../hooks/useImSelector");
+const init_1 = require("../../../../init");
+const react_native_fs_1 = __importDefault(require("react-native-fs"));
+const react_native_audio_recorder_player_1 = __importStar(require("react-native-audio-recorder-player"));
+const react_native_permissions_1 = __importStar(require("react-native-permissions"));
+const file_1 = require("../../../../utils/file");
+const btPressInColor = '#ccc', btPressOutColor = '#fff';
+const audioRecorderPlayer = new react_native_audio_recorder_player_1.default();
+const audioSet = {
+    AudioEncoderAndroid: react_native_audio_recorder_player_1.AudioEncoderAndroidType.AAC,
+    AudioSourceAndroid: react_native_audio_recorder_player_1.AudioSourceAndroidType.MIC,
+    AVModeIOS: react_native_audio_recorder_player_1.AVModeIOSOption.measurement,
+    AVEncoderAudioQualityKeyIOS: react_native_audio_recorder_player_1.AVEncoderAudioQualityIOSType.high,
+    AVNumberOfChannelsKeyIOS: 2,
+    AVFormatIDKeyIOS: react_native_audio_recorder_player_1.AVEncodingOption.aac,
+};
+const VoiceBar = () => {
+    const { currentConversation } = (0, useImSelector_1.useConversation)();
+    const { t } = (0, useTranslation_1.default)();
+    const btPressInText = t('pressIn');
+    const btPressOutText = t('pressOut');
+    const [recordText, setRecordText] = (0, react_1.useState)(btPressOutText);
+    const [recordColor, setRecordColor] = (0, react_1.useState)(btPressOutColor);
+    const recordManger = (0, react_1.useRef)({
+        pageY: 0,
+        recordTime: 0,
+        cancelRecord: false,
+        recording: false,
+    });
+    const recordStatus = {
+        recording: {
+            color: '#fff',
+            text: t('slideUpCancel'),
+            icon: 'mic',
+        },
+        cancel: {
+            color: '#ff1a29',
+            text: t('releaseUndo'),
+            icon: 'mic-none',
+        },
+        short: {
+            color: '#ff1a29',
+            text: t('shortTime'),
+            icon: 'mic-none',
+        },
+    };
+    const onResponderGrant = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (recordManger.current.recording)
+            return;
+        try {
+            recordManger.current.recording = true;
+            audioRecorderPlayer.addRecordBackListener((e) => {
+                recordManger.current.recordTime = e.currentPosition / 1000;
+                if (RecordToast.key) {
+                    if (recordManger.current.cancelRecord) {
+                        RecordToast.show(recordStatus.cancel, recordManger.current.recordTime);
+                    }
+                    else {
+                        RecordToast.show(recordStatus.recording, recordManger.current.recordTime);
+                    }
+                }
+            });
+            const relativePath = (0, file_1.getResourcePath)(`record_${Date.now()}.aac`, 'voice');
+            const path = react_native_1.Platform.select({
+                ios: `file://${relativePath}`,
+                android: relativePath,
+            });
+            yield audioRecorderPlayer.startRecorder(path, audioSet, false);
+        }
+        catch (err) {
+            console.error('Failed to start recording', err);
+            RecordToast.hide();
+            return rn_ui_1.Toast.error(t('recordingFail'));
+        }
+        setRecordText(btPressInText);
+        setRecordColor(btPressInColor);
+        RecordToast.show(recordStatus.recording, 0);
+    }), []);
+    const onResponderMove = (0, react_1.useCallback)(({ nativeEvent }) => {
+        if (!recordManger.current.pageY) {
+            recordManger.current.pageY = nativeEvent.pageY;
+        }
+        let dy = recordManger.current.pageY - nativeEvent.pageY;
+        if (dy > 35) {
+            recordManger.current.cancelRecord = true;
+            RecordToast.show(recordStatus.cancel, recordManger.current.recordTime);
+        }
+        else {
+            recordManger.current.cancelRecord = false;
+            RecordToast.show(recordStatus.recording, recordManger.current.recordTime);
+        }
+    }, []);
+    const onResponderRelease = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            recordManger.current.recording = false;
+            let filePath;
+            let file;
+            try {
+                filePath = yield audioRecorderPlayer.stopRecorder();
+                file = yield react_native_fs_1.default.stat(filePath);
+            }
+            catch (err) {
+                console.error('Failed to stop recording', err);
+                RecordToast.hide();
+                rn_ui_1.Toast.error(t('recordingFail'));
+                setRecordText(btPressOutText);
+                setRecordColor(btPressOutColor);
+                return;
+            }
+            if (recordManger.current.recordTime < 1) {
+                RecordToast.show(recordStatus.short, recordManger.current.recordTime);
+                setTimeout(() => {
+                    RecordToast.hide();
+                }, 1000);
+                setRecordText(btPressOutText);
+                setRecordColor(btPressOutColor);
+                return;
+            }
+            setRecordText(btPressOutText);
+            setRecordColor(btPressOutColor);
+            RecordToast.hide();
+            if (!recordManger.current.cancelRecord) {
+                console.log('send');
+                (0, init_1.getImManager)()
+                    .sendVoiceMessage(Object.assign({}, currentConversation), {
+                    localPath: filePath,
+                    duration: recordManger.current.recordTime,
+                    size: file.size,
+                    type: 'audio/aac',
+                    lastModified: Date.now(),
+                    filename: filePath.split('/').pop(),
+                })
+                    .then(() => {
+                    console.log('send success');
+                });
+            }
+            recordManger.current = {
+                pageY: 0,
+                recordTime: 0,
+                cancelRecord: false,
+                recording: false,
+            };
+        }
+        catch (err) {
+            console.error('Failed to stop recording', err);
+            RecordToast.hide();
+        }
+    }), []);
+    (0, react_1.useEffect)(() => {
+        if (react_native_1.Platform.OS === 'ios') {
+            react_native_permissions_1.default.check(react_native_permissions_1.PERMISSIONS.IOS.MICROPHONE).then((result) => {
+                if (result !== 'granted') {
+                    react_native_permissions_1.default.request(react_native_permissions_1.PERMISSIONS.IOS.MICROPHONE).then((result) => {
+                        if (result !== 'granted') {
+                            console.log('Microphone permission not granted');
+                            rn_ui_1.Toast.error(t('noAuth'));
+                        }
+                    });
+                }
+            });
+        }
+        return () => {
+            RecordToast.hide();
+        };
+    }, []);
+    return (<react_native_1.View style={styles.container}>
+            <react_native_1.View style={[styles.record, { backgroundColor: recordColor }]} onStartShouldSetResponder={() => true} onMoveShouldSetResponder={() => true} onResponderGrant={onResponderGrant} onResponderMove={onResponderMove} onResponderRelease={onResponderRelease} onResponderTerminationRequest={() => false}>
+                <react_native_1.Text style={styles.recordText}>{recordText}</react_native_1.Text>
+            </react_native_1.View>
+        </react_native_1.View>);
+};
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        marginVertical: (0, rn_ui_1.dp)(6),
+    },
+    record: {
+        flex: 1,
+        backgroundColor: '#fff',
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderRadius: (0, rn_ui_1.dp)(3),
+    },
+    recordText: {
+        width: '100%',
+        textAlign: 'center',
+        color: '#666',
+        fontWeight: '500',
+        fontSize: (0, rn_ui_1.dp)(15),
+        lineHeight: (0, rn_ui_1.dp)(17),
+    },
+    toastText: {
+        margin: 4,
+        padding: 4,
+    },
+    toastIcon: {
+        paddingTop: 10,
+        color: 'white',
+    },
+});
+class RecordToast {
+    static show(option, time) {
+        const { text, color, icon } = option;
+        const ToastNode = (<rn_ui_1.Toast visible={true} onClose={() => {
+                RecordToast.hide();
+            }} content={<react_native_1.Text style={[styles.toastText, { color }]}>{text}</react_native_1.Text>} duration={10000} icon={<react_native_1.Text style={styles.toastIcon}>
+                        <MaterialIcons_1.default name={icon} size={70} color={'white'}/>
+                        <react_native_1.Text style={{ width: 80 }}>({Math.round(time)}'')</react_native_1.Text>
+                    </react_native_1.Text>}/>);
+        if (RecordToast.key) {
+            (0, rn_ui_2.TopViewGetInstance)().replace(ToastNode, RecordToast.key);
+        }
+        else {
+            (0, rn_ui_2.TopViewGetInstance)()
+                .add(ToastNode)
+                .then((id) => {
+                RecordToast.key = id;
+            });
+        }
+    }
+    static hide() {
+        if (!RecordToast.key)
+            return;
+        (0, rn_ui_2.TopViewGetInstance)().remove(RecordToast.key);
+        RecordToast.key = null;
+    }
+}
+RecordToast.key = null;
+exports.default = (0, react_1.memo)(VoiceBar);

package/dist/pages/message/components/messageBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './MessageBar';
+export * from './MessageBar';

package/dist/pages/message/components/messageBar/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var MessageBar_1 = require("./MessageBar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(MessageBar_1).default; } });
+__exportStar(require("./MessageBar"), exports);

package/dist/pages/message/message.routes.d.ts

@@ -0,0 +1,2 @@
+import { RouteConfig } from '../../pages';
+export declare const messageRoutes: readonly RouteConfig[];

package/dist/pages/message/message.routes.js

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messageRoutes = void 0;
+const MessageList_1 = __importDefault(require("./MessageList"));
+const ChooseMember_1 = __importDefault(require("./ChooseMember"));
+const MessageRecord_1 = __importDefault(require("./MessageRecord"));
+const MessageBackup_1 = __importStar(require("./MessageBackup"));
+exports.messageRoutes = [
+    {
+        name: 'MessageList',
+        component: MessageList_1.default,
+        options: {
+            title: '',
+        },
+    },
+    {
+        name: 'ChooseMember',
+        component: ChooseMember_1.default,
+        options: {
+            title: '',
+            animation: 'fade_from_bottom',
+            animationDuration: 150,
+        },
+    },
+    {
+        name: 'MessageRecord',
+        component: MessageRecord_1.default,
+        options: {
+            title: '',
+        },
+    },
+    {
+        name: 'MessageBackup',
+        component: MessageBackup_1.default,
+        options: {
+            title: '',
+        },
+    },
+    {
+        name: 'StartBackupPage',
+        component: MessageBackup_1.StartBackupPage,
+        options: {
+            title: '',
+        },
+    },
+    {
+        name: 'RestoreBackupPage',
+        component: MessageBackup_1.RestoreBackupPage,
+        options: {
+            title: '',
+        },
+    },
+];

package/dist/pages/search/Search.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { NativeStackScreenProps } from '@react-navigation/native-stack';
+import { IMPageParamList } from '../types';
+type SearchProps = NativeStackScreenProps<IMPageParamList, 'Search'>;
+declare const Search: ({ route: { params } }: SearchProps) => React.JSX.Element;
+export default Search;

package/dist/pages/search/Search.js

@@ -0,0 +1,84 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
+const SearchUser_1 = __importDefault(require("./components/SearchUser"));
+const ChatRecords_1 = __importDefault(require("./components/ChatRecords"));
+const MyGroupChat_1 = __importDefault(require("./components/MyGroupChat"));
+const init_1 = require("../../init");
+const im_base_1 = require("@smart-link/im-base");
+const Search = ({ route: { params } }) => {
+    const { t } = (0, useTranslation_1.default)();
+    const [keyword, setKeyword] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
+        react_native_1.InteractionManager.runAfterInteractions(() => {
+            var _a;
+            (_a = (0, init_1.getImManager)()) === null || _a === void 0 ? void 0 : _a.store.dispatch(im_base_1.GroupActions.loadMyGroups());
+        });
+    }, []);
+    return (<>
+            <rn_ui_1.HeaderSearchBar value={keyword} onSubmitEditing={setKeyword}/>
+            <rn_ui_1.NavigationPage noPadding>
+                <rn_ui_1.SegmentedView style={styles.segmented} barStyle={styles.segmentedBar} justifyItem={'scrollable'} indicatorType={'boxWidth'} type={'carousel'}>
+                    <rn_ui_1.SegmentedView.Sheet title={t('contacts')} titleStyle={styles.sheetTitle} activeTitleStyle={styles.sheetTitleActive}>
+                        <SearchUser_1.default keyword={keyword}/>
+                    </rn_ui_1.SegmentedView.Sheet>
+                    <rn_ui_1.SegmentedView.Sheet title={t('groupChat')} titleStyle={styles.sheetTitle} activeTitleStyle={styles.sheetTitleActive}>
+                        <MyGroupChat_1.default keyword={keyword}/>
+                    </rn_ui_1.SegmentedView.Sheet>
+                    <rn_ui_1.SegmentedView.Sheet title={t('chatRecord')} titleStyle={styles.sheetTitle} activeTitleStyle={styles.sheetTitleActive}>
+                        <ChatRecords_1.default keyword={keyword}/>
+                    </rn_ui_1.SegmentedView.Sheet>
+                </rn_ui_1.SegmentedView>
+            </rn_ui_1.NavigationPage>
+        </>);
+};
+const styles = react_native_1.StyleSheet.create({
+    segmented: {
+        flex: 1,
+        backgroundColor: '#fff',
+    },
+    segmentedBar: {
+        paddingTop: (0, rn_ui_1.dp)(5),
+        paddingHorizontal: (0, rn_ui_1.dp)(15),
+    },
+    sheetTitle: {
+        fontSize: (0, rn_ui_1.dp)(14),
+        lineHeight: (0, rn_ui_1.dp)(16),
+        borderRadius: (0, rn_ui_1.dp)(3),
+    },
+    sheetTitleActive: {
+        fontSize: (0, rn_ui_1.dp)(14),
+        lineHeight: (0, rn_ui_1.dp)(16),
+        borderRadius: (0, rn_ui_1.dp)(3),
+    },
+});
+exports.default = Search;

package/dist/pages/search/SearchChatRecords.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: (props: {}) => React.JSX.Element;
+export default _default;

package/dist/pages/search/SearchChatRecords.js

@@ -0,0 +1,173 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
+const init_1 = require("../../init");
+const native_1 = require("@react-navigation/native");
+const im_base_1 = require("@smart-link/im-base");
+const ChatAvatar_1 = __importDefault(require("../../components/ChatAvatar/ChatAvatar"));
+const summary_1 = require("../../utils/summary");
+const FormatTimeText_1 = __importDefault(require("../../components/FormatTimeText"));
+const SearchChatRecords = (0, react_1.memo)(() => {
+    const navigation = (0, rn_ui_1.useNavigation)();
+    const { params } = (0, native_1.useRoute)();
+    const [keyword, setKeyword] = (0, react_1.useState)(params.keyword || '');
+    const { t } = (0, useTranslation_1.default)();
+    const theme = (0, rn_ui_1.useTheme)();
+    const { name, id } = params.conversation;
+    const [messages, setMessages] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        if (!keyword)
+            return;
+        console.log('keyword', keyword, params.conversation.id);
+        (0, init_1.getImManager)()
+            .db.searchMessages({
+            conversationId: params.conversation.id,
+            keyword,
+        })
+            .then(list => {
+            setMessages(list);
+        });
+    }, [keyword]);
+    const listHeaderComponent = (<>
+            <react_native_1.View style={styles.currChat}>
+                <react_native_1.Text style={styles.currChatText}>{'"' + name + '"' + t('searchMsgRec')}</react_native_1.Text>
+            </react_native_1.View>
+            <react_native_1.View style={styles.listHeaderLine}/>
+        </>);
+    const keyExtractor = (item) => item.messageSeq;
+    const renderItem = ({ item }) => {
+        const { messageSeq, messageFrom, messageFromName, messageTime, payload, } = item;
+        return (<react_native_1.TouchableOpacity style={styles.item} activeOpacity={0.5} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
+                yield (0, init_1.getImManager)().initSearchConversation(id, messageSeq);
+                navigation.navigate('MessageList');
+            })}>
+            <ChatAvatar_1.default id={messageFrom} url={payload.avatars} name={messageFromName} size={(0, rn_ui_1.dp)(42)}/>
+            <react_native_1.View style={styles.width10}/>
+
+            <react_native_1.View style={styles.left}>
+                <react_native_1.Text style={styles.name} numberOfLines={1}>{messageFromName}</react_native_1.Text>
+                <react_native_1.Text style={styles.text} numberOfLines={1}>{(0, summary_1.getSummary)((0, im_base_1.buildSearchText)(item), keyword, 28, theme.primaryColor)}</react_native_1.Text>
+            </react_native_1.View>
+            <FormatTimeText_1.default style={styles.time} time={messageTime}/>
+        </react_native_1.TouchableOpacity>);
+    };
+    const itemSeparatorComponent = () => <react_native_1.View style={styles.separator}/>;
+    return (<>
+            <rn_ui_1.HeaderSearchBar value={keyword} onSubmitEditing={setKeyword}/>
+            <rn_ui_1.NavigationPage noPadding>
+                {messages.length === 0 && (<react_native_1.View style={{ flex: 1 }}>
+                        <react_native_1.View style={{
+                flex: 1,
+                justifyContent: 'center',
+                alignItems: 'center',
+            }}>
+                            <react_native_1.Text>{t('noSearchResult')}</react_native_1.Text>
+                        </react_native_1.View>
+                    </react_native_1.View>)}
+                {messages.length > 0 && (<react_native_1.FlatList contentContainerStyle={styles.list} data={messages} numColumns={1} initialNumToRender={1} keyExtractor={keyExtractor} renderItem={renderItem} keyboardShouldPersistTaps={'handled'} ItemSeparatorComponent={itemSeparatorComponent} ListHeaderComponent={listHeaderComponent}/>)}
+            </rn_ui_1.NavigationPage>
+
+    </>);
+});
+const styles = react_native_1.StyleSheet.create({
+    empty: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    list: {
+        backgroundColor: '#fff',
+        borderWidth: (0, rn_ui_1.dp)(1),
+        borderStyle: 'solid',
+        borderColor: '#eee',
+        borderLeftWidth: 0,
+        borderRightWidth: 0,
+    },
+    item: {
+        paddingHorizontal: (0, rn_ui_1.dp)(15),
+        paddingVertical: (0, rn_ui_1.dp)(15),
+        flexDirection: 'row',
+    },
+    width10: {
+        width: (0, rn_ui_1.dp)(10),
+    },
+    left: {
+        justifyContent: 'space-between',
+    },
+    name: {
+        width: (0, rn_ui_1.dp)(250),
+        fontSize: (0, rn_ui_1.dp)(13),
+        lineHeight: (0, rn_ui_1.dp)(15),
+        color: '#999',
+    },
+    time: {
+        fontSize: (0, rn_ui_1.dp)(13),
+        lineHeight: (0, rn_ui_1.dp)(15),
+        color: '#999',
+        position: 'absolute',
+        top: (0, rn_ui_1.dp)(10),
+        right: (0, rn_ui_1.dp)(15),
+    },
+    text: {
+        width: (0, rn_ui_1.dp)(270),
+        fontSize: (0, rn_ui_1.dp)(14),
+        lineHeight: (0, rn_ui_1.dp)(16),
+        color: '#333',
+    },
+    separator: {
+        marginLeft: (0, rn_ui_1.dp)(66),
+        height: (0, rn_ui_1.dp)(1),
+        backgroundColor: '#eee',
+    },
+    currChat: {
+        backgroundColor: '#f3f3f3',
+        paddingHorizontal: (0, rn_ui_1.dp)(15),
+        paddingVertical: (0, rn_ui_1.dp)(8),
+    },
+    currChatText: {
+        color: '#999',
+    },
+    listHeaderLine: {
+        height: (0, rn_ui_1.dp)(1),
+        backgroundColor: '#ececec',
+    },
+});
+exports.default = (0, rn_ui_1.WrappedSearchPage)(SearchChatRecords);

package/dist/pages/search/SearchFile.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SearchFile: React.MemoExoticComponent<() => React.JSX.Element>;
+export default SearchFile;