@smart-link/rn-im 1.0.23 → 1.0.24

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

@@ -1,49 +1,43 @@
-"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 = [
+import List from './List';
+import Setting from './setting/Setting';
+import SettingChatBg from './setting/SettingChatBg';
+import ForwardToConversation from './ForwardToConversation';
+import OptionGroupNameOrNoticeEdit from './setting/OptionGroupNameOrNoticeEdit';
+import OptionGroupManage from './setting/OptionGroupManage';
+import GroupTransfer from './setting/GroupTransfer';
+import OptionGroupMoreMember from "./setting/OptionGroupMoreMember";
+export const conversationRoutes = [
     {
         name: 'ConversationList',
-        component: List_1.default,
+        component: List,
         options: {
             title: '',
         }
     },
     {
         name: 'ConversationSetting',
-        component: Setting_1.default,
+        component: Setting,
         options: {
             title: '',
         }
     },
     {
         name: 'OptionGroupNameOrNoticeEdit',
-        component: OptionGroupNameOrNoticeEdit_1.default,
+        component: OptionGroupNameOrNoticeEdit,
         options: {
             title: '',
         }
     },
     {
         name: 'OptionGroupManage',
-        component: OptionGroupManage_1.default,
+        component: OptionGroupManage,
         options: {
             title: '',
         }
     },
     {
         name: 'ForwardToConversation',
-        component: ForwardToConversation_1.default,
+        component: ForwardToConversation,
         options: {
             animation: 'fade_from_bottom',
             title: '',
@@ -51,14 +45,14 @@ exports.conversationRoutes = [
     },
     {
         name: 'SettingChatBg',
-        component: SettingChatBg_1.default,
+        component: SettingChatBg,
         options: {
             title: '',
         }
     },
     {
         name: 'GroupTransfer',
-        component: GroupTransfer_1.default,
+        component: GroupTransfer,
         options: {
             title: '',
             animation: 'fade_from_bottom',
@@ -66,7 +60,7 @@ exports.conversationRoutes = [
     },
     {
         name: 'OptionGroupMoreMember',
-        component: OptionGroupMoreMember_1.default,
+        component: OptionGroupMoreMember,
         options: {
             title: '',
         }

package/dist/pages/conversation/setting/GroupTransfer.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,57 +7,53 @@ 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 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");
+import ChatAvatar from '../../../components/ChatAvatar/ChatAvatar';
+import { useConversation } from '../../../hooks/useImSelector';
+import useTranslation from '../../../hooks/useTranslation';
+import { getImManager } from '../../../init';
+import { ConversationActions } from '@smart-link/im-base';
+import { Checkbox, ListRow, NavigationPage, SearchInput } from '@smart-link/rn-ui';
+import React, { useEffect, useMemo, useState } from 'react';
+import { View, StyleSheet, FlatList, Text, TouchableOpacity } from 'react-native';
 const GroupTransfer = ({ navigation }) => {
-    const { t } = (0, useTranslation_1.default)();
-    const { allMembers } = (0, useImSelector_1.useConversation)();
-    const [checkedMember, setCheckedMember] = (0, react_1.useState)(null);
-    const [keyword, setKeyword] = (0, react_1.useState)('');
-    const list = (0, react_1.useMemo)(() => {
+    const { t } = useTranslation();
+    const { allMembers } = useConversation();
+    const [checkedMember, setCheckedMember] = useState(null);
+    const [keyword, setKeyword] = useState('');
+    const list = useMemo(() => {
         return allMembers === null || allMembers === void 0 ? void 0 : allMembers.filter(item => item.memberLevel !== 'owner');
     }, [allMembers]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         navigation.setOptions({
             title: t('chooseNewOwner'),
             headerRight: ({ tintColor }) => {
-                return (<react_native_1.TouchableOpacity disabled={!checkedMember} onPress={() => __awaiter(void 0, void 0, void 0, function* () {
+                return (<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));
+                            const imManager = getImManager();
+                            yield imManager.store.dispatch(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>);
+                        <Text style={{ color: tintColor }}>{t('confirm')}</Text>
+                    </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>
+    return (<NavigationPage noPadding>
+            <View style={{ margin: 10 }}>
+                <SearchInput value={keyword} onChange={text => setKeyword(text)} style={{ height: 40 }}/>
+            </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={() => {
+            <FlatList data={list} renderItem={({ item }) => {
+            return (<ListRow title={<View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                                    <Checkbox checked={(checkedMember === null || checkedMember === void 0 ? void 0 : checkedMember.userId) === item.userId} style={{ pointerEvents: 'none', width: 40, marginRight: 10 }}/>
+                                    <ChatAvatar disabled id={item.userId} name={item.memberName} url={item.memberAvatars}/>
+                                    <Text style={{ marginLeft: 10, fontSize: 16, color: '#333' }}>{item.memberName}</Text>
+                                </View>} onPress={() => {
                     setCheckedMember(item);
                 }} accessory="none"/>);
         }} keyExtractor={item => item.userId}/>
-        </rn_ui_1.NavigationPage>);
+        </NavigationPage>);
 };
-const styles = react_native_1.StyleSheet.create({});
-exports.default = GroupTransfer;
+const styles = StyleSheet.create({});
+export default GroupTransfer;

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

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

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

@@ -1,49 +1,21 @@
-"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 => {
+import React, { memo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { dp, Button, } from '@smart-link/rn-ui';
+import useTranslation from "../../../hooks/useTranslation";
+const OptionCancelGroup = 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 { t } = useTranslation();
+    return (<View style={styles.cancelGroup}>
+            <Button type="primary" size="m" onPress={leaveGroup} textStyle={styles.cancelGroupBt}>{t('deleteAndLeave')}</Button>
+        </View>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     cancelGroup: {
-        padding: (0, rn_ui_1.dp)(25),
+        padding: dp(25),
     },
     cancelGroupBt: {
-        paddingVertical: (0, rn_ui_1.dp)(4),
-        fontSize: (0, rn_ui_1.dp)(16),
+        paddingVertical: dp(4),
+        fontSize: dp(16),
     }
 });
-exports.default = OptionCancelGroup;
+export default OptionCancelGroup;

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

@@ -1,50 +1,22 @@
-"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 => {
+import React, { memo, useCallback } from 'react';
+import { Switch, View } from 'react-native';
+import { ListRow, Space } from '@smart-link/rn-ui';
+import useTranslation from '../../../hooks/useTranslation';
+const OptionConversation = 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) => {
+    const { t } = useTranslation();
+    const onChangeEnableNoDisturb = useCallback((value) => {
         settingEnableNoDisturb && settingEnableNoDisturb(value ? 'on' : 'off');
     }, []);
-    const onChangeEnableTop = (0, react_1.useCallback)((value) => {
+    const onChangeEnableTop = useCallback((value) => {
         settingEnableTop && settingEnableTop(value ? 'on' : 'off');
     }, []);
-    return (<react_native_1.View style={style}>
+    return (<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('searchChatRecords')} onPress={toSearchMessage}/>
+                    <ListRow title={t('filesAndPicturesAndLinks')} onPress={toSearchManagePage} topSeparator='full' bottomSeparator='full'/>
                     {/*<ListRow title={t('fileManager')}*/}
                     {/*         onPress={toSearchFile}*/}
                     {/*         topSeparator={'full'}*/}
@@ -53,19 +25,19 @@ const OptionConversation = (0, react_1.memo)(props => {
                     {/*         topSeparator={'full'}*/}
                     {/*         onPress={toSearchPicture}*/}
                     {/*/>*/}
-                    <rn_ui_1.Space size='m'/>
+                    <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}/>}/>
+            <ListRow title={t('enableNoDisturb')} detail={<Switch value={enableNoDisturb === 'on'} onValueChange={onChangeEnableNoDisturb}/>} bottomSeparator='full'/>
+            <ListRow title={t('enableTop')} detail={<Switch value={enableTop === 'on'} onValueChange={onChangeEnableTop}/>}/>
             {showBackgroundSetting &&
             <>
-                    <rn_ui_1.Space size='m'/>
-                    <rn_ui_1.ListRow title={t('setCurrentChatBackground')} onPress={toImageBackground}/>
+                    <Space size='m'/>
+                    <ListRow title={t('setCurrentChatBackground')} onPress={toImageBackground}/>
                 </>}
-            <rn_ui_1.Space size='m'/>
-            <rn_ui_1.ListRow title={t('clearChatRecords')} onPress={() => {
+            <Space size='m'/>
+            <ListRow title={t('clearChatRecords')} onPress={() => {
             clearMessage && clearMessage();
         }} accessory={'none'}/>
-        </react_native_1.View>);
+        </View>);
 });
-exports.default = OptionConversation;
+export default OptionConversation;