@smart-link/rn-im 1.0.23 → 1.0.26

package/dist/pages/collection/ContentFactory.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,19 +9,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const LocalImage_1 = __importDefault(require("../../components/LocalImage"));
-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 MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
-const PayloadFile_1 = __importDefault(require("../message/components/Payload/PayloadFile"));
-const { TEXT, VOICE, VIDEO, PICTURE, FILE, } = im_base_1.PayloadType;
-function ContentFactory({ keyword, collection }) {
+import LocalImage from '../../components/LocalImage';
+import { PayloadType, numberToTime } from '@smart-link/im-base';
+import { dp } from '@smart-link/rn-ui';
+import React, { memo } from 'react';
+import { Image, StyleSheet, Text, View } from 'react-native';
+import MaterialIcon from 'react-native-vector-icons/MaterialIcons';
+import PayloadFile from '../message/components/Payload/PayloadFile';
+const { TEXT, VOICE, VIDEO, PICTURE, FILE, } = PayloadType;
+export default function ContentFactory({ keyword, collection }) {
     const { payloadType, payload } = collection, retProps = __rest(collection, ["payloadType", "payload"]);
     switch (payloadType) {
         case TEXT: {
@@ -56,7 +28,7 @@ function ContentFactory({ keyword, collection }) {
         }
         case FILE: {
             // @ts-ignore
-            return <PayloadFile_1.default payload={payload} {...retProps}/>;
+            return <PayloadFile payload={payload} {...retProps}/>;
         }
         case PICTURE: {
             return <ContentPicture {...payload}/>;
@@ -69,49 +41,48 @@ function ContentFactory({ keyword, collection }) {
         }
     }
 }
-exports.default = ContentFactory;
-const ContentText = (0, react_1.memo)(props => {
+const ContentText = memo(props => {
     const { keyword, text } = props;
-    return (<react_native_1.Text style={styles.text} numberOfLines={3}>
+    return (<Text style={styles.text} numberOfLines={3}>
             {text}
-        </react_native_1.Text>);
+        </Text>);
 });
 const voiceLeft = require('../../../assets/voice-left.png');
-const ContentVoice = (0, react_1.memo)(props => {
+const ContentVoice = memo(props => {
     const { duration } = props;
-    return (<react_native_1.View style={styles.content}>
-            <react_native_1.View style={[styles.voice]}>
-                <react_native_1.Image style={[styles.voiceImage]} resizeMode="contain" source={voiceLeft}/>
-            </react_native_1.View>
-            <react_native_1.View style={styles.w15}/>
-            <react_native_1.Text style={[styles.duration]}>{duration}''</react_native_1.Text>
-        </react_native_1.View>);
+    return (<View style={styles.content}>
+            <View style={[styles.voice]}>
+                <Image style={[styles.voiceImage]} resizeMode="contain" source={voiceLeft}/>
+            </View>
+            <View style={styles.w15}/>
+            <Text style={[styles.duration]}>{duration}''</Text>
+        </View>);
 });
-const ContentPicture = (0, react_1.memo)(props => {
+const ContentPicture = memo(props => {
     const { localPath, } = props;
-    return (<react_native_1.View style={styles.content}>
-            <LocalImage_1.default style={styles.picture} resizeMode="cover" localPath={(localPath)}/>
-        </react_native_1.View>);
+    return (<View style={styles.content}>
+            <LocalImage style={styles.picture} resizeMode="cover" localPath={(localPath)}/>
+        </View>);
 });
-const ContentVideo = (0, react_1.memo)(props => {
+const ContentVideo = memo(props => {
     const { imagePath, duration, } = props;
-    return (<react_native_1.View style={styles.content}>
-            <react_native_1.View>
-                <LocalImage_1.default style={styles.picture} resizeMode="cover" localPath={imagePath}/>
+    return (<View style={styles.content}>
+            <View>
+                <LocalImage style={styles.picture} resizeMode="cover" localPath={imagePath}/>
 
-                <react_native_1.View style={styles.playView}>
-                    <MaterialIcons_1.default size={30} name="play-circle-outline" color="#fff"/>
-                </react_native_1.View>
-            </react_native_1.View>
-            <react_native_1.View style={styles.w15}/>
-            <react_native_1.Text>{(0, im_base_1.numberToTime)(duration)}</react_native_1.Text>
-        </react_native_1.View>);
+                <View style={styles.playView}>
+                    <MaterialIcon size={30} name="play-circle-outline" color="#fff"/>
+                </View>
+            </View>
+            <View style={styles.w15}/>
+            <Text>{numberToTime(duration)}</Text>
+        </View>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     text: {
         color: '#010101',
-        fontSize: (0, rn_ui_1.dp)(14),
-        lineHeight: (0, rn_ui_1.dp)(20),
+        fontSize: dp(14),
+        lineHeight: dp(20),
     },
     content: {
         flexDirection: 'row',
@@ -120,37 +91,37 @@ const styles = react_native_1.StyleSheet.create({
     voice: {
         justifyContent: 'center',
         alignItems: 'center',
-        height: (0, rn_ui_1.dp)(40),
-        width: (0, rn_ui_1.dp)(40),
+        height: dp(40),
+        width: dp(40),
         backgroundColor: '#ebebeb',
     },
     voiceImage: {
-        width: (0, rn_ui_1.dp)(25),
-        height: (0, rn_ui_1.dp)(20),
+        width: dp(25),
+        height: dp(20),
     },
     filename: {
-        fontSize: (0, rn_ui_1.dp)(15),
-        lineHeight: (0, rn_ui_1.dp)(20),
+        fontSize: dp(15),
+        lineHeight: dp(20),
         color: '#010101'
     },
     fileInfo: {
         flex: 1,
-        paddingTop: (0, rn_ui_1.dp)(2),
+        paddingTop: dp(2),
         justifyContent: 'center'
     },
     fileSize: {
-        fontSize: (0, rn_ui_1.dp)(12),
-        lineHeight: (0, rn_ui_1.dp)(20),
+        fontSize: dp(12),
+        lineHeight: dp(20),
         color: '#a2a2a2'
     },
     duration: {},
     fileImage: {
-        width: (0, rn_ui_1.dp)(40),
-        height: (0, rn_ui_1.dp)(40)
+        width: dp(40),
+        height: dp(40)
     },
     picture: {
-        width: (0, rn_ui_1.dp)(90),
-        height: (0, rn_ui_1.dp)(90)
+        width: dp(90),
+        height: dp(90)
     },
     playView: {
         position: 'absolute',
@@ -162,6 +133,6 @@ const styles = react_native_1.StyleSheet.create({
         alignItems: "center"
     },
     w15: {
-        width: (0, rn_ui_1.dp)(15),
+        width: dp(15),
     }
 });

package/dist/pages/collection/collection.routes.js

@@ -1,14 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.collectRoutes = void 0;
-const Collection_1 = __importDefault(require("./Collection"));
-exports.collectRoutes = [
+import Collection from './Collection';
+export const collectRoutes = [
     {
         name: 'Collection',
-        component: Collection_1.default,
+        component: Collection,
         options: {
             animation: 'fade_from_bottom',
             headerShown: false,

package/dist/pages/conversation/ForwardToConversation.js

@@ -1,40 +1,12 @@
-"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 react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const useImSelector_1 = require("../../hooks/useImSelector");
-const useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
-const styles_1 = require("../../components/styles");
-const ChatAvatar_1 = __importDefault(require("../../components/ChatAvatar/ChatAvatar"));
-const im_base_1 = require("@smart-link/im-base");
-const init_1 = require("../../init");
+import React, { memo, useEffect } from 'react';
+import { StyleSheet, TouchableOpacity, View, Text, FlatList } from 'react-native';
+import { Checkbox, dp, NavigationPage, SearchInput, Space } from '@smart-link/rn-ui';
+import { useForward, useMessage } from '../../hooks/useImSelector';
+import useTranslation from '../../hooks/useTranslation';
+import { shadowStyle } from '../../components/styles';
+import ChatAvatar from '../../components/ChatAvatar/ChatAvatar';
+import { ForwardActions, MessageActions } from '@smart-link/im-base';
+import { getImManager } from '../../init';
 function isChecked(selectList, item) {
     for (let i = 0; i < selectList.length; i++) {
         if (item.id === selectList[i].id) {
@@ -44,76 +16,76 @@ function isChecked(selectList, item) {
     return false;
 }
 const ForwardToConversation = ({ navigation }) => {
-    const { forwardMessage } = (0, useImSelector_1.useMessage)();
-    const { list, selectList } = (0, useImSelector_1.useForward)();
-    const { t } = (0, useTranslation_1.default)();
-    const imManager = (0, init_1.getImManager)();
-    (0, react_1.useEffect)(() => {
+    const { forwardMessage } = useMessage();
+    const { list, selectList } = useForward();
+    const { t } = useTranslation();
+    const imManager = getImManager();
+    useEffect(() => {
         navigation.setOptions({
             headerLeft({ tintColor }) {
-                return (<react_native_1.TouchableOpacity activeOpacity={0.5} style={{ padding: (0, rn_ui_1.dp)(10) }} onPress={() => {
-                        imManager.store.dispatch(im_base_1.ForwardActions.resetState());
+                return (<TouchableOpacity activeOpacity={0.5} style={{ padding: dp(10) }} onPress={() => {
+                        imManager.store.dispatch(ForwardActions.resetState());
                         navigation.goBack();
                     }}>
-                        <react_native_1.Text style={{ color: tintColor }}>{t('cancel')}</react_native_1.Text>
-                    </react_native_1.TouchableOpacity>);
+                        <Text style={{ color: tintColor }}>{t('cancel')}</Text>
+                    </TouchableOpacity>);
             },
             headerTitle: t('selectChat'),
             headerRight: ({ tintColor }) => {
                 const disabled = selectList.length === 0;
                 const selectCountText = disabled ? '' : '(' + selectList.length + ')';
-                return (<react_native_1.TouchableOpacity activeOpacity={0.5} style={{ padding: (0, rn_ui_1.dp)(10) }} disabled={disabled} onPress={() => {
-                        imManager.store.dispatch(im_base_1.ForwardActions.forwardMessage(imManager, forwardMessage, selectList, () => {
-                            imManager.store.dispatch(im_base_1.ForwardActions.resetState());
-                            imManager.store.dispatch(im_base_1.MessageActions.setForwardMessage(null));
+                return (<TouchableOpacity activeOpacity={0.5} style={{ padding: dp(10) }} disabled={disabled} onPress={() => {
+                        imManager.store.dispatch(ForwardActions.forwardMessage(imManager, forwardMessage, selectList, () => {
+                            imManager.store.dispatch(ForwardActions.resetState());
+                            imManager.store.dispatch(MessageActions.setForwardMessage(null));
                             navigation.goBack();
                         }));
                     }}>
-                        <react_native_1.Text style={{ color: tintColor }}>
+                        <Text style={{ color: tintColor }}>
                             {t('confirm')} {selectCountText}
-                        </react_native_1.Text>
-                    </react_native_1.TouchableOpacity>);
+                        </Text>
+                    </TouchableOpacity>);
             },
         });
     }, [navigation, t, forwardMessage, selectList]);
-    (0, react_1.useEffect)(() => {
-        imManager.store.dispatch(im_base_1.ForwardActions.loadList(imManager, ''));
+    useEffect(() => {
+        imManager.store.dispatch(ForwardActions.loadList(imManager, ''));
     }, []);
     const renderItem = ({ item }) => {
         const checked = isChecked(selectList, item);
         const enableTopStyles = item.enableTop === 'on' ? styles.enableTop : null;
-        return (<react_native_1.TouchableOpacity activeOpacity={0.5} style={[styles.row, enableTopStyles]} onPress={() => {
-                imManager.store.dispatch(im_base_1.ForwardActions.onSelect(item, !checked));
+        return (<TouchableOpacity activeOpacity={0.5} style={[styles.row, enableTopStyles]} onPress={() => {
+                imManager.store.dispatch(ForwardActions.onSelect(item, !checked));
             }}>
-                <react_native_1.View style={{ marginRight: (0, rn_ui_1.dp)(10) }}>
-                    <rn_ui_1.Checkbox style={{ pointerEvents: 'none' }} checked={checked}/>
-                </react_native_1.View>
+                <View style={{ marginRight: dp(10) }}>
+                    <Checkbox style={{ pointerEvents: 'none' }} checked={checked}/>
+                </View>
 
-                <ChatAvatar_1.default disabled id={item.id} priority="outside" url={item.avatars} name={item.name} size={(0, rn_ui_1.dp)(40)} type={item.type}/>
-                <react_native_1.View style={styles.width10}/>
-                <react_native_1.Text numberOfLines={1} style={styles.nameText}>
+                <ChatAvatar disabled id={item.id} priority="outside" url={item.avatars} name={item.name} size={dp(40)} type={item.type}/>
+                <View style={styles.width10}/>
+                <Text numberOfLines={1} style={styles.nameText}>
                     {item.name}
-                </react_native_1.Text>
-            </react_native_1.TouchableOpacity>);
+                </Text>
+            </TouchableOpacity>);
     };
     const listHeaderComponent = list.length === 0 ? null : (<>
-                <react_native_1.View style={styles.currChat}>
-                    <react_native_1.Text style={styles.currChatText}>{t('recentChat')}</react_native_1.Text>
-                </react_native_1.View>
-                <react_native_1.View style={styles.listHeaderLine}/>
+                <View style={styles.currChat}>
+                    <Text style={styles.currChatText}>{t('recentChat')}</Text>
+                </View>
+                <View style={styles.listHeaderLine}/>
             </>);
-    const listFooterComponent = list.length === 0 ? null : <react_native_1.View style={styles.listFooterLine}/>;
-    const itemSeparatorComponent = () => <react_native_1.View style={styles.separator}/>;
+    const listFooterComponent = list.length === 0 ? null : <View style={styles.listFooterLine}/>;
+    const itemSeparatorComponent = () => <View style={styles.separator}/>;
     console.log(list);
-    return (<rn_ui_1.NavigationPage noPadding>
-            <rn_ui_1.SearchInput onSubmitEditing={e => {
-            imManager.store.dispatch(im_base_1.ForwardActions.loadList(imManager, e.nativeEvent.text));
+    return (<NavigationPage noPadding>
+            <SearchInput onSubmitEditing={e => {
+            imManager.store.dispatch(ForwardActions.loadList(imManager, e.nativeEvent.text));
         }} placeholder={t('search')}/>
-            <rn_ui_1.Space size="m"/>
-            <react_native_1.FlatList contentContainerStyle={styles.list} ItemSeparatorComponent={itemSeparatorComponent} ListHeaderComponent={listHeaderComponent} ListFooterComponent={listFooterComponent} initialNumToRender={1} numColumns={1} data={list} keyExtractor={item => item.id} renderItem={renderItem}></react_native_1.FlatList>
-        </rn_ui_1.NavigationPage>);
+            <Space size="m"/>
+            <FlatList contentContainerStyle={styles.list} ItemSeparatorComponent={itemSeparatorComponent} ListHeaderComponent={listHeaderComponent} ListFooterComponent={listFooterComponent} initialNumToRender={1} numColumns={1} data={list} keyExtractor={item => item.id} renderItem={renderItem}></FlatList>
+        </NavigationPage>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     selector: {
         flex: 1,
         backgroundColor: '#fff',
@@ -126,41 +98,41 @@ const styles = react_native_1.StyleSheet.create({
         borderColor: '#e9e9e9',
     },
     row: {
-        paddingHorizontal: (0, rn_ui_1.dp)(15),
+        paddingHorizontal: dp(15),
         flexDirection: 'row',
         alignItems: 'center',
-        height: (0, rn_ui_1.dp)(60),
+        height: dp(60),
     },
     currChat: {
         backgroundColor: '#f3f3f3',
-        paddingHorizontal: (0, rn_ui_1.dp)(15),
-        paddingVertical: (0, rn_ui_1.dp)(5),
+        paddingHorizontal: dp(15),
+        paddingVertical: dp(5),
     },
     currChatText: {
         color: '#999',
     },
     nameText: {
-        width: (0, rn_ui_1.dp)(250),
+        width: dp(250),
         color: '#333',
     },
     width10: {
-        width: (0, rn_ui_1.dp)(10),
+        width: dp(10),
     },
-    search: Object.assign({ backgroundColor: '#fff', padding: (0, rn_ui_1.dp)(10), borderBottomWidth: (0, rn_ui_1.dp)(1), borderColor: '#e9e9e9' }, styles_1.shadowStyle),
+    search: Object.assign({ backgroundColor: '#fff', padding: dp(10), borderBottomWidth: dp(1), borderColor: '#e9e9e9' }, shadowStyle),
     heightSpace: {
-        height: (0, rn_ui_1.dp)(5),
+        height: dp(5),
     },
     listHeaderLine: {
-        height: (0, rn_ui_1.dp)(1),
+        height: dp(1),
         backgroundColor: '#ececec',
     },
     listFooterLine: {
-        height: (0, rn_ui_1.dp)(1),
+        height: dp(1),
         backgroundColor: '#ececec',
     },
     separator: {
-        marginLeft: (0, rn_ui_1.dp)(91),
-        height: (0, rn_ui_1.dp)(1),
+        marginLeft: dp(91),
+        height: dp(1),
         backgroundColor: '#ececec',
     },
     empty: {
@@ -169,4 +141,4 @@ const styles = react_native_1.StyleSheet.create({
         justifyContent: 'center',
     },
 });
-exports.default = (0, react_1.memo)(ForwardToConversation);
+export default memo(ForwardToConversation);