@smart-link/rn-im 1.0.22 → 1.0.24

package/dist/components/Camera/CameraCapture.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,36 +7,31 @@ 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 });
-exports.buildPictureData = void 0;
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_vision_camera_1 = require("react-native-vision-camera");
-const MaterialCommunityIcons_1 = __importDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
-const im_base_1 = require("@smart-link/im-base");
-const file_1 = require("../../utils/file");
-const init_1 = require("../../init");
-const rn_ui_1 = require("@smart-link/rn-ui");
-const react_native_compressor_1 = require("react-native-compressor");
-const { PICTURE, VIDEO } = im_base_1.ResourceType;
+import React, { memo, useEffect, useState, useCallback, useRef } from 'react';
+import { StyleSheet, Text, TouchableOpacity, View, Animated, Dimensions } from 'react-native';
+import { Camera, useCameraDevice, useCameraFormat, useMicrophonePermission } from 'react-native-vision-camera';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
+import { numberToTime, ResourceType } from '@smart-link/im-base';
+import { moveFile, requestSaveFilePermissionIfAndroid, toAbsolutePath } from '../../utils/file';
+import { getImManager } from '../../init';
+import { dp, CaihIcon } from '@smart-link/rn-ui';
+import { createVideoThumbnail, Image, Video, getFileSize, uuidv4 } from 'react-native-compressor';
+const { PICTURE, VIDEO } = ResourceType;
 const FlashModeValue = ['on', 'off', 'auto'];
 const FlashModeIcon = ['flash', 'flash-off', 'flash-auto'];
 const CameraTypeValue = ['back', 'front'];
 const CameraTypeIcon = ['camera-retake-outline', 'camera-retake'];
 const timerHolder = { duration: 0 };
-const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = react_native_1.Dimensions.get('window');
-const CameraCapture = (0, react_1.memo)(props => {
+const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get('window');
+const CameraCapture = memo(props => {
     const { finishTakePicture, finishTakeRecord, cancelCamera } = props;
-    const camera = (0, react_1.useRef)(null);
-    const [cameraTypeIndex, setCameraTypeIndex] = (0, react_1.useState)(0);
-    const [isRecording, setIsRecording] = (0, react_1.useState)(false);
-    const [flashModeIndex, setFlashModeIndex] = (0, react_1.useState)(2);
-    const microphone = (0, react_native_vision_camera_1.useMicrophonePermission)();
-    const device = (0, react_native_vision_camera_1.useCameraDevice)(CameraTypeValue[cameraTypeIndex]);
-    const format = (0, react_native_vision_camera_1.useCameraFormat)(device, [
+    const camera = useRef(null);
+    const [cameraTypeIndex, setCameraTypeIndex] = useState(0);
+    const [isRecording, setIsRecording] = useState(false);
+    const [flashModeIndex, setFlashModeIndex] = useState(2);
+    const microphone = useMicrophonePermission();
+    const device = useCameraDevice(CameraTypeValue[cameraTypeIndex]);
+    const format = useCameraFormat(device, [
         { videoAspectRatio: SCREEN_HEIGHT / SCREEN_WIDTH, fps: 60, photoResolution: 'max' },
         {
             photoAspectRatio: SCREEN_HEIGHT / SCREEN_WIDTH,
@@ -69,7 +40,7 @@ const CameraCapture = (0, react_1.memo)(props => {
     ]);
     const takePicture = () => __awaiter(void 0, void 0, void 0, function* () {
         if (camera.current && !isRecording) {
-            const success = yield (0, file_1.requestSaveFilePermissionIfAndroid)((0, init_1.getImManager)());
+            const success = yield requestSaveFilePermissionIfAndroid(getImManager());
             if (!success) {
                 return;
             }
@@ -83,13 +54,14 @@ const CameraCapture = (0, react_1.memo)(props => {
     });
     const takeRecord = () => __awaiter(void 0, void 0, void 0, function* () {
         if (camera.current) {
-            const success = yield (0, file_1.requestSaveFilePermissionIfAndroid)((0, init_1.getImManager)());
+            const success = yield requestSaveFilePermissionIfAndroid(getImManager());
             if (!success) {
                 return;
             }
             camera.current.startRecording({
-                videoBitRate: 'normal',
+                videoBitRate: 'low',
                 videoCodec: 'h264',
+                fileType: 'mp4',
                 onRecordingFinished: (data) => __awaiter(void 0, void 0, void 0, function* () {
                     console.log('onRecordingFinished: ', data);
                     const videoData = yield buildVideoData(data);
@@ -110,11 +82,11 @@ const CameraCapture = (0, react_1.memo)(props => {
             setIsRecording(false);
         }
     };
-    const switchCameraType = (0, react_1.useCallback)(() => {
+    const switchCameraType = useCallback(() => {
         const index = (cameraTypeIndex + 1) % 2;
         setCameraTypeIndex(index);
     }, [cameraTypeIndex]);
-    const switchFlashMode = (0, react_1.useCallback)(() => {
+    const switchFlashMode = useCallback(() => {
         const index = (flashModeIndex + 1) % 3;
         setFlashModeIndex(index);
     }, [flashModeIndex]);
@@ -126,40 +98,40 @@ const CameraCapture = (0, react_1.memo)(props => {
         }
         cancelCamera && cancelCamera();
     };
-    return (<react_native_1.View style={styles.camera}>
-            {device ? (<react_native_vision_camera_1.Camera ref={camera} device={device} format={format} isActive={true} style={styles.preview} photo={true} video={true} audio={microphone.hasPermission} outputOrientation="portrait" onInitialized={() => {
+    return (<View style={styles.camera}>
+            {device ? (<Camera ref={camera} device={device} format={format} isActive={true} style={styles.preview} photo={true} video={true} audio={microphone.hasPermission} outputOrientation="portrait" onInitialized={() => {
                 console.log('Camera initialized!');
             }} onError={error => {
                 console.log(error);
-            }}/>) : (<react_native_1.View style={styles.emptyContainer}>
-                    <react_native_1.Text style={styles.text}>Your phone does not have a Camera.</react_native_1.Text>
-                </react_native_1.View>)}
+            }}/>) : (<View style={styles.emptyContainer}>
+                    <Text style={styles.text}>Your phone does not have a Camera.</Text>
+                </View>)}
 
             {isRecording && (<>
                     <Timer style={styles.time}/>
                     <Bounds style={styles.bounds}/>
                 </>)}
 
-            <react_native_1.TouchableOpacity style={styles.switch} onPress={switchCameraType}>
-                <MaterialCommunityIcons_1.default name={CameraTypeIcon[cameraTypeIndex]} size={(0, rn_ui_1.dp)(25)} color={'#fff'}/>
-            </react_native_1.TouchableOpacity>
+            <TouchableOpacity style={styles.switch} onPress={switchCameraType}>
+                <MaterialCommunityIcons name={CameraTypeIcon[cameraTypeIndex]} size={dp(25)} color={'#fff'}/>
+            </TouchableOpacity>
 
-            <react_native_1.TouchableOpacity style={styles.flash} onPress={switchFlashMode}>
-                <MaterialCommunityIcons_1.default name={FlashModeIcon[flashModeIndex]} size={(0, rn_ui_1.dp)(25)} color={'#fff'}/>
-            </react_native_1.TouchableOpacity>
+            <TouchableOpacity style={styles.flash} onPress={switchFlashMode}>
+                <MaterialCommunityIcons name={FlashModeIcon[flashModeIndex]} size={dp(25)} color={'#fff'}/>
+            </TouchableOpacity>
 
-            {!isRecording && (<react_native_1.TouchableOpacity style={styles.cancel} onPress={onCancel}>
-                    <rn_ui_1.CaihIcon name="arrow-down-outlined" size={(0, rn_ui_1.dp)(30)} color={'#fff'}/>
-                </react_native_1.TouchableOpacity>)}
+            {!isRecording && (<TouchableOpacity style={styles.cancel} onPress={onCancel}>
+                    <CaihIcon name="arrow-down-outlined" size={dp(30)} color={'#fff'}/>
+                </TouchableOpacity>)}
 
-            <react_native_1.TouchableOpacity style={styles.capture} onPress={takePicture} onLongPress={takeRecord} onPressOut={stopRecord}/>
-        </react_native_1.View>);
+            <TouchableOpacity style={styles.capture} onPress={takePicture} onLongPress={takeRecord} onPressOut={stopRecord}/>
+        </View>);
 });
-const Timer = (0, react_1.memo)(props => {
+const Timer = memo(props => {
     const { style } = props;
-    const [duration, setDuration] = (0, react_1.useState)(0);
+    const [duration, setDuration] = useState(0);
     const showPoint = duration % 2 === 0;
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const timer = setInterval(() => {
             timerHolder.duration = timerHolder.duration + 1;
             setDuration(timerHolder.duration);
@@ -169,32 +141,32 @@ const Timer = (0, react_1.memo)(props => {
             timerHolder.duration = 0;
         };
     }, []);
-    return (<react_native_1.View style={style}>
-            {showPoint && <react_native_1.View style={styles.point}/>}
-            <react_native_1.Text style={styles.timeText}>{(0, im_base_1.numberToTime)(duration / 2)}</react_native_1.Text>
-        </react_native_1.View>);
+    return (<View style={style}>
+            {showPoint && <View style={styles.point}/>}
+            <Text style={styles.timeText}>{numberToTime(duration / 2)}</Text>
+        </View>);
 });
-const Bounds = (0, react_1.memo)(props => {
+const Bounds = memo(props => {
     const { style } = props;
-    const scale = new react_native_1.Animated.Value(2.2);
-    (0, react_1.useEffect)(() => {
-        const seq = react_native_1.Animated.sequence([
-            react_native_1.Animated.timing(scale, {
+    const scale = new Animated.Value(2.2);
+    useEffect(() => {
+        const seq = Animated.sequence([
+            Animated.timing(scale, {
                 toValue: 2.5,
                 duration: 1000,
                 useNativeDriver: true,
             }),
-            react_native_1.Animated.timing(scale, {
+            Animated.timing(scale, {
                 toValue: 2.2,
                 duration: 1000,
                 useNativeDriver: true,
             }),
         ]);
-        react_native_1.Animated.loop(seq).start();
+        Animated.loop(seq).start();
     }, [scale]);
-    return <react_native_1.Animated.View style={[style, { transform: [{ scale: scale }] }]}/>;
+    return <Animated.View style={[style, { transform: [{ scale: scale }] }]}/>;
 });
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     camera: {
         flex: 1,
     },
@@ -205,74 +177,74 @@ const styles = react_native_1.StyleSheet.create({
     },
     time: {
         flexDirection: 'row',
-        height: (0, rn_ui_1.dp)(60),
-        width: (0, rn_ui_1.dp)(150),
+        height: dp(60),
+        width: dp(150),
         position: 'absolute',
-        top: (0, rn_ui_1.dp)(30),
+        top: dp(30),
         alignSelf: 'center',
         justifyContent: 'center',
         alignItems: 'center',
     },
     timeText: {
-        fontSize: (0, rn_ui_1.dp)(18),
+        fontSize: dp(18),
         color: '#fff',
     },
     switch: {
-        height: (0, rn_ui_1.dp)(60),
-        width: (0, rn_ui_1.dp)(60),
+        height: dp(60),
+        width: dp(60),
         position: 'absolute',
-        top: (0, rn_ui_1.dp)(30),
-        right: (0, rn_ui_1.dp)(15),
+        top: dp(30),
+        right: dp(15),
         justifyContent: 'center',
         alignItems: 'center',
     },
     flash: {
-        height: (0, rn_ui_1.dp)(60),
-        width: (0, rn_ui_1.dp)(60),
+        height: dp(60),
+        width: dp(60),
         position: 'absolute',
-        top: (0, rn_ui_1.dp)(31),
-        right: (0, rn_ui_1.dp)(60),
+        top: dp(31),
+        right: dp(60),
         justifyContent: 'center',
         alignItems: 'center',
     },
     cancel: {
-        height: (0, rn_ui_1.dp)(75),
-        width: (0, rn_ui_1.dp)(75),
+        height: dp(75),
+        width: dp(75),
         position: 'absolute',
-        bottom: (0, rn_ui_1.dp)(130),
-        left: (0, rn_ui_1.dp)(50),
+        bottom: dp(130),
+        left: dp(50),
         justifyContent: 'center',
         alignItems: 'center',
     },
     capture: {
-        borderWidth: (0, rn_ui_1.dp)(15),
+        borderWidth: dp(15),
         borderColor: '#ddd',
         backgroundColor: '#fff',
-        borderRadius: (0, rn_ui_1.dp)(40),
-        height: (0, rn_ui_1.dp)(75),
-        width: (0, rn_ui_1.dp)(75),
+        borderRadius: dp(40),
+        height: dp(75),
+        width: dp(75),
         position: 'absolute',
-        bottom: (0, rn_ui_1.dp)(130),
+        bottom: dp(130),
         alignSelf: 'center',
         justifyContent: 'center',
         alignItems: 'center',
     },
     point: {
-        marginRight: (0, rn_ui_1.dp)(5),
-        width: (0, rn_ui_1.dp)(11),
-        height: (0, rn_ui_1.dp)(11),
+        marginRight: dp(5),
+        width: dp(11),
+        height: dp(11),
         backgroundColor: '#f2121a',
-        borderRadius: (0, rn_ui_1.dp)(6),
+        borderRadius: dp(6),
         position: 'absolute',
-        left: (0, rn_ui_1.dp)(30),
+        left: dp(30),
     },
     bounds: {
         backgroundColor: '#fff',
-        borderRadius: (0, rn_ui_1.dp)(40),
-        height: (0, rn_ui_1.dp)(75),
-        width: (0, rn_ui_1.dp)(75),
+        borderRadius: dp(40),
+        height: dp(75),
+        width: dp(75),
         position: 'absolute',
-        bottom: (0, rn_ui_1.dp)(130),
+        bottom: dp(130),
         alignSelf: 'center',
         justifyContent: 'center',
         alignItems: 'center',
@@ -291,17 +263,17 @@ const styles = react_native_1.StyleSheet.create({
         textAlign: 'center',
     },
 });
-function buildPictureData(data) {
+export function buildPictureData(data) {
     return __awaiter(this, void 0, void 0, function* () {
-        const uid = (0, react_native_compressor_1.uuidv4)();
+        const uid = uuidv4();
         const path = data.path;
         const ext = path.split('.').pop();
         const filename = PICTURE + '_' + uid + '.' + ext;
-        const tmp = yield react_native_compressor_1.Image.compress(path, {
+        const tmp = yield Image.compress(path, {
             compressionMethod: 'auto'
         });
-        const localPath = yield (0, file_1.moveFile)(tmp, filename, PICTURE);
-        const size = yield (0, react_native_compressor_1.getFileSize)(localPath);
+        const localPath = yield moveFile(tmp, filename, PICTURE);
+        const size = yield getFileSize(localPath);
         let width = data.width;
         let height = data.height;
         if (data.orientation === 'portrait') {
@@ -320,24 +292,23 @@ function buildPictureData(data) {
         };
     });
 }
-exports.buildPictureData = buildPictureData;
 function buildVideoData(data) {
     return __awaiter(this, void 0, void 0, function* () {
-        const uid = (0, react_native_compressor_1.uuidv4)();
+        const uid = uuidv4();
         const path = data.path;
         try {
-            const compressPath = yield react_native_compressor_1.Video.compress((0, file_1.toAbsolutePath)(path), {
+            const compressPath = yield Video.compress(toAbsolutePath(path), {
                 compressionMethod: 'auto',
                 maxSize: 1080,
             });
             const ext = compressPath.split('.').pop();
             const filename = VIDEO + '_' + uid + '.' + ext;
-            const size = yield (0, react_native_compressor_1.getFileSize)(compressPath);
-            let thumb = yield (0, react_native_compressor_1.createVideoThumbnail)((0, file_1.toAbsolutePath)(compressPath));
+            const size = yield getFileSize(compressPath);
+            let thumb = yield createVideoThumbnail(toAbsolutePath(compressPath));
             console.log('RNThumbnail', thumb);
             const imageName = 'thumb_' + uid + '.jpg';
-            const imagePath = yield (0, file_1.moveFile)(thumb.path, imageName, VIDEO);
-            const localPath = yield (0, file_1.moveFile)(compressPath, filename, VIDEO);
+            const imagePath = yield moveFile(thumb.path, imageName, VIDEO);
+            const localPath = yield moveFile(compressPath, filename, VIDEO);
             return {
                 filename,
                 localPath: localPath,
@@ -357,4 +328,4 @@ function buildVideoData(data) {
         }
     });
 }
-exports.default = CameraCapture;
+export default CameraCapture;

package/dist/components/Camera/CameraResult.js

@@ -1,62 +1,34 @@
-"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 rn_ui_1 = require("@smart-link/rn-ui");
-const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const MaterialCommunityIcons_1 = __importDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
+import { dp } from '@smart-link/rn-ui';
+import React, { useEffect } from 'react';
+import { View, StyleSheet, TouchableOpacity, Image } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 const CameraResult = (props) => {
     const { horizontal = false, isVideo = false, source, cancelResult, confirmResult, editResult, } = props;
     const resizeMode = horizontal ? 'contain' : 'cover';
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         return () => {
             console.log('CameraResult unmounted');
         };
     }, []);
-    return (<react_native_1.View style={styles.confirm}>
-            <react_native_1.Image style={styles.pic} resizeMode={resizeMode} source={Object.assign({}, source)}/>
+    return (<View style={styles.confirm}>
+            <Image style={styles.pic} resizeMode={resizeMode} source={Object.assign({}, source)}/>
 
-            <react_native_1.View style={styles.bar}>
-                <react_native_1.TouchableOpacity style={styles.cancel} onPress={cancelResult}>
-                    <MaterialCommunityIcons_1.default name='close' size={(0, rn_ui_1.dp)(30)} color={'#666'}/>
-                </react_native_1.TouchableOpacity>
+            <View style={styles.bar}>
+                <TouchableOpacity style={styles.cancel} onPress={cancelResult}>
+                    <Icon name='close' size={dp(30)} color={'#666'}/>
+                </TouchableOpacity>
 
-                {!isVideo && <react_native_1.TouchableOpacity style={styles.cancel} onPress={editResult}>
-                    <MaterialCommunityIcons_1.default name='circle-edit-outline' size={(0, rn_ui_1.dp)(30)} color={'#666'}/>
-                </react_native_1.TouchableOpacity>}
+                {!isVideo && <TouchableOpacity style={styles.cancel} onPress={editResult}>
+                    <Icon name='circle-edit-outline' size={dp(30)} color={'#666'}/>
+                </TouchableOpacity>}
 
-                <react_native_1.TouchableOpacity style={styles.ok} onPress={confirmResult}>
-                    <MaterialCommunityIcons_1.default name='check' size={(0, rn_ui_1.dp)(30)} color={'#666'}/>
-                </react_native_1.TouchableOpacity>
-            </react_native_1.View>
-        </react_native_1.View>);
+                <TouchableOpacity style={styles.ok} onPress={confirmResult}>
+                    <Icon name='check' size={dp(30)} color={'#666'}/>
+                </TouchableOpacity>
+            </View>
+        </View>);
 };
-const styles = react_native_1.StyleSheet.create({
+const styles = StyleSheet.create({
     confirm: {
         flex: 1,
         backgroundColor: '#000',
@@ -69,34 +41,34 @@ const styles = react_native_1.StyleSheet.create({
         position: 'absolute',
         justifyContent: 'space-between',
         alignItems: 'center',
-        bottom: (0, rn_ui_1.dp)(130),
-        left: (0, rn_ui_1.dp)(20),
-        right: (0, rn_ui_1.dp)(20),
+        bottom: dp(130),
+        left: dp(20),
+        right: dp(20),
         flexDirection: 'row',
     },
     cancel: {
         backgroundColor: '#fff',
-        borderRadius: (0, rn_ui_1.dp)(40),
-        height: (0, rn_ui_1.dp)(80),
-        width: (0, rn_ui_1.dp)(80),
+        borderRadius: dp(40),
+        height: dp(80),
+        width: dp(80),
         justifyContent: 'center',
         alignItems: 'center',
     },
     edit: {
         backgroundColor: '#fff',
-        borderRadius: (0, rn_ui_1.dp)(40),
-        height: (0, rn_ui_1.dp)(80),
-        width: (0, rn_ui_1.dp)(80),
+        borderRadius: dp(40),
+        height: dp(80),
+        width: dp(80),
         justifyContent: 'center',
         alignItems: 'center',
     },
     ok: {
         backgroundColor: '#fff',
-        borderRadius: (0, rn_ui_1.dp)(40),
-        height: (0, rn_ui_1.dp)(80),
-        width: (0, rn_ui_1.dp)(80),
+        borderRadius: dp(40),
+        height: dp(80),
+        width: dp(80),
         justifyContent: 'center',
         alignItems: 'center',
     }
 });
-exports.default = CameraResult;
+export default CameraResult;

package/dist/components/ChatAvatar/ChatAvatar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ConversationType } from '@smart-link/im-base';
-import { ChatAvatarIdProps } from "../../components/ChatAvatar/ChatAvatarId";
+import { ChatAvatarIdProps } from "./ChatAvatarId";
 type ChatAvatarProps = {
     id: string;
     name: string;