@smart-link/rn-im 1.0.1

package/dist/pages/conversation/conversation.routes.js

@@ -0,0 +1,74 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.conversationRoutes = void 0;
+const List_1 = __importDefault(require("./List"));
+const Setting_1 = __importDefault(require("./setting/Setting"));
+const SettingChatBg_1 = __importDefault(require("./setting/SettingChatBg"));
+const ForwardToConversation_1 = __importDefault(require("./ForwardToConversation"));
+const OptionGroupNameOrNoticeEdit_1 = __importDefault(require("./setting/OptionGroupNameOrNoticeEdit"));
+const OptionGroupManage_1 = __importDefault(require("./setting/OptionGroupManage"));
+const GroupTransfer_1 = __importDefault(require("./setting/GroupTransfer"));
+const OptionGroupMoreMember_1 = __importDefault(require("../../pages/conversation/setting/OptionGroupMoreMember"));
+exports.conversationRoutes = [
+    {
+        name: 'ConversationList',
+        component: List_1.default,
+        options: {
+            title: '',
+        }
+    },
+    {
+        name: 'ConversationSetting',
+        component: Setting_1.default,
+        options: {
+            title: '',
+        }
+    },
+    {
+        name: 'OptionGroupNameOrNoticeEdit',
+        component: OptionGroupNameOrNoticeEdit_1.default,
+        options: {
+            title: '',
+        }
+    },
+    {
+        name: 'OptionGroupManage',
+        component: OptionGroupManage_1.default,
+        options: {
+            title: '',
+        }
+    },
+    {
+        name: 'ForwardToConversation',
+        component: ForwardToConversation_1.default,
+        options: {
+            animation: 'fade_from_bottom',
+            title: '',
+        },
+    },
+    {
+        name: 'SettingChatBg',
+        component: SettingChatBg_1.default,
+        options: {
+            title: '',
+        }
+    },
+    {
+        name: 'GroupTransfer',
+        component: GroupTransfer_1.default,
+        options: {
+            title: '',
+            animation: 'fade_from_bottom',
+        }
+    },
+    {
+        name: 'OptionGroupMoreMember',
+        component: OptionGroupMoreMember_1.default,
+        options: {
+            title: '',
+        }
+    },
+];

package/dist/pages/conversation/setting/GroupTransfer.d.ts

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

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

@@ -0,0 +1,88 @@
+"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 ChatAvatar_1 = __importDefault(require("../../../components/ChatAvatar/ChatAvatar"));
+const useImSelector_1 = require("../../../hooks/useImSelector");
+const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
+const init_1 = require("../../../init");
+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 GroupTransfer = ({ navigation }) => {
+    const { t } = (0, useTranslation_1.default)();
+    const { groupDetail } = (0, useImSelector_1.useChatGroup)();
+    const { groupMemberList } = groupDetail;
+    const [checkedMember, setCheckedMember] = (0, react_1.useState)(null);
+    const [keyword, setKeyword] = (0, react_1.useState)('');
+    const list = (0, react_1.useMemo)(() => {
+        return groupMemberList === null || groupMemberList === void 0 ? void 0 : groupMemberList.filter(item => item.memberLevel !== 'owner');
+    }, [groupMemberList]);
+    (0, react_1.useEffect)(() => {
+        navigation.setOptions({
+            title: t('chooseNewOwner'),
+            headerRight: ({ tintColor }) => {
+                return (<react_native_1.TouchableOpacity disabled={!checkedMember} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
+                        if (checkedMember) {
+                            const imManager = (0, init_1.getImManager)();
+                            yield imManager.store.dispatch(im_base_1.ConversationActions.groupTransfer(imManager, checkedMember));
+                            navigation.goBack();
+                        }
+                    })} style={{ marginRight: 10 }}>
+                        <react_native_1.Text style={{ color: tintColor }}>{t('confirm')}</react_native_1.Text>
+                    </react_native_1.TouchableOpacity>);
+            },
+        });
+    }, [navigation, t, checkedMember]);
+    return (<rn_ui_1.NavigationPage noPadding>
+            <react_native_1.View style={{ margin: 10 }}>
+                <rn_ui_1.SearchInput value={keyword} onChange={text => setKeyword(text)} style={{ height: 40 }}/>
+            </react_native_1.View>
+
+            <react_native_1.FlatList data={list} renderItem={({ item }) => {
+            return (<rn_ui_1.ListRow title={<react_native_1.View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                                    <rn_ui_1.Checkbox checked={(checkedMember === null || checkedMember === void 0 ? void 0 : checkedMember.userId) === item.userId} style={{ pointerEvents: 'none', width: 40, marginRight: 10 }}/>
+                                    <ChatAvatar_1.default disabled id={item.userId} name={item.memberName} url={item.memberAvatars}/>
+                                    <react_native_1.Text style={{ marginLeft: 10, fontSize: 16, color: '#333' }}>{item.memberName}</react_native_1.Text>
+                                </react_native_1.View>} onPress={() => {
+                    setCheckedMember(item);
+                }} accessory="none"/>);
+        }} keyExtractor={item => item.userId}/>
+        </rn_ui_1.NavigationPage>);
+};
+const styles = react_native_1.StyleSheet.create({});
+exports.default = GroupTransfer;

package/dist/pages/conversation/setting/OptionAvatars.d.ts

@@ -0,0 +1,22 @@
+import { MemberLevel } from '@smart-link/im-base';
+import React from 'react';
+export interface OptionAvatarsProps {
+    list: {
+        userId: string;
+        userName: string;
+        avatars: string;
+        memberLevel?: MemberLevel;
+    }[];
+    showTitle?: boolean;
+    showAdd?: boolean;
+    showDelete?: boolean;
+    isMgr?: boolean;
+    showMore?: boolean;
+    memberTotalCount?: number;
+    removeUser?: () => void;
+    addUser?: () => void;
+    toMoreMember?: () => void;
+    style?: any;
+}
+declare const OptionAvatars: React.NamedExoticComponent<OptionAvatarsProps>;
+export default OptionAvatars;

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

@@ -0,0 +1,152 @@
+"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 im_base_1 = require("@smart-link/im-base");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const ChatAvatar_1 = __importDefault(require("../../../components/ChatAvatar/ChatAvatar"));
+const rn_ui_1 = require("@smart-link/rn-ui");
+const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
+const MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
+const default_assets_1 = require("../../../default-assets");
+const { OWNER, MGR } = im_base_1.MemberLevel;
+const { width } = react_native_1.Dimensions.get('window');
+const AvatarsItem = props => {
+    const { userId, userName, memberLevel } = props;
+    // console.log(props)
+    const adminSource = memberLevel === OWNER ? default_assets_1.defaultAvatars.GROUP_OWNER : memberLevel === MGR ? default_assets_1.defaultAvatars.GROUP_MGR : null;
+    return (<react_native_1.View style={styles.avatarsItem}>
+            {adminSource && <react_native_1.Image source={adminSource} style={styles.admin} resizeMode={'contain'}/>}
+
+            <ChatAvatar_1.default id={userId} name={userName} size={(0, rn_ui_1.dp)(45)}/>
+            <react_native_1.View style={styles.heightSpace}/>
+            <react_native_1.Text numberOfLines={1} style={styles.userName}>
+                {userName}
+            </react_native_1.Text>
+        </react_native_1.View>);
+};
+const OptionAvatars = (0, react_1.memo)(props => {
+    const { list = [], showTitle = false, showAdd, isMgr, showMore, memberTotalCount, removeUser, addUser, toMoreMember, style, } = props;
+    const { t } = (0, useTranslation_1.default)();
+    const theme = (0, rn_ui_1.useTheme)();
+    const subCount = isMgr ? 8 : 9;
+    // @ts-ignore
+    return (<react_native_1.View>
+            {showTitle && (<rn_ui_1.ListRow title={t('groupChatMember')} detail={'(' + (list.length || 0) + ')'} onPress={toMoreMember}/>)}
+
+            <react_native_1.View style={[
+            styles.avatarsList,
+            style,
+            { borderColor: theme.borderColor },
+            showTitle ? {} : { borderTopWidth: (0, rn_ui_1.px)(1) },
+        ]}>
+                {list.slice(0, subCount).map((item) => {
+            return <AvatarsItem key={item.userId} {...item}/>;
+        })}
+
+                {showAdd && (<react_native_1.TouchableOpacity style={[styles.avatarsItem, styles.optionItem]} onPress={addUser}>
+                        <MaterialIcons_1.default name="add" size={(0, rn_ui_1.dp)(28)}></MaterialIcons_1.default>
+                    </react_native_1.TouchableOpacity>)}
+
+                {isMgr && (<react_native_1.TouchableOpacity style={[styles.avatarsItem, styles.optionItem]} onPress={removeUser}>
+                        <MaterialIcons_1.default name="remove" size={(0, rn_ui_1.dp)(28)}></MaterialIcons_1.default>
+                    </react_native_1.TouchableOpacity>)}
+
+                {showMore && (<react_native_1.TouchableOpacity style={styles.showMore} onPress={toMoreMember}>
+                        <react_native_1.Text style={styles.showMoreText}>
+                            {t('viewMoreMember')}
+                            {'>'}
+                        </react_native_1.Text>
+                    </react_native_1.TouchableOpacity>)}
+
+                {!showMore && <react_native_1.View style={styles.notShowMore}/>}
+            </react_native_1.View>
+        </react_native_1.View>);
+});
+const styles = react_native_1.StyleSheet.create({
+    admin: {
+        height: (0, rn_ui_1.dp)(15),
+        width: (0, rn_ui_1.dp)(15),
+        bottom: (0, rn_ui_1.dp)(18),
+        right: -16,
+        position: 'absolute',
+    },
+    avatarsList: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        paddingHorizontal: (width - (0, rn_ui_1.dp)(42) * 5) / 12 - 0.01,
+        backgroundColor: '#fff',
+        paddingTop: (0, rn_ui_1.dp)(5),
+        borderBottomWidth: (0, rn_ui_1.px)(1),
+    },
+    avatarsItem: {
+        height: (0, rn_ui_1.dp)(60),
+        width: (0, rn_ui_1.dp)(42),
+        marginTop: (0, rn_ui_1.dp)(10),
+        marginHorizontal: (width - (0, rn_ui_1.dp)(42) * 5) / 12 - 0.01,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    userName: {
+        fontSize: (0, rn_ui_1.dp)(12),
+        color: '#4d4d4d',
+    },
+    optionItem: {
+        borderWidth: (0, rn_ui_1.dp)(1),
+        borderColor: '#ebebeb',
+        borderRadius: (0, rn_ui_1.dp)(3),
+        justifyContent: 'center',
+        alignItems: 'center',
+        height: (0, rn_ui_1.dp)(42),
+        width: (0, rn_ui_1.dp)(42),
+    },
+    option: {
+        height: (0, rn_ui_1.dp)(20),
+        width: (0, rn_ui_1.dp)(20),
+    },
+    showMore: {
+        width: width,
+        height: (0, rn_ui_1.dp)(46),
+        backgroundColor: '#ffffff',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    showMoreText: {
+        fontSize: (0, rn_ui_1.dp)(13),
+        lineHeight: (0, rn_ui_1.dp)(15),
+        color: '#999',
+    },
+    heightSpace: {
+        height: (0, rn_ui_1.dp)(3),
+    },
+    notShowMore: {
+        height: (0, rn_ui_1.dp)(15),
+        width: width,
+    },
+});
+exports.default = OptionAvatars;

package/dist/pages/conversation/setting/OptionCancelGroup.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IOptionCancelGroupProps {
+    leaveGroup: () => void;
+}
+declare const OptionCancelGroup: React.NamedExoticComponent<IOptionCancelGroupProps>;
+export default OptionCancelGroup;

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

@@ -0,0 +1,49 @@
+"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 useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
+const OptionCancelGroup = (0, react_1.memo)(props => {
+    const { leaveGroup } = props;
+    const { t } = (0, useTranslation_1.default)();
+    return (<react_native_1.View style={styles.cancelGroup}>
+            <rn_ui_1.Button type="primary" size="m" onPress={leaveGroup} textStyle={styles.cancelGroupBt}>{t('deleteAndLeave')}</rn_ui_1.Button>
+        </react_native_1.View>);
+});
+const styles = react_native_1.StyleSheet.create({
+    cancelGroup: {
+        padding: (0, rn_ui_1.dp)(25),
+    },
+    cancelGroupBt: {
+        paddingVertical: (0, rn_ui_1.dp)(4),
+        fontSize: (0, rn_ui_1.dp)(16),
+    }
+});
+exports.default = OptionCancelGroup;

package/dist/pages/conversation/setting/OptionConversation.d.ts

@@ -0,0 +1,19 @@
+import { ON_OFF } from '@smart-link/im-base';
+import React from 'react';
+export interface OptionConversationProps {
+    enableNoDisturb: ON_OFF;
+    enableTop: ON_OFF;
+    settingEnableNoDisturb?: (value: ON_OFF) => void;
+    settingEnableTop?: (value: ON_OFF) => void;
+    showSearch?: boolean;
+    showBackgroundSetting?: boolean;
+    toImageBackground?: () => void;
+    clearMessage?: () => void;
+    toSearchMessage?: () => void;
+    toSearchFile?: () => void;
+    toSearchPicture?: () => void;
+    toSearchManagePage?: () => void;
+    style?: any;
+}
+declare const OptionConversation: React.NamedExoticComponent<OptionConversationProps>;
+export default OptionConversation;

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

@@ -0,0 +1,71 @@
+"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 useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
+const OptionConversation = (0, react_1.memo)(props => {
+    const { enableNoDisturb, enableTop, settingEnableNoDisturb, settingEnableTop, showSearch = true, showBackgroundSetting, toImageBackground, clearMessage, toSearchMessage, toSearchFile, toSearchPicture, toSearchManagePage, style, } = props;
+    const { t } = (0, useTranslation_1.default)();
+    const onChangeEnableNoDisturb = (0, react_1.useCallback)((value) => {
+        settingEnableNoDisturb && settingEnableNoDisturb(value ? 'on' : 'off');
+    }, []);
+    const onChangeEnableTop = (0, react_1.useCallback)((value) => {
+        settingEnableTop && settingEnableTop(value ? 'on' : 'off');
+    }, []);
+    return (<react_native_1.View style={style}>
+
+            {showSearch &&
+            <>
+                    <rn_ui_1.ListRow title={t('searchChatRecords')} onPress={toSearchMessage}/>
+                    <rn_ui_1.ListRow title={t('filesAndPicturesAndLinks')} onPress={toSearchManagePage} topSeparator='full' bottomSeparator='full'/>
+                    {/*<ListRow title={t('fileManager')}*/}
+                    {/*         onPress={toSearchFile}*/}
+                    {/*         topSeparator={'full'}*/}
+                    {/*/>*/}
+                    {/*<ListRow title={t('pictureManager')}*/}
+                    {/*         topSeparator={'full'}*/}
+                    {/*         onPress={toSearchPicture}*/}
+                    {/*/>*/}
+                    <rn_ui_1.Space size='m'/>
+                </>}
+            <rn_ui_1.ListRow title={t('enableNoDisturb')} detail={<react_native_1.Switch value={enableNoDisturb === 'on'} onValueChange={onChangeEnableNoDisturb}/>} bottomSeparator='full'/>
+            <rn_ui_1.ListRow title={t('enableTop')} detail={<react_native_1.Switch value={enableTop === 'on'} onValueChange={onChangeEnableTop}/>}/>
+            {showBackgroundSetting &&
+            <>
+                    <rn_ui_1.Space size='m'/>
+                    <rn_ui_1.ListRow title={t('setCurrentChatBackground')} onPress={toImageBackground}/>
+                </>}
+            <rn_ui_1.Space size='m'/>
+            <rn_ui_1.ListRow title={t('clearChatRecords')} onPress={() => {
+            clearMessage && clearMessage();
+        }} accessory={'none'}/>
+        </react_native_1.View>);
+});
+exports.default = OptionConversation;

package/dist/pages/conversation/setting/OptionGroup.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { MemberLevel } from "@smart-link/im-base";
+import { ViewProps } from "react-native/Libraries/Components/View/ViewPropTypes";
+interface IOptionGroupProps extends ViewProps {
+    id: string;
+    name: string;
+    avatars: string;
+    notice: string;
+    memberLevel: MemberLevel;
+    enableInviteValidate: string;
+    toEditGroupAvatars?: (id: string, url: string) => void;
+    toEditGroupName?: () => void;
+    toEditGroupNotice?: () => void;
+    toGroupMgr?: () => void;
+}
+declare const OptionGroup: React.NamedExoticComponent<IOptionGroupProps>;
+export default OptionGroup;

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

@@ -0,0 +1,76 @@
+"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 react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const rn_ui_1 = require("@smart-link/rn-ui");
+const im_base_1 = require("@smart-link/im-base");
+const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
+const ChatAvatar_1 = __importDefault(require("../../../components/ChatAvatar/ChatAvatar"));
+const { OWNER, MGR, MEMBER, } = im_base_1.MemberLevel;
+const OptionGroup = (0, react_1.memo)(props => {
+    const { id, name, avatars, notice, memberLevel = MEMBER, enableInviteValidate, toEditGroupAvatars, toEditGroupName, toEditGroupNotice, toGroupMgr, style } = props;
+    const { t } = (0, useTranslation_1.default)();
+    const onPressGroupMgr = !(memberLevel === OWNER) ? null : () => {
+        toGroupMgr && toGroupMgr();
+    };
+    const inviteValidateInfo = enableInviteValidate === 'on' ? t('groupInviteValidateEnable') : t('groupInviteValidateDisable');
+    const updateRemote = (0, react_1.useCallback)((url) => __awaiter(void 0, void 0, void 0, function* () {
+        toEditGroupAvatars && toEditGroupAvatars(id, url);
+    }), []);
+    return (<react_native_1.View style={style}>
+            <rn_ui_1.ListRow title={t('groupAvatars')} detail={<ChatAvatar_1.default size={(0, rn_ui_1.dp)(40)} id={id} url={avatars} name={name} type={im_base_1.ConversationType.C2G} editable={(memberLevel === OWNER || memberLevel === MGR)} disabled={!(memberLevel === OWNER || memberLevel === MGR)}/>}/>
+            <rn_ui_1.ListRow title={t('groupChatName')} detail={name} onPress={toEditGroupName} topSeparator='full'/>
+            <rn_ui_1.ListRow title={t('groupNotice')} titlePlace={notice ? 'top' : 'left'} detail={<react_native_1.Text numberOfLines={6} ellipsizeMode={'tail'} style={styles.noticeText}>
+                        {notice || t('unSetting')}
+                    </react_native_1.Text>} topSeparator='full' onPress={toEditGroupNotice}/>
+            {/*<ListRow*/}
+            {/*    title={t('groupMgr')}*/}
+            {/*    onPress={onPressGroupMgr}*/}
+            {/*    detail={inviteValidateInfo}*/}
+            {/*    topSeparator='full'*/}
+            {/*/>*/}
+        </react_native_1.View>);
+});
+const styles = react_native_1.StyleSheet.create({
+    noticeText: {
+        marginVertical: (0, rn_ui_1.dp)(5),
+        fontSize: (0, rn_ui_1.dp)(12),
+        color: '#888888'
+    }
+});
+exports.default = OptionGroup;

package/dist/pages/conversation/setting/OptionGroupManage.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 OptionGroupManageProps = NativeStackScreenProps<IMPageParamList, 'OptionGroupManage'>;
+declare const OptionGroupManage: React.NamedExoticComponent<OptionGroupManageProps>;
+export default OptionGroupManage;