@ha_tecno/live-id-sdk 1.0.0 → 2.2.0

package/src/screens/ProvaVidas/index.tsx

@@ -1,308 +0,0 @@
-/* eslint-disable react-native/no-inline-styles */
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { Text, View, TouchableOpacity, Button } from 'react-native';
-import {
-  Camera,
-  useCameraDevice,
-  useCameraFormat,
-  type VideoFile,
-} from 'react-native-vision-camera';
-import Modal, { type ModalProps } from 'react-native-modal';
-import { Toast } from '../../components/Toast/Toast';
-import { provaVida } from '../../services';
-import { getConfigCamera } from '../../utils';
-import { Alert } from 'react-native';
-import type { ScreenProps } from '../../types/screen';
-import { Platform } from 'react-native';
-import Orientation from 'react-native-orientation-locker';
-import { WaitingForResult } from '../../components/WaitingForResult';
-import { ErrorDisplay } from '../../components/ErrorDisplay';
-import { DeviceNullDisplay } from '../../components/DeviceNullDisplay';
-import { styles } from './styles';
-import { CameraConfigInfos } from '../../components/CameraConfigInfos';
-
-const IS_IOS = Platform.OS === 'ios';
-
-interface CameraProvaVidasProps {
-  isVisible: boolean;
-  onCloseModal?: () => void;
-  onError?: (response?: any) => void;
-  onSuccess?: (response?: any) => void;
-  ModalParams?: ModalProps;
-  screenProps?: ScreenProps;
-}
-
-type GetConfigApi = {
-  id: number;
-  deviceModels: string[];
-  deviceType: string;
-  fps: number;
-  exposure: number;
-  zoom: number;
-  serviceType: string;
-  showButtonInfo: boolean;
-};
-
-export const CameraProvaVidas: React.FC<CameraProvaVidasProps> = ({
-  isVisible = false,
-  onCloseModal,
-  onError,
-  onSuccess,
-  ModalParams,
-  screenProps,
-}) => {
-  const id = screenProps?.id;
-  const camera = useRef<Camera>(null);
-
-  const [showOverlay, setShowOverlay] = useState(false);
-  const [intervalState, setIntervalState] = useState<NodeJS.Timeout | null>(
-    null
-  );
-
-  const [timer, setTimer] = useState(0);
-  const [load, setLoad] = useState(false);
-  const [stateToastBpm, setStateToastBpm] = useState({
-    message: '',
-    visible: false,
-  });
-  const [isRecording, setIsRecording] = useState(false);
-  const [cameraConfigs, setCameraConfigs] = useState<GetConfigApi>();
-
-  // mantem a tela em modo portrait
-  useEffect(() => {
-    Orientation.lockToPortrait();
-    return () => {
-      Orientation.unlockAllOrientations();
-    };
-  }, []);
-
-  // Pega a permissão da camera do dispositivo
-  const requestCameraPermission = useCallback(async () => {
-    try {
-      await Camera.requestCameraPermission();
-    } catch (error) {}
-  }, []);
-
-  // pra garantir que a permissão da camera seja solicitada
-  useEffect(() => {
-    requestCameraPermission();
-  }, [requestCameraPermission]);
-
-  useEffect(() => {
-    getConfigCamera('liveness')
-      .then((config) => {
-        setCameraConfigs(config);
-      })
-      .catch((error) => {
-        console.error(error);
-      });
-  }, []);
-
-  const device = useCameraDevice('back', {
-    physicalDevices: ['wide-angle-camera'],
-  });
-
-  const cameraFormat = useCameraFormat(device, [
-    {
-      videoResolution: {
-        height: 1280,
-        width: 720,
-      },
-    },
-  ]);
-
-  // Envia o arquivo para a api
-  const sendFile = useCallback(
-    async (file: VideoFile) => {
-      setLoad(true);
-
-      if (!id)
-        return Alert.alert(
-          'Erro ao enviar o arquivo ( id error ), tente novamente mais tarde'
-        );
-
-      let req = await provaVida(file, id, cameraConfigs?.exposure);
-
-      if (req.code === 0 && req.bpm >= 0) {
-        setShowOverlay(false);
-
-        const optionsToast = {
-          message: `Seu batimento esta em: ${req.bpm}.\n Prova de vida concluida !`,
-          visible: true,
-        };
-        setStateToastBpm(optionsToast);
-        onSuccess && onSuccess(req);
-      } else {
-        Alert.alert(req.message);
-        onError && onError(req);
-      }
-      setLoad(false);
-      setShowOverlay(false);
-      return;
-    },
-    [cameraConfigs?.exposure, id, onError, onSuccess]
-  );
-
-  // Limpa tudo
-  useEffect(() => {
-    return () => {
-      // limpa tudo
-      setTimer(0);
-      setIsRecording(false);
-      setLoad(false);
-      setStateToastBpm({ message: '', visible: false });
-    };
-  }, []);
-
-  // Limpa o intervalo do timer
-  useEffect(() => {
-    if (timer < 0) {
-      if (!intervalState) return;
-      clearInterval(intervalState);
-      stopRecodingVideo();
-    }
-  }, [timer, intervalState]);
-
-  // Função para iniciar a gravação do video na referencia da camera
-  const startVideoRecording = useCallback(() => {
-    setIsRecording(true);
-
-    camera.current?.startRecording({
-      fileType: 'mp4',
-      onRecordingFinished: (video) => sendFile(video),
-      onRecordingError: (error) => console.error(error),
-    });
-  }, [sendFile]);
-
-  // Inicia a gravação do video
-  const recordingVideo = useCallback(async () => {
-    startVideoRecording();
-    setTimer(10);
-    setLoad(true);
-
-    setIntervalState(
-      setInterval(() => {
-        setTimer((prevTimer) => prevTimer - 1); // Update the timer state
-      }, 1000)
-    );
-  }, [startVideoRecording]);
-
-  // Para a gravação do video
-  const stopRecodingVideo = async () => {
-    setIsRecording(false);
-    await camera.current?.stopRecording();
-    setShowOverlay(true);
-    return;
-  };
-
-  // Fecha o modal
-  const onCloseModalHandler = () => {
-    resetScreenStatesAndCamera();
-    onCloseModal && onCloseModal();
-  };
-
-  // Limpa os estados da tela e a camera
-  const resetScreenStatesAndCamera = () => {
-    setTimer(0);
-    setIsRecording(false);
-    setShowOverlay(false);
-    setLoad(false);
-    setStateToastBpm({ message: '', visible: false });
-  };
-
-  if (!screenProps && isVisible) {
-    return (
-      <ErrorDisplay
-        isVisible={isVisible}
-        modalParams={ModalParams}
-        onCloseModalHandler={onCloseModalHandler}
-        requestCameraPermission={requestCameraPermission}
-      />
-    );
-  }
-
-  if (device == null) {
-    return (
-      <DeviceNullDisplay
-        isVisible={isVisible}
-        modalParams={ModalParams}
-        onCloseModalHandler={onCloseModalHandler}
-        requestCameraPermission={requestCameraPermission}
-      />
-    );
-  }
-
-  return (
-    <Modal
-      style={{ margin: 0 }}
-      isVisible={isVisible}
-      swipeDirection="down"
-      propagateSwipe={true}
-      onSwipeComplete={onCloseModalHandler}
-      {...ModalParams}
-    >
-      <View style={styles.container}>
-        {showOverlay && (
-          <WaitingForResult
-            onPress={() => {
-              setShowOverlay(false);
-            }}
-          />
-        )}
-
-        <Toast
-          message={stateToastBpm.message}
-          isVisible={stateToastBpm.visible}
-          onClose={onCloseModalHandler}
-        />
-
-        <View style={styles.containerCamera}>
-          <Camera
-            ref={camera}
-            style={styles.subContainer}
-            isActive={true}
-            device={device}
-            video={true}
-            torch={'on'}
-            format={cameraFormat}
-            exposure={cameraConfigs?.exposure}
-            zoom={cameraConfigs?.zoom}
-          />
-          <View style={styles.cameraView} />
-          <View style={styles.containerTouch}>
-            <TouchableOpacity
-              onPress={() => recordingVideo()}
-              disabled={isRecording || load}
-            >
-              <View style={styles.containerText}>
-                <Text style={styles.textRecording}>
-                  {isRecording
-                    ? `Aguarde ${timer} segundos`
-                    : load
-                    ? 'Processando...'
-                    : 'Medir Batimentos'}
-                </Text>
-              </View>
-            </TouchableOpacity>
-          </View>
-          <View
-            style={{
-              marginBottom: IS_IOS ? 48 : 0,
-            }}
-          >
-            <CameraConfigInfos
-              exposure={cameraConfigs?.exposure}
-              zoom={cameraConfigs?.zoom}
-              showButtonInfo={cameraConfigs?.showButtonInfo}
-            />
-            <Button
-              disabled={load}
-              title="Fechar Camera"
-              onPress={onCloseModalHandler}
-            />
-          </View>
-        </View>
-      </View>
-    </Modal>
-  );
-};

package/src/screens/ProvaVidas/styles.ts

@@ -1,99 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { RFValue } from 'react-native-responsive-fontsize';
-
-export const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-
-  subContainer: {
-    flex: 1,
-  },
-
-  image: {
-    width: RFValue(200),
-    height: RFValue(200),
-  },
-
-  modalImage: {
-    width: '100%',
-    height: '100%',
-    resizeMode: 'contain',
-  },
-
-  overlay: {
-    zIndex: 2,
-    flex: 1,
-    height: '100%',
-    width: '100%',
-    backgroundColor: `rgba(44, 45, 46, 0.5)`,
-    alignItems: `center`,
-    justifyContent: `center`,
-    position: `absolute`,
-  },
-
-  textOverlay: {
-    fontSize: RFValue(18),
-    fontWeight: `500`,
-    color: `#fff`,
-    textAlign: `center`,
-    width: RFValue(300),
-    marginBottom: RFValue(20),
-  },
-
-  closeButton: {
-    position: 'absolute',
-    top: 20,
-    right: 20,
-  },
-
-  closeIcon: {
-    width: 20,
-    height: 20,
-  },
-
-  containerCamera: {
-    flex: 1,
-  },
-
-  cameraView: {
-    width: '100%',
-    height: RFValue(250),
-    backgroundColor: `rgba(173, 216, 230, 0)`,
-    position: `absolute`,
-    alignSelf: 'center',
-    marginTop: RFValue(50),
-    alignItems: `center`,
-    justifyContent: `center`,
-  },
-
-  containerTouch: {
-    height: RFValue(180),
-    alignItems: 'center',
-  },
-
-  containerText: {
-    width: RFValue(280),
-    height: RFValue(120),
-    borderRadius: 150,
-    backgroundColor: `blue`,
-    alignItems: `center`,
-    justifyContent: `center`,
-    marginTop: 10,
-  },
-
-  textRecording: {
-    fontSize: RFValue(18),
-    fontWeight: `500`,
-    color: `#fff`,
-  },
-  containerTextExposureAndZoom: {},
-  textExposureAndZoom: {
-    fontSize: 18,
-    fontWeight: `500`,
-    color: `#fff`,
-    textAlign: `center`,
-    width: RFValue(300),
-    marginBottom: RFValue(20),
-  },
-});

package/src/screens/ValidadeFinger/index.tsx

@@ -1,263 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { Button, Text, View, Alert, TouchableOpacity } from 'react-native';
-import {
-  Camera,
-  useCameraFormat,
-  type Point,
-  useCameraDevice,
-} from 'react-native-vision-camera';
-import Modal, { type ModalProps } from 'react-native-modal';
-import Orientation from 'react-native-orientation-locker';
-import {
-  Gesture,
-  GestureDetector,
-  GestureHandlerRootView,
-} from 'react-native-gesture-handler';
-import { runOnJS } from 'react-native-reanimated';
-
-import { verifyDigital } from '../../services';
-import { encodeImageToBase64 } from '../../utils/file';
-import type { ScreenProps } from '../../types/screen';
-import { DeviceNullDisplay } from '../../components/DeviceNullDisplay';
-import { ErrorDisplay } from '../../components/ErrorDisplay';
-import { Gabarito } from '../../components/Gabarito';
-import { WaitingForResult } from '../../components/WaitingForResult';
-import { styles } from './styles';
-import { CameraConfigInfos } from '../../components/CameraConfigInfos';
-import { getConfigCamera } from '../../utils';
-
-interface ValidaFingerProps {
-  isVisible: boolean;
-  ModalParams?: ModalProps;
-  screenProps?: ScreenProps;
-  onCloseModal?: () => void;
-  onError?: (response?: any) => void;
-  onSuccess?: (response?: any) => void;
-}
-
-type GetConfigApi = {
-  id: number;
-  deviceModels: string[];
-  deviceType: string;
-  fps: number;
-  exposure: number;
-  zoom: number;
-  serviceType: string;
-  showButtonInfo: boolean;
-};
-
-export const ValidaFinger: React.FC<ValidaFingerProps> = ({
-  isVisible = false,
-  onCloseModal,
-  onError,
-  onSuccess,
-  ModalParams,
-  screenProps,
-}) => {
-  const id = screenProps?.id;
-
-  const camera = useRef<Camera>(null);
-  const [showOverlay, setShowOverlay] = useState(false);
-  const [load, setLoad] = useState(false);
-  const [cameraConfigs, setCameraConfigs] = useState<GetConfigApi>();
-
-  // mantem a tela em modo portrait
-  useEffect(() => {
-    Orientation.lockToPortrait();
-    return () => {
-      Orientation.unlockAllOrientations();
-    };
-  }, []);
-
-  // Pega a permissão da camera do dispositivo
-  const requestCameraPermission = useCallback(async () => {
-    try {
-      await Camera.requestCameraPermission();
-    } catch (error) {}
-  }, []);
-
-  // pra garantir que a permissão da camera seja solicitada
-  useEffect(() => {
-    requestCameraPermission();
-  }, [requestCameraPermission]);
-
-  useEffect(() => {
-    getConfigCamera('finger')
-      .then((config) => {
-        setCameraConfigs(config);
-      })
-      .catch((error) => {
-        console.error(error);
-      });
-  }, []);
-
-  const device = useCameraDevice('back', {
-    physicalDevices: ['wide-angle-camera'],
-  });
-
-  const cameraFormat = useCameraFormat(device, [
-    {
-      photoResolution: {
-        height: 1280,
-        width: 720,
-      },
-    },
-  ]);
-
-  const capturedPhoto = async () => {
-    const snapshot = await camera.current?.takePhoto({
-      qualityPrioritization: 'speed',
-      flash: 'on',
-    });
-    if (snapshot == null) {
-      Alert.alert('Erro ao capturar imagem');
-      return false;
-    }
-    let base64 = await encodeImageToBase64(snapshot.path);
-
-    setLoad(true);
-    setShowOverlay(true);
-    sendFile(base64);
-    return true;
-  };
-
-  // Fecha o modal
-  const onCloseModalHandler = useCallback(() => {
-    onCloseModal && onCloseModal();
-  }, [onCloseModal]);
-
-  // Envia a imagem para a validação da digital
-  const sendFile = useCallback(
-    async (image) => {
-      try {
-        let UID = id;
-        let finger = 'DI';
-        let req = await verifyDigital(UID, finger, image);
-        if (req.code === 0) {
-          Alert.alert('Sucesso identificado !');
-          onSuccess && onSuccess(req);
-        } else if (req.code === 1) {
-          Alert.alert('Não Identificado !');
-          onError && onError(req);
-          setLoad(false);
-        } else {
-          Alert.alert('Erro ao tentar validar');
-          onError && onError(req);
-          setLoad(false);
-        }
-        setLoad(false);
-        onCloseModalHandler();
-        setShowOverlay(false);
-      } catch (error) {
-        onError && onError(error);
-        setShowOverlay(false);
-      }
-    },
-    [id, onError, onSuccess, onCloseModalHandler]
-  );
-
-  // Foca a camera na posição do toque
-  const focus = useCallback((point: Point) => {
-    const c = camera.current;
-    if (c == null) return;
-    c.focus(point);
-  }, []);
-
-  // Gestos para focar a camera
-  const gesture = Gesture.Tap().onBegin(({ x, y }) => {
-    runOnJS(focus)({ x, y });
-  });
-
-  if (!screenProps && isVisible) {
-    return (
-      <ErrorDisplay
-        isVisible={isVisible}
-        modalParams={ModalParams}
-        onCloseModalHandler={onCloseModalHandler}
-        requestCameraPermission={requestCameraPermission}
-      />
-    );
-  }
-
-  if (device == null) {
-    return (
-      <DeviceNullDisplay
-        isVisible={isVisible}
-        modalParams={ModalParams}
-        onCloseModalHandler={onCloseModalHandler}
-        requestCameraPermission={requestCameraPermission}
-      />
-    );
-  }
-
-  if (screenProps) {
-    return (
-      <Modal
-        style={styles.modal}
-        isVisible={isVisible}
-        swipeDirection="down"
-        propagateSwipe={true}
-        onSwipeComplete={onCloseModalHandler}
-        {...ModalParams}
-      >
-        <GestureHandlerRootView style={styles.root}>
-          <View style={styles.container}>
-            {showOverlay && (
-              <WaitingForResult
-                onPress={() => {
-                  setShowOverlay(false);
-                }}
-              />
-            )}
-            <GestureDetector gesture={gesture}>
-              <View style={styles.cameraContainer}>
-                <Camera
-                  ref={camera}
-                  format={cameraFormat}
-                  isActive={true}
-                  device={device}
-                  torch={'on'}
-                  exposure={cameraConfigs?.exposure}
-                  zoom={cameraConfigs?.zoom}
-                  photo={true}
-                  enableHighQualityPhotos={true}
-                  style={styles.camera}
-                />
-                {!showOverlay && <Gabarito />}
-              </View>
-            </GestureDetector>
-            <View style={styles.containerCapture}>
-              <TouchableOpacity disabled={load} onPress={() => capturedPhoto()}>
-                <View style={styles.containerButton}>
-                  {load ? (
-                    <Text style={styles.textButton}>
-                      Verificando Digital...
-                    </Text>
-                  ) : (
-                    <Text style={styles.textButton}>Tirar Foto</Text>
-                  )}
-                </View>
-              </TouchableOpacity>
-            </View>
-            <View style={styles.containerButtonClose}>
-              <Button
-                disabled={load}
-                title="Fechar Camera"
-                onPress={onCloseModalHandler}
-              />
-              <View style={styles.cameraConfigs}>
-                <CameraConfigInfos
-                  exposure={cameraConfigs?.exposure}
-                  zoom={cameraConfigs?.zoom}
-                  showButtonInfo={cameraConfigs?.showButtonInfo}
-                />
-              </View>
-            </View>
-          </View>
-        </GestureHandlerRootView>
-      </Modal>
-    );
-  }
-
-  return null;
-};

package/src/screens/ValidadeFinger/styles.ts

@@ -1,47 +0,0 @@
-import { StyleSheet, Dimensions, Platform } from 'react-native';
-
-const { height } = Dimensions.get('window');
-
-export const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  root: {
-    flex: 1,
-  },
-  cameraContainer: {
-    flex: 1,
-  },
-  camera: {
-    flex: 1,
-    justifyContent: 'flex-end',
-    paddingBottom: height * 0.2,
-  },
-  containerCapture: {
-    height: height * 0.2,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  containerButton: {
-    width: 350,
-    height: 100,
-    borderRadius: 80,
-    backgroundColor: 'blue',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  textButton: {
-    fontSize: 18,
-    fontWeight: '500',
-    color: '#fff',
-  },
-  modal: {
-    margin: 0,
-  },
-  containerButtonClose: {
-    marginBottom: Platform.OS === 'ios' ? 48 : 0,
-  },
-  cameraConfigs: {
-    alignItems: 'center',
-  },
-});