@smart-link/rn-im 1.0.23 → 1.0.24

package/dist/pages/conversation/List.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,59 +7,55 @@ 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 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 IndicatorText_1 = __importDefault(require("../../components/IndicatorText"));
-const NetworkUnconnected_1 = __importDefault(require("../../components/NetworkUnconnected"));
-const useImSelector_1 = require("../../hooks/useImSelector");
-const useTranslation_1 = __importDefault(require("../../hooks/useTranslation"));
-const init_1 = require("../../init");
-const ConversationCard_1 = __importDefault(require("./components/ConversationCard"));
-const ConversationOption_1 = __importDefault(require("./components/ConversationOption"));
-const MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
-const contact_slice_1 = require("../../slice/contact/contact.slice");
+import { ConnectStatus, ConversationActions } from '@smart-link/im-base';
+import { CaihIcon, dp, Popover, SearchBar } from '@smart-link/rn-ui';
+import React, { useEffect, useRef, useState } from 'react';
+import { StyleSheet, View, FlatList, TouchableOpacity, Vibration, DevSettings, } from 'react-native';
+import IndicatorText from '../../components/IndicatorText';
+import NetworkUnconnected from '../../components/NetworkUnconnected';
+import { useConversation } from '../../hooks/useImSelector';
+import useTranslation from '../../hooks/useTranslation';
+import { getImManager } from '../../init';
+import ConversationCard from './components/ConversationCard';
+import ConversationOption from './components/ConversationOption';
+import MaterialIcon from 'react-native-vector-icons/MaterialIcons';
+import { startCreateGroup } from '../../slice/contact/contact.slice';
 const List = ({ navigation }) => {
-    const { t } = (0, useTranslation_1.default)();
-    const { connectStatus, conversations, onlineMap } = (0, useImSelector_1.useConversation)();
-    const [nativeEvent, setNativeEvent] = (0, react_1.useState)();
-    const [popoverVisible, setPopoverVisible] = (0, react_1.useState)(false);
-    const [conversation, setConversation] = (0, react_1.useState)();
-    const lastPressTime = (0, react_1.useRef)(0);
-    const flatListRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+    const { t } = useTranslation();
+    const { connectStatus, conversations, onlineMap } = useConversation();
+    const [nativeEvent, setNativeEvent] = useState();
+    const [popoverVisible, setPopoverVisible] = useState(false);
+    const [conversation, setConversation] = useState();
+    const lastPressTime = useRef(0);
+    const flatListRef = useRef(null);
+    useEffect(() => {
         let headerTitle = t('message');
         switch (connectStatus) {
-            case im_base_1.ConnectStatus.CONNECTING:
-                headerTitle = () => <IndicatorText_1.default text={t('connecting') + '...'}/>;
+            case ConnectStatus.CONNECTING:
+                headerTitle = () => <IndicatorText text={t('connecting') + '...'}/>;
                 break;
-            case im_base_1.ConnectStatus.CONNECT_PARAM_ERROR:
+            case ConnectStatus.CONNECT_PARAM_ERROR:
                 headerTitle = t('connectFail');
                 break;
-            case im_base_1.ConnectStatus.CONNECT_ERROR:
+            case ConnectStatus.CONNECT_ERROR:
                 headerTitle = t('serverConnectionFailed');
                 break;
-            case im_base_1.ConnectStatus.CONNECT_TIMEOUT:
+            case ConnectStatus.CONNECT_TIMEOUT:
                 headerTitle = t('serverConnectionTimeout');
                 break;
-            case im_base_1.ConnectStatus.SYNC_SUBSCRIBE_LIST:
-                headerTitle = () => <IndicatorText_1.default text={t('receipting') + '...'}/>;
+            case ConnectStatus.SYNC_SUBSCRIBE_LIST:
+                headerTitle = () => <IndicatorText text={t('receipting') + '...'}/>;
                 break;
-            case im_base_1.ConnectStatus.UN_CONNECT:
+            case ConnectStatus.UN_CONNECT:
                 headerTitle = t('message') + '(' + t('unConnect') + ')';
                 break;
         }
         const options = [
             {
-                icon: <MaterialIcons_1.default name="person-add"/>,
+                icon: <MaterialIcon name="person-add"/>,
                 content: t('createGroupChat'),
                 onPress: () => {
-                    (0, init_1.getImManager)().store.dispatch((0, contact_slice_1.startCreateGroup)());
+                    getImManager().store.dispatch(startCreateGroup());
                     navigation.navigate('ChooseContact', {
                         chooseOrg: true,
                         checkMode: 'multi',
@@ -91,7 +63,7 @@ const List = ({ navigation }) => {
                 },
             },
             {
-                icon: <MaterialIcons_1.default name="qr-code-scanner"/>,
+                icon: <MaterialIcon name="qr-code-scanner"/>,
                 content: t('scan'),
                 onPress: () => {
                     navigation.navigate('ScanCode');
@@ -100,24 +72,24 @@ const List = ({ navigation }) => {
         ];
         if (__DEV__) {
             options.push({
-                icon: <MaterialIcons_1.default name="settings"/>,
+                icon: <MaterialIcon name="settings"/>,
                 content: '清空数据并重启',
                 onPress: () => {
-                    (0, init_1.getImManager)().db.clean();
-                    react_native_1.DevSettings.reload();
+                    getImManager().db.clean();
+                    DevSettings.reload();
                 },
             });
         }
         navigation.setOptions({
             headerTitle,
-            headerRight: () => (<rn_ui_1.Popover type="dark" placement="bottom" layout="vertical" duration={100} options={options} contentStyle={{ borderRadius: (0, rn_ui_1.dp)(6) }}>
-                    <react_native_1.TouchableOpacity style={{ marginHorizontal: (0, rn_ui_1.dp)(10), padding: (0, rn_ui_1.dp)(9) }}>
-                        <rn_ui_1.CaihIcon name="picker-add" size={(0, rn_ui_1.dp)(19)} color={'#f6f6f6'}/>
-                    </react_native_1.TouchableOpacity>
-                </rn_ui_1.Popover>),
+            headerRight: () => (<Popover type="dark" placement="bottom" layout="vertical" duration={100} options={options} contentStyle={{ borderRadius: dp(6) }}>
+                    <TouchableOpacity style={{ marginHorizontal: dp(10), padding: dp(9) }}>
+                        <CaihIcon name="picker-add" size={dp(19)} color={'#f6f6f6'}/>
+                    </TouchableOpacity>
+                </Popover>),
         });
     }, [t, navigation, connectStatus]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         return navigation.addListener('tabPress', (e) => {
             const now = Date.now();
             if (now - lastPressTime.current < 300) {
@@ -143,8 +115,8 @@ const List = ({ navigation }) => {
         setPopoverVisible(false);
         try {
             // 设置更新已读数量
-            const imManager = (0, init_1.getImManager)();
-            yield imManager.store.dispatch(im_base_1.ConversationActions.initConversation(imManager, conversation));
+            const imManager = getImManager();
+            yield imManager.store.dispatch(ConversationActions.initConversation(imManager, conversation));
             navigation.navigate('MessageList');
         }
         catch (e) {
@@ -152,27 +124,27 @@ const List = ({ navigation }) => {
         }
     });
     const onLongPressCard = (conversation, nativeEvent) => {
-        react_native_1.Vibration.vibrate(10);
+        Vibration.vibrate(10);
         setPopoverVisible(true);
         setNativeEvent(nativeEvent);
         setConversation(conversation);
     };
     const listHeaderComponent = () => (<>
-            <rn_ui_1.SearchBar onSearch={handleSearch} style={styles.searchBar}/>
-            <react_native_1.View style={styles.line}/>
-            {connectStatus === im_base_1.ConnectStatus.CONNECT_ERROR && (<>
-                    <NetworkUnconnected_1.default />
-                    <react_native_1.View style={styles.line}/>
+            <SearchBar onSearch={handleSearch} style={styles.searchBar}/>
+            <View style={styles.line}/>
+            {connectStatus === ConnectStatus.CONNECT_ERROR && (<>
+                    <NetworkUnconnected />
+                    <View style={styles.line}/>
                 </>)}
             {/*{TenantConfig.config.showOrgChat && <OrgGroupBar onPressOrgGroupBar={onPressOrgGroupBar} />}*/}
-            <react_native_1.View style={styles.line}/>
+            <View style={styles.line}/>
         </>);
-    const listFooterComponent = () => <react_native_1.View style={styles.line}/>;
+    const listFooterComponent = () => <View style={styles.line}/>;
     const keyExtractor = (item) => item.id;
     const renderItem = ({ item }) => {
         return (
         // @ts-ignore
-        <ConversationCard_1.default selected={item.id === (conversation === null || conversation === void 0 ? void 0 : conversation.id)} conversation={item} onPressCard={onPressCard} onLongPressCard={onLongPressCard} status={onlineMap[item.id]}/>);
+        <ConversationCard selected={item.id === (conversation === null || conversation === void 0 ? void 0 : conversation.id)} conversation={item} onPressCard={onPressCard} onLongPressCard={onLongPressCard} status={onlineMap[item.id]}/>);
     };
     const itemSeparatorComponent = ({ leadingItem }) => {
         for (let i = 0; i < conversations.length; i++) {
@@ -180,41 +152,41 @@ const List = ({ navigation }) => {
                 break;
             }
             if (leadingItem.id === conversations[i].id && conversations[i].enableTop === 'on') {
-                return (<react_native_1.View style={styles.separatorBg}>
-                        <react_native_1.View style={styles.separator}/>
-                    </react_native_1.View>);
+                return (<View style={styles.separatorBg}>
+                        <View style={styles.separator}/>
+                    </View>);
             }
         }
-        return <react_native_1.View style={styles.separator}/>;
+        return <View style={styles.separator}/>;
     };
     const getItemLayout = (_, index) => ({
-        length: (0, rn_ui_1.dp)(81),
-        offset: (0, rn_ui_1.dp)(81) * index + (0, rn_ui_1.dp)(57),
+        length: dp(81),
+        offset: dp(81) * index + dp(57),
         index,
     });
-    return (<react_native_1.View style={{ flex: 1 }}>
-            <react_native_1.FlatList ref={flatListRef} contentContainerStyle={styles.contentContainerStyle} keyboardShouldPersistTaps={'handled'} data={conversations} ListHeaderComponent={listHeaderComponent} ListFooterComponent={listFooterComponent} ItemSeparatorComponent={itemSeparatorComponent} getItemLayout={getItemLayout} renderItem={renderItem} numColumns={1} keyExtractor={keyExtractor}/>
-            <ConversationOption_1.default conversation={conversation} nativeEvent={nativeEvent} visible={popoverVisible} onClose={() => {
+    return (<View style={{ flex: 1 }}>
+            <FlatList ref={flatListRef} contentContainerStyle={styles.contentContainerStyle} keyboardShouldPersistTaps={'handled'} data={conversations} ListHeaderComponent={listHeaderComponent} ListFooterComponent={listFooterComponent} ItemSeparatorComponent={itemSeparatorComponent} getItemLayout={getItemLayout} renderItem={renderItem} numColumns={1} keyExtractor={keyExtractor}/>
+            <ConversationOption conversation={conversation} nativeEvent={nativeEvent} visible={popoverVisible} onClose={() => {
             setPopoverVisible(false);
             setConversation(undefined);
         }}/>
-        </react_native_1.View>);
+        </View>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     contentContainerStyle: {
         backgroundColor: '#fff',
     },
     searchBar: {
-        marginHorizontal: (0, rn_ui_1.dp)(10),
-        marginVertical: (0, rn_ui_1.dp)(10),
+        marginHorizontal: dp(10),
+        marginVertical: dp(10),
     },
     line: {
-        height: (0, rn_ui_1.dp)(1),
+        height: dp(1),
         backgroundColor: '#ececec',
     },
     separator: {
-        marginLeft: (0, rn_ui_1.dp)(80),
-        height: (0, rn_ui_1.dp)(1),
+        marginLeft: dp(80),
+        height: dp(1),
         backgroundColor: '#ececec',
     },
     separatorBg: {
@@ -222,15 +194,15 @@ const styles = react_native_1.StyleSheet.create({
     },
     backButton: {
         backgroundColor: '#ddd',
-        height: (0, rn_ui_1.dp)(50),
-        width: (0, rn_ui_1.dp)(50),
-        borderRadius: (0, rn_ui_1.dp)(25),
+        height: dp(50),
+        width: dp(50),
+        borderRadius: dp(25),
         opacity: 0.5,
         justifyContent: 'center',
         alignItems: 'center',
         position: 'absolute',
-        bottom: (0, rn_ui_1.dp)(15),
-        right: (0, rn_ui_1.dp)(15),
+        bottom: dp(15),
+        right: dp(15),
     },
 });
-exports.default = List;
+export default List;

package/dist/pages/conversation/components/ConversationCard.js

@@ -1,93 +1,65 @@
-"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 rn_ui_1 = require("@smart-link/rn-ui");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const FontAwesome5_1 = __importDefault(require("react-native-vector-icons/FontAwesome5"));
-const MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
-const ChatAvatar_1 = __importDefault(require("../../../components/ChatAvatar/ChatAvatar"));
-const useFormatMsgTime_1 = __importDefault(require("../../../hooks/useFormatMsgTime"));
-const useTranslation_1 = __importDefault(require("../../../hooks/useTranslation"));
-const ConversationCard = (0, react_1.memo)(props => {
+import { getConversationContent } from '@smart-link/im-base';
+import { Badge, dp } from '@smart-link/rn-ui';
+import React, { memo } from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
+import ChatAvatar from '../../../components/ChatAvatar/ChatAvatar';
+import useFormatMsgTime from '../../../hooks/useFormatMsgTime';
+import useTranslation from '../../../hooks/useTranslation';
+const ConversationCard = memo(props => {
     const { status, selected, conversation, onPressCard, onLongPressCard } = props;
-    const { t } = (0, useTranslation_1.default)();
+    const { t } = useTranslation();
     const { id, type, avatars, name, text, draftText, errorText, enableNoDisturb, enableTop, tipsList, time, unreadCount } = conversation;
     const enableTopStyles = enableTop === 'on' ? styles.enableTop : null;
     const showPoint = enableNoDisturb === 'on' && unreadCount > 0;
     const countText = showPoint && unreadCount > 0 ? t('unreadCount', { unreadCount }) : '';
-    const content = (0, im_base_1.getConversationContent)(text, errorText, draftText, tipsList, countText, t);
+    const content = getConversationContent(text, errorText, draftText, tipsList, countText, t);
     const contentStyles = content.tips ? styles.contentRedStyles : null;
-    const formatTime = (0, useFormatMsgTime_1.default)(time, true);
+    const formatTime = useFormatMsgTime(time, true);
     // const imManager = getImManager();
     // // 还没找到为啥会让空的头像的人变成登录人的头像，先解决表面问题
     // let newAvatars = avatars;
     // if (avatars === imManager.user.avatars && name !== imManager.user.userName) {
     //     newAvatars = "";
     // }
-    return (<react_native_1.TouchableOpacity activeOpacity={0.5} style={[styles.card, enableTopStyles, selected && styles.selected]} onPress={() => {
+    return (<TouchableOpacity activeOpacity={0.5} style={[styles.card, enableTopStyles, selected && styles.selected]} onPress={() => {
             onPressCard && onPressCard(conversation);
         }} onLongPress={({ nativeEvent }) => {
             onLongPressCard && onLongPressCard(conversation, nativeEvent);
         }}>
-            <react_native_1.View style={{ height: (0, rn_ui_1.dp)(50), width: (0, rn_ui_1.dp)(50), marginRight: (0, rn_ui_1.dp)(16) }}>
-                <rn_ui_1.Badge text={unreadCount} dot={showPoint}>
-                    <ChatAvatar_1.default disabled type={type} id={id} size={(0, rn_ui_1.dp)(48)} name={name} url={avatars}/>
-                </rn_ui_1.Badge>
-                {status === 'online' && <react_native_1.View style={styles.status}>
-                    <MaterialIcons_1.default size={(0, rn_ui_1.dp)(14)} color={status === 'online' ? '#4caf50' : '#616161'} name={status === 'online' ? 'check-circle' : 'not-interested'}/>
-                </react_native_1.View>}
-            </react_native_1.View>
+            <View style={{ height: dp(50), width: dp(50), marginRight: dp(16) }}>
+                <Badge text={unreadCount} dot={showPoint}>
+                    <ChatAvatar disabled type={type} id={id} size={dp(48)} name={name}/>
+                </Badge>
+                {status === 'online' && <View style={styles.status}>
+                    <MaterialIcons size={dp(14)} color={status === 'online' ? '#4caf50' : '#616161'} name={status === 'online' ? 'check-circle' : 'not-interested'}/>
+                </View>}
+            </View>
 
-            <react_native_1.View style={{ flexDirection: 'column', flex: 1 }}>
-                <react_native_1.View style={styles.swipe}>
-                    <react_native_1.Text style={styles.name} numberOfLines={1}>
+            <View style={{ flexDirection: 'column', flex: 1 }}>
+                <View style={styles.swipe}>
+                    <Text style={styles.name} numberOfLines={1}>
                         {name}
-                    </react_native_1.Text>
-                    <react_native_1.Text style={styles.time}>{formatTime}</react_native_1.Text>
-                </react_native_1.View>
+                    </Text>
+                    <Text style={styles.time}>{formatTime}</Text>
+                </View>
 
-                <react_native_1.View style={styles.row}>
-                    <react_native_1.Text style={styles.message} numberOfLines={1}>
-                        <react_native_1.Text style={contentStyles}>{content.tips}</react_native_1.Text>
+                <View style={styles.row}>
+                    <Text style={styles.message} numberOfLines={1}>
+                        <Text style={contentStyles}>{content.tips}</Text>
                         {content.text}
-                    </react_native_1.Text>
-                    {enableNoDisturb === 'on' && (<FontAwesome5_1.default name={'bell-slash'} size={(0, rn_ui_1.dp)(12)} color={'#999'} style={styles.enableNoDisturb}/>)}
-                    {enableTop === 'on' && (<MaterialIcons_1.default name={'push-pin'} size={(0, rn_ui_1.dp)(15)} color={'#999'} style={styles.enableNoDisturb}/>)}
-                </react_native_1.View>
-            </react_native_1.View>
-        </react_native_1.TouchableOpacity>);
+                    </Text>
+                    {enableNoDisturb === 'on' && (<FontAwesome5 name={'bell-slash'} size={dp(12)} color={'#999'} style={styles.enableNoDisturb}/>)}
+                    {enableTop === 'on' && (<MaterialIcons name={'push-pin'} size={dp(15)} color={'#999'} style={styles.enableNoDisturb}/>)}
+                </View>
+            </View>
+        </TouchableOpacity>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     card: {
-        height: (0, rn_ui_1.dp)(80),
-        padding: (0, rn_ui_1.dp)(16),
+        height: dp(80),
+        padding: dp(16),
         display: 'flex',
         flexDirection: 'row',
     },
@@ -103,17 +75,17 @@ const styles = react_native_1.StyleSheet.create({
         alignItems: 'center',
     },
     name: {
-        fontSize: (0, rn_ui_1.dp)(15),
+        fontSize: dp(15),
         fontWeight: '500',
         color: '#333333',
         flex: 1,
     },
     time: {
-        fontSize: (0, rn_ui_1.dp)(12),
+        fontSize: dp(12),
         color: '#999999',
     },
     message: {
-        fontSize: (0, rn_ui_1.dp)(13),
+        fontSize: dp(13),
         color: '#999999',
         flex: 1,
     },
@@ -131,7 +103,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     swipeDel: {
         justifyContent: 'center',
-        width: (0, rn_ui_1.dp)(75),
+        width: dp(75),
         backgroundColor: '#ff4949',
     },
     swipeDelText: {
@@ -142,7 +114,7 @@ const styles = react_native_1.StyleSheet.create({
         right: 2,
         bottom: 2,
         backgroundColor: '#fff',
-        borderRadius: (0, rn_ui_1.dp)(10),
+        borderRadius: dp(10),
     }
 });
-exports.default = ConversationCard;
+export default ConversationCard;

package/dist/pages/conversation/components/ConversationOption.js

@@ -1,99 +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 init_1 = require("../../../init");
-const PopoverWrapper_1 = __importDefault(require("../../../components/PopoverWrapper"));
-const renderMenuItem = (title, onPress) => <react_native_1.TouchableOpacity activeOpacity={0.5} onPress={onPress}>
-    <react_native_1.Text style={styles.text}>{title}</react_native_1.Text>
-</react_native_1.TouchableOpacity>;
+import React, { memo } from 'react';
+import { Text, StyleSheet, TouchableOpacity, } from 'react-native';
+import { dp, Line } from '@smart-link/rn-ui';
+import useTranslation from '../../../hooks/useTranslation';
+import { getImManager } from '../../../init';
+import PopoverWrapper from '../../../components/PopoverWrapper';
+const renderMenuItem = (title, onPress) => <TouchableOpacity activeOpacity={0.5} onPress={onPress}>
+    <Text style={styles.text}>{title}</Text>
+</TouchableOpacity>;
 const ConversationOption = ({ conversation, nativeEvent, onClose, visible, }) => {
-    const { t } = (0, useTranslation_1.default)();
+    const { t } = useTranslation();
     let read, disturb, top;
     if (conversation === null || conversation === void 0 ? void 0 : conversation.unreadCount) {
         read = renderMenuItem(t('markRead'), () => {
-            (0, init_1.getImManager)().markRead(conversation);
+            getImManager().markRead(conversation);
             onClose === null || onClose === void 0 ? void 0 : onClose();
         });
     }
     else {
         read = renderMenuItem(t('markUnread'), () => {
-            (0, init_1.getImManager)().markUnread(conversation);
+            getImManager().markUnread(conversation);
             onClose === null || onClose === void 0 ? void 0 : onClose();
         });
     }
     if ((conversation === null || conversation === void 0 ? void 0 : conversation.enableNoDisturb) === 'off') {
         disturb = renderMenuItem(t('chatNoDisturbOn'), () => {
-            (0, init_1.getImManager)().noDisturbOn(conversation);
+            getImManager().noDisturbOn(conversation);
             onClose === null || onClose === void 0 ? void 0 : onClose();
         });
     }
     else {
         disturb = renderMenuItem(t('chatNoDisturbOff'), () => {
-            (0, init_1.getImManager)().noDisturbOff(conversation);
+            getImManager().noDisturbOff(conversation);
             onClose === null || onClose === void 0 ? void 0 : onClose();
         });
     }
     if ((conversation === null || conversation === void 0 ? void 0 : conversation.enableTop) === 'off') {
         top = renderMenuItem(t('chatTopOn'), () => {
-            (0, init_1.getImManager)().topOn(conversation);
+            getImManager().topOn(conversation);
             onClose === null || onClose === void 0 ? void 0 : onClose();
         });
     }
     else {
         top = renderMenuItem(t('chatTopOff'), () => {
-            (0, init_1.getImManager)().topOff(conversation);
+            getImManager().topOff(conversation);
             onClose === null || onClose === void 0 ? void 0 : onClose();
         });
     }
     const del = renderMenuItem(t('deleteChat'), () => {
-        (0, init_1.getImManager)().deleteConversation(conversation);
+        getImManager().deleteConversation(conversation);
         onClose === null || onClose === void 0 ? void 0 : onClose();
     });
-    return (<PopoverWrapper_1.default showArrow={false} measureTarget={false} visible={visible} onClose={onClose} nativeEvent={nativeEvent}>
+    return (<PopoverWrapper showArrow={false} measureTarget={false} visible={visible} onClose={onClose} nativeEvent={nativeEvent}>
                 {read}
-                <rn_ui_1.Line />
+                <Line />
                 {disturb}
-                <rn_ui_1.Line />
+                <Line />
                 {top}
-                <rn_ui_1.Line />
+                <Line />
                 {del}
-        </PopoverWrapper_1.default>);
+        </PopoverWrapper>);
 };
-exports.default = (0, react_1.memo)(ConversationOption);
-const styles = react_native_1.StyleSheet.create({
+export default memo(ConversationOption);
+const styles = StyleSheet.create({
     text: {
         color: '#555',
-        fontSize: (0, rn_ui_1.dp)(15),
-        paddingHorizontal: (0, rn_ui_1.dp)(12),
-        paddingVertical: (0, rn_ui_1.dp)(12),
+        fontSize: dp(15),
+        paddingHorizontal: dp(12),
+        paddingVertical: dp(12),
     },
 });