@smart-link/rn-im 1.0.23 → 1.0.24

package/dist/pages/conversation/setting/OptionGroup.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 __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) {
@@ -31,46 +7,42 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 => {
+import React, { memo, useCallback } from 'react';
+import { Text, View, StyleSheet } from 'react-native';
+import { dp, ListRow } from '@smart-link/rn-ui';
+import { ConversationType, MemberLevel } from "@smart-link/im-base";
+import useTranslation from "../../../hooks/useTranslation";
+import ChatAvatar from '../../../components/ChatAvatar/ChatAvatar';
+const { OWNER, MGR, MEMBER, } = MemberLevel;
+const OptionGroup = memo(props => {
     const { id, name, avatars, notice, memberLevel = MEMBER, enableInviteValidate, toEditGroupAvatars, toEditGroupName, toEditGroupNotice, toGroupMgr, style } = props;
-    const { t } = (0, useTranslation_1.default)();
+    const { t } = useTranslation();
     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* () {
+    const updateRemote = 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}>
+    return (<View style={style}>
+            <ListRow title={t('groupAvatars')} detail={<ChatAvatar size={dp(40)} id={id} url={avatars} name={name} type={ConversationType.C2G} editable={(memberLevel === OWNER || memberLevel === MGR)} disabled={!(memberLevel === OWNER || memberLevel === MGR)}/>}/>
+            <ListRow title={t('groupChatName')} detail={name} onPress={toEditGroupName} topSeparator='full'/>
+            <ListRow title={t('groupNotice')} titlePlace={notice ? 'top' : 'left'} detail={<Text numberOfLines={6} ellipsizeMode={'tail'} style={styles.noticeText}>
                         {notice || t('unSetting')}
-                    </react_native_1.Text>} topSeparator='full' onPress={toEditGroupNotice}/>
+                    </Text>} topSeparator='full' onPress={toEditGroupNotice}/>
             {/*<ListRow*/}
             {/*    title={t('groupMgr')}*/}
             {/*    onPress={onPressGroupMgr}*/}
             {/*    detail={inviteValidateInfo}*/}
             {/*    topSeparator='full'*/}
             {/*/>*/}
-        </react_native_1.View>);
+        </View>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     noticeText: {
-        marginVertical: (0, rn_ui_1.dp)(5),
-        fontSize: (0, rn_ui_1.dp)(12),
+        marginVertical: dp(5),
+        fontSize: dp(12),
         color: '#888888'
     }
 });
-exports.default = OptionGroup;
+export default OptionGroup;

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

@@ -1,59 +1,31 @@
-"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 useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const rn_ui_1 = require("@smart-link/rn-ui");
-const useImSelector_1 = require("../../../hooks/useImSelector");
-const init_1 = require("../../../init");
-const im_base_1 = require("@smart-link/im-base");
-const OptionGroupManage = (0, react_1.memo)(props => {
+import React, { memo, useCallback, useEffect } from 'react';
+import { ScrollView, Switch } from 'react-native';
+import useTranslation from "../../../hooks/useTranslation";
+import { ListRow, NavigationPage, Space } from "@smart-link/rn-ui";
+import { useConversation } from '../../../hooks/useImSelector';
+import { getImManager } from '../../../init';
+import { SettingActions } from '@smart-link/im-base';
+const OptionGroupManage = memo(props => {
     const { navigation, } = props;
-    const imManager = (0, init_1.getImManager)();
-    const { t } = (0, useTranslation_1.default)();
-    const { currentConversation } = (0, useImSelector_1.useConversation)();
+    const imManager = getImManager();
+    const { t } = useTranslation();
+    const { currentConversation } = useConversation();
     if (!currentConversation) {
         return null;
     }
     const { enableInviteValidate = 'off' } = currentConversation;
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         navigation.setOptions({
             title: t('groupMgr')
         });
     }, [navigation]);
-    const onValueChange = (0, react_1.useCallback)((value) => {
-        imManager.store.dispatch(im_base_1.SettingActions.settingEnableInviteValidate(value ? 'on' : 'off'));
+    const onValueChange = useCallback((value) => {
+        imManager.store.dispatch(SettingActions.settingEnableInviteValidate(value ? 'on' : 'off'));
     }, []);
-    return (<rn_ui_1.NavigationPage scroll noPadding>
-            <react_native_1.ScrollView>
-                <rn_ui_1.Space size={'m'}/>
-                <rn_ui_1.ListRow title={t('groupInviteValid')} detail={<react_native_1.Switch value={enableInviteValidate === 'on'} onValueChange={onValueChange}/>} topSeparator='full' bottomSeparator='full'/>
+    return (<NavigationPage scroll noPadding>
+            <ScrollView>
+                <Space size={'m'}/>
+                <ListRow title={t('groupInviteValid')} detail={<Switch value={enableInviteValidate === 'on'} onValueChange={onValueChange}/>} topSeparator='full' bottomSeparator='full'/>
                 {/*<Space size={'m'} />*/}
                 {/*<ListRow title={t('groupTransfer')}*/}
                 {/*         onPress={() => {*/}
@@ -62,7 +34,7 @@ const OptionGroupManage = (0, react_1.memo)(props => {
                 {/*         topSeparator='full'*/}
                 {/*         bottomSeparator='full'*/}
                 {/*/>*/}
-            </react_native_1.ScrollView>
-        </rn_ui_1.NavigationPage>);
+            </ScrollView>
+        </NavigationPage>);
 });
-exports.default = OptionGroupManage;
+export default OptionGroupManage;

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

@@ -1,37 +1,32 @@
-"use strict";
-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 useImSelector_1 = require("../../../hooks/useImSelector");
-const react_1 = require("react");
-const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const react_native_1 = require("react-native");
-const ChatAvatar_1 = __importDefault(require("../../../components/ChatAvatar"));
-const default_assets_1 = require("../../../default-assets");
-const im_base_1 = require("@smart-link/im-base");
-const styles_1 = require("../../../components/styles");
-const { OWNER, MGR, } = im_base_1.MemberLevel;
+import { NavigationPage, SearchInput, dp, useNavigation } from "@smart-link/rn-ui";
+import { useChatGroup, useConversation } from "../../../hooks/useImSelector";
+import { useEffect, useMemo, useState } from "react";
+import useTranslation from "../../../hooks/useTranslation";
+import { StyleSheet, View, Text, TouchableOpacity, Image, FlatList } from 'react-native';
+import ChatAvatar from "../../../components/ChatAvatar";
+import { defaultAvatars } from '../../../default-assets';
+import { MemberLevel } from "@smart-link/im-base";
+import { shadowStyle } from "../../../components/styles";
+const { OWNER, MGR, } = MemberLevel;
 const OptionGroupMoreMember = (props) => {
-    const { groupDetail } = (0, useImSelector_1.useChatGroup)();
+    const { groupDetail } = useChatGroup();
     const { memberTotalCount } = groupDetail;
-    const { allMembers } = (0, useImSelector_1.useConversation)();
-    const [keyword, setKeyword] = (0, react_1.useState)('');
-    const { t } = (0, useTranslation_1.default)();
-    const navigation = (0, rn_ui_1.useNavigation)();
-    (0, react_1.useEffect)(() => {
+    const { allMembers } = useConversation();
+    const [keyword, setKeyword] = useState('');
+    const { t } = useTranslation();
+    const navigation = useNavigation();
+    useEffect(() => {
         navigation.setOptions({
             title: t('groupChatMember') + '(' + memberTotalCount + ')',
         });
     }, [t, navigation, memberTotalCount]);
-    const listLineComponent = allMembers.length === 0 ? null : <react_native_1.View style={styles.listLine}/>;
-    const itemSeparatorComponent = () => <react_native_1.View style={[styles.separator]}/>;
+    const listLineComponent = allMembers.length === 0 ? null : <View style={styles.listLine}/>;
+    const itemSeparatorComponent = () => <View style={[styles.separator]}/>;
     const keyExtractor = (member) => member.userId;
     const renderItem = ({ item }) => {
         const { userId, chatGroupId, memberName, memberLevel, } = item;
-        const adminSource = memberLevel === OWNER ? default_assets_1.defaultAvatars.GROUP_OWNER : memberLevel === MGR ? default_assets_1.defaultAvatars.GROUP_MGR : null;
-        return (<react_native_1.TouchableOpacity activeOpacity={0.5} style={styles.row} onPress={() => {
+        const adminSource = memberLevel === OWNER ? defaultAvatars.GROUP_OWNER : memberLevel === MGR ? defaultAvatars.GROUP_MGR : null;
+        return (<TouchableOpacity activeOpacity={0.5} style={styles.row} onPress={() => {
                 // onPressUserAvatars && onPressUserAvatars(userId)
                 navigation.navigate('UserDetail', {
                     userId: userId,
@@ -52,16 +47,16 @@ const OptionGroupMoreMember = (props) => {
                 //     memberLevel,
                 // })
             }}>
-                <ChatAvatar_1.default id={userId} disabled size={(0, rn_ui_1.dp)(40)} name={memberName}/>
-                <react_native_1.View style={styles.w15}/>
-                <react_native_1.View>
-                    <react_native_1.Text style={styles.userName} numberOfLines={1}>{memberName}</react_native_1.Text>
-                </react_native_1.View>
+                <ChatAvatar id={userId} disabled size={dp(40)} name={memberName}/>
+                <View style={styles.w15}/>
+                <View>
+                    <Text style={styles.userName} numberOfLines={1}>{memberName}</Text>
+                </View>
                 {adminSource &&
-                <react_native_1.Image source={adminSource} style={styles.admin} resizeMode={'contain'}/>}
-            </react_native_1.TouchableOpacity>);
+                <Image source={adminSource} style={styles.admin} resizeMode={'contain'}/>}
+            </TouchableOpacity>);
     };
-    const list = (0, react_1.useMemo)(() => {
+    const list = useMemo(() => {
         const allMembersData = allMembers.filter((item) => {
             if (keyword) {
                 return item.memberName.indexOf(keyword) > -1;
@@ -80,14 +75,14 @@ const OptionGroupMoreMember = (props) => {
         }
         return dealData;
     }, [allMembers, keyword]);
-    return (<rn_ui_1.NavigationPage noPadding>
-            <rn_ui_1.SearchInput value={keyword} onChange={(txt) => {
+    return (<NavigationPage noPadding>
+            <SearchInput value={keyword} onChange={(txt) => {
             setKeyword(txt);
         }}/>
-            <react_native_1.FlatList contentContainerStyle={styles.list} ItemSeparatorComponent={itemSeparatorComponent} ListHeaderComponent={listLineComponent} ListFooterComponent={listLineComponent} numColumns={1} initialNumToRender={15} data={list} keyboardShouldPersistTaps={'handled'} keyExtractor={keyExtractor} renderItem={renderItem}/>
-        </rn_ui_1.NavigationPage>);
+            <FlatList contentContainerStyle={styles.list} ItemSeparatorComponent={itemSeparatorComponent} ListHeaderComponent={listLineComponent} ListFooterComponent={listLineComponent} numColumns={1} initialNumToRender={15} data={list} keyboardShouldPersistTaps={'handled'} keyExtractor={keyExtractor} renderItem={renderItem}/>
+        </NavigationPage>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     moreMember: {
         backgroundColor: '#fff',
         flex: 1
@@ -96,41 +91,41 @@ const styles = react_native_1.StyleSheet.create({
         backgroundColor: '#fff',
         borderColor: '#eeeeee'
     },
-    search: Object.assign({ backgroundColor: '#eee' }, styles_1.shadowStyle),
+    search: Object.assign({ backgroundColor: '#eee' }, shadowStyle),
     heightSpace: {
-        height: (0, rn_ui_1.dp)(5)
+        height: dp(5)
     },
     row: {
-        paddingHorizontal: (0, rn_ui_1.dp)(15),
+        paddingHorizontal: dp(15),
         flexDirection: 'row',
         alignItems: 'center',
-        height: (0, rn_ui_1.dp)(50)
+        height: dp(50)
     },
     listLine: {
         marginVertical: 5,
-        height: (0, rn_ui_1.dp)(1),
+        height: dp(1),
         backgroundColor: '#ececec'
     },
     separator: {
-        marginLeft: (0, rn_ui_1.dp)(75),
-        marginVertical: (0, rn_ui_1.dp)(5),
-        height: (0, rn_ui_1.dp)(1),
+        marginLeft: dp(75),
+        marginVertical: dp(5),
+        height: dp(1),
         backgroundColor: '#ececec'
     },
     w15: {
-        width: (0, rn_ui_1.dp)(15),
+        width: dp(15),
     },
     admin: {
-        height: (0, rn_ui_1.dp)(18),
-        width: (0, rn_ui_1.dp)(18),
+        height: dp(18),
+        width: dp(18),
         right: (15),
         position: 'absolute',
     },
     userName: {
-        width: (0, rn_ui_1.dp)(230),
+        width: dp(230),
         color: '#333',
-        lineHeight: (0, rn_ui_1.dp)(20),
-        fontSize: (0, rn_ui_1.dp)(15),
+        lineHeight: dp(20),
+        fontSize: dp(15),
     },
 });
-exports.default = OptionGroupMoreMember;
+export default OptionGroupMoreMember;

package/dist/pages/conversation/setting/OptionGroupNameOrNoticeEdit.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 __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) {
@@ -31,60 +7,56 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const im_base_1 = require("@smart-link/im-base");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const useImSelector_1 = require("../../../hooks/useImSelector");
-const init_1 = require("../../../init");
-const { OWNER, MGR, MEMBER, } = im_base_1.MemberLevel;
-const OptionGroupNameEdit = (0, react_1.memo)(props => {
+import React, { memo, useEffect } from "react";
+import { ScrollView, View, Text, TextInput, Keyboard, StyleSheet, TouchableOpacity } from "react-native";
+import useTranslation from "../../../hooks/useTranslation";
+import { MemberLevel, SettingActions } from "@smart-link/im-base";
+import { dp, NavigationPage, Toast } from '@smart-link/rn-ui';
+import { useConversation, useSetting } from "../../../hooks/useImSelector";
+import { getImManager } from "../../../init";
+const { OWNER, MGR, MEMBER, } = MemberLevel;
+const OptionGroupNameEdit = memo(props => {
     const { type, memberLevel, groupNameEdit, groupNoticeEdit, setGroupNameEdit, setGroupNoticeEdit, } = props;
-    const { t } = (0, useTranslation_1.default)();
+    const { t } = useTranslation();
     console.log('OptionGroupNameEdit: ', props);
     // @ts-ignore
     const isOwner = memberLevel === OWNER || memberLevel === MGR;
     if (type === 'groupNotice') {
-        return <react_native_1.ScrollView contentContainerStyle={styles.noticeContentContainerStyle}>
-            <react_native_1.View style={styles.noticeInput}>
-                <react_native_1.TextInput style={styles.textInput} autoFocus={isOwner} value={groupNoticeEdit} maxLength={1000} multiline={true} editable={isOwner} underlineColorAndroid='transparent' onChangeText={setGroupNoticeEdit}/>
-            </react_native_1.View>
-        </react_native_1.ScrollView>;
+        return <ScrollView contentContainerStyle={styles.noticeContentContainerStyle}>
+            <View style={styles.noticeInput}>
+                <TextInput style={styles.textInput} autoFocus={isOwner} value={groupNoticeEdit} maxLength={1000} multiline={true} editable={isOwner} underlineColorAndroid='transparent' onChangeText={setGroupNoticeEdit}/>
+            </View>
+        </ScrollView>;
     }
     else {
-        return <react_native_1.ScrollView contentContainerStyle={styles.contentContainerStyle}>
-            <react_native_1.Text>{t('groupChatName')}:</react_native_1.Text>
-            <react_native_1.View style={styles.input}>
-                <react_native_1.TextInput autoFocus={isOwner} value={groupNameEdit} maxLength={120} editable={isOwner} returnKeyType={'done'} underlineColorAndroid='transparent' onChangeText={setGroupNameEdit} clearButtonMode={'while-editing'}/>
-            </react_native_1.View>
-        </react_native_1.ScrollView>;
+        return <ScrollView contentContainerStyle={styles.contentContainerStyle}>
+            <Text>{t('groupChatName')}:</Text>
+            <View style={styles.input}>
+                <TextInput autoFocus={isOwner} value={groupNameEdit} maxLength={120} editable={isOwner} returnKeyType={'done'} underlineColorAndroid='transparent' onChangeText={setGroupNameEdit} clearButtonMode={'while-editing'}/>
+            </View>
+        </ScrollView>;
     }
 });
-const OptionGroupNameOrNoticeEditPage = (0, react_1.memo)(props => {
+const OptionGroupNameOrNoticeEditPage = memo(props => {
     const { navigation, route: { params: { type } } } = props;
-    const { t } = (0, useTranslation_1.default)();
-    const { currentConversation } = (0, useImSelector_1.useConversation)();
-    const { groupNameEdit, groupNoticeEdit } = (0, useImSelector_1.useSetting)();
-    const imManager = (0, init_1.getImManager)();
+    const { t } = useTranslation();
+    const { currentConversation } = useConversation();
+    const { groupNameEdit, groupNoticeEdit } = useSetting();
+    const imManager = getImManager();
     console.log('OptionGroupNameOrNoticeEditPage', groupNameEdit, groupNoticeEdit);
     if (!currentConversation) {
         return null;
     }
     const isEditGroupName = type === 'groupName';
     const setGroupNameEdit = (value) => {
-        imManager.store.dispatch(im_base_1.SettingActions.setGroupNameEdit(value));
+        imManager.store.dispatch(SettingActions.setGroupNameEdit(value));
     };
     const setGroupNoticeEdit = (value) => {
-        imManager.store.dispatch(im_base_1.SettingActions.setGroupNoticeEdit(value));
+        imManager.store.dispatch(SettingActions.setGroupNoticeEdit(value));
     };
     const { memberLevel } = currentConversation;
     // console.log('OptionGroupNameOrNoticeEditPage', currentConversation, memberLevel)
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (isEditGroupName) {
             setGroupNameEdit(currentConversation.name);
         }
@@ -93,44 +65,44 @@ const OptionGroupNameOrNoticeEditPage = (0, react_1.memo)(props => {
         }
         const confirm = () => __awaiter(void 0, void 0, void 0, function* () {
             if (isEditGroupName) {
-                const toast = rn_ui_1.Toast.loading();
-                yield imManager.store.dispatch(im_base_1.SettingActions.updateChatGroupName(imManager));
+                const toast = Toast.loading();
+                yield imManager.store.dispatch(SettingActions.updateChatGroupName(imManager));
                 toast.close();
             }
             else {
-                const toast = rn_ui_1.Toast.loading();
-                yield imManager.store.dispatch(im_base_1.SettingActions.updateChatGroupNotice());
+                const toast = Toast.loading();
+                yield imManager.store.dispatch(SettingActions.updateChatGroupNotice());
                 toast.close();
             }
-            react_native_1.Keyboard.dismiss();
+            Keyboard.dismiss();
             navigation.pop();
         });
         navigation.setOptions({
             title: isEditGroupName ? t('groupChatName') : t('groupNotice'),
-            headerRight: (memberLevel === MGR || memberLevel === OWNER) ? () => <react_native_1.TouchableOpacity style={{
+            headerRight: (memberLevel === MGR || memberLevel === OWNER) ? () => <TouchableOpacity style={{
                     flexDirection: 'row',
                     alignItems: 'center',
-                    padding: (0, rn_ui_1.dp)(8),
+                    padding: dp(8),
                 }} onPress={confirm}>
-                <react_native_1.Text style={{ color: '#fff', fontSize: (0, rn_ui_1.dp)(14) }}>{t('confirm')}</react_native_1.Text>
-            </react_native_1.TouchableOpacity> : undefined
+                <Text style={{ color: '#fff', fontSize: dp(14) }}>{t('confirm')}</Text>
+            </TouchableOpacity> : undefined
         });
     }, [navigation, currentConversation, type, memberLevel]);
-    return (<rn_ui_1.NavigationPage noPadding>
+    return (<NavigationPage noPadding>
             <OptionGroupNameEdit type={type} setGroupNameEdit={setGroupNameEdit} setGroupNoticeEdit={setGroupNoticeEdit} groupNameEdit={groupNameEdit} groupNoticeEdit={groupNoticeEdit} memberLevel={memberLevel}/>
-        </rn_ui_1.NavigationPage>);
+        </NavigationPage>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     contentContainerStyle: {
-        padding: (0, rn_ui_1.dp)(15)
+        padding: dp(15)
     },
     input: {
-        marginTop: (0, rn_ui_1.dp)(10),
-        padding: (0, rn_ui_1.dp)(8),
+        marginTop: dp(10),
+        padding: dp(8),
         backgroundColor: '#fff',
     },
     noticeContentContainerStyle: {
-        margin: (0, rn_ui_1.dp)(15)
+        margin: dp(15)
     },
     noticeInput: {
         flex: 1,
@@ -139,11 +111,11 @@ const styles = react_native_1.StyleSheet.create({
     textInput: {
         flex: 1,
         padding: 10,
-        fontSize: (0, rn_ui_1.dp)(16),
-        minHeight: (0, rn_ui_1.dp)(400),
-        lineHeight: (0, rn_ui_1.dp)(20),
+        fontSize: dp(16),
+        minHeight: dp(400),
+        lineHeight: dp(20),
         textAlignVertical: 'top',
         color: '#000',
     }
 });
-exports.default = OptionGroupNameOrNoticeEditPage;
+export default OptionGroupNameOrNoticeEditPage;