@smart-link/rn-im 1.0.1

package/dist/init.js

@@ -0,0 +1,116 @@
+"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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLogo = exports.getImManager = exports.initRequest = exports.initImSdk = void 0;
+const im_base_1 = require("@smart-link/im-base");
+const react_native_1 = require("react-native");
+const react_native_sqlite_storage_1 = __importDefault(require("react-native-sqlite-storage"));
+const request_1 = require("./utils/request");
+const default_assets_1 = require("./default-assets");
+const upload_1 = __importDefault(require("./utils/upload"));
+const file_1 = require("./utils/file");
+const rn_ui_1 = require("@smart-link/rn-ui");
+const lodash_es_1 = require("lodash-es");
+let imManager;
+let logo;
+const initImSdk = ({ user, storage, store, server, logo: outLogo, t, logout, undoLimitTime }) => __awaiter(void 0, void 0, void 0, function* () {
+    console.log('initImSdk: ', server);
+    logo = outLogo;
+    if (imManager && !imManager.isDestroyed()) {
+        return imManager;
+    }
+    // 初始化目录
+    yield (0, file_1.initDir)(user);
+    // 初始化数据库
+    const db = new im_base_1.DBAdapter(new im_base_1.SqliteStorage(react_native_sqlite_storage_1.default));
+    yield db.createStores(user.userId);
+    imManager = new im_base_1.ImManager({
+        db,
+        store,
+        storage,
+        server: server,
+        namespace: '/chat',
+        user: (0, lodash_es_1.cloneDeep)(user),
+        platform: react_native_1.Platform.OS === 'ios' ? im_base_1.Platform.IOS : im_base_1.Platform.ANDROID,
+        t,
+        undoLimitTime: undoLimitTime || 1000 * 60 * 5,
+        defaultAvatars: default_assets_1.defaultAvatars,
+        logout,
+        uploadFile: (file, onProgress) => {
+            return (0, upload_1.default)(file.localPath, file.type, onProgress);
+        },
+        beforeUpload: (payload, payloadType) => __awaiter(void 0, void 0, void 0, function* () {
+            const file = payload;
+            if (payloadType === im_base_1.PayloadType.VIDEO) {
+                if (!file.imageFileId) {
+                    file.imageFileId = yield (0, upload_1.default)(file.imagePath, 'image/jpg');
+                }
+                return file;
+            }
+            if (payload.fileId) {
+                return payload;
+            }
+            return payload;
+        }),
+        download: file_1.download,
+        toast(message, type) {
+            console.log('toast: ', message, type);
+            if (type === 'success') {
+                rn_ui_1.Toast.success(message);
+            }
+            else if (type === 'fail') {
+                rn_ui_1.Toast.error(message);
+            }
+            else {
+                rn_ui_1.Toast.info(message);
+            }
+        },
+        scrollToLatest(animated) {
+            var _a;
+            console.log('scrollToLatest: ', animated);
+            const flatList = (_a = imManager.flatListRef) === null || _a === void 0 ? void 0 : _a.current;
+            if (flatList) {
+                flatList.scrollToOffset({ animated, offset: 0 });
+            }
+        },
+        scrollTo(messageSeq, animated) {
+            var _a;
+            const flatList = (_a = imManager.flatListRef) === null || _a === void 0 ? void 0 : _a.current;
+            const { messages } = imManager.store.getState()['chat/message'];
+            if (flatList) {
+                if (!messages.length) {
+                    return;
+                }
+                const index = messages.findIndex(item => item.messageSeq === messageSeq);
+                console.log('scrollTo: ', messageSeq, index);
+                if (index > -1) {
+                    flatList.scrollToIndex({
+                        animated,
+                        index: index,
+                    });
+                }
+            }
+        },
+    });
+    return imManager;
+});
+exports.initImSdk = initImSdk;
+const initRequest = (server) => {
+    (0, request_1.createRequest)(server);
+};
+exports.initRequest = initRequest;
+const getImManager = () => imManager;
+exports.getImManager = getImManager;
+const getLogo = () => logo;
+exports.getLogo = getLogo;

package/dist/interface.d.ts

@@ -0,0 +1,47 @@
+export type IGroupCategory = {
+    groupCategoryId: string;
+    groupCategoryName: string;
+    appType: string;
+    deleteFlag: string;
+    groupCategorySort: string;
+    groupCategoryStatus: string;
+    groupCategoryType: string;
+    groupRootIds: string;
+};
+export type IGroup = {
+    groupId: string;
+    groupName: string;
+    groupType: string;
+    relatedGroupId?: string;
+    relatedGroupName: string;
+    parentId: string;
+    groupSort: string;
+    groupStatus: string;
+    groupIdPath: string;
+    groupNamePath: string;
+    rootGroupId: string;
+    rootGroupName: string;
+    remarks: string;
+    deleteFlag: string;
+    thirdPartyId: string;
+    area?: string;
+    groupCode?: string;
+    groupNameEn?: string;
+    tenantId: string;
+    creatorId: string;
+    creatorName: string;
+    modifierId: string;
+    modifierName: string;
+    gmtCreate: string;
+    gmtModify: string;
+    canManage: boolean;
+    modifyGroupPath: boolean;
+    childCount: number;
+    groupCategoryId?: string;
+    childList: IGroup[];
+    userList: any[];
+    extFieldValueVOList: any[];
+    extFieldValues?: string;
+    parent: boolean;
+    userCount: number;
+};

package/dist/interface.js

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

package/dist/locales/en/addressList.d.ts

@@ -0,0 +1,3 @@
+import { AddressListLocaleKey } from '../zh/addressList';
+declare const locale: Record<AddressListLocaleKey, string>;
+export default locale;

package/dist/locales/en/addressList.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const locale = {
+    search: 'Search',
+    addressList: 'Address Book',
+    groupChat: 'Group Chat',
+    orgStructure: 'Department Structure',
+    myOrg: 'My Department',
+    myFriend: 'My Friends',
+    myGroups: 'My Groups',
+    selectContacts: 'Select Contacts',
+    contact: 'Contact',
+    selectByDepartments: 'Select By Departments',
+    byDepartments: 'By Departments',
+    selectByCharacters: 'Select By Characters',
+    byCharacters: 'By Characters',
+    addingGroupMembers: 'Adding group members...',
+    creatingGroup: 'A group chat is being initiated...',
+    userDetail: 'User Detail',
+    noData: 'No Data',
+    loading: 'Loading...',
+    requestFail: 'Request Failure',
+    userCode: 'Employee No.',
+    noAdd: 'Not Added',
+    mobile: 'Mobile Number',
+    email: 'Email',
+    sendNews: 'Send Message',
+    job: 'Job',
+    otherJob: 'Other Job',
+};
+exports.default = locale;

package/dist/locales/index.d.ts

@@ -0,0 +1,4 @@
+export { default as addressListZh } from './zh/addressList';
+export { default as addressListEn } from './en/addressList';
+export { default as addressListLao } from './lao/addressList';
+export * from './zh/addressList';

package/dist/locales/index.js

@@ -0,0 +1,27 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addressListLao = exports.addressListEn = exports.addressListZh = void 0;
+var addressList_1 = require("./zh/addressList");
+Object.defineProperty(exports, "addressListZh", { enumerable: true, get: function () { return __importDefault(addressList_1).default; } });
+var addressList_2 = require("./en/addressList");
+Object.defineProperty(exports, "addressListEn", { enumerable: true, get: function () { return __importDefault(addressList_2).default; } });
+var addressList_3 = require("./lao/addressList");
+Object.defineProperty(exports, "addressListLao", { enumerable: true, get: function () { return __importDefault(addressList_3).default; } });
+__exportStar(require("./zh/addressList"), exports);

package/dist/locales/lao/addressList.d.ts

@@ -0,0 +1,3 @@
+import { AddressListLocaleKey } from '../zh/addressList';
+declare const locale: Record<AddressListLocaleKey, string>;
+export default locale;

package/dist/locales/lao/addressList.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const locale = {
+    search: 'Search',
+    addressList: 'ລາຍຊື່ການຕິດຕໍ່',
+    groupChat: 'ກຸ່ມ',
+    orgStructure: 'ໂຄງຮ່າງອົງການຈັດຕັ້ງ',
+    myOrg: 'ການຈັດຕັ້ງຂອງຂ້ອຍ',
+    myFriend: 'ໝູ່ຂອງຂ້ອຍ',
+    myGroups: 'ກຸ່ມຂອງຂ້ອຍ',
+    selectContacts: 'ເລືອກຜູ້ຕິດຕໍ່',
+    contact: 'ຜູ້ຕິດຕໍ່',
+    selectByDepartments: 'ເລືອກຈາກພະແນກ',
+    byDepartments: 'ຈາກພະແນກ',
+    selectByCharacters: 'ເລືອກຈາກຕົວອັກສອນ',
+    byCharacters: 'ຈາກຕົວອັກສອນ',
+    addingGroupMembers: 'ກຳລັງເພີ່ມສະມາຊິກ',
+    creatingGroup: 'ກຸ່ມສົນທະນາກຳລັງລິເລີ່ມ',
+    userDetail: 'User Detail',
+    noData: 'ບໍ່ມີຂໍມູນ',
+    loading: 'ກຳລັງໂຫຼດ',
+    requestFail: 'ຮ້ອງຂໍລົ້ມເຫຼວ',
+    userCode: 'ເລກທີຂອງພະນັກງານ',
+    noAdd: 'ຍັງບໍ່ໄດ້ເພີ່ມ',
+    mobile: 'ໂທລະສັບ',
+    email: 'Email',
+    sendNews: 'ສົ່ງຂໍ້ຄວາມ',
+    job: 'Job',
+    otherJob: 'Other Job',
+};
+exports.default = locale;

package/dist/locales/zh/addressList.d.ts

@@ -0,0 +1,30 @@
+declare const locale: {
+    search: string;
+    addressList: string;
+    groupChat: string;
+    orgStructure: string;
+    myOrg: string;
+    myFriend: string;
+    myGroups: string;
+    selectContacts: string;
+    contact: string;
+    byDepartments: string;
+    selectByDepartments: string;
+    byCharacters: string;
+    selectByCharacters: string;
+    addingGroupMembers: string;
+    creatingGroup: string;
+    userDetail: string;
+    noData: string;
+    loading: string;
+    requestFail: string;
+    userCode: string;
+    noAdd: string;
+    mobile: string;
+    email: string;
+    sendNews: string;
+    job: string;
+    otherJob: string;
+};
+export type AddressListLocaleKey = keyof typeof locale;
+export default locale;

package/dist/locales/zh/addressList.js

@@ -0,0 +1,32 @@
+"use strict";
+// ui 国际化语言
+Object.defineProperty(exports, "__esModule", { value: true });
+const locale = {
+    search: '搜索',
+    addressList: '通讯录',
+    groupChat: '群聊',
+    orgStructure: '组织架构',
+    myOrg: '我的部门',
+    myFriend: '我的好友',
+    myGroups: '我的群组',
+    selectContacts: '选择联系人',
+    contact: '联系人',
+    byDepartments: '按组织',
+    selectByDepartments: '按组织选择',
+    byCharacters: '按角色',
+    selectByCharacters: '按角色选择',
+    addingGroupMembers: '正在添加群成员...',
+    creatingGroup: '正在发起群聊...',
+    userDetail: '用户详情',
+    noData: '暂无数据',
+    loading: '加载中...',
+    requestFail: '请求失败',
+    userCode: '员工编号',
+    noAdd: '未添加',
+    mobile: '手机号码',
+    email: '电子邮箱',
+    sendNews: '发消息',
+    job: '主岗',
+    otherJob: '兼岗',
+};
+exports.default = locale;

package/dist/pages/address-list/AddressList.d.ts

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

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

@@ -0,0 +1,158 @@
+"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 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 Icons_1 = require("./Icons");
+const addressList_1 = require("../../api/addressList");
+const useImSelector_1 = require("../../hooks/useImSelector");
+const { width: screenWidth } = react_native_1.Dimensions.get('window');
+const AddressList = ({ navigation }) => {
+    const [groupCategoryList, setGroupCategoryList] = (0, react_1.useState)([]);
+    const { t } = (0, useTranslation_1.default)();
+    const theme = (0, rn_ui_1.useTheme)();
+    const { user } = (0, useImSelector_1.useAuth)();
+    const compName = (user === null || user === void 0 ? void 0 : user.groupNamePath) || (user === null || user === void 0 ? void 0 : user.userName) || '';
+    (0, react_1.useEffect)(() => {
+        navigation.setOptions({ title: t('addressList') });
+    }, [t, navigation]);
+    (0, react_1.useEffect)(() => {
+        (0, addressList_1.listGroupCategory)({ appType: null }).then(({ data }) => {
+            setGroupCategoryList(data);
+        });
+    }, []);
+    const onPressSearch = () => {
+        console.log('_onPressSearch');
+        navigation.navigate('UserSearch', {});
+    };
+    const handleGroupCategory = (item) => {
+        navigation.navigate('Organization', Object.assign({}, item));
+    };
+    return (<rn_ui_1.NavigationPage noPadding noInsetBottom scroll>
+            <react_native_1.View style={{ height: 10 }}/>
+            <rn_ui_1.SearchBar style={{ marginHorizontal: 10 }} onSearch={onPressSearch}/>
+            <react_native_1.View style={{ height: 8 }}/>
+            {/*<ListRow*/}
+            {/*    title={*/}
+            {/*        <View style={[styles.orgLine]}>*/}
+            {/*            <View style={[styles.iconView]}>*/}
+            {/*                <Text style={[styles.icon]}>*/}
+            {/*                    <Icon name="badge" size={16} />*/}
+            {/*                </Text>*/}
+            {/*            </View>*/}
+            {/*            <Text style={styles.title}>{t('groupChat')}</Text>*/}
+            {/*        </View>*/}
+            {/*    }*/}
+            {/*    // onPress={() => this.navigator.push({view: <MyGroupsPage/>})}*/}
+            {/*    topSeparator="full"*/}
+            {/*/>*/}
+
+            <react_native_1.View style={{ height: 15 }}/>
+
+            <rn_ui_1.ListRow title={<react_native_1.View style={styles.orgLine}>
+                        {/*<Image style={{width: 30, height: 30, borderRadius: 3}}*/}
+                        {/*       source={Tenant.config.logoOrg || Tenant.config.logo}/>*/}
+                        <react_native_1.Text style={styles.compName}>{compName}</react_native_1.Text>
+                    </react_native_1.View>}/>
+
+            {groupCategoryList.map(item => {
+            return (<rn_ui_1.ListRow key={item.groupCategoryId} title={<react_native_1.View style={styles.orgLine}>
+                                <react_native_1.Text style={styles.smallIcon}>
+                                    <Icons_1.Unfold size={18} color={theme.primaryColor}/>
+                                </react_native_1.Text>
+                                <react_native_1.Text style={styles.title}>{item.groupCategoryName}</react_native_1.Text>
+                            </react_native_1.View>} onPress={() => handleGroupCategory(item)} topSeparator="full"/>);
+        })}
+
+            {/*<ListRow title=*/}
+            {/*             {*/}
+            {/*                 <View style={styles.orgLine}>*/}
+            {/*                     <Text style={[styles.smallIcon]}>*/}
+            {/*                         <Icon name="ban-outlined" size={18} color='red' />*/}
+            {/*                     </Text>*/}
+            {/*                     <Text style={styles.title}>{t('myOrg')}</Text>*/}
+            {/*                 </View>*/}
+            {/*             }*/}
+            {/*    onPress={*/}
+            {/*        () => {*/}
+            {/*            navigation.navigate('Organization', {compName: compName, currentOrgId: user.userGroupId})*/}
+            {/*        }*/}
+            {/*    }*/}
+            {/*    bottomSeparator='full'/>*/}
+
+            <react_native_1.View style={{ height: 15 }}/>
+        </rn_ui_1.NavigationPage>);
+};
+const styles = react_native_1.StyleSheet.create({
+    orgInfo: {
+        paddingTop: 20,
+        backgroundColor: '#f1f1f1',
+        textAlignVertical: 'center',
+    },
+    orgLine: {
+        width: (0, rn_ui_1.dp)(350),
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    orgLinBorder: {
+        borderColor: '#f1f1f1',
+        borderTopWidth: 1,
+    },
+    compName: {
+        width: (0, rn_ui_1.dp)(305),
+        fontSize: 16,
+        fontWeight: '500',
+        textAlignVertical: 'center',
+        marginLeft: 10,
+    },
+    iconView: {
+        width: 30,
+        height: 30,
+        borderRadius: 3,
+        // backgroundColor: Theme.primaryColorThin
+    },
+    icon: {
+        lineHeight: 30,
+        textAlign: 'center',
+    },
+    smallIcon: {
+        width: 30,
+        height: 30,
+        lineHeight: 30,
+        textAlign: 'center',
+        textAlignVertical: 'center',
+    },
+    title: {
+        marginLeft: 10,
+        textAlignVertical: 'center',
+        fontSize: 16,
+    },
+});
+exports.default = AddressList;

package/dist/pages/address-list/CardInfo.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+type ICardInfo = {
+    children: React.ReactNode;
+    style?: any;
+};
+type ILineProps = {
+    children: React.ReactNode;
+    style?: any;
+    onPress?: () => void;
+    onLongPress?: () => void;
+    hasRightIcon?: boolean;
+};
+export declare const CardInfo: (props: ICardInfo) => React.JSX.Element;
+export declare const Line: (props: ILineProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Line = exports.CardInfo = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const CardInfo = (props) => {
+    const { children, style } = props;
+    return <react_native_1.View style={[styles.cardInfo, style]}>{children}</react_native_1.View>;
+};
+exports.CardInfo = CardInfo;
+const Line = (props) => {
+    const { children, style, onPress, onLongPress } = props;
+    if (onPress || onLongPress) {
+        return (<react_native_1.TouchableHighlight style={[style, { borderTopWidth: 0 }]} onLongPress={onLongPress} onPress={onPress}>
+                <react_native_1.View style={[styles.line, style]}>{children}</react_native_1.View>
+            </react_native_1.TouchableHighlight>);
+    }
+    return <react_native_1.View style={[styles.line, style]}>{children}</react_native_1.View>;
+};
+exports.Line = Line;
+const styles = react_native_1.StyleSheet.create({
+    cardInfo: {
+        marginTop: 10,
+    },
+    line: {
+        padding: 10,
+        backgroundColor: '#fff',
+        flexDirection: 'row',
+        alignItems: 'center',
+        position: 'relative',
+    },
+    rightIcon: {
+        width: 40,
+        textAlign: 'center',
+        textAlignVertical: 'center',
+        position: 'absolute',
+        right: 0,
+    },
+});

package/dist/pages/address-list/ChooseContact.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { NativeStackScreenProps } from '@react-navigation/native-stack';
+import { IMPageParamList } from '../types';
+type ChooseContactProps = NativeStackScreenProps<IMPageParamList, 'ChooseContact'>;
+declare const ChooseContact: React.FC<ChooseContactProps>;
+export default ChooseContact;