@smart-link/rn-im 1.0.22 → 1.0.24

package/dist/pages/message/components/Payload/PayloadVoice.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,66 +7,75 @@ 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 react_native_audio_recorder_player_1 = __importDefault(require("react-native-audio-recorder-player"));
-const PayloadWrapper_1 = __importDefault(require("./PayloadWrapper"));
-const variables_1 = __importDefault(require("@smart-link/rn-ui/dist/components/styles/variables"));
-const init_1 = require("../../../../init");
-const im_base_1 = require("@smart-link/im-base");
-const file_1 = require("../../../../utils/file");
-const react_native_fast_image_1 = __importDefault(require("react-native-fast-image"));
+import React, { memo, useRef } from 'react';
+import { Text, StyleSheet, View } from 'react-native';
+import { dp } from '@smart-link/rn-ui';
+import PayloadWrapper from './PayloadWrapper';
+import variables from '@smart-link/rn-ui/dist/components/styles/variables';
+import { getImManager } from '../../../../init';
+import { MessageActions } from '@smart-link/im-base';
+import { toAbsolutePath } from "../../../../utils/file";
+import Image from 'react-native-fast-image';
+import { AudioPlayer } from "../../../../utils/audio";
+import RNFS from "react-native-fs";
+import { usePanel } from "../../../../hooks/useImSelector";
+import { setVoicePlayingSeq } from "../../../../slice/panel/panel.slice";
 const voiceLeft = require('../../../../../assets/voice-left.png');
 const voiceLeftPlaying = require('../../../../../assets/voice-left-playing.gif');
-const audioRecorderPlayer = new react_native_audio_recorder_player_1.default();
 const PayloadVoice = ({ payload, direction, style, messageSeq, showArrow = true, onLongPress }) => {
-    console.log('PayloadVoice: messageSeq:', messageSeq);
-    (0, react_1.useEffect)(() => {
-        return () => {
-            audioRecorderPlayer.removePlayBackListener();
-        };
-    }, []);
     const second = Math.round(payload.duration);
+    const { voicePlayingSeq } = usePanel();
     const voiceWidth = Math.min(120, 40 + (80 * (isNaN(second) ? 15 : second)) / 60);
-    const [playing, setPlaying] = (0, react_1.useState)(false);
-    const downloading = (0, react_1.useRef)(false);
+    const playing = voicePlayingSeq === messageSeq;
+    const downloading = useRef(false);
+    const imManager = getImManager();
+    const updateRead = (destPath) => {
+        imManager.db.updateMessage({
+            messageSeq: messageSeq,
+            payload: Object.assign(Object.assign({}, payload), { localPath: destPath, read: true }),
+        });
+        imManager.store.dispatch(MessageActions.updateMessage(messageSeq, {
+            payload: Object.assign(Object.assign({}, payload), { localPath: destPath, read: true }),
+        }));
+    };
+    const download = () => __awaiter(void 0, void 0, void 0, function* () {
+        const imManager = getImManager();
+        const destPath = yield imManager.download({
+            fileId: payload.fileId,
+            resourceType: 'voice',
+            filename: payload.filename,
+        });
+        updateRead(destPath);
+        return destPath;
+    });
     const startPlayer = (path) => __awaiter(void 0, void 0, void 0, function* () {
-        audioRecorderPlayer.addPlayBackListener((e) => {
-            setPlaying(!e.isFinished);
-            if (e.isFinished) {
-                audioRecorderPlayer.removePlayBackListener();
+        if (voicePlayingSeq === messageSeq) {
+            yield AudioPlayer.stopPlayer();
+            imManager.store.dispatch(setVoicePlayingSeq(''));
+            return;
+        }
+        else {
+            if (voicePlayingSeq) {
+                yield AudioPlayer.stopPlayer();
+                imManager.store.dispatch(setVoicePlayingSeq(''));
             }
-        });
+        }
+        imManager.store.dispatch(setVoicePlayingSeq(messageSeq));
         try {
             console.log('startPlayer: ', path);
-            yield audioRecorderPlayer.startPlayer((0, file_1.toAbsolutePath)(path));
+            yield AudioPlayer.startPlayer(toAbsolutePath(path));
         }
         catch (err) {
             console.log(err);
+            imManager.store.dispatch(setVoicePlayingSeq(''));
         }
     });
     const handlePlay = () => __awaiter(void 0, void 0, void 0, function* () {
-        const imManager = (0, init_1.getImManager)();
+        console.log('handlePlay');
         if (!payload.localPath && payload.fileId && !downloading.current) {
             // 下载文件
             downloading.current = true;
-            const destPath = yield imManager.download({
-                fileId: payload.fileId,
-                resourceType: 'voice',
-                filename: payload.filename,
-            });
-            imManager.db.updateMessage({
-                messageSeq: messageSeq,
-                payload: Object.assign(Object.assign({}, payload), { localPath: destPath, read: true }),
-            });
-            imManager.store.dispatch(im_base_1.MessageActions.updateMessage(messageSeq, {
-                payload: Object.assign(Object.assign({}, payload), { localPath: destPath, read: true }),
-            }));
+            const destPath = yield download();
             yield startPlayer(destPath);
             return;
         }
@@ -98,21 +83,23 @@ const PayloadVoice = ({ payload, direction, style, messageSeq, showArrow = true,
             return;
         }
         else {
-            // 更新已读状态
-            imManager.db.updateMessage({
-                messageSeq: messageSeq,
-                payload: Object.assign(Object.assign({}, payload), { read: true }),
-            });
-            imManager.store.dispatch(im_base_1.MessageActions.updateMessage(messageSeq, {
-                payload: Object.assign(Object.assign({}, payload), { read: true }),
-            }));
-            yield startPlayer(payload.localPath);
+            const isExist = yield RNFS.exists(payload.localPath);
+            if (!isExist) {
+                console.log('path not exists');
+                const destPath = yield download();
+                yield startPlayer(destPath);
+                return;
+            }
+            else {
+                updateRead(payload.localPath);
+                yield startPlayer(payload.localPath);
+            }
         }
     });
-    return (<react_native_1.View style={[styles.root, { flexDirection: direction === 'left' ? 'row' : 'row-reverse' }]}>
-        <PayloadWrapper_1.default showArrow={showArrow} direction={direction} onPress={handlePlay} onLongPress={onLongPress} style={[style, styles.popoverVoice, { width: voiceWidth + 15 }]}>
-            <react_native_1.Text style={styles.duration}>{second}''</react_native_1.Text>
-            <react_native_fast_image_1.default style={[
+    return (<View style={[styles.root, { flexDirection: direction === 'left' ? 'row' : 'row-reverse' }]}>
+            <PayloadWrapper showArrow={showArrow} direction={direction} onPress={handlePlay} onLongPress={onLongPress} style={[style, styles.popoverVoice, { width: voiceWidth + 15 }]}>
+                <Text style={styles.duration}>{second}''</Text>
+                <Image style={[
             styles.voiceImage,
             {
                 transform: [
@@ -121,12 +108,12 @@ const PayloadVoice = ({ payload, direction, style, messageSeq, showArrow = true,
                     },
                 ],
             },
-        ]} source={playing ? voiceLeftPlaying : voiceLeft}></react_native_fast_image_1.default>
-        </PayloadWrapper_1.default>
-        {!payload.read && direction === 'left' && <react_native_1.View style={styles.dot}/>}
-    </react_native_1.View>);
+        ]} source={playing ? voiceLeftPlaying : voiceLeft}></Image>
+            </PayloadWrapper>
+            {!payload.read && direction === 'left' && <View style={styles.dot}/>}
+        </View>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     root: {
         display: 'flex',
         flexDirection: 'row',
@@ -134,22 +121,22 @@ const styles = react_native_1.StyleSheet.create({
     },
     popoverVoice: {
         flexDirection: 'row',
-        padding: (0, rn_ui_1.dp)(9),
+        padding: dp(9),
     },
     voiceImage: {
-        width: (0, rn_ui_1.dp)(24),
-        height: (0, rn_ui_1.dp)(18),
+        width: dp(24),
+        height: dp(18),
     },
     duration: {
-        fontSize: (0, rn_ui_1.dp)(13),
+        fontSize: dp(13),
         color: '#666',
         alignSelf: 'center',
     },
     dot: {
-        width: (0, rn_ui_1.dp)(6),
-        height: (0, rn_ui_1.dp)(6),
-        borderRadius: (0, rn_ui_1.dp)(3),
-        backgroundColor: variables_1.default.red6,
+        width: dp(6),
+        height: dp(6),
+        borderRadius: dp(3),
+        backgroundColor: variables.red6,
     }
 });
-exports.default = (0, react_1.memo)(PayloadVoice);
+export default memo(PayloadVoice);

package/dist/pages/message/components/Payload/PayloadWrapper.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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -33,41 +9,40 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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 PayloadWrapper = (0, react_1.memo)((_a) => {
+import { dp } from '@smart-link/rn-ui';
+import React, { memo } from 'react';
+import { View, StyleSheet, TouchableOpacity } from 'react-native';
+const PayloadWrapper = memo((_a) => {
     var { children, direction, showArrow } = _a, retProps = __rest(_a, ["children", "direction", "showArrow"]);
-    return (<react_native_1.TouchableOpacity {...retProps}>
-            {showArrow && (<react_native_1.View style={[styles.arrow, direction === 'right' ? styles.rightArrow : styles.leftArrow]}/>)}
+    return (<TouchableOpacity {...retProps}>
+            {showArrow && (<View style={[styles.arrow, direction === 'right' ? styles.rightArrow : styles.leftArrow]}/>)}
             {children}
-        </react_native_1.TouchableOpacity>);
+        </TouchableOpacity>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     arrow: {
-        width: (0, rn_ui_1.dp)(12),
-        height: (0, rn_ui_1.dp)(12),
+        width: dp(12),
+        height: dp(12),
         position: 'absolute',
-        top: (0, rn_ui_1.dp)(11),
+        top: dp(11),
         zIndex: 1,
         borderStyle: 'solid',
-        borderTopWidth: (0, rn_ui_1.dp)(8),
+        borderTopWidth: dp(8),
         borderTopColor: 'transparent',
-        borderBottomWidth: (0, rn_ui_1.dp)(8),
+        borderBottomWidth: dp(8),
         borderBottomColor: 'transparent',
     },
     leftArrow: {
-        left: -(0, rn_ui_1.dp)(11),
+        left: -dp(11),
         borderRightColor: '#fff',
-        borderRightWidth: (0, rn_ui_1.dp)(8),
+        borderRightWidth: dp(8),
         borderLeftWidth: 0,
     },
     rightArrow: {
-        right: -(0, rn_ui_1.dp)(12),
+        right: -dp(12),
         borderLeftColor: '#e3e3e3',
-        borderLeftWidth: (0, rn_ui_1.dp)(8),
+        borderLeftWidth: dp(8),
         borderRightWidth: 0,
     },
 });
-exports.default = PayloadWrapper;
+export default PayloadWrapper;

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

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

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

@@ -1,85 +1,55 @@
-"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.ReceiptBack = void 0;
-const im_base_1 = require("@smart-link/im-base");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const React = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const dayjs_1 = __importDefault(require("dayjs"));
-const ReceiptBack = ({ message }) => {
-    const { t } = (0, useTranslation_1.default)();
-    // console.log('ReceiptBack: ', message.receiptBackList.length, message.receiptBackList);
-    return (<react_native_1.View style={styles.content}>
-            <react_native_1.View style={{ flexDirection: 'row' }}>
-                <react_native_1.Text style={[styles.text, { width: (0, rn_ui_1.dp)(165) }]}>
-                    {(0, dayjs_1.default)(message.messageTime).format('YYYY-MM-DD hh:mm:ss')}
-                </react_native_1.Text>
-                <react_native_1.Text style={styles.text}>{message.messageStatus === im_base_1.MessageStatus.EMIT_ERROR ? t('sendFail') : t('sent')}</react_native_1.Text>
-            </react_native_1.View>
+import { MessageStatus } from '@smart-link/im-base';
+import { dp } from '@smart-link/rn-ui';
+import * as React from 'react';
+import { View, Text, StyleSheet } from "react-native";
+import useTranslation from "../../../hooks/useTranslation";
+import dayjs from "dayjs";
+export const ReceiptBack = ({ message }) => {
+    const { t } = useTranslation();
+    // console.log('ReceiptBack: '', message.receiptBackList.length, message.receiptBackList);
+    return (<View style={styles.content}>
+            <View style={{ flexDirection: 'row' }}>
+                <Text style={[styles.text, { width: dp(165) }]}>
+                    {dayjs(message.messageTime).format('YYYY-MM-DD hh:mm:ss')}
+                </Text>
+                <Text style={styles.text}>{message.messageStatus === MessageStatus.EMIT_ERROR ? t('sendFail') : t('sent')}</Text>
+            </View>
 
             {message.receiptBackList && message.receiptBackList.map((item, index) => {
             let statusText = '';
             switch (item.receiptBackMessageStatus) {
-                case im_base_1.MessageStatus.READ: {
+                case MessageStatus.READ: {
                     statusText = t('statusRead');
                     break;
                 }
-                case im_base_1.MessageStatus.ARRIVED: {
+                case MessageStatus.ARRIVED: {
                     statusText = t('statusArrived');
                     break;
                 }
                 default:
                     return null;
             }
-            return (<react_native_1.View key={index} style={{ flexDirection: 'row' }}>
-                            <react_native_1.Text style={[styles.text, { width: (0, rn_ui_1.dp)(165) }]}>
-                                {(0, dayjs_1.default)(item.receiptBackMessageTime || item.messageTime).format('YYYY-MM-DD hh:mm:ss')}
-                            </react_native_1.Text>
-                            <react_native_1.Text style={styles.text}>{statusText}</react_native_1.Text>
-                        </react_native_1.View>);
+            return (<View key={index} style={{ flexDirection: 'row' }}>
+                            <Text style={[styles.text, { width: dp(165) }]}>
+                                {dayjs(item.receiptBackMessageTime || item.messageTime).format('YYYY-MM-DD HH:mm:ss')}
+                            </Text>
+                            <Text style={styles.text}>{statusText}</Text>
+                        </View>);
         })}
-        </react_native_1.View>);
+        </View>);
 };
-exports.ReceiptBack = ReceiptBack;
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     content: {
         flex: 1,
         backgroundColor: '#fff',
-        borderRadius: (0, rn_ui_1.dp)(5),
-        height: (0, rn_ui_1.dp)(120),
-        paddingLeft: (0, rn_ui_1.dp)(25),
+        borderRadius: dp(5),
+        height: dp(120),
+        paddingLeft: dp(25),
         justifyContent: 'center'
     },
     text: {
-        fontSize: (0, rn_ui_1.dp)(15),
-        lineHeight: (0, rn_ui_1.dp)(22),
+        fontSize: dp(15),
+        lineHeight: dp(22),
         color: '#333',
     }
 });

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

@@ -1,56 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const text_mix_1 = require("../../../utils/text-mix");
-const TextMixMessage = (0, react_1.memo)(props => {
+import React, { memo } from 'react';
+import { Text, StyleSheet } from "react-native";
+import { mix } from '../../../utils/text-mix';
+const TextMixMessage = memo(props => {
     const { text, onLongPressPhone, onLongPressURL, textStyle, } = props;
-    const viewItems = (0, text_mix_1.mix)(text);
-    return (<react_native_1.Text style={textStyle}>
+    const viewItems = mix(text);
+    return (<Text style={textStyle}>
             {viewItems.map((item, index) => {
             if (item.type === 'phone') {
-                return (<react_native_1.Text key={index} style={styles.phone} onPress={(e) => {
+                return (<Text key={index} style={styles.phone} onPress={(e) => {
                         e.stopPropagation();
                         onLongPressPhone && onLongPressPhone(item.value);
                     }}>
                             {item.value}
-                        </react_native_1.Text>);
+                        </Text>);
             }
             else if (item.type === 'url') {
-                return (<react_native_1.Text key={index} style={styles.url} onPress={() => {
+                return (<Text key={index} style={styles.url} onPress={() => {
                         onLongPressURL && onLongPressURL(item.value);
                     }}>
                             {item.value}
-                        </react_native_1.Text>);
+                        </Text>);
             }
             return item.value;
         })}
-        </react_native_1.Text>);
+        </Text>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     phone: {
         color: '#208aff'
     },
@@ -59,4 +34,4 @@ const styles = react_native_1.StyleSheet.create({
         textDecorationLine: 'underline'
     },
 });
-exports.default = TextMixMessage;
+export default TextMixMessage;