@smart-link/rn-im 1.0.23 → 1.0.26

package/dist/pages/message/components/MessagePictureAlbum.js

@@ -1,48 +1,20 @@
-"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 file_1 = require("../../../api/file");
-const file_2 = require("../../../utils/file");
-const im_base_1 = require("@smart-link/im-base");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const AntDesign_1 = __importDefault(require("react-native-vector-icons/AntDesign"));
+import { getDownloadUrl } from '../../../api/file';
+import { toAbsolutePath } from '../../../utils/file';
+import { PayloadType } from '@smart-link/im-base';
+import { AlbumView, dp } from '@smart-link/rn-ui';
+import React, { memo, useEffect, useState } from 'react';
+import { View, Dimensions, Modal, StyleSheet, Platform, StatusBar, TouchableOpacity, } from 'react-native';
+import AntDesign from "react-native-vector-icons/AntDesign";
 const MessagePictureAlbum = ({ visible, onClose, messages, messageSeq }) => {
-    const { width, height } = react_native_1.Dimensions.get('window');
-    const [index, setIndex] = (0, react_1.useState)(0);
-    const [sources, setSources] = (0, react_1.useState)([]);
-    (0, react_1.useEffect)(() => {
+    const { width, height } = Dimensions.get('window');
+    const [index, setIndex] = useState(0);
+    const [sources, setSources] = useState([]);
+    useEffect(() => {
         if (!visible)
             return;
         let defaultIndex = 0;
         const imageSources = messages
-            .filter(item => item.payloadType === im_base_1.PayloadType.PICTURE)
+            .filter(item => item.payloadType === PayloadType.PICTURE)
             .sort((s, t) => {
             return s.messageTime - t.messageTime;
         })
@@ -53,10 +25,10 @@ const MessagePictureAlbum = ({ visible, onClose, messages, messageSeq }) => {
             const { payload: { localPath, fileId }, } = item;
             let source = localPath;
             if (Object.prototype.toString.call(localPath) === '[object String]') {
-                source = { uri: (0, file_2.toAbsolutePath)(localPath) };
+                source = { uri: toAbsolutePath(localPath) };
             }
             else if (fileId) {
-                source = { uri: (0, file_1.getDownloadUrl)(fileId) };
+                source = { uri: getDownloadUrl(fileId) };
             }
             return source;
         });
@@ -68,20 +40,20 @@ const MessagePictureAlbum = ({ visible, onClose, messages, messageSeq }) => {
         setSources([]);
         onClose();
     };
-    return (<react_native_1.Modal style={{ flex: 1 }} statusBarTranslucent animationType="fade" visible={visible} onRequestClose={handleClose}>
-            {visible && (<react_native_1.View style={styles.root}>
-                    {react_native_1.Platform.OS === 'android' && <react_native_1.StatusBar backgroundColor={'#000'}/>}
-                    <react_native_1.View style={{ width: width, height: height }}>
-                        <rn_ui_1.AlbumView images={sources} defaultIndex={index} onClose={onClose}/>
-                    </react_native_1.View>
+    return (<Modal style={{ flex: 1 }} statusBarTranslucent animationType="fade" visible={visible} onRequestClose={handleClose}>
+            {visible && (<View style={styles.root}>
+                    {Platform.OS === 'android' && <StatusBar backgroundColor={'#000'}/>}
+                    <View style={{ width: width, height: height }}>
+                        <AlbumView images={sources} defaultIndex={index} onClose={onClose}/>
+                    </View>
 
-                    <react_native_1.TouchableOpacity style={styles.cancel} onPress={handleClose}>
-                        <AntDesign_1.default name='close' size={(0, rn_ui_1.dp)(25)} color={'#fff'}/>
-                    </react_native_1.TouchableOpacity>
-                </react_native_1.View>)}
-        </react_native_1.Modal>);
+                    <TouchableOpacity style={styles.cancel} onPress={handleClose}>
+                        <AntDesign name='close' size={dp(25)} color={'#fff'}/>
+                    </TouchableOpacity>
+                </View>)}
+        </Modal>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     root: {
         flex: 1,
         backgroundColor: '#000',
@@ -89,16 +61,16 @@ const styles = react_native_1.StyleSheet.create({
         alignItems: 'center',
     },
     cancel: {
-        height: (0, rn_ui_1.dp)(40),
-        width: (0, rn_ui_1.dp)(40),
-        borderRadius: (0, rn_ui_1.dp)(5),
+        height: dp(40),
+        width: dp(40),
+        borderRadius: dp(5),
         backgroundColor: '#333',
         position: 'absolute',
-        top: (0, rn_ui_1.dp)(70),
-        right: (0, rn_ui_1.dp)(30),
+        top: dp(70),
+        right: dp(30),
         justifyContent: 'center',
         alignItems: 'center',
         opacity: 0.7,
     },
 });
-exports.default = (0, react_1.memo)(MessagePictureAlbum);
+export default memo(MessagePictureAlbum);

package/dist/pages/message/components/MessageReceiptStatus.js

@@ -1,61 +1,36 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const default_assets_1 = require("../../../default-assets");
-const im_base_1 = require("@smart-link/im-base");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const { EMITTED, ARRIVED, READ, } = im_base_1.MessageStatus;
-const MessageReceiptStatus = (0, react_1.memo)(({ receiptBackList, messageStatus }) => {
+import { receiptStatus } from '../../../default-assets';
+import { MessageStatus } from '@smart-link/im-base';
+import { dp } from '@smart-link/rn-ui';
+import React, { memo } from 'react';
+import { View, Image, StyleSheet } from 'react-native';
+const { EMITTED, ARRIVED, READ, } = MessageStatus;
+const MessageReceiptStatus = memo(({ receiptBackList, messageStatus }) => {
     let statusSource;
     let receiptBackMessageStatusList = (receiptBackList || []).map(item => item.receiptBackMessageStatus);
     if (receiptBackMessageStatusList.includes(READ) || messageStatus === READ) {
-        statusSource = default_assets_1.receiptStatus[READ];
+        statusSource = receiptStatus[READ];
     }
     else if (receiptBackMessageStatusList.includes(ARRIVED) || messageStatus === ARRIVED) {
-        statusSource = default_assets_1.receiptStatus[ARRIVED];
+        statusSource = receiptStatus[ARRIVED];
     }
     else if (messageStatus === EMITTED) {
-        statusSource = default_assets_1.receiptStatus[EMITTED];
+        statusSource = receiptStatus[EMITTED];
     }
     if (!statusSource)
         return null;
-    return (<react_native_1.View style={[styles.status]}>
-        <react_native_1.Image resizeMode="contain" style={styles.statusImage} source={statusSource}/>
-    </react_native_1.View>);
+    return (<View style={[styles.status]}>
+        <Image resizeMode="contain" style={styles.statusImage} source={statusSource}/>
+    </View>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     status: {
         alignSelf: 'flex-end',
         flexDirection: 'row',
-        marginRight: (0, rn_ui_1.dp)(10),
+        marginRight: dp(10),
     },
     statusImage: {
-        width: (0, rn_ui_1.dp)(18),
-        height: (0, rn_ui_1.dp)(18)
+        width: dp(18),
+        height: dp(18)
     },
 });
-exports.default = MessageReceiptStatus;
+export default MessageReceiptStatus;

package/dist/pages/message/components/MessageUndo.js

@@ -1,61 +1,31 @@
-"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.MessageUndo = void 0;
-const React = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const init_1 = require("../../../init");
-const MessageUndo = (props) => {
+import * as React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { dp } from "@smart-link/rn-ui";
+import useTranslation from '../../../hooks/useTranslation';
+import { getImManager } from "../../../init";
+export const MessageUndo = (props) => {
     const { undoText, edit, text, haveBackgroundImage = true } = props;
-    const { t } = (0, useTranslation_1.default)();
+    const { t } = useTranslation();
     const bgStyle = haveBackgroundImage ? { backgroundColor: 'rgba(255,255,255,0.7)' } : {};
     const bgFont = haveBackgroundImage ? { color: '#555' } : {};
     const onPress = () => {
         var _a, _b;
-        const inputRef = (_a = (0, init_1.getImManager)()) === null || _a === void 0 ? void 0 : _a.inputRef;
+        const inputRef = (_a = getImManager()) === null || _a === void 0 ? void 0 : _a.inputRef;
         if (inputRef) {
             (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.setMessageText(undoText);
         }
     };
-    return (<react_native_1.View style={[styles.root, bgStyle]}>
-            <react_native_1.Text style={[styles.text, bgFont]}>{text}</react_native_1.Text>
-            <react_native_1.TouchableOpacity activeOpacity={0.5} onPress={onPress}>
-                {edit && (undoText === null || undoText === void 0 ? void 0 : undoText.length) && <react_native_1.Text style={styles.edit}> {t('reedit')} </react_native_1.Text>}
-            </react_native_1.TouchableOpacity>
-        </react_native_1.View>);
+    return (<View style={[styles.root, bgStyle]}>
+            <Text style={[styles.text, bgFont]}>{text}</Text>
+            <TouchableOpacity activeOpacity={0.5} onPress={onPress}>
+                {edit && (undoText === null || undoText === void 0 ? void 0 : undoText.length) && <Text style={styles.edit}> {t('reedit')} </Text>}
+            </TouchableOpacity>
+        </View>);
 };
-exports.MessageUndo = MessageUndo;
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     root: {
-        borderRadius: (0, rn_ui_1.dp)(3),
-        padding: (0, rn_ui_1.dp)(8),
+        borderRadius: dp(3),
+        padding: dp(8),
         flexDirection: 'row',
         alignSelf: 'center'
     },
@@ -72,4 +42,4 @@ const styles = react_native_1.StyleSheet.create({
         lineHeight: (15)
     }
 });
-exports.default = exports.MessageUndo;
+export default MessageUndo;

package/dist/pages/message/components/MultipleBar/index.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,74 +7,70 @@ 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 FontAwesome5_1 = __importDefault(require("react-native-vector-icons/FontAwesome5"));
-const AntDesign_1 = __importDefault(require("react-native-vector-icons/AntDesign"));
-const MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
-const rn_ui_1 = require("@smart-link/rn-ui");
-const useTranslation_1 = __importDefault(require("../../../../hooks/useTranslation"));
-const useImSelector_1 = require("../../../../hooks/useImSelector");
-const init_1 = require("../../../../init");
-const message_panel_action_1 = require("@smart-link/im-base/dist/slice/message/message.panel.action");
-const im_base_1 = require("@smart-link/im-base");
-const common_action_sheet_1 = require("../../../../utils/common-action-sheet");
-const MultipleBar = (0, react_1.memo)((props) => {
-    const navigation = (0, rn_ui_1.useNavigation)();
-    const { multipleSelect } = (0, useImSelector_1.useMessage)();
-    const imManager = (0, init_1.getImManager)();
+import React, { memo, useEffect, useState } from 'react';
+import { StyleSheet, TouchableOpacity, Text, View, Animated } from 'react-native';
+import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
+import AntDesign from 'react-native-vector-icons/AntDesign';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
+import { dp, Toast, useNavigation } from '@smart-link/rn-ui';
+import useTranslation from '../../../../hooks/useTranslation';
+import { useMessage } from '../../../../hooks/useImSelector';
+import { getImManager } from '../../../../init';
+import { onMultipleForward } from '@smart-link/im-base/dist/slice/message/message.panel.action';
+import { MessagePanelActions } from '@smart-link/im-base';
+import { ConfirmActionSheet } from '../../../../utils/common-action-sheet';
+const MultipleBar = memo((props) => {
+    const navigation = useNavigation();
+    const { multipleSelect } = useMessage();
+    const imManager = getImManager();
     const disabled = Object.keys(multipleSelect).length === 0;
-    const { t } = (0, useTranslation_1.default)();
-    const [height] = (0, react_1.useState)(new react_native_1.Animated.Value(0)); // 高度初始值设为0
-    (0, react_1.useEffect)(() => {
-        react_native_1.Animated.timing(height, {
-            toValue: (0, rn_ui_1.dp)(50),
+    const { t } = useTranslation();
+    const [height] = useState(new Animated.Value(0)); // 高度初始值设为0
+    useEffect(() => {
+        Animated.timing(height, {
+            toValue: dp(50),
             duration: 300,
             useNativeDriver: false
         }).start();
     }, []);
     const color = disabled ? '#aaaaaa' : '#333';
     const fontStyle = [styles.text, { color }];
-    return (<react_native_1.Animated.View style={[styles.wrap, { height }]}>
-            <react_native_1.TouchableOpacity disabled={disabled} style={styles.item} onPress={() => {
-            imManager.store.dispatch((0, message_panel_action_1.onMultipleForward)(imManager, true));
+    return (<Animated.View style={[styles.wrap, { height }]}>
+            <TouchableOpacity disabled={disabled} style={styles.item} onPress={() => {
+            imManager.store.dispatch(onMultipleForward(imManager, true));
             navigation.navigate('ForwardToConversation');
         }}>
-                <react_native_1.View style={styles.item}>
-                    <FontAwesome5_1.default name="reply" size={(0, rn_ui_1.dp)(20)} color={color}/>
-                    <react_native_1.Text style={fontStyle}>{t('forward')}</react_native_1.Text>
-                </react_native_1.View>
-            </react_native_1.TouchableOpacity>
+                <View style={styles.item}>
+                    <FontAwesome5 name="reply" size={dp(20)} color={color}/>
+                    <Text style={fontStyle}>{t('forward')}</Text>
+                </View>
+            </TouchableOpacity>
 
-            <react_native_1.TouchableOpacity disabled={disabled} style={styles.item} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
-            yield imManager.store.dispatch(im_base_1.MessagePanelActions.onMultipleCollect(imManager));
-            rn_ui_1.Toast.info(t('collectSuccess'));
+            <TouchableOpacity disabled={disabled} style={styles.item} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
+            yield imManager.store.dispatch(MessagePanelActions.onMultipleCollect(imManager));
+            Toast.info(t('collectSuccess'));
         })}>
-                <MaterialIcons_1.default name="collections" size={(0, rn_ui_1.dp)(20)} color={color}/>
-                <react_native_1.Text style={fontStyle}>{t('collect')}</react_native_1.Text>
-            </react_native_1.TouchableOpacity>
+                <MaterialIcons name="collections" size={dp(20)} color={color}/>
+                <Text style={fontStyle}>{t('collect')}</Text>
+            </TouchableOpacity>
 
 
-            <react_native_1.TouchableOpacity disabled={disabled} style={styles.item} onPress={() => {
-            (0, common_action_sheet_1.ConfirmActionSheet)(t('confirmDeleteMessages'), () => {
-                imManager.store.dispatch(im_base_1.MessagePanelActions.onMultipleDelete(imManager));
+            <TouchableOpacity disabled={disabled} style={styles.item} onPress={() => {
+            ConfirmActionSheet(t('confirmDeleteMessages'), () => {
+                imManager.store.dispatch(MessagePanelActions.onMultipleDelete(imManager));
             }, t);
         }}>
-                <AntDesign_1.default name="delete" size={(0, rn_ui_1.dp)(20)} color={color}/>
-                <react_native_1.Text style={fontStyle}>{t('delete')}</react_native_1.Text>
-            </react_native_1.TouchableOpacity>
-        </react_native_1.Animated.View>);
+                <AntDesign name="delete" size={dp(20)} color={color}/>
+                <Text style={fontStyle}>{t('delete')}</Text>
+            </TouchableOpacity>
+        </Animated.View>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     wrap: {
-        paddingTop: (0, rn_ui_1.dp)(10),
+        paddingTop: dp(10),
         backgroundColor: '#fff',
         width: '100%',
-        paddingHorizontal: (0, rn_ui_1.dp)(10),
+        paddingHorizontal: dp(10),
         justifyContent: 'space-around',
         flexDirection: 'row',
     },
@@ -108,9 +80,9 @@ const styles = react_native_1.StyleSheet.create({
         alignItems: 'center'
     },
     text: {
-        fontSize: (0, rn_ui_1.dp)(12),
+        fontSize: dp(12),
         fontWeight: '500',
-        lineHeight: (0, rn_ui_1.dp)(20)
+        lineHeight: dp(20)
     }
 });
-exports.default = MultipleBar;
+export default MultipleBar;

package/dist/pages/message/components/Payload/PayloadContact.js

@@ -1,86 +1,58 @@
-"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 useTranslation_1 = __importDefault(require("../../../../hooks/useTranslation"));
-const rn_ui_1 = require("@smart-link/rn-ui");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const PayloadWrapper_1 = __importDefault(require("./PayloadWrapper"));
-const ChatAvatar_1 = __importDefault(require("../../../../components/ChatAvatar/ChatAvatar"));
+import useTranslation from '../../../../hooks/useTranslation';
+import { dp, useNavigation } from '@smart-link/rn-ui';
+import React, { memo } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import PayloadWrapper from './PayloadWrapper';
+import ChatAvatar from '../../../../components/ChatAvatar/ChatAvatar';
 const PayloadContact = ({ payload, direction, style, showArrow = true, onLongPress }) => {
-    const { t } = (0, useTranslation_1.default)();
+    const { t } = useTranslation();
     const contact = payload.contact;
-    const navigation = (0, rn_ui_1.useNavigation)();
-    return (<PayloadWrapper_1.default direction={direction} showArrow={showArrow} style={[style, styles.contact]} onPress={() => {
+    const navigation = useNavigation();
+    return (<PayloadWrapper direction={direction} showArrow={showArrow} style={[style, styles.contact]} onPress={() => {
             navigation.navigate('UserDetail', { userId: contact.userId });
         }} onLongPress={onLongPress}>
-            <react_native_1.View style={styles.content}>
-                <ChatAvatar_1.default id={contact.userId} url={contact.avatars} name={contact.userName}/>
-                <react_native_1.View style={styles.info}>
-                    <react_native_1.Text style={styles.name}>{contact.userName}</react_native_1.Text>
-                    <react_native_1.Text style={styles.group} numberOfLines={2}>
+            <View style={styles.content}>
+                <ChatAvatar id={contact.userId} url={contact.avatars} name={contact.userName}/>
+                <View style={styles.info}>
+                    <Text style={styles.name}>{contact.userName}</Text>
+                    <Text style={styles.group} numberOfLines={2}>
                         {contact.groupNamePaths}
-                    </react_native_1.Text>
-                </react_native_1.View>
-            </react_native_1.View>
-            <react_native_1.Text style={styles.footer}>{t('contact')}</react_native_1.Text>
-        </PayloadWrapper_1.default>);
+                    </Text>
+                </View>
+            </View>
+            <Text style={styles.footer}>{t('contact')}</Text>
+        </PayloadWrapper>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     contact: {
         flexDirection: 'column',
-        padding: (0, rn_ui_1.dp)(6),
-        borderRadius: (0, rn_ui_1.dp)(8),
-        width: (0, rn_ui_1.dp)(240),
+        padding: dp(6),
+        borderRadius: dp(8),
+        width: dp(240),
     },
     content: {
         flex: 1,
         flexDirection: 'row',
         borderBottomColor: '#eee',
-        borderBottomWidth: (0, rn_ui_1.dp)(1),
-        paddingBottom: (0, rn_ui_1.dp)(6),
+        borderBottomWidth: dp(1),
+        paddingBottom: dp(6),
     },
     info: {
         flex: 1,
         flexDirection: 'column',
-        marginLeft: (0, rn_ui_1.dp)(12),
+        marginLeft: dp(12),
     },
     name: {
-        fontSize: (0, rn_ui_1.dp)(16),
+        fontSize: dp(16),
         color: '#333',
     },
     group: {
         color: '#999',
-        fontSize: (0, rn_ui_1.dp)(14),
+        fontSize: dp(14),
     },
     footer: {
         color: '#999',
-        fontSize: (0, rn_ui_1.dp)(12),
+        fontSize: dp(12),
     },
 });
-exports.default = (0, react_1.memo)(PayloadContact);
+export default memo(PayloadContact);

package/dist/pages/message/components/Payload/PayloadFile.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PayloadProps } from './type';
-declare const _default: React.MemoExoticComponent<({ payload, messageSeq, direction, showArrow, isRecord, messageStatus, sendSize, style, onLongPress }: PayloadProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ payload, messageSeq, direction, showArrow, isRecord, messageStatus, jobId, sendSize, style, onLongPress }: PayloadProps) => React.JSX.Element>;
 export default _default;