@smart-link/rn-im 1.0.1

package/dist/pages/address-list/UserSearch.js

@@ -0,0 +1,82 @@
+"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 rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useTranslation_1 = require("../../hooks/useTranslation");
+const Organization_1 = require("./Organization");
+const addressList_1 = require("../../api/addressList");
+const init_1 = require("../../init");
+const react_redux_1 = require("react-redux");
+const contact_slice_1 = require("../../slice/contact/contact.slice");
+const useImSelector_1 = require("../../hooks/useImSelector");
+const UserSearch = (0, react_1.memo)(({ navigation, route: { params } }) => {
+    const [keyword, setKeyword] = (0, react_1.useState)('');
+    const { selectUsers } = (0, useImSelector_1.useContact)();
+    const { checkable } = params || {};
+    const [userList, setUserList] = (0, react_1.useState)([]);
+    const { t } = (0, useTranslation_1.useTranslationAddrList)();
+    const imManager = (0, init_1.getImManager)();
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const selectCount = Object.keys(selectUsers).length;
+    (0, react_1.useEffect)(() => {
+        if (!keyword || keyword === '') {
+            return;
+        }
+        (0, addressList_1.searchUser)({
+            userNameLike: keyword,
+            tenantId: imManager.user.tenantId,
+        }).then(({ data }) => {
+            setUserList(data);
+        });
+    }, [keyword]);
+    const handleUser = (item) => {
+        navigation.navigate('UserDetail', { userId: item.userId, userAccount: item.userAccount });
+    };
+    return (<>
+            <rn_ui_1.HeaderSearchBar value={keyword} onSubmitEditing={setKeyword}/>
+            <rn_ui_1.NavigationPage noPadding scroll={userList.length > 0}>
+                {userList.length > 0 ? (userList.map((item) => (<rn_ui_1.ListRow key={item.userId} onPress={() => {
+                if (checkable) {
+                    dispatch((0, contact_slice_1.onSelectUser)(item));
+                }
+                else {
+                    handleUser(item);
+                }
+            }} title={<Organization_1.RenderUserItem checkable={checkable} checked={!!selectUsers[item.userId]} data={item}/>} topSeparator="full"/>))) : (<react_native_1.View style={[styles.noData]}>
+                        <react_native_1.Text>{t('noData')}</react_native_1.Text>
+                    </react_native_1.View>)}
+            </rn_ui_1.NavigationPage>
+    </>);
+});
+const styles = react_native_1.StyleSheet.create({
+    noData: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+});
+exports.default = UserSearch;

package/dist/pages/address-list/addressList.routes.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+declare const addressListRoutes: readonly [{
+    readonly name: "AddressList";
+    readonly component: ({ navigation }: {
+        navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("..").IMPageParamList, "AddressList", undefined>;
+        route: import("@react-navigation/native").RouteProp<import("..").IMPageParamList, "AddressList">;
+    }) => import("react").JSX.Element;
+    readonly options: {
+        readonly title: "";
+    };
+}, {
+    readonly name: "Organization";
+    readonly component: ({ navigation, route: { params } }: {
+        navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("..").IMPageParamList, "Organization", undefined>;
+        route: import("@react-navigation/native").RouteProp<import("..").IMPageParamList, "Organization">;
+    }) => import("react").JSX.Element;
+    readonly options: {
+        readonly title: "";
+    };
+}, {
+    readonly name: "ChooseContact";
+    readonly component: import("react").FC<{
+        navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("..").IMPageParamList, "ChooseContact", undefined>;
+        route: import("@react-navigation/native").RouteProp<import("..").IMPageParamList, "ChooseContact">;
+    }>;
+    readonly options: {
+        readonly animation: "fade";
+        readonly title: "";
+    };
+}, {
+    readonly name: "UserDetail";
+    readonly component: ({ navigation, route: { params } }: {
+        navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("..").IMPageParamList, "UserDetail", undefined>;
+        route: import("@react-navigation/native").RouteProp<import("..").IMPageParamList, "UserDetail">;
+    }) => import("react").JSX.Element;
+    readonly options: {
+        readonly title: "";
+    };
+}, {
+    readonly name: "UserSearch";
+    readonly component: import("react").MemoExoticComponent<({ navigation, route: { params } }: {
+        navigation: import("@react-navigation/native-stack").NativeStackNavigationProp<import("..").IMPageParamList, "UserSearch", undefined>;
+        route: import("@react-navigation/native").RouteProp<import("..").IMPageParamList, "UserSearch">;
+    }) => import("react").JSX.Element>;
+    readonly options: {
+        readonly animation: "fade";
+        readonly headerShown: false;
+    };
+}];
+export default addressListRoutes;

package/dist/pages/address-list/addressList.routes.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const UserDetail_1 = __importDefault(require("./UserDetail"));
+const UserSearch_1 = __importDefault(require("./UserSearch"));
+const ChooseContact_1 = __importDefault(require("./ChooseContact"));
+const Organization_1 = __importDefault(require("./Organization"));
+const AddressList_1 = __importDefault(require("./AddressList"));
+const addressListRoutes = [
+    {
+        name: 'AddressList',
+        component: AddressList_1.default,
+        options: {
+            title: ''
+        },
+    },
+    {
+        name: 'Organization',
+        component: Organization_1.default,
+        options: {
+            title: ''
+        },
+    },
+    {
+        name: 'ChooseContact',
+        component: ChooseContact_1.default,
+        options: {
+            animation: 'fade',
+            title: ''
+        },
+    },
+    {
+        name: 'UserDetail',
+        component: UserDetail_1.default,
+        options: {
+            title: ''
+        },
+    },
+    {
+        name: 'UserSearch',
+        component: UserSearch_1.default,
+        options: {
+            animation: 'fade',
+            headerShown: false,
+        },
+    },
+];
+exports.default = addressListRoutes;

package/dist/pages/collection/Collection.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Collection: () => React.JSX.Element;
+export default Collection;

package/dist/pages/collection/Collection.js

@@ -0,0 +1,136 @@
+"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) {
+        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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const rn_ui_1 = require("@smart-link/rn-ui");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
+const init_1 = require("../../init");
+const useImSelector_1 = require("../../hooks/useImSelector");
+const ContentFactory_1 = __importDefault(require("./ContentFactory"));
+const styles_1 = require("../../components/styles");
+const FormatTimeText_1 = __importDefault(require("../../components/FormatTimeText"));
+const common_action_sheet_1 = require("../../utils/common-action-sheet");
+const Collection = () => {
+    const { t } = (0, useTranslation_1.default)();
+    const [keyword, setKeyword] = (0, react_1.useState)('');
+    const { currentConversation } = (0, useImSelector_1.useConversation)();
+    const { collections } = (0, useImSelector_1.useCollection)();
+    const navigation = (0, rn_ui_1.useNavigation)();
+    (0, react_1.useEffect)(() => {
+        (0, init_1.getImManager)().selectCollections(keyword);
+    }, [keyword]);
+    const onPressCollection = (collection) => {
+        (0, common_action_sheet_1.ConfirmActionSheet)(t('sendTo') + (currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.name), () => __awaiter(void 0, void 0, void 0, function* () {
+            // TODO: 发送收藏消息
+            yield (0, init_1.getImManager)().sendCollectionMessage(collection);
+            navigation.goBack();
+        }), t);
+    };
+    const keyExtractor = (item) => item.messageSeq;
+    const itemSeparatorComponent = () => <react_native_1.View style={styles.h10}/>;
+    const renderItem = ({ item }) => {
+        const { conversationName, messageTime } = item;
+        return (<react_native_1.TouchableOpacity activeOpacity={0.5} style={styles.item} onPress={() => {
+                onPressCollection(item);
+            }}>
+                <ContentFactory_1.default collection={item} keyword={keyword}/>
+                <react_native_1.View style={styles.h10}/>
+                <react_native_1.View style={styles.row}>
+                    <react_native_1.Text style={styles.title} numberOfLines={1}>
+                        {conversationName + ' '}
+                    </react_native_1.Text>
+                    <FormatTimeText_1.default style={styles.time} time={messageTime}/>
+                </react_native_1.View>
+            </react_native_1.TouchableOpacity>);
+    };
+    return (<>
+            <rn_ui_1.HeaderSearchBar value={keyword} onSubmitEditing={setKeyword}/>
+            <rn_ui_1.NavigationPage scroll={false} noPadding>
+                {collections.length > 0 && (<react_native_1.FlatList contentContainerStyle={styles.list} numColumns={1} data={collections} keyExtractor={keyExtractor} renderItem={renderItem} keyboardShouldPersistTaps={'handled'} ItemSeparatorComponent={itemSeparatorComponent}/>)}
+                {collections.length === 0 && (<react_native_1.View style={{ flex: 1 }}>
+                        <react_native_1.View style={{
+                flex: 1,
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: (0, rn_ui_1.dp)(80),
+            }}>
+                            <react_native_1.Text>{t('emptyCollect')}</react_native_1.Text>
+                        </react_native_1.View>
+                    </react_native_1.View>)}
+            </rn_ui_1.NavigationPage>
+        </>);
+};
+const styles = react_native_1.StyleSheet.create({
+    collection: {
+        flex: 1,
+    },
+    list: {
+        paddingVertical: (0, rn_ui_1.dp)(10),
+        paddingHorizontal: (0, rn_ui_1.dp)(12),
+    },
+    item: Object.assign(Object.assign({ minHeight: (0, rn_ui_1.dp)(80), padding: (0, rn_ui_1.dp)(15), backgroundColor: '#fff', borderColor: '#eee' }, styles_1.shadowStyle), styles_1.borderStyle),
+    search: Object.assign({ backgroundColor: '#fff', padding: (0, rn_ui_1.dp)(10), borderBottomWidth: (0, rn_ui_1.dp)(1), borderColor: '#e9e9e9' }, styles_1.shadowStyle),
+    empty: {
+        flex: 1,
+        backgroundColor: '#fff',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    h10: {
+        height: (0, rn_ui_1.dp)(10),
+    },
+    h15: {
+        height: (0, rn_ui_1.dp)(15),
+    },
+    row: {
+        flexDirection: 'row',
+    },
+    title: {
+        maxWidth: (0, rn_ui_1.dp)(230),
+        color: '#666',
+        fontSize: (0, rn_ui_1.dp)(13),
+        lineHeight: (0, rn_ui_1.dp)(20),
+    },
+    time: {
+        marginLeft: (0, rn_ui_1.dp)(10),
+        color: '#666',
+        fontSize: (0, rn_ui_1.dp)(13),
+        lineHeight: (0, rn_ui_1.dp)(20),
+    },
+});
+exports.default = Collection;

package/dist/pages/collection/ContentFactory.d.ts

@@ -0,0 +1,6 @@
+import { ICollection } from '@smart-link/im-base';
+import React from 'react';
+export default function ContentFactory({ keyword, collection }: {
+    keyword: string;
+    collection: ICollection;
+}): React.JSX.Element | null;

package/dist/pages/collection/ContentFactory.js

@@ -0,0 +1,167 @@
+"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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    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 }) {
+    const { payloadType, payload } = collection, retProps = __rest(collection, ["payloadType", "payload"]);
+    switch (payloadType) {
+        case TEXT: {
+            return <ContentText keyword={keyword} text={payload.text}/>;
+        }
+        case VOICE: {
+            return <ContentVoice {...payload}/>;
+        }
+        case FILE: {
+            // @ts-ignore
+            return <PayloadFile_1.default payload={payload} {...retProps}/>;
+        }
+        case PICTURE: {
+            return <ContentPicture {...payload}/>;
+        }
+        case VIDEO: {
+            return <ContentVideo {...payload}/>;
+        }
+        default: {
+            return null;
+        }
+    }
+}
+exports.default = ContentFactory;
+const ContentText = (0, react_1.memo)(props => {
+    const { keyword, text } = props;
+    return (<react_native_1.Text style={styles.text} numberOfLines={3}>
+            {text}
+        </react_native_1.Text>);
+});
+const voiceLeft = require('../../../assets/voice-left.png');
+const ContentVoice = (0, react_1.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>);
+});
+const ContentPicture = (0, react_1.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>);
+});
+const ContentVideo = (0, react_1.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}/>
+
+                <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>);
+});
+const styles = react_native_1.StyleSheet.create({
+    text: {
+        color: '#010101',
+        fontSize: (0, rn_ui_1.dp)(14),
+        lineHeight: (0, rn_ui_1.dp)(20),
+    },
+    content: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    voice: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        height: (0, rn_ui_1.dp)(40),
+        width: (0, rn_ui_1.dp)(40),
+        backgroundColor: '#ebebeb',
+    },
+    voiceImage: {
+        width: (0, rn_ui_1.dp)(25),
+        height: (0, rn_ui_1.dp)(20),
+    },
+    filename: {
+        fontSize: (0, rn_ui_1.dp)(15),
+        lineHeight: (0, rn_ui_1.dp)(20),
+        color: '#010101'
+    },
+    fileInfo: {
+        flex: 1,
+        paddingTop: (0, rn_ui_1.dp)(2),
+        justifyContent: 'center'
+    },
+    fileSize: {
+        fontSize: (0, rn_ui_1.dp)(12),
+        lineHeight: (0, rn_ui_1.dp)(20),
+        color: '#a2a2a2'
+    },
+    duration: {},
+    fileImage: {
+        width: (0, rn_ui_1.dp)(40),
+        height: (0, rn_ui_1.dp)(40)
+    },
+    picture: {
+        width: (0, rn_ui_1.dp)(90),
+        height: (0, rn_ui_1.dp)(90)
+    },
+    playView: {
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+        justifyContent: 'center',
+        alignItems: "center"
+    },
+    w15: {
+        width: (0, rn_ui_1.dp)(15),
+    }
+});

package/dist/pages/collection/collection.routes.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const collectRoutes: readonly [{
+    readonly name: "Collection";
+    readonly component: () => import("react").JSX.Element;
+    readonly options: {
+        readonly animation: "fade_from_bottom";
+        readonly headerShown: false;
+    };
+}];

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

@@ -0,0 +1,17 @@
+"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 = [
+    {
+        name: 'Collection',
+        component: Collection_1.default,
+        options: {
+            animation: 'fade_from_bottom',
+            headerShown: false,
+        },
+    },
+];

package/dist/pages/conversation/ForwardToConversation.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { NativeStackScreenProps } from '@react-navigation/native-stack/lib/typescript/src/types';
+import { IMPageParamList } from '../../pages';
+type ForwardToConversationProps = NativeStackScreenProps<IMPageParamList, 'ForwardToConversation'>;
+declare const _default: React.MemoExoticComponent<({ navigation }: ForwardToConversationProps) => React.JSX.Element>;
+export default _default;