@smart-link/rn-im 1.0.22 → 1.0.24

package/dist/pages/search/SearchChatRecords.js

@@ -1,27 +1,3 @@
-"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) {
@@ -31,33 +7,29 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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)();
+import { NavigationPage, WrappedSearchPage, dp, useTheme, useNavigation, HeaderSearchBar } from '@smart-link/rn-ui';
+import React, { memo, useEffect, useState } from 'react';
+import { Text, View, StyleSheet, TouchableOpacity, FlatList } from 'react-native';
+import useTranslation from '../../hooks/useTranslation';
+import { getImManager } from '../../init';
+import { useRoute } from '@react-navigation/native';
+import { buildSearchText } from '@smart-link/im-base';
+import ChatAvatar from '../../components/ChatAvatar/ChatAvatar';
+import { getSummary } from '../../utils/summary';
+import FormatTimeText from '../../components/FormatTimeText';
+const SearchChatRecords = memo(() => {
+    const navigation = useNavigation();
+    const { params } = useRoute();
+    const [keyword, setKeyword] = useState(params.keyword || '');
+    const { t } = useTranslation();
+    const theme = useTheme();
     const { name, id } = params.conversation;
-    const [messages, setMessages] = (0, react_1.useState)([]);
-    (0, react_1.useEffect)(() => {
+    const [messages, setMessages] = useState([]);
+    useEffect(() => {
         if (!keyword)
             return;
         console.log('keyword', keyword, params.conversation.id);
-        (0, init_1.getImManager)()
+        getImManager()
             .db.searchMessages({
             conversationId: params.conversation.id,
             keyword,
@@ -67,47 +39,47 @@ const SearchChatRecords = (0, react_1.memo)(() => {
         });
     }, [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}/>
+            <View style={styles.currChat}>
+                <Text style={styles.currChatText}>{'"' + name + '"' + t('searchMsgRec')}</Text>
+            </View>
+            <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);
+        return (<TouchableOpacity style={styles.item} activeOpacity={0.5} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
+                yield 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}/>
+            <ChatAvatar id={messageFrom} url={payload.avatars} name={messageFromName} size={dp(42)}/>
+            <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>);
+            <View style={styles.left}>
+                <Text style={styles.name} numberOfLines={1}>{messageFromName}</Text>
+                <Text style={styles.text} numberOfLines={1}>{getSummary(buildSearchText(item), keyword, 28, theme.primaryColor)}</Text>
+            </View>
+            <FormatTimeText style={styles.time} time={messageTime}/>
+        </TouchableOpacity>);
     };
-    const itemSeparatorComponent = () => <react_native_1.View style={styles.separator}/>;
+    const itemSeparatorComponent = () => <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={{
+            <HeaderSearchBar value={keyword} onSubmitEditing={setKeyword}/>
+            <NavigationPage noPadding>
+                {messages.length === 0 && (<View style={{ flex: 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>
+                            <Text>{t('noSearchResult')}</Text>
+                        </View>
+                    </View>)}
+                {messages.length > 0 && (<FlatList contentContainerStyle={styles.list} data={messages} numColumns={1} initialNumToRender={1} keyExtractor={keyExtractor} renderItem={renderItem} keyboardShouldPersistTaps={'handled'} ItemSeparatorComponent={itemSeparatorComponent} ListHeaderComponent={listHeaderComponent}/>)}
+            </NavigationPage>
 
     </>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     empty: {
         flex: 1,
         alignItems: 'center',
@@ -115,59 +87,59 @@ const styles = react_native_1.StyleSheet.create({
     },
     list: {
         backgroundColor: '#fff',
-        borderWidth: (0, rn_ui_1.dp)(1),
+        borderWidth: 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),
+        paddingHorizontal: dp(15),
+        paddingVertical: dp(15),
         flexDirection: 'row',
     },
     width10: {
-        width: (0, rn_ui_1.dp)(10),
+        width: 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),
+        width: dp(250),
+        fontSize: dp(13),
+        lineHeight: dp(15),
         color: '#999',
     },
     time: {
-        fontSize: (0, rn_ui_1.dp)(13),
-        lineHeight: (0, rn_ui_1.dp)(15),
+        fontSize: dp(13),
+        lineHeight: dp(15),
         color: '#999',
         position: 'absolute',
-        top: (0, rn_ui_1.dp)(10),
-        right: (0, rn_ui_1.dp)(15),
+        top: dp(10),
+        right: dp(15),
     },
     text: {
-        width: (0, rn_ui_1.dp)(270),
-        fontSize: (0, rn_ui_1.dp)(14),
-        lineHeight: (0, rn_ui_1.dp)(16),
+        width: dp(270),
+        fontSize: dp(14),
+        lineHeight: dp(16),
         color: '#333',
     },
     separator: {
-        marginLeft: (0, rn_ui_1.dp)(66),
-        height: (0, rn_ui_1.dp)(1),
+        marginLeft: dp(66),
+        height: dp(1),
         backgroundColor: '#eee',
     },
     currChat: {
         backgroundColor: '#f3f3f3',
-        paddingHorizontal: (0, rn_ui_1.dp)(15),
-        paddingVertical: (0, rn_ui_1.dp)(8),
+        paddingHorizontal: dp(15),
+        paddingVertical: dp(8),
     },
     currChatText: {
         color: '#999',
     },
     listHeaderLine: {
-        height: (0, rn_ui_1.dp)(1),
+        height: dp(1),
         backgroundColor: '#ececec',
     },
 });
-exports.default = (0, rn_ui_1.WrappedSearchPage)(SearchChatRecords);
+export default WrappedSearchPage(SearchChatRecords);

package/dist/pages/search/SearchFile.js

@@ -1,27 +1,3 @@
-"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) {
@@ -31,27 +7,23 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const styles_1 = require("../../components/styles");
-const init_1 = require("../../init");
-const im_base_1 = require("@smart-link/im-base");
-const dayjs_1 = __importDefault(require("dayjs"));
-const ChatAvatar_1 = __importDefault(require("../../components/ChatAvatar/ChatAvatar"));
-const file_1 = require("../../utils/file");
-const FormatTimeText_1 = __importDefault(require("../../components/FormatTimeText"));
-const file_icon_1 = require("../../utils/file-icon");
-const react_native_file_viewer_1 = __importDefault(require("react-native-file-viewer"));
-const useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
-const native_1 = require("@react-navigation/native");
+import React, { memo, useEffect, useRef, useState } from 'react';
+import { View, StyleSheet, PixelRatio, TouchableOpacity, Text, SectionList } from 'react-native';
+import { dp, HeaderSearchBar, NavigationPage } from '@smart-link/rn-ui';
+import { borderStyle } from '../../components/styles';
+import { getImManager } from '../../init';
+import { MessageActions } from '@smart-link/im-base';
+import dayjs from 'dayjs';
+import ChatAvatar from '../../components/ChatAvatar/ChatAvatar';
+import { numberToFileSize } from '../../utils/file';
+import FormatTimeText from '../../components/FormatTimeText';
+import { findSvgIcon } from '../../utils/file-icon';
+import FileViewer from 'react-native-file-viewer';
+import useTranslation from '../../hooks/useTranslation';
+import { useRoute } from '@react-navigation/native';
 function groupByDate(messages) {
     const groups = messages.reduce((groups, message) => {
-        const date = (0, dayjs_1.default)(message.messageTime).format('YYYY/MM');
+        const date = dayjs(message.messageTime).format('YYYY/MM');
         if (!groups[date]) {
             groups[date] = [];
         }
@@ -65,14 +37,14 @@ function groupByDate(messages) {
         };
     });
 }
-const SearchFile = (0, react_1.memo)(() => {
-    const { params } = (0, native_1.useRoute)();
-    const { t } = (0, useTranslation_1.default)();
-    const [keyword, setKeyword] = (0, react_1.useState)('');
-    const [files, setFiles] = (0, react_1.useState)([]);
-    const cacheResults = (0, react_1.useRef)([]);
-    const pageNum = (0, react_1.useRef)(0);
-    const imManager = (0, init_1.getImManager)();
+const SearchFile = memo(() => {
+    const { params } = useRoute();
+    const { t } = useTranslation();
+    const [keyword, setKeyword] = useState('');
+    const [files, setFiles] = useState([]);
+    const cacheResults = useRef([]);
+    const pageNum = useRef(0);
+    const imManager = getImManager();
     const loadSearchFiles = (keyword = '') => __awaiter(void 0, void 0, void 0, function* () {
         const tFiles = yield imManager.db.searchMessages({
             keyword: keyword,
@@ -88,7 +60,7 @@ const SearchFile = (0, react_1.memo)(() => {
         const groups = groupByDate(cacheResults.current);
         setFiles(groups);
     });
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         pageNum.current = 0;
         cacheResults.current = [];
         loadSearchFiles(keyword);
@@ -96,8 +68,8 @@ const SearchFile = (0, react_1.memo)(() => {
     const renderItem = ({ item }) => {
         const { messageFrom, messageFromName, payload = {} } = item;
         const ext = payload.filename.split('.').pop();
-        const Icon = (0, file_icon_1.findSvgIcon)(ext);
-        return (<react_native_1.TouchableOpacity style={[styles.item, { backgroundColor: '#fff' }]} activeOpacity={0.5} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
+        const Icon = findSvgIcon(ext);
+        return (<TouchableOpacity style={[styles.item, { backgroundColor: '#fff' }]} activeOpacity={0.5} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
                 if (!payload.localPath) {
                     payload.localPath = yield imManager.download({
                         fileId: item.payload.fileId,
@@ -108,42 +80,42 @@ const SearchFile = (0, react_1.memo)(() => {
                         messageSeq: item.messageSeq,
                         payload: payload,
                     });
-                    imManager.store.dispatch(im_base_1.MessageActions.updateMessage(item.messageSeq, {
+                    imManager.store.dispatch(MessageActions.updateMessage(item.messageSeq, {
                         payload: payload,
                     }));
                 }
-                react_native_file_viewer_1.default.open(payload.localPath);
+                FileViewer.open(payload.localPath);
             })}>
-                <react_native_1.View style={styles.itemTop}>
-                    <ChatAvatar_1.default disabled={true} name={messageFromName} id={messageFrom} size={(0, rn_ui_1.dp)(24)}/>
-                    <react_native_1.Text style={styles.name} numberOfLines={1}>
+                <View style={styles.itemTop}>
+                    <ChatAvatar disabled={true} name={messageFromName} id={messageFrom} size={dp(24)}/>
+                    <Text style={styles.name} numberOfLines={1}>
                         {messageFromName}
-                    </react_native_1.Text>
-                    <FormatTimeText_1.default style={styles.time} time={item.messageTime}/>
-                </react_native_1.View>
-                <react_native_1.View style={styles.file}>
-                    <react_native_1.View style={styles.fileInfo}>
-                        <react_native_1.Text style={styles.fileName} numberOfLines={2} ellipsizeMode={'middle'}>
+                    </Text>
+                    <FormatTimeText style={styles.time} time={item.messageTime}/>
+                </View>
+                <View style={styles.file}>
+                    <View style={styles.fileInfo}>
+                        <Text style={styles.fileName} numberOfLines={2} ellipsizeMode={'middle'}>
                             {payload.filename}
-                        </react_native_1.Text>
-                        <react_native_1.Text style={styles.fileSize}>{(0, file_1.numberToFileSize)(payload.size)}</react_native_1.Text>
-                    </react_native_1.View>
+                        </Text>
+                        <Text style={styles.fileSize}>{numberToFileSize(payload.size)}</Text>
+                    </View>
                     <Icon style={styles.imageIcon}/>
-                </react_native_1.View>
-            </react_native_1.TouchableOpacity>);
+                </View>
+            </TouchableOpacity>);
     };
     return (<>
-            <rn_ui_1.HeaderSearchBar value={keyword} onSubmitEditing={setKeyword}/>
-            <rn_ui_1.NavigationPage noPadding>
-                {files.length > 0 ? (<react_native_1.SectionList sections={files} renderSectionHeader={({ section }) => {
-                return <react_native_1.Text style={styles.dateTxt}>{section.date}</react_native_1.Text>;
-            }} renderItem={renderItem} keyExtractor={item => item.messageSeq} initialNumToRender={10} progressViewOffset={100} onEndReached={() => loadSearchFiles(keyword)} onEndReachedThreshold={0.2}/>) : (<react_native_1.View style={styles.empty}>
-                        <react_native_1.Text>{t('noSearchResult')}</react_native_1.Text>
-                    </react_native_1.View>)}
-            </rn_ui_1.NavigationPage>
+            <HeaderSearchBar value={keyword} onSubmitEditing={setKeyword}/>
+            <NavigationPage noPadding>
+                {files.length > 0 ? (<SectionList sections={files} renderSectionHeader={({ section }) => {
+                return <Text style={styles.dateTxt}>{section.date}</Text>;
+            }} renderItem={renderItem} keyExtractor={item => item.messageSeq} initialNumToRender={10} progressViewOffset={100} onEndReached={() => loadSearchFiles(keyword)} onEndReachedThreshold={0.2}/>) : (<View style={styles.empty}>
+                        <Text>{t('noSearchResult')}</Text>
+                    </View>)}
+            </NavigationPage>
     </>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     view: {},
     empty: {
         flex: 1,
@@ -151,15 +123,15 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: 'center',
     },
     dateTxt: {
-        paddingVertical: (0, rn_ui_1.dp)(5),
-        paddingHorizontal: (0, rn_ui_1.dp)(12),
-        marginBottom: (0, rn_ui_1.dp)(5),
-        borderTopWidth: 1 / react_native_1.PixelRatio.get(),
-        borderBottomWidth: 1 / react_native_1.PixelRatio.get(),
+        paddingVertical: dp(5),
+        paddingHorizontal: dp(12),
+        marginBottom: dp(5),
+        borderTopWidth: 1 / PixelRatio.get(),
+        borderBottomWidth: 1 / PixelRatio.get(),
         borderColor: '#E3E3E3',
         backgroundColor: '#EDEDED',
     },
-    item: Object.assign(Object.assign({ marginBottom: (0, rn_ui_1.dp)(5), marginHorizontal: (0, rn_ui_1.dp)(12), paddingVertical: (0, rn_ui_1.dp)(12), paddingHorizontal: (0, rn_ui_1.dp)(20) }, styles_1.borderStyle), { borderWidth: 0 }),
+    item: Object.assign(Object.assign({ marginBottom: dp(5), marginHorizontal: dp(12), paddingVertical: dp(12), paddingHorizontal: dp(20) }, borderStyle), { borderWidth: 0 }),
     itemTop: {
         flex: 1,
         flexDirection: 'row',
@@ -167,36 +139,36 @@ const styles = react_native_1.StyleSheet.create({
         position: 'relative',
     },
     name: {
-        paddingLeft: (0, rn_ui_1.dp)(10),
+        paddingLeft: dp(10),
     },
     time: {
         position: 'absolute',
-        top: (0, rn_ui_1.dp)(5),
+        top: dp(5),
         right: 0,
-        fontSize: (0, rn_ui_1.dp)(12),
+        fontSize: dp(12),
         color: '#a2a2a2',
     },
     file: {
         flexDirection: 'row',
-        marginTop: (0, rn_ui_1.dp)(10),
+        marginTop: dp(10),
     },
     fileInfo: {
         flex: 1,
-        paddingRight: (0, rn_ui_1.dp)(10),
+        paddingRight: dp(10),
         justifyContent: 'center',
     },
     fileName: {
-        fontSize: (0, rn_ui_1.dp)(15),
-        lineHeight: (0, rn_ui_1.dp)(20),
+        fontSize: dp(15),
+        lineHeight: dp(20),
         color: '#010101',
     },
     fileSize: {
-        fontSize: (0, rn_ui_1.dp)(12),
-        lineHeight: (0, rn_ui_1.dp)(20),
+        fontSize: dp(12),
+        lineHeight: dp(20),
         color: '#a2a2a2',
     },
     imageIcon: {
-        height: (0, rn_ui_1.dp)(45),
+        height: dp(45),
     },
 });
-exports.default = SearchFile;
+export default SearchFile;