@smart-link/rn-im 1.0.4 → 1.0.6

package/dist/components/ChatAvatar/ChatAvatar.js

@@ -112,7 +112,7 @@ const ChatAvatar = ({ id, name, url: fileId, size = (0, rn_ui_1.dp)(40), disable
             });
         }
     };
-    return (<react_native_1.TouchableOpacity disabled={disabled} onPress={onPress} onLongPress={onLongPress}>
+    return (<react_native_1.TouchableOpacity style={{ width: size, height: size }} disabled={disabled} onPress={onPress} onLongPress={onLongPress}>
             {ready ? <ChatAvatarId_1.default priority={priority} id={id} fileId={fileId} size={size} name={name} defaultAvatar={defaultAvatar}/> : <rn_ui_1.Avatar icon={<react_native_1.Image style={size ? { width: size, height: size } : {}} source={defaultAvatar}/>}/>}
         </react_native_1.TouchableOpacity>);
 };

package/dist/pages/message/components/MessageItem.js

@@ -48,6 +48,7 @@ const MessageItem = ({ isMultiple, multipleSelect, conversation, message, mine,
     const time = (0, useFormatMsgTime_1.default)(message.messageTime);
     const isNotify = (0, im_base_1.isNotifyMessage)(message.payloadType);
     const isB2C = (conversation === null || conversation === void 0 ? void 0 : conversation.type) === im_base_1.ConversationType.B2C;
+    const isC2C = (conversation === null || conversation === void 0 ? void 0 : conversation.type) === im_base_1.ConversationType.C2C;
     const isMultipleChecked = !!(multipleSelect === null || multipleSelect === void 0 ? void 0 : multipleSelect[message.messageSeq]);
     const notArrow = [im_base_1.PayloadType.PICTURE, im_base_1.PayloadType.VIDEO].includes(message.payloadType);
     const isUndo = message.messageStatus === im_base_1.MessageStatus.UNDO;
@@ -102,7 +103,7 @@ const MessageItem = ({ isMultiple, multipleSelect, conversation, message, mine,
                 e.preventDefault();
                 onLongPressPopover(message, e.nativeEvent);
             }}/>
-                                {mine && <MessageReceiptStatus_1.default {...message}/>}
+                                {isC2C && mine && <MessageReceiptStatus_1.default {...message}/>}
                             </react_native_1.View>
                         </react_native_1.View>
                         {message.messageStatus === im_base_1.MessageStatus.EMIT_ERROR && (<react_native_1.Text style={{ alignSelf: 'center' }}>

package/dist/pages/message/components/Payload/PayloadText.js

@@ -39,10 +39,8 @@ const im_base_1 = require("@smart-link/im-base");
 const clipboard_1 = __importDefault(require("@react-native-clipboard/clipboard"));
 const PayloadText = ({ payload, onLongPress, showArrow = true, direction, style }) => {
     const { t } = (0, useTranslation_1.default)();
-    const navigation = (0, rn_ui_1.useNavigation)();
     const { text, quote } = payload;
     const onLongPressPhone = (phone) => {
-        // TODO
         rn_ui_1.ActionSheet.open({
             title: phone + " " + t('mayPhone'),
             onClose: () => {
@@ -67,7 +65,8 @@ const PayloadText = ({ payload, onLongPress, showArrow = true, direction, style
                 {
                     text: t('addToContacts'),
                     onPress: () => {
-                        // addPhoneContracts(phoneNum)
+                        (0, phone_1.addContacts)(phone);
+                        rn_ui_1.ActionSheet.destroy();
                     }
                 }
             ],

package/dist/pages/message/components/ReceiptBack.js

@@ -71,7 +71,7 @@ const styles = react_native_1.StyleSheet.create({
         backgroundColor: '#fff',
         borderRadius: (0, rn_ui_1.dp)(5),
         height: (0, rn_ui_1.dp)(120),
-        paddingLeft: (0, rn_ui_1.dp)(50),
+        paddingLeft: (0, rn_ui_1.dp)(25),
         justifyContent: 'center'
     },
     text: {

package/dist/pages/message/components/messageBar/MessageBar.js

@@ -69,11 +69,12 @@ const MessageBar = (0, react_1.forwardRef)(({ onKeyboardAt }, ref) => {
     const keyboardHeight = (0, react_1.useRef)(240);
     const handleChange = (0, react_1.useCallback)((text) => {
         tempText.current = text;
-        if (text.length && !lazy.current) {
+        const trimTxt = text.trim();
+        if (trimTxt.length && !lazy.current) {
             setShowSend(true);
             lazy.current = true;
         }
-        else if (!text.length) {
+        else if (!trimTxt.length) {
             setShowSend(false);
             lazy.current = false;
         }

package/dist/utils/phone.d.ts

@@ -1,2 +1,3 @@
 export declare const copyPhone: (phoneNum: string) => void;
 export declare const callPhone: (phoneNum: string) => void;
+export declare const addContacts: (phoneNum: string) => Promise<void>;

package/dist/utils/phone.js

@@ -1,11 +1,21 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.callPhone = exports.copyPhone = void 0;
+exports.addContacts = exports.callPhone = exports.copyPhone = void 0;
 const clipboard_1 = __importDefault(require("@react-native-clipboard/clipboard"));
 const react_native_1 = require("react-native");
+const react_native_contacts_1 = __importDefault(require("react-native-contacts"));
 const copyPhone = (phoneNum) => {
     clipboard_1.default.setString(phoneNum);
 };
@@ -22,3 +32,27 @@ const callPhone = (phoneNum) => {
     }).catch(error => console.log('tel error', error));
 };
 exports.callPhone = callPhone;
+const addContacts = (phoneNum) => __awaiter(void 0, void 0, void 0, function* () {
+    const add = () => {
+        react_native_contacts_1.default.openContactForm({
+            phoneNumbers: [{
+                    label: 'mobile',
+                    number: phoneNum
+                }]
+        });
+    };
+    if (react_native_1.Platform.OS === 'android') {
+        const granted = yield react_native_1.PermissionsAndroid.request(react_native_1.PermissionsAndroid.PERMISSIONS.WRITE_CONTACTS);
+        if (granted === react_native_1.PermissionsAndroid.RESULTS.GRANTED) {
+            console.log('You can use the contacts');
+            add();
+        }
+        else {
+            console.log('Contacts permission denied');
+        }
+    }
+    else {
+        add();
+    }
+});
+exports.addContacts = addContacts;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@smart-link/rn-im",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "",
   "main": "./dist/index.js",
   "dependencies": {
     "color": "^5.0.0",
     "lodash-es": "^4.17.21",
     "emoji-regex": "^10.4.0",
-    "@smart-link/im-base": "^1.0.4"
+    "@smart-link/im-base": "^1.0.6"
   },
   "devDependencies": {
     "@react-native/eslint-config": "0.73.2",
@@ -47,6 +47,7 @@
     "react-native-audio-recorder-player": "3.6.12",
     "react-native-image-crop-picker": "0.42.0",
     "react-native-compressor": "1.10.5",
+    "react-native-contacts": "^8.0.5",
     "react-native-fast-image": "8.6.3",
     "react-native-fs": "2.20.0",
     "react-native-file-viewer": "2.1.5",
@@ -62,8 +63,8 @@
     "react-redux": "^8.1.3",
     "redux": "^4.2.1",
     "redux-thunk": "^2.4.2",
-    "@smart-link/rn-ui": "^1.0.6",
-    "@smart-link/rn-base": "^1.0.7"
+    "@smart-link/rn-base": "^1.0.7",
+    "@smart-link/rn-ui": "^1.0.6"
   },
   "files": [
     "dist/**",