@jescon-technologies/react-native-ui-kit 0.0.6 → 0.0.8

package/src/Media/CAudioPlay.js

@@ -1,228 +0,0 @@
-import React from 'react';
-import { View, Image, Text, TouchableOpacity, StyleSheet, Platform, Dimensions } from 'react-native';
-import Slider from '@react-native-community/slider';
-import Sound from 'react-native-sound';
-import { colors } from '../CommonStyle/commonStyle';
-import ComponentStyles, { normalize } from '../CommonStyle/componentStyle';
-import FontAwesome from 'react-native-vector-icons/FontAwesome';
-
-export default class PlayerScreen extends React.Component {
-    static navigationOptions = props => ({
-        title: props.navigation.state.params.title,
-    });
-    constructor() {
-        super();
-        this.state = {
-            playState: 'paused', //playing, paused
-            playSeconds: 0,
-            duration: 0,
-        };
-        this.sliderEditing = false;
-    }
-
-    componentDidMount() {
-        // this.play();
-
-        this.timeout = setInterval(() => {
-            if (this.sound && this.sound.isLoaded() && this.state.playState == 'playing' && !this.sliderEditing) {
-                this.sound.getCurrentTime((seconds, isPlaying) => {
-                    this.setState({ playSeconds: seconds });
-                });
-            }
-        }, 100);
-    }
-    componentWillUnmount() {
-        if (this.sound) {
-            this.sound.release();
-            this.sound = null;
-        }
-        if (this.timeout) {
-            clearInterval(this.timeout);
-        }
-    }
-
-    onSliderEditStart = () => {
-        this.sliderEditing = true;
-    };
-    onSliderEditEnd = () => {
-        this.sliderEditing = false;
-    };
-    onSliderEditing = value => {
-        if (this.sound) {
-            this.sound.setCurrentTime(value);
-            this.setState({ playSeconds: value });
-        }
-    };
-    play = async () => {
-        if (this.sound) {
-            this.sound.play(this.playComplete);
-            this.setState({ playState: 'playing' });
-        } else {
-            const filepath = this.props.audio;
-            this.sound = new Sound(filepath,'', (error) => {
-                if (error) {
-                    this.setState({ playState: 'paused' });
-                } else {
-                    this.setState({ playState: 'playing', duration: this.sound.getDuration() });
-                    this.sound.play(this.playComplete);
-                }
-            });
-        }
-    };
-    playComplete = (success) => {
-        if (this.sound) {
-            if (success) {
-            } else {
-            }
-            this.setState({ playState: 'paused', playSeconds: 0 });
-            this.sound.setCurrentTime(0);
-        }
-    };
-
-    pause = () => {
-        if (this.sound) {
-            this.sound.pause();
-        }
-        this.setState({ playState: 'paused' });
-    };
-
-    jumpPrev15Seconds = () => { this.jumpSeconds(-15); };
-    jumpNext15Seconds = () => { this.jumpSeconds(15); };
-    jumpSeconds = (secsDelta) => {
-        if (this.sound) {
-            this.sound.getCurrentTime((secs, isPlaying) => {
-                let nextSecs = secs + secsDelta;
-                if (nextSecs < 0) {nextSecs = 0;}
-                else if (nextSecs > this.state.duration) {nextSecs = this.state.duration;}
-                this.sound.setCurrentTime(nextSecs);
-                this.setState({ playSeconds: nextSecs });
-            });
-        }
-    };
-    getAudioTimeString(seconds) {
-        const h = parseInt(seconds / (60 * 60));
-        const m = parseInt(seconds % (60 * 60) / 60);
-        const s = parseInt(seconds % 60);
-        return ((h < 10 ? '0' + h : h) + ':' + (m < 10 ? '0' + m : m) + ':' + (s < 10 ? '0' + s : s));
-    }
-    render() {
-        const currentTimeString = this.getAudioTimeString(this.state.playSeconds);
-        const durationString = this.getAudioTimeString(this.state.duration);
-        return (
-            <View style={layoutstyles.main_container}>
-                <View style={layoutstyles.main_child_container}>
-                    {/* {this.props.component != undefined && this.props.component != null ?
-                        <TouchableOpacity
-                            onLongPress={() => this.props.deleterequest(this.props.component)}
-                            style={layoutstyles.left_container}>
-                            {this.props.component.hasOwnProperty("filestatus") && this.props.component.filestatus == 3 ?
-                                <Image
-                                    source={{ uri: "https://cdn.iconscout.com/icon/premium/png-256-thumb/restore-3313724-2794064.png" }}
-                                    style={layoutstyles.delete_restore_icon}
-                                />
-                                :
-                                <Image
-                                    source={{ uri: "https://cdn.iconscout.com/icon/premium/png-256-thumb/restore-3313724-2794064.png" }}
-                                    style={layoutstyles.delete_restore_icon}
-                                />
-                            }
-                        </TouchableOpacity>
-                        : null} */}
-                    <View style={layoutstyles.right_container}>
-                        <View style={layoutstyles.right_child_container}>
-                            <TouchableOpacity
-                                onPress={this.jumpPrev15Seconds}
-                                style={ComponentStyles.View_col_center}
-                            >
-                                <FontAwesome name="rotate-left" size={25} />
-                            </TouchableOpacity>
-
-                            {this.state.playState == 'playing' &&
-                                <TouchableOpacity onPress={this.pause}
-                                    style={layoutstyles.play_or_pause_container}
-                                >
-                                    <FontAwesome name="pause" size={25} />
-                                </TouchableOpacity>}
-                            {this.state.playState == 'paused' &&
-                                <TouchableOpacity onPress={this.play}
-                                    style={layoutstyles.play_or_pause_container}>
-                                    <FontAwesome name="play" size={25} />
-                                </TouchableOpacity>}
-                            <TouchableOpacity onPress={this.jumpNext15Seconds}
-                                style={ComponentStyles.View_col_center}>
-                                <FontAwesome name="rotate-right" size={25} />
-                            </TouchableOpacity>
-                        </View>
-                        <View style={layoutstyles.slider_bar_container}>
-                            <Text style={layoutstyles.duration_text}>
-                                {currentTimeString}</Text>
-                            <Slider
-                                onTouchStart={this.onSliderEditStart}
-                                onTouchEnd={this.onSliderEditEnd}
-                                onValueChange={this.onSliderEditing}
-                                value={this.state.playSeconds} maximumValue={this.state.duration}
-                                maximumTrackTintColor={colors.color_audio_minimumTrackTintColor}
-                                minimumTrackTintColor={colors.color_audio_maximumTrackTintColor} thumbTintColor={colors.color_audio_maximumTrackTintColor}
-                                style={layoutstyles.slider_bar_style}
-                            />
-                            <Text style={layoutstyles.duration_text}>
-                                {durationString}
-                            </Text>
-                        </View>
-                    </View>
-                </View>
-            </View>
-        );
-    }
-}
-
-const layoutstyles = StyleSheet.create({
-    main_container: {
-        width: Dimensions.get('window').width * 0.7,
-        marginLeft:10,
-    },
-    slider_bar_style: {
-        flex: 1, alignSelf: 'center',
-        marginHorizontal: Platform.select({ ios: 5 }),
-    },
-    main_child_container: {
-        backgroundColor:'#DAF0FF',
-        padding: 5,
-        borderColor: colors.color_componentBordercolor, borderWidth: 0.5,
-        marginTop: Dimensions.get('window').height * 0.005,
-        borderRadius: 7,
-        justifyContent: 'center',
-        width: Dimensions.get('window').width * 0.7,
-        justifyContent: 'center', flexDirection: 'row',
-    },
-    right_container: {
-        flex: 5,
-    },
-    delete_restore_icon: {
-        width: 50, height: 50, margin: 5, alignSelf: 'center',
-    },
-    right_child_container: {
-        flexDirection: 'row', justifyContent: 'center', marginVertical: 5,
-    },
-    left_container: {
-        flex: 1, justifyContent: 'center', alignItems: 'center',
-    },
-    duration_text: {
-        color: 'black', alignSelf: 'center', fontSize: normalize(10),
-    },
-    slider_bar_container: {
-        marginVertical: 2, marginHorizontal: 2, flexDirection: 'row',
-        paddingRight: Dimensions.get('window').width * 0.02,
-    },
-
-    jumpleft_or_right_icon: {
-        width: 30, height: 30,
-    },
-    play_or_pause_container: {
-        marginHorizontal: 20, marginLeft: 25, marginRight: 25,
-    },
-    play_or_pause_icon: {
-        width: 35, height: 35,
-    },
-});
-

package/src/Media/CCaptureImageWithoutEdit.js

@@ -1,330 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { View, StyleSheet, TouchableOpacity, Dimensions, Text } from 'react-native';
-import ComponentStyles, { normalize } from '../CommonStyle/componentStyle';
-import { isBNUL, isNU, isNUQ, notifyMessage } from '../CommonStyle/ComponentFunctions';
-import HeaderBlock from '../Screens/HeaderBlock';
-import { useNavigation } from '../Navigation/useNavigation';
-import { Camera, getCameraDevice, useCameraDevices, useCameraFormat, useCodeScanner } from 'react-native-vision-camera';
-import CFooterView from '../CustomComponents/CFooterView';
-import { Global } from '../../../../../src/Common/Global';
-import HOCIcons from '../HOC/HOCIcons';
-import PhotoEditor from 'react-native-photo-editor';
-
-export default function CCaptureImageWithoutEdit(props) {
-
-    const [cameraType, setCameraType] = useState();
-    const [showCamera, setShowCamera] = useState(false);
-    const navigation = useNavigation();
-    const vcamera = useRef(null);
-    const vdevices = Camera.getAvailableCameraDevices();
-    const [vdevice, setVDevice] = useState();
-    // for video recording
-    const [isRecording, setIsRecording] = useState(false);  // New state for recording
-    const [videoPath, setVideoPath] = useState('');  // To store the video path when recording is stopped
-
-    const codeScanner = useCodeScanner({
-
-        codeTypes: ['qr', 'ean-13','code-128','code-39','code-93'],
-        onCodeScanned: (codes) => {
-            if ((props.route?.params?.cameramoduletype == 2) && isBNUL(codes) && isNUQ(codes[0].value)) {
-                props.route.params.onSelect({
-                    data: codes[0].value,
-                });
-                navigation.pop();
-            }
-        },
-    });
-
-    useEffect(() => {
-        async function getPermission() {
-            const newCameraPermission = await Camera.requestCameraPermission();
-            if (newCameraPermission == 'granted') {
-                let cameraAngle = props.route?.params?.cameratype ? props.route?.params?.cameratype : 'back';
-                setCameraType(cameraAngle);
-                setVDevice(getCameraDevice(vdevices, cameraAngle));
-                setShowCamera(true);
-            }
-        }
-        getPermission();
-    }, [vdevices]);
-
-    function getCameraType(params, vdevices) {
-
-        if (params == 'back') {
-            console.log('getCameraType1111', params);
-            setCameraType('front');
-            setVDevice(getCameraDevice(vdevices, 'front'));
-        }
-        else {
-            console.log('getCameraType 222', params);
-            setCameraType('back');
-            setVDevice(getCameraDevice(vdevices, 'back'));
-        }
-    }
-
-    const capturePhoto = async () => {
-        if (vcamera.current !== null) {
-
-            const photo = await vcamera.current.takePhoto({
-                // qualityPrioritization: 'quality', // prioritize photo quality
-                // maxWidth: 640,  // Decrease the width for lower resolution
-                // maxHeight: 480, // D
-            });
-            const photopath = `file://${photo.path}`;
-            // let imgPath = photopath.replace('file:///', '');
-            let fileName = photopath.substr(photopath.lastIndexOf('/') + 1);
-
-
-            PhotoEditor.Edit({
-                path: photo.path, hiddenControls: ['sticker', 'save'],
-                onDone: () => {
-                    props.route.params.onSelect({
-                        uri: photopath,
-                        filename: fileName,
-                        filetype: 'image/jpeg',
-                    });
-                    navigation.pop();
-                },
-            });
-
-            // props.route.params.onSelect({
-            //     uri: `file://${photo.path}`,
-            //     filename: fileName,
-            //     filetype: "image/jpeg",
-            // });
-            // navigation.pop();
-        }
-    };
-
-    const startRecording = async () => {
-        if (vcamera.current) {
-            try {
-                setIsRecording(true);
-                const video = await vcamera.current.startRecording({
-                    onRecordingFinished: (uri) => {
-                        setVideoPath(uri.path);
-                        console.log('videoPath real ........', uri);
-                        props.route.params.onSelect({
-                            uri: `file://${uri.path}`,
-                            filename: `${new Date().toISOString()}.mp4`,
-                            filetype: 'video/mp4',
-                        });
-                        // console.log('videoPath............', videoPath);
-                        navigation.pop();
-                    },
-                    onRecordingError: (error) => {
-                        console.error(error);
-                        setIsRecording(false);
-                    },
-                });
-            } catch (error) {
-                console.error('Error starting video recording:', error);
-            }
-        }
-    };
-
-    const stopRecording = async () => {
-        if (vcamera.current) {
-            try {
-                setIsRecording(false);
-                await vcamera.current.stopRecording();
-            } catch (error) {
-                console.error('Error stopping video recording:', error);
-            }
-        }
-    };
-
-    const format = useCameraFormat(vdevice, [
-        {
-            photoResolution: { width: 640, height: 480 },
-        },
-    ]);
-
-    //   { videoResolution: { width: 3048, height: 2160 } },
-
-
-    return (
-        <View style={{ flex: 1 }}>
-            <HeaderBlock
-            />
-            <View style={[layoutstyles.container]}>
-                {vdevice != null && showCamera ? (
-                    <View style={{ flex: 1, borderWidth: 1 }}>
-                        <Camera
-                            ref={vcamera}
-                            style={StyleSheet.absoluteFill}
-                            device={vdevice}
-                            // format={format}
-                            isActive={showCamera}
-                            photo={true}
-                            codeScanner={codeScanner}
-                            video={props.route?.params?.cameramoduletype === 1}
-                            // format={''}
-                            // videoBitRate={'extra-low'}
-                            onInitialized={() => {
-                                console.log('camera initialized.');
-                            }}
-                        />
-                    </View>
-                ) : (
-
-                    <View style={{ justifyContent: 'center', alignItems: 'center', flex: 1, borderWidth: 1 }}>
-                        <Text>{'Camera Permission required.'}</Text>
-                    </View>
-                )}
-            </View>
-            {
-                props.route?.params?.hidebuttons ?
-                    null :
-                    <CFooterView>
-                        {isNU(cameraType) && isNU(vdevices) ?
-                            <View style={{ flexDirection: 'row', justifyContent: 'center', alignItems: 'center' }}>
-                                <View style={{ flex: 2 }} />
-
-
-                                {/* Start/Stop Video Recording Button */}
-                                {props.route?.params?.cameramoduletype === 1 ?
-                                    <View style={{ borderWidth: 0, flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-                                        <TouchableOpacity
-                                            onPress={() => {
-                                                if (isRecording) {
-                                                    stopRecording();
-                                                } else {
-                                                    startRecording();
-                                                }
-                                            }}
-                                            style={{
-                                                opacity: 1,
-                                                borderRadius: 100,
-                                                borderLeftWidth: 2,
-                                                borderBottomWidth: 2,
-                                                borderColor: Global.AppTheme.primary_color,
-                                                borderWidth: 0.5,
-                                                justifyContent: 'center',
-                                                alignItems: 'center',
-                                                margin: normalize(5),
-                                                height: normalize(60),
-                                                width: normalize(60),
-                                                backgroundColor: isRecording ? 'red' : 'white',
-                                                elevation: 2,
-                                            }}>
-                                            <HOCIcons.Icons
-                                                icongroup={5}
-                                                name={isRecording ? 'stop' : 'video'}
-                                                color={isRecording ? 'white' : Global.AppTheme.primary_color}
-                                                size={normalize(30)} style={{
-                                                    marginHorizontal: normalize(3),
-                                                }}
-                                            />
-
-                                        </TouchableOpacity>
-                                        <Text adjustsFontSizeToFit style={{
-                                            fontSize: normalize(8),
-                                            color: Global.AppTheme.primary_color,
-                                            textAlign: 'center',
-                                            fontWeight: 'bold',
-                                        }} >
-                                            {isRecording ? 'Stop' : 'Record'}
-                                        </Text>
-                                    </View>
-                                    :
-                                    <View style={{ borderWidth: 0, flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-                                        <TouchableOpacity
-                                            onPress={() => {
-                                                capturePhoto();
-                                            }}
-                                            style={{
-                                                opacity: 1,
-                                                borderRadius: 100,
-                                                borderLeftWidth: 2,
-                                                borderBottomWidth: 2,
-                                                borderColor: Global.AppTheme.primary_color,
-                                                borderWidth: 0.5,
-                                                justifyContent: 'center',
-                                                alignItems: 'center',
-                                                margin: normalize(5),
-                                                height: normalize(60),
-                                                width: normalize(60),
-                                                backgroundColor: 'white',
-                                                elevation: 2,
-                                            }}>
-                                            <HOCIcons.Icons
-                                                icongroup={5}
-                                                name={'camera'}
-                                                color={Global.AppTheme.primary_color}
-                                                size={normalize(22)} style={{
-                                                    marginHorizontal: normalize(3),
-                                                }}
-                                            />
-
-                                        </TouchableOpacity>
-                                        <Text adjustsFontSizeToFit style={{
-                                            fontSize: normalize(8),
-                                            color: Global.AppTheme.primary_color,
-                                            textAlign: 'center',
-                                            fontWeight: 'bold',
-                                        }} >
-                                            {'Capture'}
-                                        </Text>
-                                    </View>
-
-                                }
-                                <View style={{ justifyContent: 'center', alignItems: 'center', flex: 2 }}>
-                                    {isRecording ?
-                                        null :
-                                        <>
-                                            <TouchableOpacity
-                                                onPress={() => {
-                                                    getCameraType(cameraType, vdevices);
-                                                }}
-                                                style={{
-                                                    opacity: 1,
-                                                    borderRadius: 100,
-                                                    borderLeftWidth: 2,
-                                                    borderBottomWidth: 2,
-                                                    borderColor: Global.AppTheme.primary_color,
-                                                    borderWidth: 0.5,
-                                                    justifyContent: 'center',
-                                                    alignItems: 'center',
-                                                    margin: normalize(5),
-                                                    height: normalize(45),
-                                                    width: normalize(45),
-                                                    backgroundColor: 'white',
-                                                    elevation: 2,
-                                                }}>
-                                                <HOCIcons.Icons
-                                                    icongroup={2}
-                                                    name={'flip-camera-ios'}
-                                                    color={Global.AppTheme.primary_color}
-                                                    size={normalize(22)} style={{
-                                                        marginHorizontal: normalize(3),
-                                                    }}
-                                                />
-
-                                            </TouchableOpacity>
-                                            <Text adjustsFontSizeToFit style={{
-                                                fontSize: normalize(7),
-                                                color: Global.AppTheme.primary_color,
-                                                textAlign: 'center',
-                                                fontWeight: 'bold',
-                                            }} >
-                                                {'Rotate'}
-                                            </Text>
-                                        </>
-                                    }
-                                </View>
-                            </View>
-                            : null}
-                    </CFooterView>
-            }
-
-        </View>
-    );
-}
-
-const layoutstyles = StyleSheet.create({
-    container: {
-        flex: 1,
-        flexDirection: 'column',
-    },
-});