@smart-link/rn-im 1.0.18 → 1.0.19

package/dist/hooks/useDownloadSource.d.ts

@@ -0,0 +1,3 @@
+import { IPayload } from "@smart-link/im-base";
+export declare function useDownloadImgSource(payload: IPayload): string | File | undefined;
+export default function useDownloadSource(payload: IPayload): string | File | undefined;

package/dist/hooks/useDownloadSource.js

@@ -0,0 +1,68 @@
+"use strict";
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDownloadImgSource = void 0;
+const react_1 = require("react");
+const init_1 = require("../init");
+function useDownload({ fileId, localPath, filename }) {
+    const [local, setLocal] = (0, react_1.useState)(localPath);
+    (0, react_1.useEffect)(() => {
+        let cancel = false;
+        const load = () => __awaiter(this, void 0, void 0, function* () {
+            const imManager = (0, init_1.getImManager)();
+            if (!localPath && fileId) {
+                const tmp = yield imManager.loadResourceFromCache(fileId);
+                if (tmp) {
+                    !cancel && setLocal(tmp);
+                    return;
+                }
+                const file = yield imManager.download({
+                    fileId,
+                    filename: filename || fileId,
+                    resourceType: 'file',
+                });
+                yield imManager.updateResource({
+                    url: fileId,
+                    localPath: file,
+                });
+                if (cancel) {
+                    return;
+                }
+                setLocal(file);
+            }
+        });
+        load();
+        return () => {
+            cancel = true;
+        };
+    }, [localPath, fileId, filename]);
+    return local;
+}
+function useDownloadImgSource(payload) {
+    const { imageName, imagePath, imageFileId } = payload;
+    return useDownload({
+        localPath: imagePath,
+        fileId: imageFileId,
+        filename: imageName,
+        resourceType: 'picture'
+    });
+}
+exports.useDownloadImgSource = useDownloadImgSource;
+function useDownloadSource(payload) {
+    const { localPath, fileId, filename, } = payload;
+    return useDownload({
+        localPath,
+        fileId,
+        filename,
+        resourceType: 'picture',
+    });
+}
+exports.default = useDownloadSource;

package/dist/pages/conversation/setting/OptionGroupMoreMember.js

@@ -62,7 +62,7 @@ const OptionGroupMoreMember = (props) => {
             </react_native_1.TouchableOpacity>);
     };
     const list = (0, react_1.useMemo)(() => {
-        const allMembersData = allMembers.slice().reverse().filter((item) => {
+        const allMembersData = allMembers.filter((item) => {
             if (keyword) {
                 return item.memberName.indexOf(keyword) > -1;
             }

package/dist/pages/conversation/setting/Setting.js

@@ -22,8 +22,9 @@ const { LIAISON } = im_base_1.GroupType;
 // 最大显示人数
 const MAX_SHOW_MEMBER_COUNT = 23;
 const ConversationSetting = ({ navigation }) => {
-    var _a, _b;
+    var _a;
     const { t } = (0, useTranslation_1.default)();
+    const { allMembers } = (0, useImSelector_1.useMessage)();
     const { currentConversation } = (0, useImSelector_1.useConversation)();
     const { groupDetail } = (0, useImSelector_1.useChatGroup)();
     const title = t('chatSetting');
@@ -59,7 +60,6 @@ const ConversationSetting = ({ navigation }) => {
         }, t);
     };
     const { id, type, name, avatars, enableNoDisturb = 'off', enableTop = 'off', notice = '', enableInviteValidate = 'off', memberLevel = MEMBER, groupType, } = currentConversation;
-    const groupMemberList = (_a = groupDetail === null || groupDetail === void 0 ? void 0 : groupDetail.groupMemberList.slice().reverse()) !== null && _a !== void 0 ? _a : [];
     console.log('type: ', type, '[memberLevel]', memberLevel);
     const isMgr = memberLevel === MGR || memberLevel === OWNER;
     // 离开群组
@@ -136,7 +136,7 @@ const ConversationSetting = ({ navigation }) => {
                 </>);
             break;
         case im_base_1.ConversationType.C2G:
-            let avatarList = groupMemberList
+            let avatarList = allMembers
                 .map(item => {
                 var _a;
                 return {
@@ -147,12 +147,12 @@ const ConversationSetting = ({ navigation }) => {
                 };
             })
                 .splice(0, MAX_SHOW_MEMBER_COUNT);
-            let fMaster = groupMemberList.find(item => item.memberLevel === OWNER);
+            let fMaster = allMembers.find(item => item.memberLevel === OWNER);
             // 假设 fMaster 是要插入的对象，且它有一个唯一标识，比如 userId
             if (fMaster) {
                 const fMasterWithRequiredFields = {
                     userId: fMaster.userId,
-                    userName: (_b = fMaster.memberName) !== null && _b !== void 0 ? _b : '',
+                    userName: (_a = fMaster.memberName) !== null && _a !== void 0 ? _a : '',
                     avatars: fMaster.memberAvatars,
                     memberLevel: fMaster.memberLevel,
                 };
@@ -173,7 +173,6 @@ const ConversationSetting = ({ navigation }) => {
                         checkMode: 'multi',
                     });
                 }} removeUser={removeUser} toMoreMember={() => {
-                    (0, init_1.getImManager)().store.dispatch(im_base_1.MessagePanelActions.loadAllMembers(id));
                     navigation.navigate('OptionGroupMoreMember');
                 }}/>
                     <rn_ui_1.Space size={'m'}/>

package/dist/pages/message/MessageBackup/utils.js

@@ -200,10 +200,10 @@ class RestoreTaskItem extends TaskItem {
                             console.log('insertMessage error: ', e);
                         }
                     }
-                    callback(1);
                     return message;
                 }))();
             }));
+            callback(1);
         });
     }
 }

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

@@ -41,6 +41,7 @@ const LocalImage_1 = __importDefault(require("../../../components/LocalImage"));
 const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
 const init_1 = require("../../../init");
 const PayloadFile_1 = __importDefault(require("./Payload/PayloadFile"));
+const useDownloadSource_1 = __importStar(require("../../../hooks/useDownloadSource"));
 const voiceLeft = require('../../../../assets/voice-left.png');
 const { width } = react_native_1.Dimensions.get('window');
 exports.QuoteTextMix = (0, react_1.memo)(props => {
@@ -56,9 +57,10 @@ exports.QuoteTextMix = (0, react_1.memo)(props => {
 });
 exports.QuotePicture = (0, react_1.memo)(props => {
     const { quoteTitle, quoteMessage, quoteStyle, color, textStyle, borderColor, backgroundColor, onPressQuote } = props;
-    const { height, width, localPath } = quoteMessage.payload;
+    const { height, width } = quoteMessage.payload;
     const theme = (0, rn_ui_1.useTheme)();
     console.log('QuotePicture', quoteMessage);
+    const localImg = (0, useDownloadSource_1.default)(quoteMessage.payload);
     const sizeStyle = (0, golden_rectangle_1.calculate)(height || 100, width || 61.8, 100);
     return (<react_native_1.TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { backgroundColor: (0, color_1.dark)(color, 6) }]}>
             <react_native_1.Text style={[textStyle, styles.replyUserName]}>
@@ -66,7 +68,7 @@ exports.QuotePicture = (0, react_1.memo)(props => {
                 {' : '}
             </react_native_1.Text>
             <react_native_1.View style={styles.h5}/>
-            {(!localPath || localPath === '') && (<react_native_1.View style={[
+            {(!localImg) && (<react_native_1.View style={[
                 styles.pictureEmpty,
                 Object.assign({ backgroundColor,
                     borderColor }, sizeStyle),
@@ -75,22 +77,23 @@ exports.QuotePicture = (0, react_1.memo)(props => {
                     <react_native_1.ActivityIndicator color={theme.primaryColor} animating={true}/>
                 </react_native_1.View>)}
 
-            {localPath && localPath !== '' && (<LocalImage_1.default style={sizeStyle} resizeMode="cover" localPath={localPath}/>)}
+            {localImg && (<LocalImage_1.default style={sizeStyle} resizeMode="cover" localPath={localImg}/>)}
         </react_native_1.TouchableOpacity>);
 });
 exports.QuoteVideo = (0, react_1.memo)(props => {
     const { quoteTitle, quoteMessage, quoteStyle, color, textStyle, borderColor, backgroundColor, onPressQuote } = props;
-    const { duration, height, width, imagePath } = quoteMessage.payload;
+    const { duration, height, width } = quoteMessage.payload;
     const theme = (0, rn_ui_1.useTheme)();
     console.log('QuoteVideo: ', quoteMessage);
     const sizeStyle = (0, golden_rectangle_1.calculate)(height, width);
+    const localImg = (0, useDownloadSource_1.useDownloadImgSource)(quoteMessage.payload);
     return (<react_native_1.TouchableOpacity activeOpacity={0.5} onPress={onPressQuote} style={[quoteStyle, styles.leftBorder, { backgroundColor: (0, color_1.dark)(color, 6) }]}>
             <react_native_1.Text style={[textStyle, styles.replyUserName]}>
                 {quoteTitle}
                 {' : '}
             </react_native_1.Text>
             <react_native_1.View style={styles.h5}/>
-            {(!imagePath || imagePath === '') && (<react_native_1.View style={[
+            {(!localImg) && (<react_native_1.View style={[
                 styles.pictureEmpty,
                 Object.assign({ backgroundColor,
                     borderColor }, sizeStyle),
@@ -99,8 +102,8 @@ exports.QuoteVideo = (0, react_1.memo)(props => {
                     <react_native_1.ActivityIndicator color={theme.primaryColor} animating={true}/>
                 </react_native_1.View>)}
 
-            {imagePath && imagePath !== '' && (<react_native_1.View>
-                    <LocalImage_1.default style={sizeStyle} resizeMode="cover" localPath={imagePath}/>
+            {localImg && (<react_native_1.View style={{ width: sizeStyle.width }}>
+                    <LocalImage_1.default style={sizeStyle} resizeMode="cover" localPath={localImg}/>
                     <react_native_1.View style={styles.playView}>
                         <AntDesign_1.default size={30} name="playcircleo" color="#fff"/>
                     </react_native_1.View>

package/dist/slice/contact/contact.slice.d.ts

@@ -7,6 +7,6 @@ export interface ContactState {
     currentRoot: 'organization' | 'role' | 'none';
     choosePurpose: 'createGroup' | 'contact' | 'addMember' | 'none';
 }
-export declare const setSelectUsers: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/contact/setSelectUsers">, setSelectGroups: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/contact/setSelectGroups">, setCurrentRoot: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/contact/setCurrentRoot">, onSelectUser: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/contact/onSelectUser">, startCreateGroup: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chat/contact/startCreateGroup">, startAddMember: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chat/contact/startAddMember">, resetState: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chat/contact/resetState">, startSendContact: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chat/contact/startSendContact">, onDefaultCheckedUser: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/contact/onDefaultCheckedUser">;
-declare const _default: import("@reduxjs/toolkit").Reducer<ContactState>;
+export declare const setSelectUsers: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/contact/setSelectUsers">, setSelectGroups: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/contact/setSelectGroups">, setCurrentRoot: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/contact/setCurrentRoot">, onSelectUser: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/contact/onSelectUser">, startCreateGroup: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithoutPayload<"chat/contact/startCreateGroup">, startAddMember: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithoutPayload<"chat/contact/startAddMember">, resetState: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithoutPayload<"chat/contact/resetState">, startSendContact: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithoutPayload<"chat/contact/startSendContact">, onDefaultCheckedUser: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/contact/onDefaultCheckedUser">;
+declare const _default: import("../../../node_modules/redux").Reducer<ContactState>;
 export default _default;

package/dist/slice/contact/contact.slice.js

@@ -2,7 +2,7 @@
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.onDefaultCheckedUser = exports.startSendContact = exports.resetState = exports.startAddMember = exports.startCreateGroup = exports.onSelectUser = exports.setCurrentRoot = exports.setSelectGroups = exports.setSelectUsers = void 0;
-const toolkit_1 = require("@reduxjs/toolkit");
+const toolkit_1 = require("../../../node_modules/@reduxjs/toolkit");
 const initialState = {
     selectUsers: {},
     selectGroups: {},

package/dist/slice/index.d.ts

@@ -2,8 +2,8 @@ import { VideoState } from './video/video.slice';
 import { ContactState } from './contact/contact.slice';
 import { PanelState } from './panel/panel.slice';
 export declare const chatReducers: {
-    'chat/video': import("@reduxjs/toolkit").Reducer<VideoState>;
-    'chat/contact': import("@reduxjs/toolkit").Reducer<ContactState>;
-    'chat/panel': import("@reduxjs/toolkit").Reducer<PanelState>;
+    'chat/video': import("../../node_modules/redux").Reducer<VideoState>;
+    'chat/contact': import("../../node_modules/redux").Reducer<ContactState>;
+    'chat/panel': import("../../node_modules/redux").Reducer<PanelState>;
 };
 export type { VideoState, ContactState, PanelState };

package/dist/slice/index.js

@@ -7,7 +7,6 @@ exports.chatReducers = void 0;
 const video_slice_1 = __importDefault(require("./video/video.slice"));
 const contact_slice_1 = __importDefault(require("./contact/contact.slice"));
 const panel_slice_1 = __importDefault(require("./panel/panel.slice"));
-// @ts-ignore
 exports.chatReducers = {
     'chat/video': video_slice_1.default,
     'chat/contact': contact_slice_1.default,

package/dist/slice/panel/panel.slice.d.ts

@@ -3,6 +3,6 @@ export interface PanelState {
     type: 'emoji' | 'option' | 'voice';
     messageBarHeight: number;
 }
-export declare const setMessageBarHeight: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/panel/setMessageBarHeight">;
-declare const _default: import("@reduxjs/toolkit").Reducer<PanelState>;
+export declare const setMessageBarHeight: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/panel/setMessageBarHeight">;
+declare const _default: import("../../../node_modules/redux").Reducer<PanelState>;
 export default _default;

package/dist/slice/panel/panel.slice.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setMessageBarHeight = void 0;
-const toolkit_1 = require("@reduxjs/toolkit");
+const toolkit_1 = require("../../../node_modules/@reduxjs/toolkit");
 const panelSlice = (0, toolkit_1.createSlice)({
     name: 'chat/panel',
     initialState: {

package/dist/slice/video/video.slice.d.ts

@@ -7,11 +7,11 @@ export type VideoState = {
     videoDownloadError: boolean;
     videoDownloadProgress: number;
 };
-export declare const showVideoPlayer: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+export declare const showVideoPlayer: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithPayload<{
     videoLocalPath: string;
     videoImagePath: string;
     videoImageHeight: number;
     videoImageWidth: number;
-}, "chat/video/showVideoPlayer">, cancelVideoPlayer: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"chat/video/cancelVideoPlayer">, setVideoDownloadProgress: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/video/setVideoDownloadProgress">, setShowVideoPlay: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/video/setShowVideoPlay">;
-declare const _default: import("@reduxjs/toolkit").Reducer<VideoState>;
+}, "chat/video/showVideoPlayer">, cancelVideoPlayer: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithoutPayload<"chat/video/cancelVideoPlayer">, setVideoDownloadProgress: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/video/setVideoDownloadProgress">, setShowVideoPlay: import("../../../node_modules/@reduxjs/toolkit").ActionCreatorWithPayload<any, "chat/video/setShowVideoPlay">;
+declare const _default: import("../../../node_modules/redux").Reducer<VideoState>;
 export default _default;

package/dist/slice/video/video.slice.js

@@ -2,7 +2,7 @@
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setShowVideoPlay = exports.setVideoDownloadProgress = exports.cancelVideoPlayer = exports.showVideoPlayer = void 0;
-const toolkit_1 = require("@reduxjs/toolkit");
+const toolkit_1 = require("../../../node_modules/@reduxjs/toolkit");
 const videoSlice = (0, toolkit_1.createSlice)({
     name: 'chat/video',
     initialState: {
@@ -35,6 +35,5 @@ const videoSlice = (0, toolkit_1.createSlice)({
         }
     }
 });
-// @ts-ignore;
 _a = videoSlice.actions, exports.showVideoPlayer = _a.showVideoPlayer, exports.cancelVideoPlayer = _a.cancelVideoPlayer, exports.setVideoDownloadProgress = _a.setVideoDownloadProgress, exports.setShowVideoPlay = _a.setShowVideoPlay;
 exports.default = videoSlice.reducer;

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@smart-link/rn-im",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "description": "",
   "main": "./dist/index.js",
   "dependencies": {
     "color": "^5.0.0",
     "lodash-es": "^4.17.21",
-    "emoji-regex": "^10.4.0",
-    "@smart-link/im-base": "^1.0.16"
+    "emoji-regex": "^10.4.0"
   },
   "devDependencies": {
     "@react-native/eslint-config": "0.73.2",
@@ -21,7 +20,8 @@
     "rimraf": "^6.0.1",
     "tsc-alias": "^1.8.10",
     "typescript": "5.0.4",
-    "react-native": "^0.73.0"
+    "react-native": "^0.73.0",
+    "redux": "^4.2.1"
   },
   "peerDependencies": {
     "@baronha/react-native-photo-editor": "1.1.6",
@@ -36,6 +36,7 @@
     "@react-navigation/native": "6.1.7",
     "@react-navigation/native-stack": "6.9.13",
     "@reduxjs/toolkit": "^1.5.0",
+    "@smart-link/im-base": "^1.0.18",
     "ahooks": "^3.8.0",
     "axios": "^0.30.0",
     "dayjs": "^1.11.9",
@@ -63,8 +64,7 @@
     "react-redux": "^8.1.3",
     "redux": "^4.2.1",
     "redux-thunk": "^2.4.2",
-    "@smart-link/rn-ui": "^1.0.6",
-    "@smart-link/rn-base": "^1.0.7"
+    "@smart-link/rn-ui": "^1.0.6"
   },
   "files": [
     "dist/**",
@@ -74,7 +74,7 @@
   "scripts": {
     "clean": "rimraf ./dist",
     "build": "pnpm run clean && tsc && tsc-alias",
-    "build:watch": "concurrently \"tsc -w\" \"tsc-alias -w\"",
+    "build:watch": "tsc && concurrently \"tsc -w\" \"tsc-alias -w\"",
     "release": "pnpm build && pnpm publish --tag latest --access public --no-git-checks"
   }
 }