@smart-link/rn-im 1.0.23 → 1.0.24

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

@@ -1,39 +1,14 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const rn_ui_1 = require("@smart-link/rn-ui");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const MessageInput = (0, react_1.forwardRef)(({ onChangeText, onKeyPress, style }, ref) => {
-    const inputRef = (0, react_1.useRef)(null);
-    const [text, setText] = (0, react_1.useState)('');
-    const [showSoftInputOnFocus, setShowSoftInputOnFocus] = (0, react_1.useState)(true);
-    const innerText = (0, react_1.useRef)('');
-    const [selection, setSelection] = (0, react_1.useState)({ start: 0, end: 0 });
-    const selectionIos = (0, react_1.useRef)({ start: 0, end: 0 });
-    (0, react_1.useImperativeHandle)(ref, () => ({
+import { dp } from '@smart-link/rn-ui';
+import React, { forwardRef, memo, useImperativeHandle, useRef, useState, } from 'react';
+import { TextInput, View, StyleSheet, Platform } from 'react-native';
+const MessageInput = forwardRef(({ onChangeText, onKeyPress, style }, ref) => {
+    const inputRef = useRef(null);
+    const [text, setText] = useState('');
+    const [showSoftInputOnFocus, setShowSoftInputOnFocus] = useState(true);
+    const innerText = useRef('');
+    const [selection, setSelection] = useState({ start: 0, end: 0 });
+    const selectionIos = useRef({ start: 0, end: 0 });
+    useImperativeHandle(ref, () => ({
         isFocused: () => {
             var _a, _b;
             return (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.isFocused()) !== null && _b !== void 0 ? _b : false;
@@ -75,7 +50,7 @@ const MessageInput = (0, react_1.forwardRef)(({ onChangeText, onKeyPress, style
                 start: start + emoji.length,
                 end: start + emoji.length,
             });
-            if (react_native_1.Platform.OS === 'ios') {
+            if (Platform.OS === 'ios') {
                 selectionIos.current = {
                     start: start + emoji.length,
                     end: start + emoji.length,
@@ -95,7 +70,7 @@ const MessageInput = (0, react_1.forwardRef)(({ onChangeText, onKeyPress, style
                     start: n.length,
                     end: n.length,
                 });
-                if (react_native_1.Platform.OS === 'ios') {
+                if (Platform.OS === 'ios') {
                     selectionIos.current = {
                         start: n.length,
                         end: n.length,
@@ -163,8 +138,8 @@ const MessageInput = (0, react_1.forwardRef)(({ onChangeText, onKeyPress, style
             }
         },
     }), [selection, onChangeText]);
-    return (<react_native_1.View style={[styles.container, style]}>
-            <react_native_1.TextInput ref={inputRef} selection={react_native_1.Platform.OS === 'android' ? selection : undefined} multiline showSoftInputOnFocus={showSoftInputOnFocus} style={styles.textInput} value={text} onKeyPress={onKeyPress} onChangeText={n => {
+    return (<View style={[styles.container, style]}>
+            <TextInput ref={inputRef} selection={Platform.OS === 'android' ? selection : undefined} multiline showSoftInputOnFocus={showSoftInputOnFocus} style={styles.textInput} value={text} onKeyPress={onKeyPress} onChangeText={n => {
             innerText.current = n;
             setText(n);
             onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(n);
@@ -172,32 +147,32 @@ const MessageInput = (0, react_1.forwardRef)(({ onChangeText, onKeyPress, style
             setSelection(nativeEvent.selection);
             selectionIos.current = nativeEvent.selection;
         }}/>
-        </react_native_1.View>);
+        </View>);
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     container: {
         flex: 1,
         position: 'relative',
-        marginVertical: (0, rn_ui_1.dp)(6),
-        maxHeight: (0, rn_ui_1.dp)(120),
+        marginVertical: dp(6),
+        maxHeight: dp(120),
     },
     textInput: {
-        borderRadius: (0, rn_ui_1.dp)(4),
+        borderRadius: dp(4),
         backgroundColor: '#fff',
-        fontSize: (0, rn_ui_1.dp)(15),
-        minHeight: react_native_1.Platform.select({
-            ios: (0, rn_ui_1.dp)(32),
-            android: (0, rn_ui_1.dp)(28),
+        fontSize: dp(15),
+        minHeight: Platform.select({
+            ios: dp(32),
+            android: dp(28),
         }),
-        lineHeight: react_native_1.Platform.select({
-            ios: (0, rn_ui_1.dp)(20),
-            android: (0, rn_ui_1.dp)(20),
+        lineHeight: Platform.select({
+            ios: dp(20),
+            android: dp(20),
         }),
-        paddingHorizontal: (0, rn_ui_1.dp)(5),
-        paddingVertical: react_native_1.Platform.select({
+        paddingHorizontal: dp(5),
+        paddingVertical: Platform.select({
             ios: 6,
             android: 4,
         }),
     },
 });
-exports.default = (0, react_1.memo)(MessageInput);
+export default memo(MessageInput);

package/dist/pages/message/components/messageBar/OptionPanel.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,34 +7,30 @@ 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 rn_ui_1 = require("@smart-link/rn-ui");
-const DocumentPicker = __importStar(require("@react-native-documents/picker"));
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const useImSelector_1 = require("../../../../hooks/useImSelector");
-const useTranslation_1 = __importDefault(require("../../../../hooks/useTranslation"));
-const init_1 = require("../../../../init");
-const Icons_1 = require("./Icons");
-const react_native_image_crop_picker_1 = __importDefault(require("react-native-image-crop-picker"));
-const contact_slice_1 = require("../../../../slice/contact/contact.slice");
-const file_1 = require("../../../../utils/file");
-const scroll_1 = require("../../../../utils/scroll");
-const take_camera_1 = require("../../../../utils/take-camera");
-const FontAwesome_1 = __importDefault(require("react-native-vector-icons/FontAwesome"));
-const OPTION_SIZE = (react_native_1.Dimensions.get('screen').width - 20) / 4;
+import { dp, Toast, useNavigation } from '@smart-link/rn-ui';
+import * as DocumentPicker from '@react-native-documents/picker';
+import React, { forwardRef, memo, useImperativeHandle, useState } from 'react';
+import { View, Text, FlatList, TouchableOpacity, Dimensions, StyleSheet, Animated } from 'react-native';
+import { useConversation } from '../../../../hooks/useImSelector';
+import useTranslation from '../../../../hooks/useTranslation';
+import { getImManager } from '../../../../init';
+import { FileIcon, PhotosIcon, ShootingIcon, UserIcon } from './Icons';
+import ImagePicker from 'react-native-image-crop-picker';
+import { startSendContact } from '../../../../slice/contact/contact.slice';
+import { copyFile, getExtensionFromMime } from '../../../../utils/file';
+import { scrollToBottom } from '../../../../utils/scroll';
+import { takeCamera } from '../../../../utils/take-camera';
+import FontAwesome from "react-native-vector-icons/FontAwesome";
+const OPTION_SIZE = (Dimensions.get('screen').width - 20) / 4;
 const keyExtractor = (item) => item.id;
-const OptionPanel = (0, react_1.forwardRef)((props, ref) => {
-    const navigation = (0, rn_ui_1.useNavigation)();
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    const { currentConversation } = (0, useImSelector_1.useConversation)();
-    const [heightAnim] = (0, react_1.useState)(new react_native_1.Animated.Value(0));
-    const { t } = (0, useTranslation_1.default)();
-    const imManager = (0, init_1.getImManager)();
-    (0, react_1.useImperativeHandle)(ref, () => ({
+const OptionPanel = forwardRef((props, ref) => {
+    const navigation = useNavigation();
+    const [visible, setVisible] = useState(false);
+    const { currentConversation } = useConversation();
+    const [heightAnim] = useState(new Animated.Value(0));
+    const { t } = useTranslation();
+    const imManager = getImManager();
+    useImperativeHandle(ref, () => ({
         getVisible: () => visible,
         show: height => {
             heightAnim.setValue(height);
@@ -70,21 +42,21 @@ const OptionPanel = (0, react_1.forwardRef)((props, ref) => {
         },
     }), [visible]);
     const sendPicture = (data) => __awaiter(void 0, void 0, void 0, function* () {
-        (0, scroll_1.scrollToBottom)();
-        yield (0, init_1.getImManager)().sendPictureMessage(Object.assign({}, currentConversation), data);
+        scrollToBottom();
+        yield getImManager().sendPictureMessage(Object.assign({}, currentConversation), data);
     });
     const sendVideo = (data) => __awaiter(void 0, void 0, void 0, function* () {
-        (0, scroll_1.scrollToBottom)();
-        yield (0, init_1.getImManager)().sendVideoMessage(Object.assign({}, currentConversation), data);
+        scrollToBottom();
+        yield getImManager().sendVideoMessage(Object.assign({}, currentConversation), data);
     });
     const sendFile = (data) => __awaiter(void 0, void 0, void 0, function* () {
-        (0, scroll_1.scrollToBottom)();
-        const destPath = yield (0, file_1.copyFile)(data.localPath, data.filename, 'file');
-        yield (0, init_1.getImManager)().sendFileMessage(Object.assign({}, currentConversation), Object.assign(Object.assign({}, data), { localPath: destPath }));
+        scrollToBottom();
+        const destPath = yield copyFile(data.localPath, data.filename, 'file');
+        yield getImManager().sendFileMessage(Object.assign({}, currentConversation), Object.assign(Object.assign({}, data), { localPath: destPath }));
     });
     const openAlbum = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            const images = yield react_native_image_crop_picker_1.default.openPicker({
+            const images = yield ImagePicker.openPicker({
                 mediaType: 'photo',
                 multiple: true,
                 compressImageQuality: 0.7,
@@ -109,7 +81,7 @@ const OptionPanel = (0, react_1.forwardRef)((props, ref) => {
     });
     const openCamera = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            yield (0, take_camera_1.takeCamera)(currentConversation);
+            yield takeCamera(currentConversation);
         }
         catch (e) {
             console.log(e);
@@ -123,12 +95,12 @@ const OptionPanel = (0, react_1.forwardRef)((props, ref) => {
             const fileInfo = files[0];
             console.log('chooseFile: ', fileInfo);
             if (!fileInfo.uri) {
-                rn_ui_1.Toast.error(t("failedToObtainFilePath"));
+                Toast.error(t("failedToObtainFilePath"));
                 return;
             }
-            const ext = (0, file_1.getExtensionFromMime)(fileInfo.type);
+            const ext = getExtensionFromMime(fileInfo.type);
             if (!ext) {
-                rn_ui_1.Toast.error(t("unsupportedFileTypes"));
+                Toast.error(t("unsupportedFileTypes"));
                 return;
             }
             if (!fileInfo.name.endsWith(ext)) {
@@ -150,13 +122,13 @@ const OptionPanel = (0, react_1.forwardRef)((props, ref) => {
     const options = [
         {
             id: 'picture-o',
-            icon: <Icons_1.PhotosIcon size={30}/>,
+            icon: <PhotosIcon size={30}/>,
             text: t('imgOrDoc'),
             onPress: openAlbum,
         },
         {
             id: 'camera',
-            icon: <Icons_1.ShootingIcon size={40}/>,
+            icon: <ShootingIcon size={40}/>,
             text: t('camera'),
             onPress: openCamera,
         },
@@ -176,13 +148,13 @@ const OptionPanel = (0, react_1.forwardRef)((props, ref) => {
         // },
         {
             id: 'file',
-            icon: <Icons_1.FileIcon size={40}/>,
+            icon: <FileIcon size={40}/>,
             text: t('file'),
             onPress: pickFile,
         },
         {
             id: 'star',
-            icon: <FontAwesome_1.default name="star" color="#000" size={32}/>,
+            icon: <FontAwesome name="star" color="#000" size={32}/>,
             text: t('collect'),
             onPress: () => {
                 navigation.navigate('Collection');
@@ -190,33 +162,33 @@ const OptionPanel = (0, react_1.forwardRef)((props, ref) => {
         },
         {
             id: 'user',
-            icon: <Icons_1.UserIcon size={34}/>,
+            icon: <UserIcon size={34}/>,
             text: t('contact'),
             onPress: () => {
-                (0, init_1.getImManager)().store.dispatch((0, contact_slice_1.startSendContact)());
+                getImManager().store.dispatch(startSendContact());
                 navigation.navigate('ChooseContact', { checkMode: 'single' });
             },
         },
     ];
-    const renderItem = ({ item }) => (<react_native_1.TouchableOpacity style={style.item} onPress={item.onPress}>
-            <react_native_1.View style={style.icon}>{item.icon}</react_native_1.View>
-            <react_native_1.Text style={style.text}>{item.text}</react_native_1.Text>
-        </react_native_1.TouchableOpacity>);
-    return (<react_native_1.Animated.View style={{
+    const renderItem = ({ item }) => (<TouchableOpacity style={style.item} onPress={item.onPress}>
+            <View style={style.icon}>{item.icon}</View>
+            <Text style={style.text}>{item.text}</Text>
+        </TouchableOpacity>);
+    return (<Animated.View style={{
             height: heightAnim,
             position: 'relative',
             paddingBottom: visible ? 20 : 0,
         }} pointerEvents="auto">
-            <react_native_1.FlatList numColumns={4} initialNumToRender={8} data={options} style={{
+            <FlatList numColumns={4} initialNumToRender={8} data={options} style={{
             flex: 1,
         }} 
     // @ts-ignore
     keyExtractor={keyExtractor} contentContainerStyle={{
             paddingHorizontal: 10,
         }} pointerEvents="auto" keyboardShouldPersistTaps={'handled'} renderItem={renderItem} scrollEnabled/>
-        </react_native_1.Animated.View>);
+        </Animated.View>);
 });
-const style = react_native_1.StyleSheet.create({
+const style = StyleSheet.create({
     item: {
         width: OPTION_SIZE,
         height: OPTION_SIZE + 5,
@@ -227,15 +199,15 @@ const style = react_native_1.StyleSheet.create({
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        width: (0, rn_ui_1.dp)(60),
-        height: (0, rn_ui_1.dp)(60),
+        width: dp(60),
+        height: dp(60),
         marginBottom: 5,
         backgroundColor: '#fff',
-        borderRadius: (0, rn_ui_1.dp)(10),
+        borderRadius: dp(10),
     },
     text: {
-        fontSize: (0, rn_ui_1.dp)(14),
+        fontSize: dp(14),
         color: '#333',
     },
 });
-exports.default = (0, react_1.memo)(OptionPanel);
+export default memo(OptionPanel);